.note-list{width:100%}*{box-sizing:border-box;margin:0;padding:0}html{font-size:10px}body{background-color:#ebf1f2;color:#404040;font-family:Roboto,sans-serif;font-size:1.6rem;font-style:normal;font-weight:200}.App{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;margin:80px auto}.note-list{align-items:center;display:flex;flex-direction:column;justify-content:space-between;row-gap:10px}@media(max-width:1024px){.App{align-items:center;display:flex;flex-direction:column;justify-content:center}}.main{box-shadow:0 7px 7px 0 #64646f33}.note-button{cursor:pointer}.main-content,.wrapper{width:100%}.main{background-color:#f4f4f2;padding:20px 0;width:600px}.wrapper{margin:0 auto;padding:0 20px}.main-header{justify-content:space-between;margin-bottom:20px}.main-header,.note-button{align-items:center;display:flex;flex-direction:row}.note-button{background-color:#59ccd9;border:none;border-radius:50%;color:#fff;justify-content:center}.add-button{height:30px;width:30px}@media(max-width:640px){.main{width:300px}.wrapper{padding:0 10px}.main-header{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;row-gap:20px}}.note-content{cursor:pointer}.indicator-color,.note,.note-field,.unordered-list{width:100%}.note{align-items:flex-start;background-color:#fff;display:flex;flex-direction:row;height:120px;justify-content:space-between}.note-indicator{height:100%;list-style-type:none;width:20px}.note-icons{column-gap:8px;justify-content:space-between;padding:14px;width:86px}.note-icons,.note-icons-button{align-items:center;display:flex;flex-direction:row}.note-icons-button{height:24px;justify-content:center;opacity:1;padding:4px;width:24px}.note-icons-button:disabled{cursor:not-allowed;opacity:.6}.note-content{align-items:flex-start;display:flex;flex-direction:column;height:120px;justify-content:center;overflow:hidden;padding:10px;row-gap:8px;width:420px}.note-field{border:none;font-family:Roboto,sans-serif;outline:none;word-break:break-all}.note-title{color:#404040;font-size:2.2rem;font-style:normal;font-weight:500}.note-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#8c8c8c;display:-webkit-box;font-size:1.4rem;font-style:normal;font-weight:200;overflow:hidden;white-space:pre-wrap}.star-icon *{fill:#59ccd9;stroke:#fff;stroke-width:50px}.unordered-list{height:54px;list-style-position:inside;overflow:hidden}.unordered-list li{color:#8c8c8c;font-size:1.4rem;font-style:normal;font-weight:200}.hidden{display:none}@media(max-width:640px){.note-title{font-size:1.8rem}.note-text{-webkit-line-clamp:2}.note-text,.unordered-list li{font-size:1.2rem}}.tag{cursor:pointer}.header-tags{column-gap:6px;justify-content:space-between;list-style-type:none}.header-tags,.tag{align-items:center;display:flex;flex-direction:row}.tag{border-radius:10px;color:#fff;font-size:1.6rem;font-style:normal;font-weight:200;justify-content:center;padding:2px 14px 3px}.shopping-tag{background-color:#aa89d9;border:1px solid #aa89d9}.businnes-tag{background-color:#f280bf;border:1px solid #f280bf}.other-tag{background-color:#d9805f;border:1px solid #d9805f}.popup-tag{background-color:#fff;color:#404040;font-size:1.6rem;font-style:normal;font-weight:200}.popup-tag,.selected{border:1px solid #59ccd9}.selected{background-color:#59ccd9;color:#fff}@media(max-width:640px){.tag{font-size:1.2rem}}.popup{box-shadow:0 7px 7px 0 #64646f33}.popup-add-list-button,.popup-button{cursor:pointer}.content-description,.popup-close-wrapper,.popup-content,.popup-input,.popup-tags,.popup-unordered-list,.popup__bg{width:100%}@keyframes showBackdrop{0%{opacity:0}to{opacity:1}}@keyframes showModal{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.popup__bg{align-items:center;animation:showBackdrop .3s ease-out;background-color:#0003;bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:center;position:absolute;right:0;top:0;z-index:70}.popup,.popup__bg{transition:all .3s}.popup{animation:showModal .3s ease-out;background-color:#fff;margin:200px auto;width:560px}.popup-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:10px}.content-description,.popup-close-wrapper{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.popup-input{border:none;font-family:Roboto,sans-serif;outline:none;padding:10px;resize:none}.title{font-size:2.2rem;font-weight:500}.content,.title{color:#404040;font-style:normal}.content{font-size:1.6rem;font-weight:200}.popup-tags{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}.popup-button{background-color:#59ccd9;border:none;border-radius:10px;color:#fff;font-size:1.6rem;font-style:normal;font-weight:200;padding:4px 14px}.popup-add-list-button,.popup-button{align-items:center;display:flex;flex-direction:row;justify-content:center}.popup-add-list-button{background-color:#fff;border:1px solid #59ccd9;border-radius:10px;color:#404040;padding:6px 8px}.popup-unordered-list{list-style-position:inside;padding:10px}.popup-unordered-list input{border:none;color:#404040;font-family:Roboto,sans-serif;font-size:1.6rem;font-style:normal;font-weight:200;outline:none}@media(max-width:640px){.popup{width:300px}.title{font-size:1.8rem}.content,.popup-unordered-list input,.unordered-list-input,input::placeholder{font-size:1.2rem}.popup-tags{align-items:center;display:flex;flex-direction:column;justify-content:space-between;row-gap:20px}}.unordered-list-input{width:100%}.unordered-list-form{display:flex;padding:10px 0 10px 10px;width:100%}.unordered-list-input{border:none;color:#8c8c8c;font-family:Roboto,sans-serif;font-size:1.6rem;font-style:normal;font-weight:200;outline:none;padding:2px}.sidebar-navigation{box-shadow:0 7px 7px 0 #64646f33}.navigation-link{cursor:pointer}.navigation,.navigation-link{width:100%}.sidebar-navigation{align-items:center;background-color:#f7f7f7;height:100%;justify-content:center;row-gap:20px;width:200px}.navigation,.sidebar-navigation{display:flex;flex-direction:column}.navigation{align-items:flex-start;justify-content:space-between;list-style-type:none}.navigation-link{align-items:center;background-color:#fff;color:#8c8c8c;column-gap:8px;display:flex;flex-direction:row;font-size:1.6rem;font-style:normal;font-weight:200;height:40px;justify-content:flex-start}.navigation-link.active .active-link{background-color:#59ccd9;height:100%;visibility:visible;width:10px}.navigation-link.active .link-icon{color:#59ccd9}.active-link{background-color:#59ccd9;height:100%;visibility:hidden;width:10px}@media(max-width:1024px){.sidebar-navigation{padding:0 20px;width:600px}.navigation{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;list-style-type:none}}@media(max-width:640px){.sidebar-navigation{padding:0 10px;width:300px}.navigation-link{column-gap:4px;font-size:1.2rem}}.search{align-items:center;background-color:#fff;border-radius:10px;column-gap:8px;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;padding:6px;width:150px}.search input{background-color:#fff;border:none;color:#8c8c8c;font-size:1.4rem;font-style:normal;font-weight:200;width:100px}.search input:focus{outline:none}@media(max-width:1024px){.search{width:100%}}
/*# sourceMappingURL=main.0f344cfc.css.map*/