*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;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}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px #fff;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}p{outline:none}body{background:var(--bg-color);font-family:Josefin Sans,sans-serif;font-size:.75rem;height:100%;letter-spacing:-.17px;line-height:.75rem;min-height:100vh}img{width:100%}.container{box-sizing:content-box;margin:0 auto;max-width:540px;padding:3rem 1.5rem}.bg-image{animation:fadeInImage .5s ease-in-out;left:0;min-height:200px;object-fit:cover;object-position:33.3334%,0;position:absolute;top:0;z-index:-1}.titlebar{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:2.5rem;max-height:1.25rem}.title{color:#fff;font-size:1.65rem;font-weight:700;letter-spacing:.675rem;min-height:1.25rem}.lightmode-icon{cursor:pointer;height:1.25rem;width:1.25rem}div.add-todo{align-items:center;background:var(--todo-bg);border-radius:5px;display:flex;margin-bottom:1rem;max-height:3rem;padding-bottom:.875rem;padding-top:.875rem}.todo-input{caret-color:#3a7cfd;position:relative;width:100%}.todo-input:empty:before{color:var(--todo-placeholder);content:attr(data-text);display:block;font-family:Josefin Sans,sans-serif;position:absolute;width:100%}.todo-list{background:var(--todo-bg);border-top-left-radius:5px;border-top-right-radius:5px;margin:0 auto;overflow:hidden;width:100%}.todo-item{border-bottom:1px solid var(--todo-border);padding:1rem 1.25rem}.todo-inner{align-items:center;display:flex;user-select:none}.todo-text{color:var(--text-color);margin-left:.75rem;transform:translateY(2px)}.todo-text:not(.todo-input){cursor:grab}.todo-remove{cursor:pointer;height:.75rem;margin-left:auto;transition:transform .35s ease-in-out;width:.75rem}.todo-remove:hover{transform:scale(1.1)}input.checkbox{display:none}.todo-checkbox{border:1px solid var(--todo-border);border-radius:50%;cursor:pointer;display:block;flex-shrink:0;height:1.25rem;position:relative;width:1.25rem}input.checkbox:not(:checked)~.todo-checkbox:hover{background:linear-gradient(135deg,#5df,#c058f3);border:none;transition:all 1.35s ease-in-out}input.checkbox:not(:checked)~.todo-checkbox:hover:before{background:var(--todo-bg);border-radius:50%;content:"";height:calc(1.25rem - 2px);left:1px;position:absolute;top:1px;width:calc(1.25rem - 2px)}.checkbox-icon{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);user-select:none;width:9px}input.checkbox:checked~.todo-text:not(.todo-input){color:var(--todo-inactive);text-decoration:line-through}input.checkbox:checked~.todo-checkbox{background:#5df;background:linear-gradient(135deg,#5df,#c058f3);border:none}input.checkbox:checked~label>.checkbox-icon{opacity:1}div.todo-empty{border-bottom:1px solid var(--todo-border);margin:0;padding:2rem;text-align:center}.sortable-drag{opacity:0}.fadeRight{animation:fadeOutRight .6s ease-out}.menu{background:var(--todo-bg);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 35px 50px -15px var(--box-shadow);color:var(--text-secondary);display:flex;justify-content:space-between;padding:1rem 1.25rem 1.35rem}.clear-completed{cursor:pointer}.clear-completed:hover{color:var(--hover-color)}.menu>.submenu-container{display:none}.submenu-container:not(:nth-child(2)){background:var(--todo-bg);border-radius:5px;box-shadow:0 35px 50px -15px var(--box-shadow);margin-top:1rem;padding:1rem 1rem 1.125rem}.submenu{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:700;gap:1.125rem;line-height:.875rem;margin:0 auto;width:fit-content}.submenu>.active{color:#3a7cfd}.submenu>div{cursor:pointer}.submenu>div:not(.active):hover{color:var(--hover-color)}.footer-text{color:var(--text-secondary);font-size:.875rem;letter-spacing:-.19px;line-height:.875rem;margin-top:2.5rem;text-align:center;transform:translateY(2px)}@media (min-width:540px){body{font-size:1.125rem;letter-spacing:-.25px;line-height:1.125rem}.container{padding:4.375rem 1.5rem 3.25rem}.bg-image{min-height:300px}.titlebar{height:3rem;max-height:3rem}.title{align-self:center;font-size:2.5rem;letter-spacing:.9375rem;transform:translateY(2px)}.lightmode-icon{align-self:center;height:1.625rem;width:1.625rem}div.add-todo{margin-bottom:1.5rem;max-height:4rem;padding-bottom:1.25rem;padding-top:1.25rem}.todo-item{padding:1.25rem 1.5rem}.todo-text{color:var(--text-color);margin-left:1.5rem}.todo-remove{display:none;height:1.125rem;width:1.125rem}.todo-item:hover .todo-remove{display:block}input.checkbox:not(:checked)~.todo-checkbox:hover:before{height:calc(1.5rem - 2px);width:calc(1.5rem - 2px)}.todo-checkbox{height:1.5rem;width:1.5rem}.checkbox-icon{width:11px}.menu{font-size:.875rem;letter-spacing:-.19px;line-height:.875rem;padding:1.08rem 1.5rem 1.17rem}.submenu-container{display:none}.menu>.submenu-container{display:block}.footer-text{margin-top:3rem}}@keyframes fadeInImage{0%{opacity:.25}to{opacity:1}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translateX(100%)}}
/*# sourceMappingURL=main.0091396273f05237b4c0.css.map*/