@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";.aside{min-height:100vh;width:280px;padding:20px 5px 5px;display:flex;flex-direction:column;box-shadow:4px 0 20px -10px #00000040;background-color:#faf9f8;transition:all .3s ease-in-out;transform-origin:left top}.aside__header{padding-bottom:15px;padding-left:10px;padding-right:10px}.aside-toggle{margin-bottom:15px;padding:5px 7px;border:none;cursor:pointer;display:flex;justify-content:flex-start;align-items:center}@media (max-width: 400px){.aside{min-width:100%}}@media (max-width: 740px){.aside{transform:scaleX(0);position:absolute;top:0;bottom:0;left:0;z-index:1}}.aside--open{transform:scaleX(1)}.main-nav{border-bottom:1px solid rgba(0,0,0,.1)}.main-nav-list{margin-bottom:5px}.main-nav-list li:not(:last-child){margin-bottom:4px}.main-nav-list__input{max-width:100%;height:100%;padding:12px 10px;border:none;position:relative;z-index:1}.main-nav-list__input:focus-visible{outline:none}.main-nav-list__button-icon{margin-right:10px;width:20px;height:20px}.main-nav-list__button-icon-toggle{margin-left:auto;transition:all .2s ease-in-out}.main-nav-list__button-icon-toggle--open{transform:rotate(180deg)}.main-nav-list__button{font-size:13px;font-weight:300;color:#414141;min-width:100%;height:40px;padding-left:10px;position:relative;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center}.main-nav-list__button:after{content:"";width:100%;position:absolute;bottom:0;top:0;left:-2px;opacity:0;background-color:#0000000d;border-radius:3px;transform:scaleX(0);transform-origin:left;transition:all .2s linear}.main-nav-list__button:before{content:"";height:15px;width:3px;position:absolute;left:0;transform:scaleY(0);background-color:#2564cf;border-radius:0;transition:transform .3s ease-in-out,border .2s linear;transition-delay:.1s}.main-nav-list__button:hover:after{transform:scaleX(1);border-radius:2px;opacity:1}.main-nav-list__button--active:before{transform:scaleY(1);opacity:1;border-radius:3px}.main-nav-list__button--active:after{transform:scaleX(1);border-radius:2px;opacity:1}.main-nav-list__count{margin-left:auto;width:16px;height:16px;font-size:11px;color:#0009;background-color:#00000012;border-radius:50%;display:flex;align-items:center;justify-content:center}.tasks{padding-top:7px}.tasks-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.tasks-footer__button{position:relative;height:33px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border:none}.tasks-footer__button--list{flex-grow:1}.tasks-footer__button p{font-size:13px;font-weight:300;margin:0;padding:0;color:#414141;display:flex;align-items:center}.tasks-footer__button:after{content:"";width:100%;position:absolute;bottom:0;top:0;left:-2px;opacity:0;background-color:#0000000d;border-radius:0;transform:scaleX(0);transform-origin:left;transition:all .2s linear}.tasks-footer__button:hover:after{transform:scaleX(1);border-radius:2px;opacity:1}.tasks-footer__icon{margin-right:10px}.search{display:block;margin:0;padding:0;position:relative}.search:before{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;z-index:1;background-color:#2564cf;transform:scaleX(0);transform-origin:left;transition:all .2s linear}.search:has(input:focus):before{transform:scaleX(1)}.search__input{width:100%;padding:5px 10px;font-size:14px;border-radius:3px;border:none;border-bottom:1px solid #414141;display:block;position:relative;box-shadow:0 0 2px #223c5033;transition:all .2s linear}.search__input:hover{background-color:#f7f7f7}.search__input:focus{outline:none;background-color:#fff}.search__icon{width:14px;height:14px;position:absolute;top:7px;right:10px;transform:rotateY(180deg)}.header-user{margin-bottom:10px;width:100%;border:none;display:flex;align-items:center;cursor:pointer}.header__image{width:45px;height:45px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-weight:400;color:#fff;font-size:17px;border-radius:50%;background-color:#2c87eb}.header-user-names{display:flex;flex-direction:column;align-items:flex-start}.header-user-names p{margin:0 0 4px;font-weight:500;font-size:13px}.header-user-names sup{font-weight:300;font-size:11px;position:relative}.header-user-names sup .header-user-names__arrow-bottom{width:12px;height:12px;position:absolute;bottom:-2px;rotate:90deg}.header-user-names sup .header-user-names__arrow-bottom .path{stroke:#000}.header-user-names sup .header-user-names__arrow-top{width:12px;height:12px;position:absolute;top:-3px;rotate:-90deg}.header-user-names sup .header-user-names__arrow-top .path{stroke:#000}.aside-toggle{margin-bottom:15px;padding:5px 7px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.aside-toggle:hover{background-color:#0000000d}.aside-toggle__icon{width:25px;height:25px}@media (min-width: 740px){.aside-toggle{display:none}}.main-header{margin-bottom:20px;display:flex;justify-content:space-between}.main-header__toggle-menu{padding:3px 3px 1px;transition:all .2s linear;margin-bottom:5px}.main-header__toggle-menu .aside-toggle__icon>path{stroke:#fff}@media (max-width: 740px){.main-header__toggle-menu{background-color:transparent;justify-content:flex-start}.main-header__toggle-menu:hover{border-radius:3px;background-color:#0003}}.main-header__title{margin:0 0 7px;color:#fff;font-weight:500}.date{padding:0;margin:0;color:#fff;font-weight:300;font-size:13px}.date__day-week span{font-size:14px}.header-buttons{display:flex;align-items:flex-start}.header-buttons li:not(:last-child){margin-right:10px}.header-buttons__item{border:none;margin:0;padding:0;width:25px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:4px;background-color:transparent;transition:background-color .1s ease;cursor:pointer}.header-buttons__item:hover{background-color:#ffffff80}.header-buttons--icon{fill:#fff;stroke:#fff}.circle{width:25px;height:25px;margin-right:10px;border-radius:50%;border:2px solid black}.task-wrapper{position:relative}.add-task{margin-top:auto;padding-left:10px;height:50px;position:relative;display:flex;align-items:center;background-color:#fff9;border-radius:3px;transition:background-color .1s linear}.add-task:has(input:focus){background-color:#ffffffe6}.add-task__icon{margin-right:10px}.add-task__input{flex-grow:1;border:none;outline:none;background-color:transparent;font-size:13px}.add-task__input::placeholder{color:#000}.add-task__input:focus::placeholder{color:transparent}.task-actions{height:100%;display:flex;align-items:center;justify-content:center}.task-actions li{height:100%;display:flex}.task-actions__button{padding:0 5px;margin:0;border:none;display:flex;align-items:center;background-color:transparent;cursor:pointer;position:relative;transition:background-color .1s linear}.task-actions__button-icon{margin-right:5px}.task-actions__button:hover{background-color:#ffffff80;border-radius:3px}.hide{display:none}.list-actions{width:250px;position:absolute;z-index:100;bottom:160%;right:0;box-shadow:0 5px 20px 4px #223c5066;border:1px solid #fff;border-radius:4px}.list-actions li:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-actions li:last-child{border-top:1px solid #E3E3E3}.list-actions__icon{margin-right:15px;width:17px;height:17px}.list-actions__button{width:100%;padding:15px 10px;display:flex;justify-content:space-between;align-items:center;border:none;cursor:pointer;background-color:#fff;font-size:12px}.list-actions__button .text{margin-right:auto}.list-actions__button:hover{background-color:#ffffffe6}.tasks-list li{padding:10px 15px;margin-bottom:2px;display:flex;align-items:flex-start;justify-content:space-between;background-color:#ffffffe6;border-radius:4px;transition:all .1s ease-in-out}.tasks-list li:has(button):hover{background-color:#fff}.tasks-list__button{padding:0;margin-right:10px;position:relative;border:none;background-color:transparent;cursor:pointer}.tasks-list__button:hover .tasks-list__icon .check{fill:#000}.tasks-list__icon{width:20px;height:20px}.tasks-list__icon .check{transition:all .15s linear;fill:transparent}.tasks-list__star{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer}.tasks-list__star .star{transition:all .15s linear}.tasks-list__star:hover .star{stroke:#2564cf}.important .star{fill:#2564cf;stroke:#2564cf}.task-list__content{flex-grow:1}.task-list__content p{margin:0;padding:0;font-size:13px;font-weight:400}.task-list__content span{font-size:11px}.group-list{margin-left:40px;font-size:13px;color:#414141}.group-list p{padding-left:13px;position:relative}.group-list p:after{content:"";height:20px;width:2px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:#414141}*{box-sizing:border-box;letter-spacing:.04rem}.main-wrapper{display:flex;flex-wrap:wrap}@media (max-width: 740px){.main-wrapper{flex-direction:column}}ul{list-style:none;margin:0;padding:0}.main{padding:15px;flex-grow:1;min-height:100vh;display:flex;flex-direction:column;background-color:#677bca}@media screen and (min-width: 740px){.main{padding:45px;border-top-left-radius:10px}}:root{font-family:Roboto,serif;font-weight:300;font-size:17px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;height:100svh;background-color:#faf9f8}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto}