:root{--clr-neutral-950: #0E121B;--clr-neutral-900: #191B25;--clr-neutral-800: #232530;--clr-neutral-700: #2B303B;--clr-neutral-600: #525866;--clr-neutral-500: #717784;--clr-neutral-400: #99A0AE;--clr-neutral-300: #CACFD8;--clr-neutral-200: #E0E4EA;--clr-neutral-100: #F3F5F8;--clr-neutral-50: #F5F7FA;--clr-neutral-0: #FFFFFF;--clr-blue-700: #2547D0;--clr-blue-500: #335CFF;--clr-blue-50: #EBF1FF;--clr-green-500: #21C16B;--clr-green-50: #D1FBE9;--clr-red-500: #FB3748;--clr-red-50: #FFD5D8;--fs-700: 1.5rem;--fs-600: 1.25rem;--fs-400: 1rem;--fs-350: .875rem;--fs-300: .75rem;--border-grid: 1px solid var(--clr-neutral-200)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,dl,dd,hr,label,figure{margin:0;line-height:1.2}label{color:var(--clr-neutral-950)}ul,ol{padding:0;margin:0;list-style:none}li::marker{padding-left:.5rem;color:var(--clr-rose-800);font-weight:700}input,button,textarea,select{font:inherit}button{cursor:pointer;color:inherit}input{width:100%;padding:.75rem 1rem;border:1px solid var(--clr-neutral-300);border-radius:.5rem}img{max-width:100%;height:auto;display:block}hr{border:none;border-top:1px solid var(--clr-neutral-200)}.icon{display:block;width:1.5rem;height:1.5rem}.home-icon,.search-icon,.setting-icon{fill:var(--SVG_COLOR, var(--clr-neutral-600))}.archive-icon,.tag-icon{stroke:var(--SVG_COLOR, var(--clr-neutral-600))}.flow-content>*+*{margin-top:var(--spacer, 1em)}l-spacer>*{--spacer: 2em}.s-spacer>*{--spacer: 1.5em}.xs-spacer>*{--spacer: 1em}.xsm-spacer>*{--spacer:.75rem}.xxs-spacer>*{--spacer: .35em}.bold{font-weight:700}.split{display:flex}.block{display:block}.center{text-align:center}.font-inter{font-family:Inter,sans-serif}.font-noto{font-family:Noto Sans,serif}.font-sourcecode{font-family:Source Code Pro,monospace}.preset-1{font-size:var(--fs-700);font-weight:700;letter-spacing:-.5px}.preset-2{font-size:var(--fs-600);font-weight:700;letter-spacing:-.5px}.preset-3{font-size:var(--fs-400);font-weight:600;letter-spacing:-.3px}.preset-4{font-size:var(--fs-350);font-weight:500;letter-spacing:-.2px}.preset-5{font-size:var(--fs-350);font-weight:300;line-height:1.3;letter-spacing:-.2px}.preset-6{font-size:var(--fs-300);font-weight:300;letter-spacing:-.2px}.btn{border-radius:.5rem;padding:.75rem 1rem}.btn-primary{border:none;background-color:var(--clr-blue-500);color:var(--clr-neutral-0)}.btn-primary:hover{background-color:var(--clr-blue-700)}@media (min-width: 75em){.full-width{width:100%}}.sidebar{padding:1rem;position:relative}.navbar-mobile{display:flex;padding:.75rem 1rem;height:3.5rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 6px #f0f0f0;background-color:#fff;z-index:50;border-top:1px solid var(--clr-neutral-200)}.sidebar-content{display:none}.nav-item{flex-grow:1;flex-shrink:1;background-color:#fff;--SVG_COLOR: var(--clr-neutral-600);border:none}.nav-item .icon{display:block;width:1.5rem;height:1.5rem;margin:0 auto}.nav-item.selected{--SVG_COLOR: var(--clr-blue-500)}@media (min-width: 75em){.sidebar{display:block;height:100;overflow-y:auto;flex:17rem 0 0;border-right:var(--border-grid);background-color:var(--clr-neutral-0)}.navbar-mobile{display:none}.sidebar-content{display:block}.logo{padding-block:1rem}}.section-title{color:var(--clr-neutral-500);padding-inline:.5rem}.sidebar-item{display:flex;gap:.5rem;align-items:center;padding:.75rem;border-radius:.5rem;position:relative;cursor:pointer}.sidebar-item.selected:after{position:absolute;content:"";width:24px;height:24px;right:5px;background-image:url(/assets/icon-chevron-right.svg)}.sidebar-item.selected{background-color:var(--clr-blue-50)}.sidebar-item:hover{background-color:var(--clr-neutral-100)}.sidebar-item .icon{display:block;width:1.25rem;height:1.25rem}.notes-add>button{display:flex;justify-content:center;gap:.5rem;position:absolute;bottom:5rem;right:1rem;border-radius:100%}.tagIcon{width:1rem;height:1rem}.notes-add svg{fill:var(--clr-neutral-0)}.notes-add>button>span{display:none}.note-item{border-bottom:1px solid var(--clr-neutral-200);padding:.75rem 0rem;cursor:pointer}@media (min-width: 75em){.notes-add>button{position:relative;display:flex;align-items:center;border-radius:.5rem;top:0;left:0}.notes-add>button>span{display:block}.notes-list{margin-top:1rem}.note-item{padding:.75rem .5rem}.note-item.selected{background-color:var(--clr-neutral-100);border-radius:.4rem}}.tags-placeholder{color:var(--clr-neutral-400)}.setting-option{display:flex;width:100%;border:1px solid var(--clr-neutral-200);border-radius:.5rem;padding:1rem;gap:1rem;cursor:pointer;align-items:center}.setting-option.selected{background-color:var(--clr-neutral-100)}.option-icon-container{border:1px solid var(--clr-neutral-200);padding:.5rem;background-color:var(--clr-neutral-0);border-radius:.5rem}.setting-option input{margin-left:auto;flex:2rem 0 1}.main-page{border-top-left-radius:1rem;border-top-right-radius:1rem;width:100%;min-height:100vh;background-color:var(--clr-neutral-0);padding-bottom:3.5rem}.main-page_header{display:flex;padding:1rem 1rem .5rem;flex-direction:column;gap:.75rem}.main-page_header .pretitle{color:var(--clr-neutral-600);margin-right:.25em}.main-page_header .icon{width:1.5rem;height:1.5rem}.header-tools{display:flex;gap:1.5rem;align-items:center}.main-page_header input{height:2.75rem;width:100%}.main-page_header input::placeholder{font-size:var(--fs-350);font-weight:300;line-height:1.3;letter-spacing:-.2px}.inner-sidebar{grid-row:2/end;grid-column:1/2;overflow-y:auto;padding:.5rem 1rem;border-right:var(--border-grid);height:100%}.note-tags{gap:.5rem}.tag{background-color:var(--clr-neutral-200);padding:.125rem .4rem;border-radius:.25rem}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-grid);color:var(--clr-neutral-600)}.tag-topbar{border-bottom:none}.goback-btn{display:flex;gap:.3rem;align-items:center}.goback-btn svg{width:1rem;height:1rem;fill:var(--clr-neutral-600)}.top-bar-right{display:flex;gap:1rem;align-items:center}.top-bar-right svg{width:1.125rem;height:1.125rem;stroke:var(--clr-neutral-600);fill:var(--clr-neutral-0)}.note-content{grid-row:2/end;grid-column:2/3;overflow-y:auto;padding:1.5rem 1rem;min-height:100vh}.note-metadata>.split{padding-block:.25rem}.metadata_key{flex-basis:7.25rem;gap:.4rem}.metadata_key .icon{width:1rem;height:1rem}.right-sidebar{display:none}.right-sidebar .btn{text-align:left;background:none;gap:.75rem;align-items:center;border:1px solid var(--clr-neutral-300)}.ProseMirror-focused{outline:none}.mobile-show{display:block}.mobile-hide{display:none}@media (min-width: 75em){.main-page{display:grid;grid-template-rows:auto 1fr;grid-template-columns:18rem 1fr 18rem}.mobile-hide{display:block}.main-page_header{grid-column:1/end;grid-row:1/2;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:var(--border-grid);padding:1.25rem 2rem;gap:0}.main-page_header{padding:1rem}.main-page_header input{width:18.75rem}.header-tools{display:flex;gap:1.5rem;align-items:center}.settings-icon{width:1.5rem;height:1.5rem;fill:var(--clr-neutral-600);cursor:pointer}.inner-sidebar{padding:1.25rem 1rem}.mobile-topbar{display:none}.right-sidebar{display:block;grid-row:2/end;grid-column:3/end;padding:1.25rem 1.5rem;border-left:var(--border-grid)}.note-content{padding:1.25rem 1.5rem}}.home-container{display:flex;overflow:hidden;flex-direction:column;height:100vh;color:var(--clr-neutral-700);background-color:var(--clr-neutral-100)}@media (min-width: 75em){.home-container{flex-direction:row;background-color:var(--clr-neutral-0)}}.signup-form,.login-container{padding-top:1.5rem;color:var(--clr-neutral-600)}.reset-form{padding-top:2rem;color:var(--clr-neutral-600)}@font-face{font-family:Inter;src:url(/assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/inter/Inter-Italic-VariableFont.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:"Noto serif";src:url() format("woff2");src:url(/assets/fonts/noto-serif/NotoSerif-VariableFont_wdth,wght.ttf) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Noto serif";src:url(/assets/fonts/noto-serif/NotoSerif-Italic-VariableFont_wdth,wght.ttf) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/assets/fonts/source-code-pro/SourceCodePro-VariableFont_wght.ttf) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/assets/SourceCodePro-Italic-VariableFont_wght-CqZWEAsT.ttf) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}.auth-page{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:var(--clr-neutral-100);padding:1em}.card{width:32.5rem;padding:2.5em 1em;background-color:var(--clr-neutral-0);border-radius:10px}.btn-none{background-color:#fff;border:none;padding:0;cursor:pointer}.logo{margin-inline:auto}.card-text{text-align:center}.sub-title{color:var(--clr-neutral-600);margin-top:.5em}.password-label{justify-content:space-between}.password-label>a{color:var(--clr-neutral-600);font-size:.75rem;text-decoration:underline}button.google-login{justify-content:center;gap:.25rem;align-items:center}