@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--brightblue:#3a7bfd;--checkbrackground:linear-gradient #57ddff to #c058f3;--background:#fafafa;--background-container:#fff;--verylightgray:#fafafa;--lightgrayishblue:#d2d3db;--fontcolor:#9394a5;--darkgrayishblue:#9394a5;--verydarkgrayishblue:#484b6a;--verylightgrayishblue:#e4e5f1}[data-theme=dark]{--background:#161722;--background-container:#25273c;--lightgrayishbluehover:#e4e5f1;--darkgrayishblue:#777a92;--verydarkgrayishbluesecond:#393a4c}menu,ol,ul{list-style:none;margin:0;padding:0}button{background-color:initial;border:none;border-radius:var(--radius-outline);color:#9394a5;color:var(--fontcolor);cursor:pointer;font-family:Josefin Sans}input,input:focus{border:none;color:#9495a5;flex:1 1;letter-spacing:-.25px;outline:none}body,input,input:focus{font-family:Josefin Sans,sans-serif;font-size:1.125rem}body{overflow-x:hidden}h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:15px;line-height:normal}.background-image-dark{background:url(/static/media/bg-desktop-light.3508d620efd5a52bb4ce.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}.background-image-dark,.background-image-light{height:18.75rem;left:0;position:absolute;right:0;top:0;width:100%;z-index:-1}.background-image-light{background:url(/static/media/bg-desktop-dark.73e47dbb723ebc772ef0.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}header,main{margin:0 auto;max-width:440px}header{align-items:center;display:flex;justify-content:space-between;padding:4.8rem 0 2.495rem}.container{background-color:#fafafa;background-color:var(--background);min-height:100vh;min-width:375px;padding:0 var(--sz-content-side-padding);position:relative;z-index:10}.todo-create{align-items:center;display:flex;gap:1.5rem}.todo-create__check{border:1px solid #e4e5f1;border:1px solid var(--verylightgrayishblue);border-radius:50%;cursor:pointer;height:24px;width:24px}.todo-container-dark .todo-create__check,.todo-form-dark .todo-create__check{border:1px solid var(--verydarkgrayishbluesecond);border-radius:50%;cursor:pointer;height:24px;width:24px}.todo-create__check.completed{background:url(/static/media/icon-check.61bc52df0745a2fd904b.svg);border:none}.strike{color:#d2d3db;color:var(--lightgrayishblue);text-decoration:line-through}.todo-text{color:#484b6a;color:var(--verydarkgrayishblue)}.todo-container-dark .todo-text{color:#c8cbe7}.todo-container-dark .strike{color:#4d5067}::-webkit-input-placeholder{color:#9394a5}::placeholder{color:#9394a5}.todo-create__cross{align-self:center;cursor:pointer;display:none}.todo-form-dark,.todo-form-light{background:#fff;border-radius:5px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.todo-form-dark{background:var(--background-container)}.todo-border{border-bottom:1px solid #e7e6e7;margin-left:-25px;margin-top:36px;position:absolute;width:441px}.todo-container-light{box-shadow:0 35px 50px -15px rgba(194,195,214,.5)}.todo-container-dark,.todo-container-light{background:#fff;border-radius:5px;display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 1.5rem}.todo-container-dark{background:var(--background-container)}.todo-container-dark input{background:#fff;background:var(--background-container)}.todo-container-dark .todo-border{border-bottom:1px solid var(--verydarkgrayishbluesecond);margin-left:-25px;margin-top:36px;position:absolute;width:441px}.todo-list{display:flex;flex-direction:column;gap:1.7rem}.todo-alert{display:flex;justify-content:center;padding:2rem}.todo-item{display:flex;justify-content:space-between}.todo-item:hover .todo-create__cross{display:block}.todo-item-content{align-items:center;display:flex;gap:1.5rem;width:90%}.todo-action{display:flex;font-size:.875rem;justify-content:space-between;padding:1rem 0 .5rem}.todo-filters{display:flex;gap:1rem}.todo-clear,.todo-length{cursor:pointer}.todo-filters button{cursor:pointer;font-weight:700}.todo-clear button:hover,.todo-filters button:hover{color:#484b6a;color:var(--verydarkgrayishblue)}.todo-filters button.active{color:#3a7bfd;color:var(--brightblue)}.toggle-theme-btn{background-color:initial;border:none;border-radius:var(--radius-outline);cursor:pointer;padding:.12rem .12rem 0}.todo-text-search-dark{background:#fff;background:var(--background-container)}
/*# sourceMappingURL=main.cea8a2d5.css.map*/