*,: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}p:where(: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{max-width:768px;margin:0 auto;padding:0 0 1rem}.header{padding:20px 0}.header__title{font-family:sans-serif;font-weight:700;font-size:clamp(30px,14.1176470588px + 4.4117647059vw,48px);text-align:center}.hidden{position:absolute;top:0;left:0;scale:0}.filter__primary{padding:0 10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap-reverse}@media (max-width: 235px){.filter__primary{justify-content:end}}@media (max-width: 235px){.filter__button-create{width:100%}}.filter__add,.filter__error{width:100%;padding:0 10px;display:flex}.filter__input{width:100%}.filter__message{color:red;font-family:sans-serif;font-weight:700;font-size:clamp(7px,.8235294118px + 1.7156862745vw,14px);font-weight:400}.filter__select{padding:7px 10px;font-family:sans-serif;font-weight:700;font-size:clamp(8px,2.7058823529px + 1.4705882353vw,14px);font-weight:400;background-color:#bbb;border:0;border-radius:10px}@media (max-width: 235px){.filter__select{margin-bottom:10px}}.filter__div-select_panel-add{padding:10px;display:flex;justify-content:end}.list{margin-top:10px;padding:0 10px}.list__inner{position:relative;padding:15px;background-color:#b3b3b3;border-radius:10px;min-height:120px}.list__message-empty-list{min-height:90px;display:flex;justify-content:center;align-items:center}.list__message-empty-list-text{text-align:center;height:100%;display:block;font-family:sans-serif;font-weight:700;font-size:clamp(20px,6.7647058824px + 3.6764705882vw,35px);color:#989898;-webkit-user-select:none;user-select:none}h3{margin:0}.todo__inner{padding:5px 10px;display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#fff;border-radius:5px}.todo__inner_for-change-todo{justify-content:start}.todo__buttons{display:flex;align-items:center}.todo__buttons-change{margin-left:5px}.todo:not(:last-child){margin-bottom:10px}.checkbox{display:flex}.checkbox__input{display:flex;align-items:center;padding-right:10px}.checkbox__input-custom{cursor:pointer;position:relative;left:0;display:block;width:clamp(20px,calc(11.1764705882px + 2.4509803922vw),30px);height:clamp(20px,calc(11.1764705882px + 2.4509803922vw),30px);background-color:#c7c7c7;border-radius:3px;box-shadow:inset 0 0 1px #959595}.checkbox__input-original:checked+.checkbox__input-custom{background-color:var(--color-purple)}.checkbox__input-original:checked+.checkbox__input-custom:before,.checkbox__input-original:checked+.checkbox__input-custom:after{content:"";display:block;height:2px;background-color:#fff;border-radius:5px}.checkbox__input-original:checked+.checkbox__input-custom:before{position:absolute;top:59%;left:.8px;width:40%;rotate:45deg}.checkbox__input-original:checked+.checkbox__input-custom:after{position:absolute;top:45%;right:0;width:80%;rotate:-45deg}.checkbox__body{display:flex;flex-direction:column;color:#535353}.checkbox__label{font-family:sans-serif;font-weight:700;font-size:clamp(10px,1.1764705882px + 2.4509803922vw,20px);transition:all .2s linear;-webkit-user-select:none;user-select:none}.checkbox__label_complete{text-decoration:line-through;color:#c7c7c7}.checkbox__data{display:block;font-family:sans-serif;font-weight:700;font-size:clamp(8px,6.2352941176px + .4901960784vw,10px);font-weight:400;text-decoration:none}:root{--font-size-20: 20px;--font-size-48: 48px;--color-purple: rgb(108, 95, 255)}button{background-color:transparent;border:0}button:disabled{opacity:.4}.button{background-color:transparent;border:0;transition:all .3s}.button_purple{font-family:sans-serif;font-weight:700;font-size:clamp(10px,1.1764705882px + 2.4509803922vw,20px);background-color:var(--color-purple);color:#fff;width:136px;border-radius:10px}.button_red{position:relative;font-family:sans-serif;font-weight:700;font-size:clamp(10px,1.1764705882px + 2.4509803922vw,20px);background-color:red;width:44px;height:100%;border-radius:10px}.button_red:before,.button_red:after{position:absolute;top:46%;left:25%;right:25%;content:"";height:2.5px;border-radius:10px;width:50%;display:block;background-color:#fff}.button_red:before{rotate:45deg}.button_red:after{rotate:-45deg}@media (max-width: 235px){.button_w100{width:100%}}.button_create-task{padding:7px 14px}.button_add-task{padding:7px 14px;border-radius:0}.button_close-task{border-top-left-radius:0;border-bottom-left-radius:0}.button_for-todo{padding:clamp(4px,3.1176470588px + .2450980392vw,5px);width:clamp(15px,calc(8.8235294118px + 1.7156862745vw),22px);height:clamp(15px,calc(8.8235294118px + 1.7156862745vw),22px);background-color:#ddd;border-radius:3px}.button_for-todo_success{background-color:#78c900}.button_for-todo_cancel{background-color:red}.button_for-todo:nth-child(odd){margin-right:5px}.button_for-todo :nth-child(n){object-fit:contain}.button:active{scale:.8}.input{border:0;padding:0 10px}.input_add-todo{width:100%;height:100%;border:1px solid black;border-radius:10px 0 0 10px;font-family:sans-serif;font-weight:700;font-size:clamp(10px,6.4705882353px + .9803921569vw,14px);font-weight:400}.input_add-todo:focus{border-top-right-radius:0;border-bottom-right-radius:0}.input_change-todo{border:1px solid black;border-radius:3px;padding:0 5px}