:root{color-scheme:dark light;--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%}:root[color-mode=light] .light--hidden{display:none}: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%;font-family:system-ui,sans-serif;padding-block-start:var(--space-xs);padding-block-end:var(--space-xs);background:var(--surface1);color:var(--text1)}h1,h2,h3{font-weight:300;font-size:var(--space-lg)}small{line-height:1.5;color:var(--text2);font-size:var(--space-sm);font-weight:200}main{display:grid;gap:var(--space-md);place-content:center;padding:var(--space-xl)}section{display:grid;gap:var(--space-md)}header{display:grid;gap:var(--space-xxs);place-items:center}input{outline-offset:5px}.hero-icon{width:40vh;fill:var(--text2);color:var(--brand);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:env0Ot5slSe4_ts__ts 1.2s linear 1 normal forwards}@keyframes env0Ot5slSe4_ts__ts{0%{transform:translate(420.703979px,285.962006px) scale(.9);animation-timing-function:cubic-bezier(.25,1,.25,1)}25%{transform:translate(420.703979px,285.962006px) scale(1)}to{transform:translate(420.703979px,285.962006px) scale(1)}}#env0Ot5slSe4{animation:env0Ot5slSe4_c_o 1.2s linear 1 normal forwards}@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:env0Ot5slSe6_to__to 1.2s linear 1 normal forwards}@keyframes env0Ot5slSe6_to__to{0%{transform:translate(420.704004px,311.433373px)}16.666667%{transform:translate(420.775218px,319.954991px)}66.666667%{transform:translate(420.71px,311.43px);animation-timing-function:cubic-bezier(0,0,.58,1)}91.666667%{transform:translate(393.856766px,255.850487px)}to{transform:translate(393.856766px,255.850487px)}}#env0Ot5slSe6_tr{animation:env0Ot5slSe6_tr__tr 1.2s linear 1 normal forwards}@keyframes env0Ot5slSe6_tr__tr{0%{transform:rotate(0)}16.666667%{transform:rotate(0);animation-timing-function:cubic-bezier(0,0,.58,1)}33.333333%{transform:rotate(-30deg);animation-timing-function:cubic-bezier(.165,.84,.44,1)}58.333333%{transform:rotate(30deg);animation-timing-function:cubic-bezier(0,0,.58,1)}83.333333%{transform:rotate(0)}to{transform:rotate(0)}}#env0Ot5slSe6_ts{animation:env0Ot5slSe6_ts__ts 1.2s linear 1 normal forwards}@keyframes env0Ot5slSe6_ts__ts{0%{transform:scale(3);animation-timing-function:cubic-bezier(.25,1,.25,1)}16.666667%{transform:scale(4)}58.333333%{transform:scale(4)}83.333333%{transform:scale(1)}to{transform:scale(1)}}#env0Ot5slSe6{animation-name:env0Ot5slSe6__tt,env0Ot5slSe6_c_o;animation-duration:1.2s;animation-fill-mode:forwards;animation-timing-function:linear;animation-direction:normal;animation-iteration-count:1}@keyframes env0Ot5slSe6__tt{0%{transform:translate(-393.857517px,-264.34037px)}58.333333%{transform:translate(-393.856766px,-264.34px)}to{transform:translate(-393.856766px,-255.850487px)}}@keyframes env0Ot5slSe6_c_o{0%{opacity:0}41.666667%{opacity:1}to{opacity:1}}#env0Ot5slSe7{animation:env0Ot5slSe7_c_o 1.2s linear 1 normal forwards}@keyframes env0Ot5slSe7_c_o{0%{opacity:0}75%{opacity:0;animation-timing-function:cubic-bezier(.42,0,1,1)}to{opacity:1}}#env0Ot5slSe8{animation:env0Ot5slSe8_c_o 1.2s linear 1 normal forwards}@keyframes env0Ot5slSe8_c_o{0%{opacity:0}75%{opacity:0;animation-timing-function:cubic-bezier(.42,0,1,1)}to{opacity:1}}.color-mode-toggle{position:absolute;top:var(--space-xs);right:var(--space-sm);border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--surface1);background-color:var(--surface2);transition:border-color .25s}.color-mode-toggle:hover{border-color:var(--text1)}.color-mode-toggle:active{scale:.97}.color-mode-check{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--brand);box-shadow:var(--shadow-1);transition:transform .25s}.color-mode-icon{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.color-mode-icon svg{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:var(--bright-text1);stroke:var(--bright-text1);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}:root[color-mode=dark] .color-mode-icon svg{fill:var(--text1);transition:opacity .25s}.sun{opacity:1}.moon{opacity:0}: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)}