@import url(https://fonts.googleapis.com/css2?family=Baloo+2&family=Poppins&display=swap);*{padding:0;margin:0;box-sizing:border-box}:root{--color-primary:#0c8;--color-nav-bg:#c0f2e1;--color-primary-muted:#c0f2e1;--color-gray-600:#6c7593;--color-gray-900:#161b1d;--color-gray-100:#eff1f5;--color-moon:#1f2528;--color-sun:#f5b027}body.light-mode{--color-body-bg:#eff1f5;--color-text:#1f2937;--editor-color:#1f2937}body.dark-mode{--color-body-bg:#161b1d;--color-note-bg:#1f2528;--color-text:#eff5f1;--editor-color:#0c8}body{margin:0;font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-body-bg);color:var(--color-text);letter-spacing:.01em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.landing-container{min-height:80vh;max-height:100%;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;min-width:300px;color:var(--color-text)}.landing-content{font-size:1.2rem;flex-basis:40%;align-items:center;justify-content:center}.landing-img{flex-basis:60%;min-width:300px}.landing-brand-name{font-size:2.8rem;letter-spacing:.1em;color:var(--color-primary);font-family:"Baloo 2",cursive}.landing-cta.ct-btn.ct-green-bd{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.3rem 1rem;color:var(--color-gray-100);margin-top:2rem;font-size:1.2rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);text-decoration:none;font-family:"Baloo 2",cursive}.landing-link{font-size:1rem;text-decoration:none;color:var(--color-gray-600);cursor:pointer;transition:.25s ease}.landing-link:hover{color:var(--color-primary)}.landing-cta-to-notes.ct-btn.ct-green-bd{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;font-weight:700;padding:.3rem 1rem;color:var(--color-primary);margin-top:2rem;font-size:1.2rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-success-muted);text-decoration:none;font-family:"Baloo 2",cursive}@media only screen and (max-width:780px){.landing-img{display:none}}.form-container{height:80vh;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.ct-form{border-radius:7px}.ct-input{color:var(--color-text);border-color:var(--color-primary);font-size:.8rem;border-radius:3px}.form-check-input{accent-color:var(--color-primary);cursor:pointer;display:flex;align-items:center}.form-check-input>span{font-size:.8rem;margin-left:5px}.ct-form h2{margin:0;color:var(--color-text)}.form-btn{color:var(--gray-100);background-color:var(--color-primary);transition:all .25s ease;font-family:"Nunito",sans-serif;margin:0;letter-spacing:.12em;border-radius:3px}.form-btn:hover{color:var(--color-gray-600);background-color:var(--color-primary-muted)}.login-guest{width:100%;display:flex;justify-content:center;font-family:"Nunito",sans-serif;margin-top:.5rem;border-radius:3px;letter-spacing:.12em}.ct-checkbox-div{display:flex;align-items:center;grid-gap:.3rem;gap:.3rem;flex-wrap:wrap}.ct-checkbox-div a{font-size:.9rem}.form-link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:.5rem auto;text-decoration:none;display:flex;color:var(--color-gray-600);transition:all .25s ease}.form-link:hover{color:var(--color-primary)}.nav-bar{position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-nav-bg);padding:.8rem 4rem;align-items:center;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);z-index:8}.brand-div{display:flex;justify-content:center;align-items:center;width:-webkit-max-content;width:max-content;grid-gap:5px;gap:5px;text-decoration:none;cursor:pointer}.brand-name{font-family:"Baloo 2",cursive;color:var(--color-primary);letter-spacing:.07em}.nav-logo{width:40px}.dialog-box{text-decoration:none;display:flex;border-radius:7px}.dialog{font-size:1rem;height:100%;text-decoration:none;color:var(--color-text)}.dialog,.user-logged{display:flex;align-items:center;justify-content:center}.user-logged{grid-gap:1rem;gap:1rem;font-family:"Baloo 2",cursive;cursor:pointer;color:var(--color-gray-900)}.ct-right-nav.right-nav{justify-content:center;align-items:center}.ct-input.search-bar{color:var(--color-gray-600);font-size:1rem;letter-spacing:.1em;margin-right:1rem;background:var(--color-gray-100)}.dialog.ct-btn.ct-green-bd.active{color:var(--color-primary);font-weight:700;background-color:var(--color-gray-100)}.user-account{display:none}@media only screen and (max-width:780px){.nav-bar{padding:.5rem}.brand-div{margin-left:3rem}.brand-name,.user-logged>h2{display:none}.ct-btn.ct-green-bd{padding:8px 10px}.ct-input.search-bar{color:var(--color-gray-600);padding:.4rem;font-size:.8rem;letter-spacing:.1em;margin-right:.5rem;background:var(--color-gray-100)}.dialog.ct-btn.ct-green-bd.active{padding:.3rem}}.footer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;color:var(--color-primary)}.footer-links img{width:26px;margin:0 1rem;cursor:pointer}.sidebar-container{position:fixed;top:4.28rem;left:0;width:14rem;min-height:100vh;max-height:100%;transition:.3s ease;display:flex;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);z-index:9;background-color:var(--color-body-bg)}.sidebar-container.hide{left:-20rem;width:12rem}.items-container{flex-basis:100%;display:flex;flex-direction:column}.sidebar-items{color:var(--color-primary);font-weight:500;font-size:1.2rem;padding:.8rem 1.6rem;display:flex;grid-gap:1rem;gap:1rem;cursor:pointer;transition:.3s ease;text-decoration:none}.sidebar-items.active,.sidebar-items:hover{background-color:var(--color-nav-bg)}.sidebar-arrow{position:fixed;top:13px;left:10px}.arrow{padding:.5rem;border:1px solid var(--color-text);border-radius:50%;cursor:pointer;transition:.3s ease;background-color:var(--gray-100);color:var(--gray-700)}@media only screen and (max-width:780px){.sidebar-container{top:3.52rem}.sidebar-arrow{top:8px;left:8px}.arrow{padding:.4rem}}.dark-light{display:flex;align-items:center;justify-content:center;padding:0 .5rem;margin:auto .5rem;width:40px;height:40px;cursor:pointer;border-radius:50%;background-color:var(--color-gray-100)}.dark-icon{color:var(--color-moon);-webkit-transform:rotate(0deg);transform:rotate(0deg)}.dark-icon,.light-icon{transition:.35s cubic-bezier(.7,.28,.1,.045)}.light-icon{color:var(--color-sun);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.create-note-container{position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:3rem;position:relative}.note-section{position:relative;border:1px solid var(--color-text);box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);border-radius:5px}.note-title{position:absolute;top:62px;width:80%;font-size:1.5rem;padding:.4rem;margin:5px 7px;background-color:transparent;outline:none;border:none;color:var(--gray-500)}.label-render-div{width:80%;margin:0 1rem;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.label,.label-render-div{display:flex;align-items:center}.label{padding:0 5px;border:1px solid var(--color-text);border-radius:5px;grid-gap:5px;gap:5px}.label-delete{font-size:1rem;cursor:pointer}.bottom-toolbar{padding:.5rem 0;margin:0 1rem;display:flex;flex-wrap:wrap;justify-content:space-between}.add-note.ct-btn{background-color:var(--color-primary);color:var(--gray-100);font-size:1.2rem}.close-note{background-color:var(--red-500);color:var(--gray-100)}.pin-note{font-size:1.8rem}.toolbar-tools{display:flex;justify-content:center;align-items:center;grid-gap:2rem;gap:2rem}.toolbar-tools>*{cursor:pointer}only screen and(max-width: 750px){.note-title{top:-4px}.react-quill>.ql-snow.ql-container{margin:0}.ql-snow.ql-toolbar{margin-top:2.8rem}}.show-label{font-size:2rem;background:transparent;border:none;display:flex;align-items:center;cursor:pointer}.label-div{position:absolute;display:flex;flex-direction:column;align-content:center;padding:.4rem;grid-gap:.4rem;gap:.4rem;border-radius:5px;border:1px solid var(--gray-500);background-color:var(--color-primary-muted)}.label-div.label-hide{display:none}.label-div>*{color:var(--gray-700)}.label-box{display:flex;align-items:center;cursor:pointer}.label-input{padding:4.5px;border:1px solid var(--gray-100)}.add-label{border:1px solid var(--color-text)}.color-pallete-container{position:relative;display:flex;align-items:center;justify-content:center}.pallete-icon{font-size:1.8rem}.color-pallete{display:flex;grid-gap:.4rem;gap:.4rem;padding:5px;position:absolute;top:2rem;border:1px solid var(--color-text);border-radius:5px;background-color:var(--color-primary-muted)}.pallete-hide{display:none}.color{padding:1rem;border-radius:50%;cursor:pointer}.default{background-color:var(--color-body-bg);color:var(--color-text)}.red{background-color:var(--red-300)}.red,.violet{color:var(--gray-900)}.violet{background-color:var(--violet-300)}.blue{background-color:var(--blue-300)}.blue,.yellow{color:var(--gray-900)}.yellow{background-color:var(--yellow-300)}.note{max-width:100%;min-width:150px;border:1px solid var(--color-text);border-radius:7px;padding:.5rem}.note-body{padding:0 .5rem}.note>h3{letter-spacing:.1em;padding:0 .5rem}.note-card-desc,.note>h3{word-wrap:break-word;word-break:break-all}.note-card-desc{margin:0 1rem;padding:.3rem;letter-spacing:.07em}.note-card-desc p img{width:100%}.note .label-render-div{margin:.5rem;font-size:.8rem;justify-content:start}.note>.toolbar-tools{width:100%;margin-top:.8rem;grid-gap:0;gap:0;justify-content:space-around}.note-time{font-size:small}.delete-note,.edit-note{font-size:1.8rem;cursor:pointer}.my-masonry-grid{display:flex;width:100%}.my-masonry-grid_column{margin:0 .5rem 1rem;background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:1rem}.update-note-container{top:0;left:0;bottom:0;right:0;width:100vw;height:100%;position:fixed;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10}.modal-section{position:relative;max-width:-webkit-max-content;max-width:max-content;border-radius:7px}.modal-title{position:absolute;top:62px;width:80%;font-size:1.5rem;padding:.4rem;margin:5px 7px;background-color:transparent;outline:none;border:none;color:var(--gray-500)}@media only screen and (max-width:780px){.modal-title{top:0}}.react-quill{max-width:450px}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.ql-editor{box-sizing:border-box;line-height:1.42;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:50vh;overflow:scroll;outline:none;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;-ms-overflow-style:none;scrollbar-width:none}.ql-editor::-webkit-scrollbar{display:none}.ql-editor.ql-blank:before{color:var(--gray-500);font-style:normal}.ql-snow .ql-picker{color:var(--editor-color)}.ql-snow .ql-stroke{fill:none;stroke:var(--editor-color)}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:var(--editor-color)}.ql-snow.ql-toolbar{border:none;border-bottom:1px solid var(--color-text)}.ql-container.ql-snow{border:none;margin-top:2.8rem;font-size:1rem}.ql-snow.ql-toolbar button:hover .ql-stroke{stroke:var(--gray-500)}.ql-snow.ql-toolbar button.ql-active .ql-stroke{stroke:var(--color-text)}.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill{fill:var(--color-text)}.notes-page{transition:.3s ease;margin-left:3rem}.notes-container{min-height:100vh;flex-basis:100%}.margin-left-20{margin-left:13rem}.notes-render-div{width:90%;margin:2rem auto 0}.notes-render-div>h3{padding:.5rem;margin-bottom:1rem}@media only screen and (max-width:780px){.notes-page{margin:.5rem}.notes-render-div{margin-top:3rem}}.trash-page{margin-top:2rem;min-height:100vh;flex-basis:100%;margin-left:1rem}.trash-page h3{margin-left:1rem;margin-bottom:1rem}.archive-page{margin-top:2rem;min-height:100vh;flex-basis:100%;margin-left:1rem}.archive-page h3{margin-left:1rem;margin-bottom:1rem}.filter-tags-container{display:flex;margin-bottom:1rem}.tag-btn{list-style:none;margin:.5rem;padding:8px 10px;border-radius:10px;border:1px solid var(--color-text)}.tag-btn label{cursor:pointer}.tag-btn input{accent-color:var(--color-primary);margin-right:5px}
/*# sourceMappingURL=main.466343f5.chunk.css.map */