.svelte-gn3tic{box-sizing:border-box}article.svelte-gn3tic :where(.svelte-gn3tic){margin:0;padding:0}article.svelte-gn3tic{accent-color:hsl(210 7% 56%);--_color-text-1: hsl(210 10% 23%);--_color-text-2: hsl(214 14% 10%);--_color-surface-1: hsl(0 0% 100%);--_color-surface-2: hsl(210 17% 95%);--_color-surface-3: hsl(210 16% 93%);--_color-shadow: hsl(0 0% 0% / .5);max-inline-size:70ch;margin-inline:auto;padding:1.5rem;color:var(--_color-text-2);background:var(--_color-surface-2);box-shadow:0 1px 8px -4px var(--_color-shadow)}@media (prefers-color-scheme: dark){article.svelte-gn3tic{accent-color:hsl(210 40% 2%);--_color-text-1: hsl(210 14% 83%);--_color-text-2: hsl(210 14% 89%);--_color-surface-1: hsl(216 16% 6%);--_color-surface-2: hsl(210 11% 15%);--_color-surface-3: hsl(214 14% 10%);--_color-shadow: hsl(0 0% 0% / .9)}}dl.svelte-gn3tic{padding:1rem;color:var(--_color-text-1);background:var(--_color-surface-1)}dd.svelte-gn3tic{color:var(--_color-text-3);background:var(--_color-surface-3)}article.svelte-gn3tic{font-family:system-ui;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}article.svelte-gn3tic label:where(.svelte-gn3tic){flex-grow:1;max-inline-size:40ch}div.svelte-gn3tic>:where(.svelte-gn3tic)+:where(.svelte-gn3tic),label.svelte-gn3tic>:where(.svelte-gn3tic)+:where(.svelte-gn3tic){margin-block-start:1rem}div.svelte-gn3tic>dl:where(.svelte-gn3tic){margin-block-start:1.5rem}dl.svelte-gn3tic{font-family:monospace;font-size:1.5em;line-height:2}dt.svelte-gn3tic,dd.svelte-gn3tic{display:inline;margin-inline:0}dt.svelte-gn3tic:after{content:":"}dd.svelte-gn3tic:after{content:"\a";white-space:pre}dt.svelte-gn3tic{padding-inline-start:1em;position:relative}dt.active.svelte-gn3tic:before{content:"→";position:absolute;inset-inline-start:0;inset-block-start:50%;translate:0% -50%;font-weight:700;animation:svelte-gn3tic-slide-in .5s .2s both}@keyframes svelte-gn3tic-slide-in{0%{opacity:0;translate:-.5em -50%}to{opacity:1;translate:0% -50%}}label.svelte-gn3tic span:where(.svelte-gn3tic),label.svelte-gn3tic input:where(.svelte-gn3tic){display:block}label.svelte-gn3tic div:where(.svelte-gn3tic){text-align:center}label.svelte-gn3tic input:where(.svelte-gn3tic){inline-size:100%}
