@import"https://fonts.googleapis.com/css2?family=Outfit&family=Urbanist";@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v203/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOej.woff2) format("woff2")}@media (prefers-color-scheme: light){:root{--colorA: rgba(48, 48, 48, 1);--colorB: rgba(20, 33, 61, 1);--colorC: rgba(252, 163, 17, 1);--colorD: rgba(229, 229, 229, 1);--colorE: rgba(245, 251, 255, 1);--valid: #cef249;--error: #ff3a11;--box-shadow: rgba(50, 50, 93, .25) 0 .3em .6em -.1em, rgba(0, 0, 0, .3) 0 .15em .35em -.15em;--border-radius: .25em;--min-width: 250px}}@media (prefers-color-scheme: dark){:root{--colorE: #333333 }}html{color-scheme:light dark;min-width:var(--min-width);overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth}html *{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body{background-color:var(--colorE);color:var(--colorB);cursor:default;font-family:Outfit,Urbanist,sans-serif;font-size:large;min-height:100dvh}*,*:before,*:after{box-sizing:border-box}*{border:0;margin:0;padding:0;color:inherit;font:inherit}section{border-radius:calc(2 * var(--border-radius));color:var(--colorE);display:flex;flex-flow:column;font-size:larger;gap:1em;min-height:100dvh;padding:3em .5em .5em;position:relative;text-align:center}section>*:last-child{flex-grow:1}img,picture,svg,video{display:block;max-width:100%}i{font-family:Material Symbols Outlined;font-weight:400;font-size:24px;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.valid{color:var(--valid)}.invalid{color:var(--error)}form{align-items:center;display:flex;flex-flow:column;gap:.5em;width:100%}label{display:flex;align-items:center}input:not([type=checkbox]),select{box-shadow:var(--box-shadow);color:var(--colorB)}label,input,select,option{background-color:var(--colorD)}label,button:not(:is(nav+div>button)),input,select{border-radius:var(--border-radius);width:100%}button:not(:is(nav+div>button)),input,select{height:2.4em;outline:none}button:not(:is(nav+div>button)),input{padding:.25em .5em}select{padding:.25em .3em}input[type=text]::placeholder{color:var(--colorB);opacity:1}select:disabled,input[type=text]:disabled::placeholder{opacity:.5}select.reduced{height:1.5em;padding-block:0}a{font-size:small;cursor:pointer;text-decoration:underline;transition:color .25s;width:-moz-fit-content;width:fit-content}summary{font-size:large}button:not(:is(nav+div>button)){background-color:transparent;transition:.2s}button:not(:is(nav+div>button)):has(i:only-child){align-items:center;display:flex;height:-moz-fit-content;height:fit-content;padding:.25em;width:-moz-fit-content;width:fit-content}button:not(:is(nav+div>button)):is(nav>button){background-color:var(--colorD);box-shadow:var(--box-shadow);color:var(--colorB)}button:not(:is(nav+div>button)):is(nav>button):hover:not(:disabled){cursor:pointer}button:not(:is(nav+div>button)):is(nav>button):hover:not(:disabled):has(i:not(.invalid)){background-color:var(--colorC);color:var(--colorD)}button:not(:is(nav+div>button)).active{background-color:var(--colorC);color:var(--colorD)}button:not(:is(nav+div>button)):disabled{opacity:.25}button:not(:is(nav+div>button)):not(nav>button){background-color:var(--colorB);color:var(--colorE)}button:not(:is(nav+div>button)):not(nav>button):hover:not(:disabled){background-color:var(--colorC);color:var(--colorD);cursor:pointer}button:not(:is(nav+div>button)):not(nav>button):active:not(:disabled){box-shadow:none}button:not(:is(nav+div>button)):not(nav>button).active{background-color:var(--colorC)}nav{display:flex;gap:.5em;width:100%}nav>*{flex:0 0 0}nav:not(:first-child){margin-top:.5em}nav>*:first-child{margin-left:auto}canvas{touch-action:none}
