body._dark_upyui_17{--background: 220 13% 18%;--foreground: 220 9% 85%;--card: 220 13% 22%;--primary: 142 71% 45%;--primary-foreground: 220 13% 18%;--secondary: 220 13% 25%;--muted: 220 13% 25%;--accent: 220 13% 28%;--destructive: 0 84% 60%;--border: 220 13% 28%;--input: 220 13% 25%;--icon: #fff}header{padding:1rem;border-radius:1rem;border:hsl(var(--border)) 2px solid;background-color:hsl(var(--card))}header section{display:grid;grid-template-columns:1fr 50px 50px;align-items:center}header section h1{color:hsl(var(--foreground));font-size:1.5rem}header section div{margin:auto;transition:.5s all;cursor:pointer;display:block;padding:.5rem;border:1px solid hsl(var(--border));border-radius:100%;aspect-ratio:1/1;width:40px}header section div:hover{background-color:hsl(var(--accent))}header section div:hover._add_upyui_61{background-color:hsl(var(--green))!important}header section div svg{display:block;margin:auto;color:var(--icon);transition:.5s all}header div{margin-top:.75rem;width:100%;gap:.25rem;display:grid;grid-template-columns:1fr 70px}header div input,header div button{padding:.5rem;border-radius:.5rem;width:100%}header div button{background:hsl(var(--green));border:solid hsl(var(--border)) 1px;cursor:pointer;opacity:.85;transition:.5s all}header div button:disabled{opacity:.5;cursor:not-allowed}header div button:hover:not(:disabled){opacity:1}header div input{outline:none;border:hsl(var(--input)) 1px solid;background-color:hsl(var(--background));font-size:1.25rem;color:var(--icon)}body._dark_133b8_17{--background: 220 13% 18%;--foreground: 220 9% 85%;--card: 220 13% 22%;--primary: 142 71% 45%;--primary-foreground: 220 13% 18%;--secondary: 220 13% 25%;--muted: 220 13% 25%;--accent: 220 13% 28%;--destructive: 0 84% 60%;--border: 220 13% 28%;--input: 220 13% 25%;--icon: #fff}._todolist_133b8_32{margin-top:1.5rem}._todolist_133b8_32 div{border:hsl(var(--border)) 2px solid;border-radius:.5rem;display:grid;grid-template-columns:40px 1fr 30px 30px;align-items:center;padding:.75rem}._todolist_133b8_32 div div{height:20px;width:20px;margin:auto;position:relative;cursor:pointer}._todolist_133b8_32 div div:hover{border-color:hsl(var(--green))}._todolist_133b8_32 div div._done_133b8_53{background:hsl(var(--green));border-color:hsl(var(--green))}._todolist_133b8_32 div div input{position:absolute;top:50%;left:50%;translate:-50% -50%;width:100%;height:100%;opacity:0}._todolist_133b8_32 div div svg{position:absolute;top:50%;right:50%;translate:50% -50%;margin:auto;height:15px}._todolist_133b8_32 div p{font-size:1.25rem;margin-left:.5rem;color:var(--icon)}._todolist_133b8_32 div p._textdone_133b8_79{text-decoration:line-through 2px hsl(var(--green))}._todolist_133b8_32 div p~div{border:none}._todolist_133b8_32 div ._check_133b8_85{color:hsl(var(--border))}._todolist_133b8_32 div ._trash_133b8_88{color:#ffa9a9;cursor:pointer;transition:.5s all}._todolist_133b8_32 div ._trash_133b8_88:hover{color:red}._todolist_133b8_32 div+div{margin-top:1rem}body._dark_ikbh9_17{--background: 220 13% 18%;--foreground: 220 9% 85%;--card: 220 13% 22%;--primary: 142 71% 45%;--primary-foreground: 220 13% 18%;--secondary: 220 13% 25%;--muted: 220 13% 25%;--accent: 220 13% 28%;--destructive: 0 84% 60%;--border: 220 13% 28%;--input: 220 13% 25%;--icon: #fff}._status_ikbh9_32{margin-top:1.5rem;border:dotted 2px hsl(var(--border));padding:1.5rem;border-radius:.5rem;background:hsl(var(--card))}._status_ikbh9_32 p{text-align:center;color:hsl(var(--foreground))}._status_ikbh9_32 div{text-align:center}._status_ikbh9_32 div svg{height:50px;margin-bottom:.5rem;color:var(--icon)}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--primary: 142 71% 45%;--primary-foreground: 0 0% 100%;--secondary: 210 40% 96.1%;--muted: 210 40% 96.1%;--accent: 210 40% 96.1%;--destructive: 0 84% 60%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--green: 142 71% 45%;--icon: #000}body.dark{--background: 220 13% 18%;--foreground: 220 9% 85%;--card: 220 13% 22%;--primary: 142 71% 45%;--primary-foreground: 220 13% 18%;--secondary: 220 13% 25%;--muted: 220 13% 25%;--accent: 220 13% 28%;--destructive: 0 84% 60%;--border: 220 13% 28%;--input: 220 13% 25%;--icon: #fff}*{margin:0;padding:0;box-sizing:border-box;transition:.5s all}body{background-color:hsl(var(--background));transition:.5s all;margin:0 auto;max-width:min(1000px,100dvw - 1rem);font-family:Roboto,sans-serif}body h1,body h2,body h3,body h4,body h5,body h6{font-family:Itim}body #root{margin-top:3rem}@font-face{font-family:Roboto;font-weight:400;font-style:normal;font-display:swap;src:url(/to-do-app/fonts/Roboto-Regular.woff2) format("woff2"),url(/to-do-app/fonts/Roboto-Regular.woff) format("woff"),url(/to-do-app/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Itim;font-weight:400;font-style:normal;font-display:swap;src:url(/to-do-app/fonts/Itim-Regular.woff2) format("woff2"),url(/to-do-app/fonts/Itim-Regular.woff) format("woff"),url(/to-do-app/fonts/Itim-Regular.ttf) format("truetype")}