:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:6rem;--hue:195deg;--saturation:100%;--lightness:33%}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[color-mode=light] .light--hidden,:root[color-mode=dark] .dark--hidden{display:none}:root[color-mode=light]{--brand:hsl(var(--hue) var(--saturation) var(--lightness));--text1:hsl(var(--hue) var(--saturation) 10% );--text2:hsl(var(--hue) calc(var(--saturation) / 2) 30%);--bright-text1:hsl(var(--hue) 15% 85%);--bright-text2:hsl(var(--hue) 15% 65%);--surface1:hsl(var(--hue) calc(var(--saturation) / 6) 90% );--surface2:hsl(var(--hue) calc(var(--saturation) / 8) 99%);--surface3:hsl(var(--hue) calc(var(--saturation) / 8) 96%);--surface4:hsl(var(--hue) calc(var(--saturation) / 8) 85%)}:root[color-mode=dark]{--brand:hsl(var(--hue) calc(var(--saturation) / 2) var(--lightness));--text1:hsl(var(--hue) 15% 85%);--text2:hsl(var(--hue) 15% 65%);--bright-text1:hsl(var(--hue) 15% 85%);--bright-text2:hsl(var(--hue) 15% 65%);--surface1:hsl(var(--hue) 10% 10%);--surface2:hsl(var(--hue) 10% 15%);--surface3:hsl(var(--hue) 5% 20%);--surface4:hsl(var(--hue) 5% 25%)}*{box-sizing:border-box;margin:0}html{block-size:100%}body{min-block-size:100%;background:var(--surface1);color:var(--text1);padding-block-start:var(--space-xs);padding-block-end:var(--space-xs);font-family:system-ui,sans-serif}h1,h2,h3{font-weight:300;font-size:var(--space-lg)}small{color:var(--text2);line-height:1.5;font-size:var(--space-sm);font-weight:200}main{gap:var(--space-md);padding:var(--space-xl);place-content:center;display:grid}section{gap:var(--space-md);display:grid}header{gap:var(--space-xxs);place-items:center;display:grid}input{outline-offset:5px}.hero-icon{width:40vh;fill:var(--text2);color:var(--brand);-webkit-user-select:none;user-select:none}#env0Ot5slSe6,#env0Ot5slSe7,#env0Ot5slSe8{color:var(--text1)}@media (min-width:540px){h1{font-size:var(--space-xl)}small{font-size:var(--space-md)}}#env0Ot5slSe4_ts{animation:1.2s linear forwards env0Ot5slSe4_ts__ts}@keyframes env0Ot5slSe4_ts__ts{0%{animation-timing-function:cubic-bezier(.25,1,.25,1);transform:translate(420.704px,285.962px)scale(.9)}25%{transform:translate(420.704px,285.962px)scale(1)}to{transform:translate(420.704px,285.962px)scale(1)}}#env0Ot5slSe4{animation:1.2s linear forwards env0Ot5slSe4_c_o}@keyframes env0Ot5slSe4_c_o{0%{opacity:0;animation-timing-function:cubic-bezier(.25,1,.25,1)}25%{opacity:1}to{opacity:1}}#env0Ot5slSe6_to{animation:1.2s linear forwards env0Ot5slSe6_to__to}@keyframes env0Ot5slSe6_to__to{0%{transform:translate(420.704px,311.433px)}16.6667%{transform:translate(420.775px,319.955px)}66.6667%{animation-timing-function:ease-out;transform:translate(420.71px,311.43px)}91.6667%{transform:translate(393.857px,255.851px)}to{transform:translate(393.857px,255.851px)}}#env0Ot5slSe6_tr{animation:1.2s linear forwards env0Ot5slSe6_tr__tr}@keyframes env0Ot5slSe6_tr__tr{0%{transform:rotate(0)}16.6667%{animation-timing-function:ease-out;transform:rotate(0)}33.3333%{animation-timing-function:cubic-bezier(.165,.84,.44,1);transform:rotate(-30deg)}58.3333%{animation-timing-function:ease-out;transform:rotate(30deg)}83.3333%{transform:rotate(0)}to{transform:rotate(0)}}#env0Ot5slSe6_ts{animation:1.2s linear forwards env0Ot5slSe6_ts__ts}@keyframes env0Ot5slSe6_ts__ts{0%{animation-timing-function:cubic-bezier(.25,1,.25,1);transform:scale(3)}16.6667%{transform:scale(4)}58.3333%{transform:scale(4)}83.3333%{transform:scale(1)}to{transform:scale(1)}}#env0Ot5slSe6{animation-name:env0Ot5slSe6__tt,env0Ot5slSe6_c_o;animation-duration:1.2s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards}@keyframes env0Ot5slSe6__tt{0%{transform:translate(-393.858px,-264.34px)}58.3333%{transform:translate(-393.857px,-264.34px)}to{transform:translate(-393.857px,-255.851px)}}@keyframes env0Ot5slSe6_c_o{0%{opacity:0}41.6667%{opacity:1}to{opacity:1}}#env0Ot5slSe7{animation:1.2s linear forwards env0Ot5slSe7_c_o}@keyframes env0Ot5slSe7_c_o{0%{opacity:0}75%{opacity:0;animation-timing-function:ease-in}to{opacity:1}}#env0Ot5slSe8{animation:1.2s linear forwards env0Ot5slSe8_c_o}@keyframes env0Ot5slSe8_c_o{0%{opacity:0}75%{opacity:0;animation-timing-function:ease-in}to{opacity:1}}.color-mode-toggle{top:var(--space-xs);right:var(--space-sm);border:1px solid var(--surface1);background-color:var(--surface2);border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:border-color .25s;display:block;position:absolute}.color-mode-toggle:hover{border-color:var(--text1)}.color-mode-toggle:active{scale:.97}.color-mode-check{background-color:var(--brand);width:18px;height:18px;box-shadow:var(--shadow-1);border-radius:50%;transition:transform .25s;position:absolute;top:1px;left:1px}.color-mode-icon{border-radius:50%;width:18px;height:18px;display:block;position:relative;overflow:hidden}.color-mode-icon svg{width:12px;height:12px;fill:var(--bright-text1);stroke:var(--bright-text1);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;position:absolute;top:3px;left:3px}:root[color-mode=dark] .color-mode-icon svg{fill:var(--text1);transition:opacity .25s}.sun{opacity:1}.moon,:root[color-mode=dark] .sun{opacity:0}:root[color-mode=dark] .moon{opacity:1}:root[color-mode=dark] .color-mode-toggle .color-mode-check{transform:translate(18px)}