@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,300;0,400;0,700;1,400&family=Amatic+SC:wght@400;700&family=Andika+New+Basic:ital,wght@1,700&family=Comforter&family=Montserrat:ital,wght@1,800&family=Open+Sans:wght@300;500&family=Roboto:wght@100;700&display=swap);@import url(https://clay-ui.netlify.app/stylesheets/index.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--BODY-BG-COLOR:#fff;--NOTE-BG-COLOR:#e1eadc;--NEW-NOTE-BG-COLOR:#f5f3e9;--NEW-NOTE-BG-COLOR:#fafafa;--NEW-NOTE-CTA-BG:#49655e;--NEW-NOTE-CTA-BG:#115e59;--AUTH-CARD-BG-COLOR:#f1eeeb;--AUTH-CTA-BG:#49655e;--AUTH-CTA-BG:#115e59;--COLOR-PICKER-BG:#eaded2;--ADD-TAG--CTA-BG:#d6d8cb;--ADD-TAG--CTA-BG:#115e59;--TAG-CHIP-BG:#e0e2d7;--TOOLBAR-BG:#f0ecdd;--TOOLBAR-BG:#f4f4f5;--HOVER-BG:#e6e6e9;--PEACH-NOTE-BG:#e5b5aa;--YELLOW-NOTE-BG:#f5d7a3;--GREEN-NOTE-BG:#becea8;--LAVENDAR-NOTE-BG:#b8b8d1;--BLUE-NOTE-BG:#b6d0d8;--BROWN-NOTE-BG:#d5ac8b}body{background-color:#fff;background-color:var(--BODY-BG-COLOR)}.header{justify-content:space-between;width:100vw;margin:auto;padding:10px 2rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.251)}.brand-logo,.header{display:flex;align-items:center}.brand-logo{grid-gap:10px;gap:10px}.nav-links{font-weight:400;font-size:1rem}.auth-opts{grid-gap:2rem;gap:2rem}.sidebar{position:fixed;margin:2rem 0;top:4.7rem;width:18rem;height:80vh;overflow-y:auto;font-size:large;background:#fafafa;background:var(--NEW-NOTE-BG-COLOR);padding:1rem}.side-nav{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.editor-bg{position:fixed;margin:0 auto;height:100vh;width:100%;background:#282828;opacity:.7;z-index:1}.container{max-width:75%;margin-left:20rem;padding:1rem}.create-note{position:absolute;bottom:2rem;right:2rem;height:60px;width:60px;border:none;border-radius:12px;background:#115e59;background:var(--NEW-NOTE-CTA-BG);color:var(--PURE-WHITE)}.create-note.hide{display:none}.editor-container{position:absolute;height:88vh;top:54%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80vw;z-index:1}.note.new{border-radius:7px;padding:1rem;margin:auto;box-shadow:0 2px 4px var(--SHADOW-GREY),0 4px 8px var(--SHADOW-GREY);height:100%}.new .note-title,.note.new{background-color:#fafafa;background-color:var(--NEW-NOTE-BG-COLOR)}.new .note-title{width:90%;padding:10px;font-size:larger;outline:none;border:none;border-bottom:2px solid rgba(177,176,176,.488)}.new .note-body{height:56vh}.new .note-footer{align-self:flex-end}.labels-options{display:flex;grid-gap:10px;gap:10px;position:relative}.dropdown-labels,.priority{text-align:left;background:#115e59;background:var(--AUTH-CTA-BG);color:#fff;border:none;border-radius:4px;padding:4px 6px}.dropdown-labels:focus,.priority:focus{outline:none}.footer-ctas{display:flex;grid-gap:1rem;gap:1rem}.save-note{padding:6px;height:30px;width:30px;border:none;border-radius:9px;background-color:#115e59;background-color:var(--NEW-NOTE-CTA-BG);color:var(--PURE-WHITE)}.labels-list{display:flex;flex-wrap:wrap}.labels-list .label-chip{margin-right:4px}.label-chip{justify-content:space-between;flex-wrap:wrap;padding:5px 7px;border-radius:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-gap:5px;gap:5px;margin-top:10px;-webkit-filter:brightness(1.05);filter:brightness(1.05)}.label-chip,.labels{display:flex;align-items:center}.labels{grid-gap:10px;gap:10px;padding:0 7px;margin:10px auto;border-radius:7px}.label{color:#115e59;color:var(--AUTH-CTA-BG)}.delete-label{font-size:12px;margin-top:2px}.sort-and-filter{position:absolute;right:15rem;top:3.5rem;width:11rem;display:flex;grid-gap:2rem;gap:2rem}.notes-list{display:grid;margin:1rem auto;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.empty-page,.error-page{position:fixed;top:55%;left:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:30rem;width:20rem;text-align:center;color:var(--DEFAULT-GREY)}.empty-page.login{left:50%}.error-page img{height:25rem;margin:1rem auto}.empty-list-text{margin:1rem auto;text-align:center}.note{display:flex;flex-direction:column;padding:10px;margin:10px 5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:15rem;text-align:left;background:#e1eadc;background:var(--NOTE-BG-COLOR);border:none;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.251)}.note-title{font-weight:500}.note-header{display:flex;justify-content:space-between}.note-header-options{display:flex;grid-gap:10px;gap:10px;align-items:center}.note-body{padding-top:5px;min-height:7.5rem}.priority-label{padding:4px 8px;border-radius:1rem;border:thin solid #605e5e}.note-footer{justify-content:space-between;padding:12px 0 5px;width:100%}.note-actions,.note-footer{display:flex;align-items:center}.note-actions{grid-gap:9px;gap:9px}.note-actions button{border:none;background:none}.error-page{background:var(--PURE-WHITE);height:90vh;width:100vw;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}input[type=checkbox],input[type=radio]{height:15px;width:15px;accent-color:#115e59;accent-color:var(--AUTH-CTA-BG)}button:hover,span:hover{-webkit-filter:brightness(.9);filter:brightness(.9);cursor:pointer}.close-btn{position:absolute;top:1rem;right:1rem;font-size:1.75rem;color:#115e59;color:var(--AUTH-CTA-BG)}.close-btn:hover{-webkit-filter:brightness(.9);filter:brightness(.9);cursor:pointer}.login-container{background:var(--AUTH-CARD-BG-COLOR);min-width:-webkit-max-content;min-width:max-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:5px;border:none;margin:2rem 15rem;padding:3rem}.login-details{min-width:40%;display:flex;flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}.labelled-input,.login-details{max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.labelled-input.label-top input{max-width:100%;min-width:40%;width:20rem;border:thin solid var(--DEFAULT-GREY);border-radius:4px}.login-actions{width:100%;margin:auto}.auth-opts{width:100%;display:flex;justify-content:space-between}input[type=checkbox]:hover{cursor:pointer}.auth-btns{display:flex;width:100%}.link-btn-outline.login-btn{min-width:8rem;margin:auto;background-color:var(--AUTH-CTA-BG);color:var(--PURE-WHITE);border:none}.login-btn:hover{cursor:pointer}.new-user{text-align:center}.password{position:relative}.toggle-login-pwd{position:absolute;top:1.8rem;align-self:flex-end;margin-right:1rem;color:var(--DEFAULT-GREY)}.toggle-login-pwd:hover{cursor:pointer}:root{--toastify-color-light:#f6f2f2;--toastify-color-dark:#45403a;--toastify-color-info:#3498db;--toastify-color-success:#33c238;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,0.7);--toastify-text-color-light:#423f3f;--toastify-text-color-dark:#dcd6d6}.sign-up-container{background:var(--AUTH-CARD-BG-COLOR);min-width:-webkit-max-content;min-width:max-content;max-width:40%;border-radius:5px;border:none;margin:1rem 15rem;padding:3rem 3rem 1rem}.container-title{text-align:center;margin-bottom:2rem}.new-user-form{max-width:100%;min-width:40%;width:100%;display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;margin:auto}.new-user-form input[type=text],[type=email],[type=password]{max-width:100%;min-width:40%;border:thin solid var(--DEFAULT-GREY);border-radius:4px;padding:5px}.signup-btn{background:var(--AUTH-CTA-BG);color:var(--PURE-WHITE);border:none}.signup-btn:hover{cursor:pointer;background:var(--AUTH-CTA-BG)}.existing-user{text-align:center}.checkbox-btn.t-and-c input{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.password{max-width:100%;min-width:40%;width:100%}.password-details{position:relative;display:flex;flex-direction:column}.toggle-pwd{position:absolute;top:.4rem;align-self:flex-end;margin-right:1rem;color:var(--DEFAULT-GREY)}.alerts{margin:0}.toggle-pwd:hover{cursor:pointer}.color{width:1.2rem;height:1.2rem;margin:.2rem;border-radius:50%;border:none}.color-picker{position:relative}.color-wrapper{visibility:hidden;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:10rem;position:absolute;right:0;bottom:3px;border-radius:10px;transition:right .5s ease-out}.color-wrapper.active{visibility:visible;right:2.5rem}.quill{display:flex;flex-direction:column-reverse}.ql-container.ql-snow{min-height:5rem;border-radius:0 0 5px 5px;font-size:1rem;border:none}.ql-toolbar.ql-snow{display:flex;padding:10px;border:none;border-radius:5px 5px 0 0;background-color:var(--TOOLBAR-BG)}.ql-toolbar.ql-snow .ql-formats{display:flex;margin-right:0}.ql-toolbar button.ql-active{background-color:var(--HOVER-BG);border-radius:8px;fill:#000}.ql-toolbar button .ql-fill{fill:#000}.ql-picker-label .ql-stroke,.ql-snow .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-toolbar button .ql-stroke{stroke:#000}.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill{fill:#000}.filters{display:flex;justify-content:space-between;width:100%;padding:0}.filter-by{margin-top:1rem;position:relative}.filter-title{width:13rem;padding:5px 10px}.filter-title:hover,.filter:hover{cursor:pointer;background-color:var(--HOVER-BG);border-radius:4px}.filter-options{display:none;padding:5px 10px;width:13rem;background:var(--NEW-NOTE-BG-COLOR)}.filter-options.active{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.filter{align-items:center;padding:5px}.filter,.filter-option{display:flex;grid-gap:10px;gap:10px}.filter-option{flex-direction:column}.label{display:flex;align-items:center;grid-gap:10px;gap:10px}.clear-filter{border:none;background:none;width:12rem;text-align:right;color:var(--AUTH-CTA-BG);font-weight:500;flex-grow:2;font-size:1rem}.sort-by{margin-top:1rem;position:relative;border:none}.sort-title{width:10rem;padding:5px 10px;border:none}.sort-title:hover,.sort:hover{cursor:pointer;background-color:var(--HOVER-BG);border-radius:4px;border:none}.sort-options{display:none;padding:5px 10px;background:var(--NEW-NOTE-BG-COLOR)}.sort-options.active{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.sort{color:var(--DARK-YELLOW);padding:5px}
/*# sourceMappingURL=main.6b36bf94.chunk.css.map */