html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none}*{box-sizing:border-box}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}:root{color-scheme:light dark;--dark: #252525;--light: #ffffff;--purple--400: #6c63ff;--purple--700: #5850dd;--red: #e50000;--gray: #cdcdcd;--accent-color: var(--purple--400);--dark-rgb: 37, 37, 37;--light-rgb: 255, 255, 255;--accent-rgb: 108, 99, 255}html{font-size:10px}body{min-height:100dvh;font-size:1.6rem;font-family:Onest,sans-serif;line-height:1.5;background-color:light-dark(var(--light),var(--dark));transition:background-color .2s ease}.container{max-width:78rem;margin-inline:auto;padding-inline:1.5rem}.wrapper{position:fixed;bottom:1rem;left:0;right:0;z-index:1}.cash{position:fixed;font-size:2rem;color:green;translate:0 100%;white-space:nowrap;animation-name:cash;animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:ease}.light{color-scheme:light;--custom-pointer: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMACfERBer00K6ZQR753HNqWjsmxJxWTzIrFA3UpYFgF+K7urSgj42FR7J8ypYAAADCSURBVDjL7c9HUsRQFEPR++3vnHPoRAbtf4MUnj+KMd1nrCpJPNy9xntsW9V1AEkePD1HmG76mLTjgpjohWjAVEMWFxpVuxyvTwyLVkjKll4AhWbzgRwEb/y4wlxgSQNwygGvBtWYqgRCoFx6LYVCTGUG9HurfZZLMX2Fmo4FY0xmd7ugigaFcEo4pX7rlRvJEbgBxGfINcTGyEuE5xC24BqPJUo1JXBYdQZbhy5BmHXuqpbfFbxv2WuplT+pHA//zDdABAu2zRMjWgAAAABJRU5ErkJggg==) 14 14, pointer}.light .light-svg{display:block}.light .dark-svg{display:none}.dark{color-scheme:dark;--custom-pointer: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAFBlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAABoO0iyAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoZXuEHAAACH0lEQVRYCe2WL08DQRDF74BCSgIJCQkOHAYUFoUgSBwChcaikBVIPkCTCgy2HwBs8RXgqpAoIPyrGn5vs9MsDQiSO9KQvWQyszOzO2/f7G5bFPnLDGQGMgOZgcxAZuDfMvBhdmxmDcmfbfLZbPndbPBmti0ZLwyoPvEd9BP6HrlGHsbzahm/mK1QzCh+DrgD2XwLKoZuChTyorFAIVeJ3ZNd+weAEy8CgLYAoVcRQzrSyhFg7B3lYjdi/Mzn1qJfzbZUaGi24QUA00eG+A/lw15Xjsdd4wubYO6++2rRADgWAL6mF8Cn83bh41TjP/KxwAmoj2vTAOoKlBcQWIFGQksTf2itNiWfcrBHR8TzatEUG1Cs74s/mi25LU1sqCOBDi2PxyO0eTw3nVepLRAAbaeLChBELeA/FGOyY2tl66Z30/zabArtiQmB0JPjhQQACe0n1sH2ZydsRPn46mtzZEGXYoDoreupaNo2ANwiof3R7pLS0CPPOLScOV/Oq2+wEs3inXQhPeDpWDZA9D5eul+AEF2knmLphjynEk2BFhJ+usTKT4vG9oe3UTnk6vyF3+af5lTmF0CKddHh/GGPbvN3RfSwKxcZMfpdXuU+/7MQi7cA+hSZaysm1ogdxfiIzd8AmflN8njufFneRN9asyzvAbg4VRTT8qFPh0WxizmLvTlXlncxd3IUzA3E4uQgykgyA5mBzEBmIDMwcQx8AiiVJh8/ST26AAAAAElFTkSuQmCC) 14 14, pointer}.dark .light-svg{display:none}.dark .dark-svg{display:block}@keyframes cash{to{translate:0 0}}.todo{padding-block:4rem;margin-inline:auto;display:flex;flex-direction:column;row-gap:1rem}.todo__title{font-size:2.6rem;font-weight:500;text-align:center;color:light-dark(var(--dark),var(--light));transition:color .2s ease}.todo__header{display:flex;gap:1.6rem;flex-direction:column}@media(min-width:768px){.todo__header{flex-direction:row;align-items:flex-end}}.todo__header-actions{position:relative;display:flex;align-items:center;column-gap:1.6rem;justify-content:flex-end}.todo__list{flex-grow:1;overflow-y:auto;max-width:54rem;width:100%;margin-inline:auto;padding-top:2.9rem;padding-inline:1rem}.todo__item{display:flex;transition:border-color .2s ease}.todo__item:not(:last-child){border-bottom:.1rem solid rgba(var(--accent-rgb--white),.5)}@media(hover:hover){.todo__item{cursor:var(--custom-pointer)}.todo__item:hover .todo__item-actions{opacity:1}}.todo__check{padding-block:2rem;flex-grow:1}.todo__item-actions{display:flex;align-items:center;opacity:1;transition:opacity .2s ease}.todo__item-actions:focus-within{opacity:1}@media(min-width:768px)and (hover:hover){.todo__item-actions{opacity:0}}.todo__item-btn{height:4.8rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:.5rem;outline-color:transparent;outline-style:solid;outline-width:.1rem;background-color:transparent;color:var(--gray);transition-property:color,outline-color;transition-duration:.2s;transition-timing-function:ease}@media(hover:hover){.todo__item-btn{cursor:var(--custom-pointer)}}.todo__item-btn:focus-visible{outline-color:rgba(var(--accent-rgb),.5)}.todo__item-btn svg{width:1.8rem;aspect-ratio:1}.todo__item-btn--change:active,.todo__item-btn--change:focus-visible{color:var(--accent-color)}@media(hover:hover){.todo__item-btn--change:hover{color:var(--accent-color)}}.todo__item-btn--delete:active,.todo__item-btn--delete:focus-visible{color:var(--red)}@media(hover:hover){.todo__item-btn--delete:hover{color:var(--red)}}.main-btn{font-family:inherit;font-size:1.8rem;font-weight:500;position:relative;padding:0;display:flex;align-items:center;justify-content:center;border:none;background-color:var(--accent-color);border-radius:.5rem;color:var(--light);height:3.8rem;aspect-ratio:1;text-transform:uppercase;outline-color:transparent;outline-style:solid;outline-width:.1rem;transition-property:background-color,outline-color,border-color,color;transition-duration:.2s;transition-timing-function:ease}@media(hover:hover){.main-btn{cursor:var(--custom-pointer)}.main-btn:hover{background-color:var(--purple--700)}.main-btn:hover:before{opacity:1}}.main-btn:focus-visible{outline-color:var(--accent-color);background-color:var(--purple--700)}.main-btn:focus-visible:before{opacity:1}.main-btn svg{aspect-ratio:1;flex-shrink:0}.main-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 .4rem var(--accent-color);opacity:0;transition:opacity .2s ease}.main-btn--theme svg{width:2.2rem}.main-btn--add{padding:1.3rem;margin-left:auto;width:5rem;height:5rem;border-radius:50%}.main-btn--add svg{width:2.4rem}.main-btn--invert{border:.1rem solid var(--accent-color);color:var(--accent-color);background-color:var(--light)}@media(hover:hover){.main-btn--invert:hover{color:var(--light);background-color:var(--purple--700);border-color:transparent}}.main-btn--invert:focus-visible{color:var(--light)}.main-select{position:relative;font-family:inherit;font-weight:500;font-size:1.8rem;min-width:9.3rem;flex-grow:1;height:3.8rem;color:#fff;border:none;border-radius:.5rem;text-transform:uppercase;text-overflow:ellipsis;background-color:var(--accent-color);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' fill='none'%3E%3Cpath stroke='%23F7F7F7' stroke-linecap='round' stroke-linejoin='round' d='M3.87 3.5.5.5M7.238.5l-3.369 3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.8rem auto;padding-left:1rem;padding-right:2.8rem;outline-style:solid;outline-offset:0;outline-width:.1rem;outline-color:transparent;transition-property:outline-color,background-color;transition-duration:.2s;transition-timing-function:ease}@media(min-width:768px){.main-select{max-width:20rem}}@media(hover:hover){.main-select{cursor:var(--custom-pointer)}.main-select:hover{background-color:var(--purple--700)}}.main-select:focus-visible{outline-color:var(--accent-color);background-color:var(--purple--700)}.field{display:flex;flex-direction:column;row-gap:1rem;position:relative;width:100%}@media(min-width:768px){.field{max-width:59.5rem}}.field:has(.field__input:not(:placeholder-shown)) .field__label{translate:0 0;color:light-dark(var(--dark),var(--light))}.field:has(.field__btn) .field__label{width:calc(100% - 5.4rem)}.field:has(.field__btn) .field__input{padding-right:3.8rem}.field__label{width:calc(100% - 3.2rem);position:relative;translate:1.6rem calc(2.9rem + 50%);color:light-dark(rgba(var(--accent-rgb),.5),rgba(var(--light-rgb),.5));transition-property:translate,color;transition-duration:.2s;transition-timing-function:ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.field__inner{position:relative}.field__input{padding-block:0;font-family:inherit;font-weight:500;font-size:1.6rem;color:light-dark(var(--accent-color),var(--light));width:100%;padding-inline:1.6rem;height:3.8rem;border-width:.1rem;border-style:solid;border-color:light-dark(var(--accent-color),var(--light));border-radius:.5rem;background-color:light-dark(var(--light),var(--dark));outline-color:transparent;outline-style:solid;outline-width:.2rem;transition-property:outline-color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease}.field__input:focus-visible{outline-color:light-dark(rgba(var(--accent-rgb),.5),rgba(var(--light-rgb),.5))}@media(hover:hover){.field__input:hover{outline-color:light-dark(rgba(var(--accent-rgb),.5),rgba(var(--light-rgb),.5))}}.field__btn{border:none;padding:0;background-color:transparent;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;translate:0 -50%;height:3.8rem;aspect-ratio:1;color:light-dark(var(--accent-color),var(--light));outline:none;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:ease}@media(hover:hover){.field__btn{cursor:var(--custom-pointer)}.field__btn:hover{background-color:light-dark(rgba(var(--accent-rgb),.2),rgba(var(--light-rgb),.2))}}.field__btn:focus{background-color:light-dark(rgba(var(--accent-rgb),.2),rgba(var(--light-rgb),.2))}.field__btn svg{width:2rem;aspect-ratio:1}.check{display:flex;column-gap:1.6rem;align-items:center}@media(hover:hover){.check{cursor:var(--custom-pointer)}}.check__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.6rem;aspect-ratio:1;border:.1rem solid var(--accent-color);border-radius:.2rem;color:transparent;outline-color:transparent;outline-style:solid;outline-width:.2rem;transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease}.check__box svg{width:1.4rem;aspect-ratio:1}.check__label{font-size:1.6rem;font-weight:500;color:light-dark(var(--dark),var(--light));overflow-wrap:anywhere;transition-property:opacity,color;transition-duration:.2s;transition-timing-function:ease}@media(min-width:768px){.check__label{font-size:2rem}}.check__change-input{font-family:inherit;line-height:inherit;width:100%;border:none;outline:none;padding:0;background-color:transparent}.check__input:checked~.check__box{background-color:var(--accent-color);color:#fff}.check__input:checked~.check__label{opacity:.5;text-decoration:line-through}.check__input:disabled~.check__box{border-color:light-dark(rgba(var(--dark-rgb),.3),rgba(var(--light-rgb),.3))}.check__input:disabled~.check__label{opacity:.5}.check__input:checked:disabled~.check__box{border-color:light-dark(rgba(var(--dark-rgb),.3),rgba(var(--light-rgb),.3));background-color:light-dark(rgba(var(--dark-rgb),.3),rgba(var(--light-rgb),.3))}.check__input:focus-visible~.check__box,.check__input:checked:focus-visible~.check__box{outline-color:rgba(var(--accent-rgb),.5)}.check__input:checked:focus-visible~.check__box{background-color:var(--purple--700)}.popover{position:fixed;inset:0;width:100%;height:100%;background-color:rgb(var(--dark-rgb),.7)}.popover__modal{position:absolute;bottom:0;width:100%;min-height:29rem;display:flex;flex-direction:column;row-gap:1rem;border-width:.1rem;border-style:solid;border-color:light-dark(transparent,var(--light));border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;background-color:light-dark(var(--light),var(--dark));padding:1.8rem 3rem}@media(min-width:768px){.popover__modal{max-width:50rem;top:15%;left:50%;bottom:auto;translate:-50%;border-bottom-left-radius:1.6rem;border-bottom-right-radius:1.6rem}}.popover__title{text-align:center;text-transform:uppercase;font-size:2.4rem;font-weight:500;color:light-dark(var(--dark),var(--light))}.popover__actions{display:flex;justify-content:space-between;margin-top:4rem}@media(min-width:768px){.popover__actions{margin-top:auto}}.popover__btn{padding-inline:2.2rem}.empty__img{display:block;margin-inline:auto;max-width:22rem;width:100%;height:100%}.empty__text{text-align:center;font-size:2rem;margin-top:2rem;color:light-dark(var(--dark),var(--light));transition:color .2s ease}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);overflow:hidden}