@import"https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800&display=swap";.FoldersList{width:18%}.FoldersList .create-new-folder,.FoldersList .create-new-note{height:40px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px;font-size:18px;border:1px solid var(--blue-muted);border-radius:8px;transition:background-color .25s}.FoldersList .create-new-folder p,.FoldersList .create-new-note p{font-size:13px}.FoldersList .create-new-folder{margin:0 0 22px}.FoldersList .create-new-folder:hover{background-color:var(--blue-muted-hover);cursor:pointer}.FoldersList .create-new-note{background-color:var(--periwinkle-light);color:var(--blue-muted-hover)}.FoldersList .create-new-note:hover{background-color:var(--periwinkle-light-hover);cursor:pointer}.FoldersList .enter-folder-name{height:40px;display:flex;align-items:center;justify-content:space-between;text-transform:capitalize;border:none;border-radius:8px;padding:.5em 1em;margin-bottom:20px;background-color:var(--blue-gray)}.FoldersList .enter-folder-name .back-icon{display:flex;align-items:center;justify-content:center}.FoldersList .enter-folder-name input{width:75%;text-transform:capitalize}.FoldersList .enter-folder-name .icon{display:flex;align-items:center;justify-content:center;transition:color .25s}.FoldersList .enter-folder-name .icon:hover{cursor:pointer;color:var(--periwinkle-light)}.FoldersList .folders{display:flex;flex-direction:column;gap:1.2em;text-transform:capitalize;cursor:pointer}.FoldersList .folders .folder{display:flex;justify-content:space-between;transition:color .25s;line-height:2;border-bottom:1px solid transparent;transition:border-bottom .2s,color .2s}.FoldersList .folders .folder .trash-icon{display:none}.FoldersList .folders .folder:hover,.FoldersList .folders .active{color:var(--periwinkle-light);border-bottom:1px solid var(--periwinkle-light)}.FoldersList .folders .active .trash-icon{display:inline-block;transition:color .25s}.FoldersList .folders .active .trash-icon:hover{color:var(--white)}.NotesList{width:18%;display:flex;flex-direction:column;gap:8px}.NotesList .note{display:flex;align-items:center;justify-content:space-between;padding:1em;border-radius:8px;background-color:var(--blue-muted);cursor:pointer;transition:background-color .3s,padding .3s}.NotesList .note button{display:none}.NotesList .note:hover{background-color:var(--periwinkle);padding:1.5em 1em}.NotesList .note:hover button{display:inline-block}.EditorToolbar{width:100%;display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;background-color:var(--blue-muted);border-radius:8px;font-size:1em}.EditorToolbar .is-active{background-color:var(--periwinkle)}.NoteEditor{width:55%;min-height:60vh;display:flex;flex-direction:column;border-radius:8px}.NoteEditor .header{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.NoteEditor .header p{font-size:2em}.NoteEditor .tiptap{background-color:transparent;width:100%;min-height:60vh;padding:1em;text-align:left;border-radius:8px}.NoteEditor .tiptap *{margin:0;padding:0}.NoteEditor .tiptap ul,.NoteEditor .tiptap ol{padding:0 1rem}.NoteEditor .tiptap code{background-color:var(--blue-muted-dark);color:var(--code)}.NoteEditor .tiptap pre{background-color:var(--blue-muted-dark);color:var(--code);font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.NoteEditor .tiptap pre code{color:inherit;padding:0;background:none;font-size:1em}.NoteEditor .tiptap img{max-width:100%;height:auto}.NoteEditor .tiptap blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.NoteEditor .tiptap hr{border:none;border-top:2px solid var(--blue-muted-dark);margin:1.5em 0}.NoteEditor.editing .tiptap{background-color:var(--blue-gray)}.Layout{width:100%;display:flex;justify-content:space-evenly}#root{width:100vw;margin:0 auto;padding:2em}:root{color-scheme:light dark;color:#ffffffde;background-color:var(--blue-muted-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--white: #fff;--black: #000;--blue-gray: #2b2b3a;--blue-muted: #32325e;--blue-muted-hover: #181438;--blue-muted-dark: #14141f;--periwinkle: #464fff;--periwinkle-light-hover: #a1a7ff;--periwinkle-light: #c7cbff;--code: #fff1e6}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}a{font-weight:500;color:var(--periwinkle);text-decoration:inherit}a:hover{color:var(--periwinkle-bright)}body{color:#fff}h1{font-size:3em}h2{font-size:2.2em}h3{font-size:1.7em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}p{font-size:15px}button{border-radius:8px;border:1px solid transparent;padding:.5em;line-height:0;font-size:1em;font-family:inherit;background-color:var(--blue-muted);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--periwinkle)}input:focus,textarea:focus,[contenteditable]:focus{outline:2px solid var(--periwinkle-light);box-shadow:0 0 3px var(--periwinkle)}select,input{font-size:15px;border:none;border-radius:8px;padding:.5em;background-color:var(--blue-gray)}.icon{cursor:pointer;color:var(--periwinkle-light);transition:color .2s}.icon:hover{color:var(--periwinkle-light-hover)}