*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizespeed}a{text-decoration:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,input[type=submit],input[type=button]{cursor:pointer;background:0 0;border:0}address{font-style:normal}@keyframes add-checked{0%{width:0}to{width:100%}}.item-lable__todo-checked:after{animation:.2s linear add-checked}@keyframes show-check{0%{opacity:0}to{opacity:1}}.item-lable,input:checked+span{animation:.2s linear show-check}body{font-family:Josefin Sans,sans-serif;font-size:1.1rem}.header{text-transform:uppercase;letter-spacing:10px}.attribution{text-align:center;font-size:.6em}.attribution a{color:#3e52a3}body{background-color:#e4e5f1}.header{background:url(bg-mobile-light.e1315d1e.jpg) 0 0/cover no-repeat;padding:3em 2em 10em}.header__title{color:#fafafa;-webkit-user-select:none;user-select:none}.header__theme-btn{width:30px;margin-bottom:.5em}.header__container{max-width:450px;justify-content:space-between;margin:0 auto;display:flex}.items-container{max-width:450px;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;translate:0 -150px}.items-container__new-todo{width:100%;margin:1em 0;position:relative}.items-container__new-todo:after{content:"";height:25px;width:25px;cursor:text;border:1px solid #d2d3db;border-radius:50%;display:block;position:absolute;translate:25px -45px}.items-container__new-todo input{width:100%;color:#484b6a;border:0;border-radius:7px;padding:1.3em 1.3em 1.3em 3.6em;transition:outline .35s;box-shadow:0 5px 20px #0000001a}.items-container__new-todo input:focus{outline:2px solid #3a7bfd}.items-container__new-todo input::-webkit-input-placeholder{color:#9394a5}.items-container__new-todo input::-moz-placeholder{color:#9394a5}.items-container__new-todo input:-ms-input-placeholder{color:#9394a5}.items-container__new-todo input::placeholder{color:#9394a5}.items-container__todo-items{width:100%;background-color:#fafafa;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 15px 20px #cacaca}.items-container__todo-items .item-lable{width:100%;color:#484b6a;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:flex-start;align-items:flex-end;padding:1.3em 1em;display:flex;position:relative}.items-container__todo-items .item-lable:after{content:"";width:100%;height:1px;background-color:#d2d3db;display:block;position:absolute;translate:-17px 23px}.items-container__todo-items .item-lable__todo-checked{color:#d2d3db;position:relative}.items-container__todo-items .item-lable__todo-checked:after{content:"";width:100%;height:1px;background-color:#9394a5;display:inline-block;position:absolute;left:0;translate:0 8px}.items-container__todo-items .item-lable input{visibility:hidden;height:0;display:block;position:absolute}.items-container__todo-items .item-lable span{height:25px;width:25px;border:1px solid #d2d3db;border-radius:50%;margin:0 .7em 0 .4em;transition:border-color .35s;display:inline-block}.items-container__todo-items .item-lable span:hover,.items-container__todo-items .item-lable span:focus{border-color:#57ddff}.items-container__todo-items .item-lable input:checked+span{background-color:#0000;background-image:url(icon-check.0ef01779.svg),linear-gradient(to bottom right,#57ddff,#c058f3);background-position:50%;background-repeat:no-repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.items-container__todo-items .item-lable input:checked+span:hover,.items-container__todo-items .item-lable input:checked+span:focus{border-color:#d2d3db}.items-container__todo-items .item-lable button{align-self:center;margin-left:auto;margin-right:.3em}.items-container__todo-items .item-lable button img{width:15px}.items-container__todo-items .items-info{width:100%;color:#9394a5;flex-direction:row;justify-content:space-between;align-items:center;padding:1.3em 1.5em;display:flex}.items-container__todo-items .items-info button{color:#9394a5;transition:color .35s}.items-container__todo-items .items-info button:hover,.items-container__todo-items .items-info button:focus{color:#484b6a}.items-container__options{width:100%;background-color:#fafafa;border-radius:7px;flex-direction:row;justify-content:center;align-items:center;gap:1.5em;margin-top:1em;padding:1em;display:flex;box-shadow:0 5px 20px #ddd}.items-container__options__btn{color:#484b6a;transition:color .35s}.items-container__options__btn:hover,.items-container__options__btn:focus{color:#9394a5}.items-container__options__active{color:#3a7bfd;font-weight:700}.items-container__options__active:hover,.items-container__options__active:focus{color:#3a7bfd}.attribution{margin-bottom:1em}.body-dark{background-color:#161722}.body-dark .header{background:url(bg-mobile-dark.ee9385c1.jpg) 0 0/cover no-repeat;padding:3em 2em 10em}.body-dark .items-container__new-todo:after{border-color:#393a4c}.body-dark .items-container__new-todo input{color:#cacde8;background-color:#25273c;box-shadow:0 5px 10px #0000004d}.body-dark .items-container__new-todo input::-webkit-input-placeholder{color:#777a92}.body-dark .items-container__new-todo input::-moz-placeholder{color:#777a92}.body-dark .items-container__new-todo input:-ms-input-placeholder{color:#777a92}.body-dark .items-container__new-todo input::placeholder{color:#777a92}.body-dark .items-container__todo-items{background-color:#25273c;box-shadow:0 5px 20px #00000080}.body-dark .items-container__todo-items .item-lable{color:#cacde8}.body-dark .items-container__todo-items .item-lable:after{background-color:#393a4c}.body-dark .items-container__todo-items .item-lable span{border:1px solid #393a4c}.body-dark .items-container__todo-items .item-lable__todo-checked{color:#4d5066}.body-dark .items-container__todo-items .item-lable__todo-checked:after{background-color:#777a92}.body-dark .items-container__todo-items .items-info,.body-dark .items-container__todo-items .items-info button{color:#4d5066}.body-dark .items-container__todo-items .items-info button:hover,.body-dark .items-container__todo-items .items-info button:focus{color:#cacde8}.body-dark .items-container__options{background-color:#25273c;box-shadow:0 5px 20px #00000080}.body-dark .items-container__options__btn{color:#777a92}.body-dark .items-container__options__btn:hover,.body-dark .items-container__options__btn:focus{color:#e4e5f1}.body-dark .items-container__options__active,.body-dark .items-container__options__active:hover,.body-dark .items-container__options__active:focus{color:#3a7bfd}.body-dark .attribution{color:#fff}@media (max-width:499px){.header__container,.items-container{max-width:350px;font-size:1rem}.header__container__new-todo:after,.items-container__new-todo:after{translate:25px -41px}}@media (min-width:800px){.header__container,.items-container{max-width:500px}.header__container__todo-items .items-info,.items-container__todo-items .items-info{font-size:.9rem}.header__container__options,.items-container__options{width:0;height:0;box-shadow:none;gap:1rem;margin-top:0;font-size:.9rem;translate:0 -40px}.header__container .item-lable button,.items-container .item-lable button{opacity:0;transition:opacity .35s}.header__container .item-lable:hover button,.items-container .item-lable:hover button{opacity:1}.header{background:url(bg-desktop-light.24aa7448.jpg) no-repeat}.body-dark .header{background:url(bg-desktop-dark.bdf302f3.jpg) 0 0/cover no-repeat;padding:3em 2em 10em}.body-dark .items-container__options{box-shadow:none}}
/*# sourceMappingURL=index.2baf1183.css.map */