@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";._todoItem_1d7ak_1{display:flex;align-items:center;column-gap:12px;padding-left:10px;border:var(--border);border-radius:var(--border-radius)}._todoItem_1d7ak_1:hover{background-color:var(--color-olive-1)}._todoItem_1d7ak_1._isDisappearing_1d7ak_12{opacity:0;translate:0 -75%;transition-duration:calc(var(--transition-duration) * 2);pointer-events:none}._todoItem_1d7ak_1._isDisappearing_1d7ak_12~._todoItem_1d7ak_1{translate:0 calc((100% + var(--todoListRowGap)) * -1);transition-delay:var(--transition-duration);transition-duration:var(--transition-duration);pointer-events:none}._todoItem_1d7ak_1._isAppearing_1d7ak_24{animation:_appear_1d7ak_1 calc(var(--transition-duration) * 2);pointer-events:none}@keyframes _appear_1d7ak_1{0%{opacity:0;translate:0 -75%}}._checkbox_1d7ak_35{flex-shrink:0;appearance:none;position:relative;width:20px;height:20px;margin:0;border:1px solid var(--color-olive-3);border-radius:4px}._checkbox_1d7ak_35:checked{background-color:var(--color-dark-2);border-color:var(--color-dark-2)}._checkbox_1d7ak_35:checked+._label_1d7ak_49{color:var(--color-olive-3);text-decoration:line-through}._checkbox_1d7ak_35:not(:checked):after{opacity:0}._checkbox_1d7ak_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_1d7ak_49{width:100%;pointer-events:none}._deleteButton_1d7ak_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-olive-3);background-color:transparent;border:none;border-radius:inherit}._deleteButton_1d7ak_72:hover{color:var(--color-white-olive);background-color:var(--color-dark-1)}._deleteButton_1d7ak_72:active{scale:1.05}._deleteButton_1d7ak_72 *{pointer-events:none}._field_15ar3_1{position:relative}._field_15ar3_1:has(._input_15ar3_4:not(:placeholder-shown)) ._label_15ar3_4{color:var(--color-black);scale:.7;translate:-1.75em -2.6em}._label_15ar3_4{position:absolute;top:50%;left:17px;color:var(--color-dark-3);translate:0 -50%}._input_15ar3_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_15ar3_4:hover,._input_15ar3_4:focus{border-color:var(--color-dark-2)}._input_15ar3_4:focus{background-color:var(--color-olive-1);outline:none}._input_15ar3_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_15ar3_4._isInvalid_15ar3_42{border-color:red}._error_15ar3_46{position:absolute;top:100%;left:0;fill-size:12px;color:red;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}._button_9ducl_1{display:inline-flex;justify-content:center;align-items:center;height:var(--input-height);padding:12px;color:var(--color-white-olive);background-color:var(--color-dark-2);border:1px solid var(--color-dark-2);border-radius:var(--border-radius)}._button_9ducl_1:not(:disabled):hover{color:var(--color-dark-2);background-color:transparent}._button_9ducl_1:not(:disabled):active{scale:1.05}._button_9ducl_1:disabled{background-color:#caca46;border-color:#5a5a26;cursor:not-allowed}._todo_1qw07_1{display:flex;flex-direction:column;row-gap:24px;width:100%;max-width:404px;min-height:429px;padding:24px;background-color:var(--color-white-olive);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}._title_1qw07_15{text-align:center;font-size:24px;font-weight:600;line-height:1.2}._form_1qw07_22{display:flex;column-gap:16px}._field_1qw07_27{width:100%}._info_1qw07_31{display:flex;justify-content:space-between;align-items:center;column-gap:16px;font-weight:600}._deleteAllButton_1qw07_39{padding:0;background-color:transparent;border:none}._deleteAllButton_1qw07_39:hover{color:var(--color-olive-3)}._list_1qw07_48:empty,._emptyMessage_1qw07_49:empty{display:none}._list_1qw07_48{--todoListRowGap: 8px;display:grid;row-gap:var(--todoListRowGap)}._emptyMessage_1qw07_49{text-align:center;color:var(--color-olive-3)}*,: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-olive: #f9f9d8;--color-black: #000000;--color-dark-1: #222200;--color-dark-2: #333300;--color-dark-3: #111100;--color-olive-1: #5a5a26;--color-olive-2: #333300;--color-olive-3: #555500;--border: 1px solid var(--color-olive-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-olive-1)}input,label,button{transition-duration:var(--transition-duration)}:focus-visible{outline:2px dashed var(--color-black);outline-offset:4px;transition-duration:0s!important}