.sidebar__popup{position:fixed;z-index:2;bottom:2rem;left:4rem;padding:1.8rem;background-color:#fff;box-shadow:0 .6rem 1rem rgba(0,0,0,.1);border-radius:1rem}@media (max-width:1024px){.sidebar__popup{left:2rem}}@media (max-width:699px){.sidebar__popup{right:1rem;bottom:1rem;left:unset}}.sidebar__popup-container{position:relative}.sidebar__popup-close{position:absolute;right:-1.8rem;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.sidebar__popup .badge{width:2rem;height:2rem;cursor:pointer}.sidebar__popup .badge.active{border:2px solid #525252}.sidebar__popup .badge:not(:last-of-type){margin-right:.5rem}.sidebar__popup-button,.sidebar__popup-input{width:100%}.sidebar__popup-colors{margin:1.3rem 0;display:flex}.tasks__add-container{margin-top:-1rem}.tasks__add-container .button{margin-left:1rem}.tasks__add-button{display:flex;align-items:center;cursor:pointer;margin-top:1rem;margin-bottom:.86rem;opacity:.5;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}@media (max-width:860px){.tasks__add-button{margin-bottom:.47rem}}.tasks__add-button:hover{opacity:.8}.tasks__add-button-icon{display:flex;justify-content:center;align-items:center;width:2rem;margin-right:1.5rem}.tasks__add-button-icon img{width:1.4rem}.badge{display:inline-block;width:1rem;height:1rem;border-radius:50%}.tasks__folder:not(:last-of-type){margin-bottom:10rem}@media (max-width:860px){.tasks__folder:not(:last-of-type){margin-bottom:8rem}}.tasks__folder-heading{display:flex;align-items:center;border-bottom:1px solid #f2f2f2;padding-bottom:2rem;margin-bottom:3rem}@media (max-width:860px){.tasks__folder-heading{padding-bottom:1rem;margin-bottom:1rem}}.tasks__folder-heading-edit,.tasks__folder-heading-text{cursor:pointer}.tasks__folder-heading-text{font-family:"Montserrat",-apple-system,system-ui,sans-serif;font-weight:700;font-size:3.2rem;padding-right:.5rem;max-width:30rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (max-width:860px){.tasks__folder-heading-text{font-size:2.7rem}}.tasks__folder-heading-text:hover~.tasks__folder-heading-edit{opacity:.3}.tasks__folder-heading-edit{opacity:.15;padding:1rem}.tasks__folder-heading-edit:hover{opacity:.5}.tasks__folder-edit{border-bottom:1px solid #f2f2f2;padding-bottom:2.4rem;margin-bottom:3.05rem}@media (max-width:1024px){.tasks__folder-edit{padding-bottom:2.45rem;margin-bottom:3rem}}@media (max-width:860px){.tasks__folder-edit{padding-bottom:1.6rem;margin-bottom:1.02rem}}.tasks__folder-edit-button{margin-left:1rem}.sidebar__list:first-of-type li:first-of-type,.sidebar__list:not(:last-of-type){margin-bottom:2.5rem}.sidebar__list li{position:relative;display:flex;align-items:center;font-size:1.8rem;padding:1rem 2.5rem 1rem 1.2rem;border-radius:4px;cursor:pointer;-webkit-transition:all .25s ease;transition:all .25s ease}@media (max-width:860px){.sidebar__list li{font-size:1.6rem}}.sidebar__list li:hover{background-color:hsla(0,0%,100%,.5)}.sidebar__list li:hover .sidebar__list-item-remove{visibility:visible;opacity:.3}.sidebar__list li:hover .sidebar__list-item-remove:hover{opacity:.5}.sidebar__list li.active{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05)}.sidebar__list li span:first-of-type{margin-right:1.5rem;display:flex;justify-content:center}.sidebar__list li span:first-of-type img{width:1.3rem}.sidebar__list-item-name{width:12rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar__list-item-remove{visibility:hidden;position:absolute;right:0;top:50%;-webkit-transform:translate(-1rem,-50%);transform:translate(-1rem,-50%);padding:.2rem;opacity:0;-webkit-transition:all .25s ease;transition:all .25s ease}@media (max-width:860px){.sidebar__list-item-remove{-webkit-transform:translate(-.8rem,-50%);transform:translate(-.8rem,-50%)}}.sidebar__list li.sidebar__list-button{opacity:.5;border-radius:0;margin-top:2.5rem}.sidebar__list li.sidebar__list-button.active,.sidebar__list li.sidebar__list-button:hover{opacity:1;background-color:transparent;box-shadow:none}.menu-button__label{display:block;position:fixed;top:1rem;right:2rem;width:3rem;height:3rem;border-radius:50%;background-color:#fff;box-shadow:0 1px 6px -2px rgba(0,0,0,.5);z-index:2;cursor:pointer;-webkit-transition:right .5s ease;transition:right .5s ease}.menu-button__label span,.menu-button__label span:after,.menu-button__label span:before{content:"";position:absolute;width:1.5rem;height:1.5px;background-color:#222;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .25s ease;transition:all .25s ease}.menu-button__label span:before{top:6px}.menu-button__label span:after{top:-5px}.menu-button__input{display:none}.menu-button__input:checked~.menu-button__label{right:22rem}.menu-button__input:checked~.menu-button__label span{background-color:transparent}.menu-button__input:checked~.menu-button__label span:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg);top:0}.menu-button__input:checked~.menu-button__label span:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);top:0}.menu-button__input:checked~.sidebar{right:0}.tasks__item{position:relative;padding:1.5rem;display:flex;align-items:center}@media (max-width:860px){.tasks__item{padding:1rem}}.tasks__item-container{-webkit-transition:box-shadow .15s ease;transition:box-shadow .15s ease}.tasks__item-container:not(.tasks__add-container){cursor:pointer}.tasks__item-container:not(.tasks__add-container):hover{box-shadow:0 2px 10px rgba(0,0,0,.07)}.tasks__item-container:not(.tasks__add-container) .tasks__item-name{max-width:calc(100% - 9rem)}.tasks__item-checkbox{display:none}.tasks__item-label{display:flex;justify-content:center;align-items:center;cursor:pointer;width:2rem;height:2rem;border-radius:50%;border:2px solid #e8e8e8;box-sizing:border-box;margin-right:1.5rem;-webkit-transition:background-color .15s ease,border-color .15s ease;transition:background-color .15s ease,border-color .15s ease}.tasks__item-label svg{opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.tasks__item-label svg path{-webkit-transition:stroke .15s ease;transition:stroke .15s ease}.tasks__item:hover .tasks__item-label{background-color:#f2f2f2;border-color:#f2f2f2}.tasks__item:hover .tasks__item-label svg{opacity:1}.tasks__item:hover .tasks__item-label svg path{stroke:#b3b3b3}.tasks__item-checkbox:checked+.tasks__item-label{background-color:#4dd599;border-color:#4dd599}.tasks__item-checkbox:checked+.tasks__item-label svg{opacity:1}.tasks__item-checkbox:checked+.tasks__item-label svg path{stroke:#fff}.tasks__item-name{font-weight:400;font-size:1.6rem;line-height:1.6rem;overflow-wrap:break-word}@media (max-width:860px){.tasks__item-name{font-size:1.4rem;line-height:1.4rem}}.tasks__item-remove{position:absolute;right:0;top:50%;-webkit-transform:translate(-1.5rem,-50%);transform:translate(-1.5rem,-50%);padding:.2rem;opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.tasks__item-remove:hover{opacity:.5!important}.tasks__item:hover .tasks__item-remove{opacity:.3}.tasks__item-edit{position:absolute;right:0;top:50%;height:1.6rem;-webkit-transform:translate(-3.7rem,-50%);transform:translate(-3.7rem,-50%);padding:.2rem;opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.tasks__item-edit-container{margin-top:-.73rem;margin-bottom:-.73rem;width:100%}@media (max-width:860px){.tasks__item-edit-container{margin-top:-.43rem;margin-bottom:-.43rem}}.tasks__item-edit-input.field{width:calc(100% - 19.5rem)}.tasks__item-edit-button{margin-left:1rem}.tasks__item-edit:hover{opacity:.5!important}.tasks__item:hover .tasks__item-edit{opacity:.3}*{margin:0;padding:0;box-sizing:inherit;border:none;outline:none;font-family:"Roboto",-apple-system,system-ui,sans-serif}html{font-size:62.5%}body{box-sizing:border-box}ol,ul{list-style:none}.todo{display:flex;min-height:100vh;max-height:100vh;overflow:hidden}@media (max-width:699px){.todo{flex-direction:row-reverse}}.todo__menu-button{position:fixed;top:0;right:0;z-index:2}.todo__menu-button:hover{background-color:#000}.sidebar,.tasks{min-height:100%;max-height:100%;overflow-y:scroll}.sidebar::-webkit-scrollbar,.tasks::-webkit-scrollbar{width:0}.sidebar{background-color:#f4f6f8;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:4rem;border-right:1px solid #f1f1f1;overflow-x:visible}@media (max-width:1024px){.sidebar{padding:3rem 2rem}}@media (max-width:860px){.sidebar{padding:1rem}}@media (max-width:699px){.sidebar{position:relative;right:-20.6rem;box-shadow:0 0 10px -5px rgba(0,0,0,.5);z-index:2;-webkit-transition:right .5s ease;transition:right .5s ease}}.tasks{flex:1 1;padding:4rem 10rem}@media (max-width:1024px){.tasks{padding:3rem 5rem}}@media (max-width:860px){.tasks{padding:1rem 2rem}}@media (max-width:699px){.tasks{flex:unset;min-width:100vw;-webkit-transform:translateX(20.6rem);transform:translateX(20.6rem)}}.tasks__blank{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:3.2rem;color:#c9d1d3}.button,.field{font-size:1.4rem;letter-spacing:.15px;border-radius:4px;padding:.8rem 1rem}@media (max-width:860px){.button,.field{padding:.5rem 1rem}}.field{background:#fff;border:1px solid #efefef;box-sizing:border-box;font-weight:400}.field::-webkit-input-placeholder{color:#c7c7c7}.field:-ms-input-placeholder{color:#c7c7c7}.field::-ms-input-placeholder{color:#c7c7c7}.field::placeholder{color:#c7c7c7}.button{display:inline-block;text-align:center;font-weight:700;cursor:pointer}.button--green{background-color:#4dd599;color:#fff}.button--gray{background-color:#f4f6f8;color:#9c9c9c}
/*# sourceMappingURL=main.fce3de3e.chunk.css.map */