:root{--color-blue-500:#3a7bfd;--color-gradient-from:#c058f3;--color-gradient-to:#57ddff;--color-gray-50:#fafafa;--color-gray-300:#d2d3db;--color-gray-600:#9394a5;--color-purple-300:#cacde8;--color-purple-100:#e4e5f1;--color-navy-950:#161722;--color-navy-900:#25273c;--color-navy-850:#484b6a;--color-white:#fff;--main-transition:.3s}*{box-sizing:border-box;margin:0;padding:0}html{font-size:10px}body{color:var(--color-gray-600);font-family:Josefin Sans,sans-serif;font-size:1.8rem}ul{list-style:none}.container{min-height:100vh;transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition);flex-direction:column;justify-content:center;align-items:center;gap:5rem;padding:2rem;display:flex}.background{background-image:url(bg-desktop-light.24aa7448.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:33.33vh;position:absolute;top:0}.app{z-index:1;width:100%;max-width:60rem;position:relative}.app__header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.app__header--h2{color:var(--color-white);letter-spacing:1rem}.theme__toggle{cursor:pointer;background-color:#0000;border:none}.theme__icon--sun{display:none}.todo__form{position:relative}.todo__input{width:100%;caret-color:var(--color-blue-500);border:none;outline:none;margin-bottom:3rem;padding:1.5rem 1.5rem 1.5rem 5.5rem}.todo__input,.todo__input::placeholder{font-size:inherit;color:inherit;font-family:inherit}.todo__form--circle{border:.1rem solid var(--color-gray-300);-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;width:2rem;height:2rem;position:absolute;top:1.5rem;left:1.5rem}.todo__display{flex-direction:column;min-height:50vh;display:flex}.todo__list{flex:1}.todo__item{cursor:grab;user-select:none}.todo__task{align-items:center;gap:2rem;display:flex}.check__icon{border:.1rem solid var(--color-gray-300);-ms-border-radius:50%;-o-border-radius:50%;width:2rem;height:2rem;transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.delete__icon{flex-shrink:0}.check__icon img{display:none}.todo__task--isCompleted .check__icon{background-image:linear-gradient(135deg,var(--color-gradient-to),var(--color-gradient-from))}.todo__task--isCompleted img{display:block}.todo__task--isCompleted{color:var(--color-gray-600);text-decoration:line-through}.todo__task:not(.todo__task--isCompleted){color:var(--color-navy-900)}.todo__item,.todo__filters{padding:1.5rem}.todo__input,.todo__display{background-color:var(--color-white);-ms-border-radius:.6rem;-o-border-radius:.6rem;box-shadow:0 0 1rem var(--color-gray-300);border-radius:.6rem}.todo__item:not(:first-of-type),.todo__filters{border-top:.1rem solid var(--color-gray-300)}.todo__item,.todo__filters{justify-content:space-between;align-items:center;display:flex}.todo__filters{flex-wrap:wrap;gap:1rem;font-size:1.6rem}.filter:nth-of-type(2){margin:0 2rem}.icon,.filter,.clear__button{cursor:pointer;transition:var(--main-transition);-webkit-transition:var(--main-transition);-moz-transition:var(--main-transition);-ms-transition:var(--main-transition);-o-transition:var(--main-transition)}.filter:hover,.filter:active,.clear__button:hover,.clear__button:active{color:var(--color-navy-850);font-weight:700}.filter--isActive{color:var(--color-blue-500);font-weight:700}.todo__item--hide{display:none}.attribution{text-align:center;font-size:1.5rem;line-height:2}.attribution a{color:#3e52a3}.theme--isDark{background-color:var(--color-navy-950)}.theme--isDark .background{background-image:url(bg-desktop-dark.bdf302f3.jpg)}.theme--isDark .theme__icon--sun{display:block}.theme--isDark .theme__icon--moon{display:none}.theme--isDark .todo__input,.theme--isDark .todo__display{background-color:var(--color-navy-900)}.theme--isDark .todo__task:not(.todo__task--isCompleted){color:var(--color-purple-300)}.theme--isDark .filter:hover,.theme--isDark .filter:active,.theme--isDark .clear__button:hover,.theme--isDark .clear__button:active{color:var(--color-purple-100)}.todo__item--isDragging{background-color:var(--color-navy-850)}.theme--isDark .todo__item--isDragging{background-color:var(--color-white)}@media (width<=500px){.container{padding:.3rem}.background{background-image:url(bg-mobile-light.e1315d1e.jpg)}.theme--isDark .background{background-image:url(bg-mobile-dark.ee9385c1.jpg)}}@media (width<=320px){.todo__filters{flex-direction:column}}
/*# sourceMappingURL=repo.8a6e39a1.css.map */