@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-main:#f68657;--color-text:#383a3f;--color-dark:#1f2124;--color-gray:#677;--color-bg:#f3f6f9;--color-light:#acb4bd;--color-lighter:#f9f9f9;--color-white:#fff;--color-border:#e0e3e6}.dark{--color-main:#f68657;--color-text:#d6d1d1;--color-dark:#f5f6f7;--color-gray:#999;--color-bg:#1f2124;--color-lighter:#292a2c;--color-white:#2e3235;--color-border:#252629}*{box-sizing:border-box;color:inherit;font-family:Lexend,sans-serif;font-size:inherit;margin:0;padding:0;scroll-behavior:smooth}body{font-size:16px;font-weight:400;line-height:1.8em}a{text-decoration:none}.container{align-items:center;background-color:#f3f6f9;background-color:var(--color-bg);color:#383a3f;color:var(--color-text);display:flex;height:100vh;width:100%}.app{background-color:#fff;background-color:var(--color-white);box-shadow:1px 1px 6px #0000000d;height:88vh;margin:0 auto;max-width:480px;position:relative;width:100%}.app-header{align-items:center;background-color:#f9f9f9;background-color:var(--color-lighter);box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:16px}.app-header h1{color:#1f2124;color:var(--color-dark);font-size:30px;font-weight:800;text-align:center}.app-header button{background:#0000;border:0;cursor:pointer}.app-header button>svg{fill:#1f2124;fill:var(--color-dark);height:25px;object-fit:cover;width:25px}.app-body{padding:16px}.notes-header{align-items:center;display:flex;justify-content:space-between;padding:10px 16px}.notes-count,.notes-title{color:#f68657;color:var(--color-main);font-size:24px;font-weight:600}.notes-count{color:#677;color:var(--color-gray);font-size:18px}.notes-list{height:70vh;margin:16px 0;overflow-y:auto;padding:0;scrollbar-width:none}.notes-list::-webkit-scrollbar{display:none}.notes-list-item{border-bottom:1px solid #e0e3e6;border-bottom:1px solid var(--color-border);margin-bottom:12px;padding:8px 16px;transition:all .2s ease-in-out}.notes-list-item:hover{background-color:#f3f6f9;background-color:var(--color-bg);cursor:pointer}.notes-list-item h3,.notes-list-item p span{font-weight:600}.notes-list-item p span{color:#677;color:var(--color-gray);display:inline-block;margin-right:8px}.notes-list-item p{color:#acb4bd;color:var(--color-light);font-size:14px}.floating-button{align-items:center;background:#f68657;background:var(--color-main);border:none;border-radius:50%;bottom:24px;box-shadow:1px 1px 10px #0003;cursor:pointer;display:flex;font-size:48px;height:60px;justify-content:center;position:absolute;right:16px;width:60px}.floating-button>svg{fill:#f3f6f9;fill:var(--color-bg)}.note-header{color:#f68657;color:var(--color-main);justify-content:space-between;padding:10px}.note-header,.note-header h3{align-items:center;display:flex}.note-header h3{cursor:pointer;font-size:24px}.note-header h3 svg{fill:#f68657;fill:var(--color-main);margin-right:8px;width:20px}.note-header button{background-color:initial;border:none;cursor:pointer;font-size:18px;font-weight:600;outline:none}.note textarea{background-color:#fff;background-color:var(--color-white);border:none;height:70vh;padding:16px 12px;resize:none;scrollbar-width:none;width:100%}.note textarea:active,.note textarea:focus{border:none;outline:none}.note textarea::-webkit-scrollbar{display:none}.no-notes-message{color:gray;font-size:1.1rem;margin:2rem 0;text-align:center}.note-loading{color:gray;font-size:1.2rem;margin-top:2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin:2rem auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.eee0778b.css.map*/