@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);:root{--primary:#06603b;--dark-green:#064f32;--shadow-green:#043f27;--light-green:#2a7857;--mild-green:#33926b;--secondary:#4abf8e;--dark-grey:#6599b1;--grey:#94b8c9;--mild-grey:#f9fbfc;--light-grey:#c6d9e2;--white:#fff;--accent:#0ff;--accent-light:rgba(0,255,255,0.2);--accent-mild:rgba(0,255,255,0.05)}.dark-toast{background:#06603b;background:var(--primary)}.dark-toast,.dark-toast svg{color:#f9fbfc;color:var(--mild-grey)}.light-toast{background:#dce8ed}.light-toast,.light-toast svg{color:#064f32;color:var(--dark-green)}.App{text-align:center;min-height:100vh;height:auto;font-family:"Roboto",sans-serif;display:grid;grid-template-rows:auto 2fr;grid-template-columns:auto 1fr;background-color:var(--primary)}.App-light{--dark-green:#fff;--light-green:#c6d9e2;--shadow-green:rgba(6,96,58,0.26666666666666666);--light-grey:#2a7857;--mild-grey:#06603b}.App-light .backgroundOptions,.App-light .LabelOptions,.LabelOptions{color:#f9fbfc;background-color:var(--mild-green)}.App-light .bgOption.active,.App-light .bgOption.none,.App-light .bgOption:checked,.App-light .bgOption:hover{border-color:#f9fbfc}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#22201c;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.App-link{color:#61dafb}.brand-title{font-size:3rem;color:#d9d9d9}.brand-title span{color:#ffde59}.brand-description{font-size:1.4rem}.links{display:flex}.links a{color:#d9d9d9;font-size:1.2rem;margin:1rem}iframe{pointer-events:none}a{text-decoration:none}::-webkit-scrollbar{width:.6rem;background-color:var(--dark-green)}::-webkit-scrollbar-thumb{border-radius:0;-webkit-filter:none;filter:none}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--light-green)}.Homepage{height:100%;background-color:var(--primary)}.Archive,.HomeMain,.Labels,.Trash{grid-column:2/-1;grid-row:2/-1;display:grid;grid-template-rows:auto 2fr;padding:2rem;height:100%;box-sizing:border-box;background-color:var(--dark-green)}.noteCards_container{height:-webkit-max-content;height:max-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;box-sizing:border-box;margin:2rem 0}.notes-section{display:flex;grid-gap:1.5rem;gap:1.5rem;flex-wrap:wrap}.notes-section.pinned{margin-bottom:4rem}.notes-container-head{text-transform:uppercase;font-size:.8rem;font-weight:500;text-align:left;color:var(--grey);margin:1rem 0 1rem .5rem}.CreateNotes{grid-row:1/span 1;display:flex;grid-gap:.5rem;gap:.5rem;align-items:center;justify-content:center;height:auto;width:100%}.takeNotes_wrapper{padding:1rem;font-weight:500;box-shadow:0 3px 15px 0 var(--shadow-green)}.createNote_wrapper,.takeNotes_wrapper{display:flex;box-sizing:border-box;border:1px solid var(--dark-grey);color:var(--light-grey);border-radius:.5rem;width:35rem;text-align:start;cursor:text;height:auto}.createNote_wrapper{flex-direction:column;align-items:center;justify-content:center;box-shadow:0 1px 10px 2px var(--shadow-green)}.createNote_wrapper textarea{color:var(--light-grey);background-color:transparent;outline:none;border:none;width:100%;flex-wrap:wrap;height:auto;resize:none;font-family:"Roboto",sans-serif}.createNote_wrapper textarea::-webkit-input-placeholder{color:var(--light-grey)}.createNote_wrapper textarea:-ms-input-placeholder{color:var(--light-grey)}.createNote_wrapper textarea::placeholder{color:var(--light-grey)}.createNote_head{border-top-left-radius:.5rem;border-top-right-radius:.5rem;width:100%;padding:.7rem .5rem .5rem 1rem;box-sizing:border-box;height:auto;display:flex;align-items:center;justify-content:space-between}.pin-icon{padding:.5rem;cursor:pointer}.pin-icon:hover{background-color:var(--light-green);border-radius:100%}.createNote_title{min-height:1rem;height:auto;font-size:1.1rem;font-weight:500}.createNote_mid{width:100%;padding:.5rem 1rem 1rem;box-sizing:border-box;height:auto}.createNote_desc{min-height:3rem;height:auto;font-size:1rem;font-weight:400}.createNote_desc::-webkit-input-placeholder{font-weight:500}.createNote_desc:-ms-input-placeholder{font-weight:500}.createNote_desc::placeholder{font-weight:500}.createNote_bottom{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;display:flex;align-items:flex-start;align-items:center;justify-content:space-between;width:100%;font-size:1rem;box-sizing:border-box;padding-bottom:.5rem}.createNotes_bottom_left{display:flex;padding-left:.5rem}.createNote_icon{cursor:pointer;padding:.5rem;border-radius:100%}.createNote_icon:hover{background-color:var(--light-green)}.createNotes_bottom_right{display:flex;grid-gap:.5rem;gap:.5rem;padding-right:1rem}.createNote_bottom button{cursor:pointer;color:var(--light-grey);font-size:.9rem;padding:5px 8px;background-color:var(--light-green);border:none;border-radius:5px}.createNote_bottom button:hover{background-color:var(--secondary)}.backgroundOptions.hidden{display:none}.backgroundOptions{display:flex;align-items:center;justify-content:center;grid-gap:.3rem;gap:.3rem;box-shadow:0 2px 5px 3px var(--dark-green);padding:.3rem .5rem;border-radius:.5rem;width:-webkit-max-content;width:max-content;z-index:2;position:absolute;bottom:-45px;background-color:var(--primary)}.bgOption{width:2rem;height:2rem;border-radius:100%;cursor:pointer}.bgOption,.bgOption:checked{box-sizing:border-box;-webkit-appearance:none;appearance:none}.bgOption:checked,.bgOption:hover{border:2.5px solid var(--mild-grey)}.bgOption.none,.bgOption:hover{box-sizing:border-box}.bgOption.none{background-color:transparent;border:1px solid var(--grey)}.bgOption.peach{background-color:rgba(230,120,79,.5019607843137255)}.bgOption.green{background-color:#345920}.bgOption.blue{background-color:#1e3a5f}.bgOption.teal{background-color:#16504b}.bgOption.pink{background-color:#5b2245}.bgOption.red{background-color:#5c2b29}.bgOption.brown{background-color:#442f19}.bgOption.grey{background-color:#3c3f43}.bgOption.active{border:2px solid #fff;box-sizing:border-box}.LabelOptions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-gap:.7rem;gap:.7rem;box-shadow:0 2px 5px 3px var(--dark-green);padding:.5rem .7rem;border-radius:.5rem;min-width:8rem;width:-webkit-max-content;width:max-content;z-index:2;position:absolute;top:35px;background-color:var(--primary)}.labelOptions-item-text{display:flex;align-items:center;justify-content:flex-start;grid-gap:5px;gap:5px}.LabelOptions input{margin:0}.NoNotes{grid-row:2/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:1.5rem;gap:1.5rem}.NoNotes_notero_logo{height:6rem}.NoNotes_desc{font-size:1.3rem;color:var(--secondary)}.NoteCard{border:1px solid var(--grey);padding:.5rem;font-size:.9rem;color:var(--light-grey);display:flex;flex-wrap:wrap;width:15rem;min-height:8rem;border-radius:.5rem;max-height:auto;box-sizing:border-box}.noteCard_head{font-weight:500;justify-content:space-between;padding-bottom:.4rem}.noteCard_head,.noteCard_mid{width:100%;display:flex;align-items:center;flex-wrap:wrap;max-height:auto;box-sizing:border-box;margin:0;padding-left:.5rem}.noteCard_mid{justify-content:flex-start;text-align:start;line-height:1rem;font-size:1.1rem;padding-bottom:1.5rem}.noteCard_bottom{width:100%;align-items:center;justify-content:flex-start;max-height:auto;box-sizing:border-box;margin:0;display:flex;visibility:hidden}.NoteCard:hover .noteCard_bottom,.noteCard_bottom-visible{visibility:visible}.noteCard_icon{padding:.5rem;cursor:pointer}.icon-span{display:inline-flex;position:relative}.noteCard_icon:hover{background-color:var(--light-green);border-radius:100%}.noteCard_label{padding-left:.25rem;width:100%;padding-bottom:.5rem}.noteCard_label-chip{min-width:2rem;max-width:-webkit-max-content;max-width:max-content;border:1px solid var(--grey);color:var(--mild-grey);font-size:.73rem;padding:.3rem .5rem;border-radius:.7rem}.createLabels-container{grid-row:1/span 1;display:flex;grid-gap:.5rem;gap:.5rem;align-items:center;justify-content:center;height:auto;width:100%}.createLabels{flex-direction:column;align-items:flex-start;border-radius:.5rem;border:1px solid var(--dark-grey);box-shadow:0 1px 10px 2px var(--shadow-green);color:var(--light-grey);width:35rem}.createLabels,.createLabels_input-wrapper{display:flex;height:auto;box-sizing:border-box;justify-content:center}.createLabels_input-wrapper{text-align:start;cursor:text;width:100%;border-bottom:1px solid var(--dark-grey);padding:5px .5rem 5px 1rem;align-items:center}.labels-list-wrapper{padding:1rem;width:100%;box-sizing:border-box}.createLabels_input{font-family:"Roboto",sans-serif;width:100%;height:100%;font-size:1rem;color:var(--light-grey);font-weight:500;background-color:transparent;outline:none;border:none}.createLabels_input::-webkit-input-placeholder{color:var(--light-grey)}.createLabels_input:-ms-input-placeholder{color:var(--light-grey)}.createLabels_input::placeholder{color:var(--light-grey)}.createLabels-icon{cursor:pointer;padding:.35rem;height:1.65rem;width:1.8rem}.createLabels-icon:hover{background-color:var(--light-green);border-radius:100%}.label-item-icon{cursor:pointer;padding:4px}.label-item-icon:hover{background-color:var(--light-green);border-radius:100%}.label-item-icons-container{height:28.8px}.label-item-icons-container:hover>.label-item-icon,.label-item-icons-container>.label-item-icon+.label-item-icon{display:none}.label-item-icons-container:hover>.label-item-icon+.label-item-icon{display:inherit}.label-item-wrapper{font-size:1rem;display:flex;align-items:center;justify-content:flex-start;grid-gap:.5rem;gap:.5rem;padding:5px 0;width:100%}.label-item-container-right{width:100%;display:flex;align-items:center;justify-content:space-between}.Navbar{height:-webkit-max-content;height:max-content;grid-column:1/-1;grid-row:1/span 1;background-color:var(--dark-green);color:var(--white);padding:.5rem 2rem .5rem 0;border-bottom:1px solid var(--light-green)}.Navbar,.navbar_left{display:flex;align-items:center;justify-content:flex-start}.navbar_left{width:15rem}.navbar_right{width:100%;display:flex;grid-gap:11rem;gap:11rem;justify-content:flex-end;align-items:center}.brandname{font-size:1.6rem;color:var(--mild-grey);cursor:pointer}.notero-icon{height:2rem;width:2rem;padding-right:1rem;cursor:pointer}.notero-icon path{stroke:var(--accent)}.searchbox{position:relative;display:flex;align-items:center;justify-content:flex-start}.search-input{background-color:var(--light-green);padding:13px 40px;width:30rem;max-width:30rem;min-width:15rem;border-radius:.5rem;outline:none;border:none;font-size:1rem;color:var(--primary)}.search-input::-webkit-input-placeholder{color:var(--mild-grey)}.search-input:-ms-input-placeholder{color:var(--mild-grey)}.search-input::placeholder{color:var(--mild-grey)}.search-input:focus{background-color:var(--mild-grey);transition:all .15s}.filter-icon,.search-icon{color:var(--mild-grey);cursor:pointer}.search-icon{position:absolute;left:10px}.search-input.dark::-webkit-input-placeholder{color:var(--primary)}.search-input.dark:-ms-input-placeholder{color:var(--primary)}.filter-icon.dark,.search-icon.dark,.search-input.dark::placeholder{color:var(--primary)}.ham-menu_icon{color:var(--mild-grey);cursor:pointer;padding-left:2rem;padding-right:1rem}.ham-menu_icon:hover{background-color:var(--accent-light);padding:.5rem;margin-right:.5rem;margin-left:1.5rem;border-radius:100%}.navbar_filters_container{position:absolute;right:10px;color:var(--mild-grey)}.Filters{position:absolute;background-color:var(--primary);box-shadow:0 2px 5px 3px var(--dark-green);padding:.5rem;border-radius:.5rem;min-height:5rem;min-width:8rem}.Filter_Wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.filter-title{margin-bottom:1rem;text-transform:uppercase;font-size:.9rem}.sort-container{display:flex;align-items:center;justify-content:center}.filter-label-input,.sort-date-input{margin:0 5px 0 0}.sort-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-gap:.5rem;gap:.5rem;font-size:.9rem;padding-bottom:1.5rem}.labelOptions-item-text.clear{border-bottom:1px solid var(--light-grey);cursor:pointer}.labelOptions-item-text.clear:hover{border-color:var(--secondary)}.Sidenav{grid-column:1/span 1;grid-row:2/-1;height:100%;width:auto;max-width:100%;color:var(--mild-grey);background-color:var(--dark-green)}.sidenav_container{padding:2rem 0;align-items:flex-start;justify-content:space-between;height:100%;box-sizing:border-box}.sidenav_container,.sidenav_top{display:flex;flex-direction:column}.sidenav_top{width:100%}.sidenav_menu.cursor-block{cursor:no-drop}.sidenav_menu{padding:1rem 6rem 1rem 2rem;display:flex;align-items:center;justify-content:flex-start;grid-gap:2rem;gap:2rem;font-size:1.3rem;cursor:pointer;color:var(--mild-grey)}.sidenav_menu:hover{background-color:var(--accent-mild)}.sidenav_menu_icon{color:var(--secondary)}.sidenav_menu_title{font-size:1.1rem;transition:all .4s ease;flex-basis:40%;width:-webkit-max-content;width:max-content}.active_menu,.active_menu:hover{background-color:var(--accent-light)}.active_menu .sidenav_menu_icon{color:var(--mild-grey)}.sidenav_bottom{padding:1rem 2rem;box-sizing:border-box;justify-content:space-between}.sidenav_bottom,.sidenav_user{width:100%;display:flex;align-items:center}.sidenav_user{grid-gap:.5rem;gap:.5rem;cursor:pointer;color:var(--mild-grey)}.sidenav_user_name{font-size:.95rem}.sidenav_user_name:hover{color:var(--secondary)}.sidenav_user_img{height:2rem;width:2rem;border-radius:100%}.exit_icon{cursor:pointer;padding:.5rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.exit_icon:hover{background-color:var(--light-green)}.title_hidden .sidenav_menu_title,.title_hidden .sidenav_user{display:none}.title_hidden .sidenav_menu{padding-right:1rem;width:-webkit-max-content;width:max-content}
/*# sourceMappingURL=main.73575399.chunk.css.map */