@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";._todoItem_7km0w_1{display:flex;align-items:center;column-gap:12px;padding-left:10px;border:var(--border);border-radius:var(--border-radius)}._todoItem_7km0w_1:hover{background-color:var(--color-gray-1)}._todoItem_7km0w_1._isDisappearing_7km0w_12{opacity:0;translate:0 -75%;transition-duration:calc(var(--transition-duration) * 2);pointer-events:none}._todoItem_7km0w_1._isDisappearing_7km0w_12~._todoItem_7km0w_1{translate:0 calc((100% + var(--todoListRowGap)) * -1);transition-delay:var(--transition-duration);transition-duration:var(--transition-duration);pointer-events:none}._todoItem_7km0w_1._isAppearing_7km0w_24{animation:_appear_7km0w_1 calc(var(--transition-duration) * 2);pointer-events:none}@keyframes _appear_7km0w_1{0%{opacity:0;translate:0 -75%}}._checkbox_7km0w_35{flex-shrink:0;appearance:none;position:relative;width:20px;height:20px;margin:0;border:1px solid var(--color-gray-4);border-radius:4px}._checkbox_7km0w_35:checked{background-color:var(--color-dark-2);border-color:var(--color-dark-2)}._checkbox_7km0w_35:checked+._todo-item__label_7km0w_49{color:var(--color-gray-4);text-decoration:line-through}._checkbox_7km0w_35:not(:checked):after{opacity:0}._checkbox_7km0w_35:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:16px;height:16px;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.3334%204L6.00002%2011.3333L2.66669%208'%20stroke='%23F5F5F5'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") center/contain no-repeat}._label_7km0w_67{width:100%;pointer-events:none}._deleteButton_7km0w_72{flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;padding:0;color:var(--color-gray-4);background-color:transparent;border:none;border-radius:inherit}._deleteButton_7km0w_72:hover{color:var(--color-white);background-color:var(--color-dark-1)}._deleteButton_7km0w_72:active{scale:1.05}._deleteButton_7km0w_72 *{pointer-events:none}._field_952m2_1{position:relative}._field_952m2_1:has(._input_952m2_4:not(:placeholder-shown)) ._label_952m2_4{color:var(--color-black);scale:.7;translate:-1.75em -2.6em}._label_952m2_4{position:absolute;top:50%;left:17px;color:var(--color-gray-3);translate:0 -50%}._input_952m2_4{--fieldInputPaddingX: 16px;--fieldSeachInputIconSize: 16px;width:100%;height:var(--input-height);padding-inline:var(--fieldInputPaddingX);background-color:transparent;border:var(--border);border-radius:var(--border-radius)}._input_952m2_4:hover,._input_952m2_4:focus{border-color:var(--color-dark-2)}._input_952m2_4:focus{background-color:var(--color-gray-1);outline:none}._input_952m2_4[type=search]:placeholder-shown{padding-right:calc(var(--fieldInputPaddingX) * 2 + var(--fieldSeachInputIconSize));background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2014L11.1%2011.1M12.6667%207.33333C12.6667%2010.2789%2010.2789%2012.6667%207.33333%2012.6667C4.38781%2012.6667%202%2010.2789%202%207.33333C2%204.38781%204.38781%202%207.33333%202C10.2789%202%2012.6667%204.38781%2012.6667%207.33333Z'%20stroke='%231E1E1E'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-position:calc(100% - var(--fieldInputPaddingX)) 50%;background-size:var(--fieldSeachInputIconSize);background-repeat:no-repeat}._input_952m2_4._isInvalid_952m2_42{border-color:red}._error_952m2_46{position:absolute;top:100%;left:0;color:red;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}._button_1vh1g_1{display:inline-flex;justify-content:center;align-items:center;height:var(--input-height);padding:12px;color:var(--color-gray-1);background-color:var(--color-dark-2);border:1px solid var(--color-dark-2);border-radius:var(--border-radius)}._button_1vh1g_1:not(:disabled):hover{color:var(--color-dark-2);background-color:transparent}._button_1vh1g_1:not(:disabled):active{scale:1.05}._button_1vh1g_1:disabled{background-color:var(--color-gray-3);border-color:var(--color-gray-3);cursor:not-allowed}._todo_1lc1v_1{display:flex;flex-direction:column;row-gap:24px;width:100%;max-width:404px;min-height:429px;padding:24px;background-color:var(--color-white);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}._title_1lc1v_15{text-align:center;font-size:24px;font-weight:600;line-height:1.2}._form_1lc1v_22{display:flex;column-gap:16px}._field_1lc1v_27{width:100%}._info_1lc1v_31{display:flex;justify-content:space-between;align-items:center;column-gap:16px;font-weight:600}._deleteAllButton_1lc1v_39{padding:0;background-color:transparent;border:none}._deleteAllButton_1lc1v_39:hover{color:var(--color-gray-4)}._list_1lc1v_48:empty,._emptyMessage_1lc1v_49:empty{display:none}._list_1lc1v_48{--todoListRowGap: 8px;display:grid;row-gap:var(--todoListRowGap)}._emptyMessage_1lc1v_49{text-align:center;color:var(--color-gray-4)}*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}:where(p:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-white: #FFFFFF;--color-black: #000000;--color-dark-1: #1E1E1E;--color-dark-2: #2C2C2C;--color-gray-1: #F5F5F5;--color-gray-2: #D9D9D9;--color-gray-3: #B3B3B3;--color-gray-4: #757575;--border: 1px solid var(--color-gray-2);--border-radius: 8px;--box-shadow: 0 4px 4px -4px rgba(12, 12, 13, .05), 0 16px 32px -4px rgba(12, 12, 13, .1);--input-height: 40px;--transition-duration: .2s}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}body{display:flex;justify-content:center;align-items:start;min-height:100vh;padding:100px 30px;font-family:Inter,sans-serif;background-color:var(--color-gray-1)}input,label,button{transition-duration:var(--transition-duration)}:focus-visible{outline:2px dashed var(--color-black);outline-offset:4px;transition-duration:0s!important}