._main_9te7o_1{--padding: 24px;width:100%;margin:0 auto 48px;max-width:calc(46rem + var(--padding) * 2);padding:0 var(--padding)}._form_9te7o_10{display:flex;gap:8px;transform:translateY(-50%);position:relative;margin-bottom:36px}._header_ep4b6_1{display:flex;align-items:center;justify-content:center;height:200px;background-color:var(--gray-700)}._header_ep4b6_1 img{margin-bottom:8px}._input_aixk3_1{padding:16px;background-color:var(--gray-500);border:1px solid var(--gray-700);color:var(--gray-100);border-radius:var(--radii-md);width:100%;box-sizing:border-box}._input_aixk3_1:active,._input_aixk3_1:focus{border:1px solid var(--purple-dark);outline:none}._input_aixk3_1::placeholder{color:var(--gray-300)}._button_kqmes_1{appearance:none;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:var(--blue-dark);padding:16px;gap:8px;border-radius:var(--radii-md);color:var(--gray-100);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);transition:background-color .2s ease-in-out}._button_kqmes_1>svg{min-width:18px;min-height:18px}._button_kqmes_1:hover,._button_kqmes_1:active{background-color:var(--blue);transition:background-color 0s}._button_kqmes_1:focus-visible{background-color:var(--blue);transition:background-color 0s;outline:2px solid var(--purple);outline-offset:2px}._checkbox_1e9cm_1{--line-width: 2px;position:relative}._checkbox_1e9cm_1 input{display:block;width:18px;height:18px;opacity:0}._checkbox_1e9cm_1 input:focus-visible+label{outline:var(--line-width) solid var(--purple);outline-offset:var(--line-width);background:hsla(202,69%,37%,.2)}._checkbox_1e9cm_1 input:checked+label{background:var(--purple-dark);border-color:var(--purple-dark)}._checkbox_1e9cm_1 input:checked+label:after{opacity:1}._checkbox_1e9cm_1 input:checked:hover+label{background:var(--purple);border-color:var(--purple)}._checkmark_1e9cm_33{width:18px;height:18px;position:absolute;top:0;border-radius:9999px;border:var(--line-width) solid var(--blue)}._checkmark_1e9cm_33:hover{background:hsla(202,69%,37%,.2);border-color:var(--blue-dark)}._checkmark_1e9cm_33:after{content:"";width:100%;height:100%;position:absolute;top:.5px;left:.5px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjQzMTA3IDAuMzQyMDkzTDQuMDk5MTQgNC42NzQwM0wxLjYxNjY3IDIuMTkxNTZMMC43ODA3NjIgMy4wMjc0N0w0LjA5OTE0IDYuMzQ1ODRMOS4yNjY5OCAxLjE3OEw4LjQzMTA3IDAuMzQyMDkzWiIgZmlsbD0iI0YyRjJGMiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .2s ease-in-out}._todo_1spsz_1{display:flex;gap:12px;padding:.5rem;font-size:var(--font-size-sm);padding:16px;background-color:var(--gray-500);border:1px solid var(--gray-400);border-radius:var(--radii-md)}._todo_1spsz_1 div:first-child{margin-top:2px}._todo_1spsz_1 p{flex:1;transition:color .2s ease-in-out}._todo_1spsz_1 p[data-completed=true]{text-decoration:line-through;color:var(--gray-300)}._deleteButton_1spsz_26{cursor:pointer;appearance:none;border:none;background-color:transparent;color:var(--red-500);transition:color .2s ease-in-out;width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:var(--radii-sm);color:var(--gray-300)}._deleteButton_1spsz_26:hover,._deleteButton_1spsz_26:active{color:var(--danger);background-color:var(--gray-400)}._deleteButton_1spsz_26:focus-visible{outline:2px solid var(--danger)}._todos_1w9tt_1 ul{display:flex;flex-direction:column;gap:12px}._todosHeader_1w9tt_7{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}._todosHeader_1w9tt_7 div{display:flex;align-items:center;gap:8px;line-height:100%;font-weight:var(--font-weight-bold)}._todosHeader_1w9tt_7 span:first-of-type{font-size:var(--font-size-sm)}._todosHeader_1w9tt_7 span:last-of-type{font-size:var(--font-size-xs);background-color:var(--gray-400);padding:2px 8px;border-radius:var(--radii-pill);color:var(--gray-200)}._todosHeader_1w9tt_7 div:first-of-type span:first-of-type{color:var(--blue)}._todosHeader_1w9tt_7 div:last-of-type span:first-of-type{color:var(--purple)}._todosListEmpty_1w9tt_42{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;border-top:1px solid var(--gray-400);color:var(--gray-300)}._todosListEmpty_1w9tt_42 img{width:56px;height:56px;margin-bottom:16px}:root{--purple: #8284fa;--purple-dark: #5e60ce;--blue: #4ea8de;--blue-dark: #1e6f9f;--gray-100: #f2f2f2;--gray-200: #d9d9d9;--gray-300: #808080;--gray-400: #333333;--gray-500: #262626;--gray-600: #1a1a1a;--gray-700: #0d0d0d;--danger: #e25858;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-weight-normal: 400;--font-weight-bold: 700;--radii-sm: 4px;--radii-md: 8px;--radii-pill: 9999px;color-scheme:light dark;color:var(--gray-100);background-color:var(--gray-600);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body,input,textarea,button{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.4}img,picture,video,canvas,svg{display:block;max-width:100%}