@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";._todoItem_16y3b_1{display:flex;align-items:center;column-gap:12px;padding-left:10px;border:1px solid transparent;border-radius:var(--border-radius);background-color:var(--color-accent-soft)}._todoItem_16y3b_1:hover{background-color:var(--color-accent-light)}._todoItem_16y3b_1._isDisappearing_16y3b_13{opacity:0;translate:0 -75%;transition-duration:calc(var(--transition-duration) * 2);pointer-events:none}._todoItem_16y3b_1._isDisappearing_16y3b_13~._todoItem_16y3b_1{translate:0 calc((100% + var(--todoListRowGap)) * -1);transition-delay:var(--transition-duration);transition-duration:var(--transition-duration);pointer-events:none}._todoItem_16y3b_1._isAppearing_16y3b_25{animation:_appear_16y3b_1 calc(var(--transition-duration) * 2);pointer-events:none}@keyframes _appear_16y3b_1{0%{opacity:0;translate:0 -75%}}._checkbox_16y3b_36{flex-shrink:0;appearance:none;position:relative;width:20px;height:20px;margin:0;border:1px solid var(--color-gray-4);border-radius:4px}._checkbox_16y3b_36:checked{background-color:var(--color-accent);border-color:var(--color-accent)}._checkbox_16y3b_36:checked+._label_16y3b_50{color:#9ca3af;text-decoration:line-through}._checkbox_16y3b_36:not(:checked):after{opacity:0}._checkbox_16y3b_36:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:16px;height:16px;background:url(../../assets/icons/icon-check_white.svg) center/contain no-repeat}._label_16y3b_50{width:100%;pointer-events:none}._deleteButton_16y3b_73{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_16y3b_73:hover{background-color:var(--color-accent);color:#fff}._deleteButton_16y3b_73:active{scale:1.05}._deleteButton_16y3b_73 *{pointer-events:none}._field_1opbb_1{position:relative}._field_1opbb_1:has(._input_1opbb_4:not(:placeholder-shown)) ._label_1opbb_4{color:var(--color-black);scale:.7;translate:-1.75em -2.6em}._label_1opbb_4{position:absolute;top:50%;left:17px;color:var(--color-gray-3);translate:0 -50%}._input_1opbb_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_1opbb_4:hover,._input_1opbb_4:focus{border-color:var(--color-dark-2)}._input_1opbb_4:focus{background-color:var(--color-gray-1);outline:none}._input_1opbb_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_1opbb_4._isInvalid_1opbb_42{border-color:red}._error_1opbb_46{position:absolute;top:100%;left:0;font-size:12px;color:red;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}._button_1iz45_1{display:inline-flex;justify-content:center;align-items:center;height:var(--input-height);padding:12px;border-radius:var(--border-radius);color:#fff;background-color:var(--color-accent);border:1px solid var(--color-accent)}._button_1iz45_1:not(:disabled):hover{color:var(--color-accent-dark);background-color:transparent}._button_1iz45_1:not(:disabled):active{scale:1.05}._button_1iz45_1:disabled{background-color:var(--color-gray-3);border-color:var(--color-gray-3);cursor:not-allowed}._todo_7hp4n_1{display:flex;flex-direction:column;row-gap:24px;width:100%;max-width:404px;min-height:429px;padding:24px;border-radius:var(--border-radius);background-color:#fff;border:1px solid var(--color-accent-light);box-shadow:0 8px 20px #ec48991a}._title_7hp4n_15{text-align:center;font-size:24px;font-weight:600;line-height:1.2;color:var(--color-accent-dark)}._form_7hp4n_23{display:flex;column-gap:16px}._field_7hp4n_28{width:100%}._info_7hp4n_32{display:flex;justify-content:space-between;align-items:center;column-gap:16px;font-weight:600;color:var(--color-accent-dark)}._deleteAllButton_7hp4n_41{padding:0;background-color:transparent;border:none}._deleteAllButton_7hp4n_41:hover{color:var(--color-gray-4)}._list_7hp4n_50:empty,._emptyMessage_7hp4n_51:empty{display:none}._list_7hp4n_50{--todoListRowGap: 8px;display:grid;row-gap:var(--todoListRowGap)}._emptyMessage_7hp4n_51{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-accent: #EC4899;--color-accent-light: #FBCFE8;--color-accent-soft: #FDF2F8;--color-accent-dark: #BE185D;--color-bg: #FFF7FB;--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-bg)}input,label,button{transition-duration:var(--transition-duration)}:focus-visible{outline:2px dashed var(--color-black);outline-offset:4px;transition-duration:0s!important}