.container{display:flex;height:100vh;padding:2rem;width:100vw}.hero-content{align-self:center;color:var(--black-700);padding:2rem 0}.hero-img{min-width:40%}@media screen and (max-width:600px){.container{flex-direction:column}}.loadingMessage{margin:2rem auto;min-height:calc(100vh - 15rem)}.navbar{box-shadow:1px 1px 2px 1px var(--black-050);padding:4px 8px;z-index:1}.navbar-action{padding:4px}.navbar-action .btn-icon{font-size:1.5rem}.search,.search-mobile{align-items:center;background-color:#e8e8e8;border-radius:4px;display:flex;flex-grow:1;gap:2px;margin:auto;max-width:30rem;padding:2px;width:90%}.search-mobile{display:none}.search-input{background-color:#e8e8e8;flex-grow:1;outline:none;width:100%}.search .btn-icon{font-size:1.5rem;padding:4px}.logo{height:2.5rem;padding:4px}@media screen and (max-width:600px){.search{display:none}.search-mobile{display:flex;margin:1rem auto}.view-toggle-icon{display:none}}.sidenav-bg{height:calc(100vh - 3.5rem);left:0;overflow-y:hidden;position:fixed;top:3.5rem;transition:all .5s;width:100%;z-index:3}.sidenav{background-color:var(--black-inverted);height:100%;overflow-y:auto;width:-webkit-max-content;width:max-content}.sidenav::-webkit-scrollbar{height:4px;width:4px}.sidenav::-webkit-scrollbar-track{background-color:var(--primary-100);border-radius:4rem}.sidenav::-webkit-scrollbar-thumb{background-color:var(--primary-600);border-radius:1rem}.sidenav-hide{left:-100%}.sidenav .list-item{color:var(--primary-900);padding:.75rem 5rem .75rem 1.5rem}.active .list-item,.active .list-item:hover{background-color:var(--primary-100);color:var(--primary-900)}.warning-snackbar .snackbar-close{color:var(--black-200)}.warning-snackbar .snackbar-close:hover{background-color:var(--black-600)}.warning-snackbar{z-index:4}.note-footer .btn-icon{font-size:1.5rem;padding:4px}.note-footer{gap:0;margin-top:auto}.add-note{bottom:2rem;position:fixed;right:2rem}.note-title{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note{flex-direction:column;width:90%}.notes{gap:1rem;margin:auto}.note-content{-webkit-line-clamp:4;-webkit-box-orient:vertical;cursor:pointer;display:-webkit-box;line-height:1.25;overflow:hidden;padding:0 .5rem}.label-tags{display:flex;flex-wrap:wrap;gap:4px;width:100%}.label-tag-item{align-items:center;background-color:var(--black-050);border-radius:1.25rem;color:var(--black-600);cursor:pointer;display:flex;font-size:.8rem;gap:4px;margin:2px;padding:.25rem .5rem}.label-tag-item .btn-link{font-size:.9rem;padding:2px}.label-tag-item .btn-link:hover{background-color:var(--black-100);border-color:var(--black-200);border-radius:50%;color:var(--black-700)}.labels-window{z-index:2}.labels-dialog{gap:0;min-width:12rem}.labels-dialog .dialog-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.labels-note{word-wrap:break-word;max-width:12rem;min-width:10rem}.label-input,.labels-note{width:-webkit-max-content;width:max-content}.label-input{color:var(--black-600);display:block;font-size:.9rem;outline:none}.btn-create-label{gap:2px;justify-content:center;width:100%}.label-checkbox{flex-shrink:0}.labels-list{max-height:7rem;overflow-y:auto}.labels-list::-webkit-scrollbar{height:4px;width:4px}.labels-list::-webkit-scrollbar-track{background-color:var(--black-050);border-radius:4rem}.labels-list::-webkit-scrollbar-thumb{background-color:var(--black-100);border-radius:1rem}.add-note-box{position:relative;width:100%}.add-note-modal{z-index:4}.add-note-content,.add-note-title{outline:none;padding:4px;width:100%}.add-note-content{resize:none}.add-note-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.note-action-buttons{margin-left:auto}.btn-close{color:var(--black-700)}.note-action-icons .btn-icon{font-size:1.5rem}.auth-page{display:flex;justify-content:center;min-height:calc(100vh - 5rem);padding:1rem}.auth-card{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-width:90%;min-width:50%;padding:1rem}.login-auth:active,.signup-auth:active{color:var(--primary-900)}.btn-auth{display:block;margin:0;text-align:center;width:100%}.auth-input-group{margin:1rem 0;position:relative}.auth-checkbox{margin-top:0;padding:0}.password-toggler{font-size:1.2rem;position:absolute;right:8px;top:2rem}.password-toggler:hover{background-color:transparent}@media screen and (max-width:600px){.auth-window .dialog-box{padding:2rem}}.page-not-found{margin:10rem auto;min-height:calc(100vh - 25rem);width:100%}.header{margin:1rem 1rem 0}.sort-wrapper{margin-left:auto;min-width:12rem;width:-webkit-max-content;width:max-content}.sort-by{align-items:center;border-radius:4px;cursor:default;display:flex;font-size:14px;justify-content:space-between;padding:4px 8px;position:relative}.sort-by i{cursor:pointer}.sort-by,.sort-list{border:1px solid var(--black-200)}.sort-list{background-color:var(--black-inverted);border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-size:14px;min-width:12rem;position:absolute}.page-content{display:flex;min-height:calc(100vh - 15rem);width:100%}.main-content{flex-grow:1;padding:1rem .5rem}.bg-color-palette,.labels-note{background-color:var(--black-inverted);border-radius:4px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);margin-right:8px;padding:8px;position:absolute;z-index:2}.bg-color-list{display:flex;flex-wrap:wrap;gap:4px}.bg-color-list .avatar{cursor:pointer}.bg-white.avatar{border:2px solid var(--black-200)}.bg-white{background-color:var(--black-inverted)}.bg-light-coral{background-color:var(--light-coral)}.bg-selective-yellow{background-color:var(--selective-yellow)}.bg-mauve{background-color:var(--mauve)}.bg-menthol{background-color:var(--menthol)}.bg-pale-cornflower-blue{background-color:var(--pale-cornflower-blue)}.bg-bright-gray{background-color:var(--bright-gray)}.bg-bright-gray,.bg-light-coral,.bg-mauve,.bg-menthol,.bg-pale-cornflower-blue,.bg-selective-yellow,.bg-white{color:var(--black-700)}.add-note-modal .bg-color-palette,.add-note-modal .labels-note{bottom:4rem;text-align:left}@media screen and (max-width:400px){.add-note-modal .bg-color-palette,.add-note-modal .labels-note{bottom:7rem;text-align:left}}:root{--light-coral:#f28b82;--selective-yellow:#fbbc04;--mauve:#d7aefb;--menthol:#ccff90;--pale-cornflower-blue:#aecbfa;--bright-gray:#e8eaed}.checkbox-input-group,.radio-input-group{align-items:center;display:flex;gap:.5rem;padding-left:.5rem}input[type=checkbox],input[type=radio]{height:.9rem;width:.9rem}input[type=checkbox]:checked,input[type=radio]:checked,input[type=range]{accent-color:var(--primary-900)}body{color:var(--black-600);overflow-wrap:break-word;overflow-x:hidden}.link{text-decoration:none}.w-100{width:100%}
/*# sourceMappingURL=main.cc77c9f4.css.map*/