.page_page__Y91xf{min-height:100vh;padding:140px 0 100px;background:radial-gradient(circle at 16% 18%,rgba(124,92,252,.14),transparent 30%),radial-gradient(circle at 80% 64%,rgba(0,212,255,.1),transparent 32%),#0a0a0f}.page_container__i5a5O{width:min(1200px,100%);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);grid-gap:64px;gap:64px;align-items:center}.page_content__16W36{max-width:620px}.page_backLink__xRSGC{display:inline-flex;align-items:center;color:hsla(0,0%,100%,.52);font-size:14px;font-weight:600;margin-bottom:56px;transition:color .2s}.page_backLink__xRSGC:hover{color:#fff}.page_badge__9iLXc{display:flex;width:-moz-fit-content;width:fit-content;color:#00d4ff;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.24);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:20px}.page_title__FrvT3{color:#fff;font-size:clamp(38px,7vw,72px);font-weight:900;line-height:1;margin:0 0 22px}.page_description__j3Nti{color:hsla(0,0%,100%,.64);font-size:17px;line-height:1.7;margin:0 0 30px}.page_topics__l9Og5{display:grid;grid-gap:12px;gap:12px}.page_topics__l9Og5 li{position:relative;color:hsla(0,0%,100%,.62);font-size:14px;line-height:1.5;padding-left:20px}.page_topics__l9Og5 li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#7c5cfc}.page_app__0ml_U{display:flex;justify-content:center}@media (max-width:860px){.page_page__Y91xf{padding:120px 0 80px}.page_container__i5a5O{grid-template-columns:1fr;gap:40px}.page_content__16W36{max-width:none}}@media (max-width:480px){.page_page__Y91xf{padding:104px 0 64px}.page_container__i5a5O{padding:0 18px}}.TodoApp_todoApp__kT6hs{width:min(100%,440px);background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.02)),#111118;border:1px solid hsla(0,0%,100%,.08);border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.34)}.TodoApp_header__PkbCb{min-height:118px;background:radial-gradient(circle at 18% 18%,rgba(124,92,252,.22),transparent 34%),#08080d;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.TodoApp_kicker___0mZt{color:#9d82ff;font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:10px}.TodoApp_title__q56Bc{color:#fff;font-size:38px;font-weight:900;line-height:1}.TodoApp_counter__TagNf{flex-shrink:0;min-width:58px;height:38px;border-radius:999px;background:rgba(124,92,252,.18);border:1px solid rgba(124,92,252,.32);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.TodoApp_form__ssVTt{display:grid;grid-template-columns:1fr 54px;grid-gap:10px;gap:10px;margin-bottom:14px}.TodoApp_input__1EzE9{min-width:0;height:54px;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;background:#08080d;color:#fff;font-family:inherit;font-size:16px;font-weight:700;padding:0 16px;outline:none}.TodoApp_input__1EzE9:focus{border-color:rgba(124,92,252,.55)}.TodoApp_addButton__jGUaO{height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,#7c5cfc,#00d4ff);color:#fff;font-family:inherit;font-size:24px;font-weight:900;box-shadow:0 10px 32px rgba(124,92,252,.26)}.TodoApp_filters__p4mdc{display:flex;gap:8px;margin-bottom:14px}.TodoApp_filterButton__zc41D{flex:1 1;height:38px;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.58);font-family:inherit;font-size:12px;font-weight:800}.TodoApp_activeFilter__aicm6{background:rgba(124,92,252,.18);border-color:rgba(124,92,252,.36);color:#fff}.TodoApp_list__YALxL{display:grid;grid-gap:10px;gap:10px;align-content:start;height:256px;overflow-y:auto;padding-right:4px;margin-bottom:14px}.TodoApp_list__YALxL::-webkit-scrollbar{width:4px}.TodoApp_list__YALxL::-webkit-scrollbar-track{background:transparent}.TodoApp_list__YALxL::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.16);border-radius:999px}.TodoApp_todoItem__zvhif{align-self:start;min-height:62px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:12px;gap:12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);border-radius:14px;padding:13px}.TodoApp_checkButton__TW6JZ{width:34px;height:34px;border-radius:10px;border:1px solid hsla(0,0%,100%,.14);background:#08080d;color:#4caf8d;font-family:inherit;font-size:16px;font-weight:900}.TodoApp_todoText__Hd_Fi{min-width:0;color:hsla(0,0%,100%,.82);font-size:14px;font-weight:700;line-height:1.35}.TodoApp_done__Rqewh .TodoApp_todoText__Hd_Fi{color:hsla(0,0%,100%,.38);text-decoration:line-through}.TodoApp_done__Rqewh .TodoApp_checkButton__TW6JZ{background:rgba(76,175,141,.16);border-color:rgba(76,175,141,.34)}.TodoApp_deleteButton__uFSKz{border:0;background:transparent;color:hsla(0,0%,100%,.36);font-family:inherit;font-size:12px;font-weight:800}.TodoApp_deleteButton__uFSKz:hover{color:#fff}.TodoApp_empty__eYrz7{min-height:74px;align-self:start;border:1px dashed hsla(0,0%,100%,.12);border-radius:14px;color:hsla(0,0%,100%,.42);display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px}.TodoApp_footer__0FECH{display:flex;align-items:center;justify-content:space-between;gap:12px;color:hsla(0,0%,100%,.44);font-size:13px;font-weight:700}.TodoApp_clearButton__BQwE6{border:0;border-radius:12px;background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.74);font-family:inherit;font-size:12px;font-weight:800;padding:11px 12px}.TodoApp_clearButton__BQwE6:hover{background:hsla(0,0%,100%,.11);color:#fff}.TodoApp_addButton__jGUaO:active,.TodoApp_checkButton__TW6JZ:active,.TodoApp_clearButton__BQwE6:active,.TodoApp_deleteButton__uFSKz:active,.TodoApp_filterButton__zc41D:active{transform:scale(.97)}@media (max-width:480px){.TodoApp_todoApp__kT6hs{padding:16px;border-radius:18px}.TodoApp_header__PkbCb{min-height:108px}.TodoApp_title__q56Bc{font-size:34px}.TodoApp_todoItem__zvhif{grid-template-columns:34px 1fr}.TodoApp_deleteButton__uFSKz{grid-column:2;justify-self:start}.TodoApp_footer__0FECH{align-items:flex-start;flex-direction:column}}