*{margin:0;padding:0}*,html{box-sizing:border-box}html{font-size:100%}body{font-family:Josefin Sans,sans-serif;transition:background-color .4s ease-out}.theme--light body{background-color:#fafafa}.theme--dark body{background-color:#161722}.container{position:relative;z-index:1;max-width:33.75rem;margin:0 auto 3.125rem;padding-top:4.375rem}@media (max-width:63.9375em){.container{padding:2.8125rem 1.5625rem 1.5625rem}}.flex{display:flex}.flex-jc-sb{justify-content:space-between}.flex-jc-c{justify-content:center}.flex-ai-c{align-items:center}.flex-d-c{flex-direction:column}@media (min-width:40em){.hide-for-desktop{display:none}}@media (max-width:39.9375em){.hide-for-mobile{display:none}}.header{position:relative;margin-bottom:3.125rem}@media (max-width:39.9375em){.header{margin-bottom:2.5rem}}.header h1{color:#fff;letter-spacing:10px;font-weight:700}.header__themeSwicherIcon{position:absolute;right:0;top:0;cursor:pointer;content:"";background-size:cover;width:1.25rem;height:1.25rem;transition:all .4s ease-out}.theme--light .header__themeSwicherIcon{background-image:url(images/icon-moon.6c03114b495d05f4380b3c544d9afe2a.svg)}.theme--dark .header__themeSwicherIcon{background-image:url(images/icon-sun.910b1f9a23741afc341e95653a51f14f.svg)}.hero__image{position:absolute;top:0;background-repeat:no-repeat;background-size:cover;width:100%;height:18.75rem;transition:all .4s ease-out}.theme--light .hero__image{background-image:url(images/bg-mobile-light.645bd127083ef66fbfb9d348d84ea092.jpg)}@media (min-width:23.125em){.theme--light .hero__image{background-image:url(images/bg-desktop-light.3508d620efd5a52bb4ced1338e9bda33.jpg)}}.theme--dark .hero__image{background-image:url(images/bg-mobile-dark.4b4de43949f46052a146f4b6301afdc4.jpg)}@media (min-width:23.125em){.theme--dark .hero__image{background-image:url(images/bg-desktop-dark.73e47dbb723ebc772ef0451f7f908534.jpg)}}@media (max-width:39.9375em){.hero__image{height:12.5rem}}input{padding:1.25rem .9375rem 1.25rem 3.125rem;border-radius:5px;border:none;font-family:Josefin Sans,sans-serif;width:100%;transition:background-color .4s ease-out;font-size:1.125rem}.theme--light input{background-color:#fff;color:#25273c}.theme--dark input{background-color:#25273c;color:#fafafa}input::placeholder{color:#777a92;opacity:1}input:focus{outline:none}.inputWrapper{position:relative}.inputWrapper:before{position:absolute;top:1rem;left:.875rem;content:"";border:1px solid #777a92;border-radius:50%;width:1.375rem;height:1.375rem}.todoList{padding-top:1.25rem;margin-bottom:.9375rem;transition:box-shadow .4s ease-in-out}.todoList>div:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.todoList>div:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.theme--light .todoList{box-shadow:0 35px 50px -15px #cacde8}.theme--dark .todoList{box-shadow:0 35px 50px -15px rgba(0,0,0,.5)}.todoList__filters{display:flex;justify-content:center;padding:.9375rem;border-radius:5px;color:#777a92;font-size:.875rem;transition:all .4s ease-in-out}.theme--light .todoList__filters{box-shadow:0 35px 50px -15px #cacde8;background-color:#fff}.theme--dark .todoList__filters{box-shadow:0 35px 50px -15px rgba(0,0,0,.5);background-color:#25273c}.todoList__filters>span{cursor:pointer;font-weight:700}.theme--light .todoList__filters>span:hover:not(.active){color:#4d5066}.theme--dark .todoList__filters>span:hover:not(.active){color:#e4e5f1}.todoList__filters>span:not(:last-child){padding-right:1.25rem}.todoList__filters>span.active{color:#3a7bfd}.todoList__stat{display:flex;justify-content:space-between;padding:1.25rem 1.5625rem;font-size:.875rem;color:#777a92;transition:background-color .4s ease-in-out}.theme--light .todoList__stat{background-color:#fff}.theme--dark .todoList__stat{background-color:#25273c}.todoList__stat .clearCompleted{cursor:pointer}.theme--light .todoList__stat .clearCompleted:hover{color:#4d5066}.theme--dark .todoList__stat .clearCompleted:hover{color:#e4e5f1}.todoList__stat .filters>span{cursor:pointer;font-weight:700}.theme--light .todoList__stat .filters>span:hover:not(.active){color:#4d5066}.theme--dark .todoList__stat .filters>span:hover:not(.active){color:#e4e5f1}.todoList__stat .filters>span:not(:last-child){padding-right:1.25rem}.todoList__stat .filters>span.active{color:#3a7bfd}.todoItem{position:relative;padding:1.25rem .9375rem 1.25rem 3.125rem;transition:all .4s ease-in-out}.todoItem__remove{position:absolute;width:1.125rem;height:1.125rem;right:1.5625rem;background:url(images/icon-cross.6ee81d30b75cab19d6f7314624fcc4d6.svg) 50% no-repeat;cursor:pointer;opacity:0}.todoItem:hover .todoItem__remove{opacity:1}.theme--light .todoItem{background-color:#fff;color:#25273c}.theme--light .todoItem:not(:last-child){border-bottom:1px solid #e3e4f1}.theme--dark .todoItem{background-color:#25273c;color:#fafafa}.theme--dark .todoItem:not(:last-child){border-bottom:1px solid #393a4b}.todoItem__checkbox{position:absolute;width:1.5rem;height:1.5rem;border-radius:50%;background:#777a92;top:1rem;left:.875rem;cursor:pointer}.todoItem__checkbox.checked:before,.todoItem__checkbox:hover:before{opacity:1}.todoItem__checkbox:before{content:"";position:absolute;width:1.5rem;height:1.5rem;border-radius:50%;background-image:linear-gradient(to bottom right,#57ddff,#c058f3);top:0;left:0;opacity:0;transition:opacity .4s ease-in-out}.todoItem__checkbox-check{position:absolute;width:1.375rem;height:1.375rem;border-radius:50%;top:.0625rem;left:.0625rem;transition:background-color .4s ease-in-out}.theme--light .todoItem__checkbox-check{background:#fff}.theme--dark .todoItem__checkbox-check{background:#25273c}.todoItem__checkbox-check.checked{background:url(images/icon-check.a8fb15d0278c8e312df5fc8364fef863.svg) 50% no-repeat;background-size:50%}.todoItem__text{cursor:pointer;text-decoration:none;display:inline-block;font-size:1.125rem}.todoItem__text.checked>span{color:#777a92;text-decoration:line-through;transition:all .4s ease-in-out}