.snippet-nav[data-astro-cid-2lu6zoar]{align-items:center;gap:.5rem;display:flex}.snippet-icon[data-astro-cid-2lu6zoar]{width:1.75rem;height:1.75rem;color:var(--c-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) ease-out, transform var(--dur-quick) var(--ease-out-sharp);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.snippet-icon[data-astro-cid-2lu6zoar] svg[data-astro-cid-2lu6zoar]{width:.875rem;height:.875rem}.snippet-icon[data-astro-cid-2lu6zoar]:hover{color:var(--c-accent);transform:scale(1.08)}.snippet-icon[data-astro-cid-2lu6zoar]:active{transition-duration:var(--dur-press);transform:scale(.9)}.snippet-icon[data-astro-cid-2lu6zoar]:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.snippet-explainer[data-astro-cid-2lu6zoar]{width:fit-content;max-width:calc(100vw - 3rem);color:var(--c-text);background:0 0;border:none;margin:auto;padding:0;overflow:visible}.snippet-explainer-panel[data-astro-cid-2lu6zoar]{background:var(--c-card);corner-shape:squircle;width:fit-content;max-width:34ch;box-shadow:var(--c-shadow-overlay);border-radius:1.75rem;padding:1.75rem}.snippet-explainer[data-astro-cid-2lu6zoar]::backdrop{backdrop-filter:blur(8px);background:oklch(18% .02 260/.4)}.snippet-explainer-panel[data-astro-cid-2lu6zoar] h2[data-astro-cid-2lu6zoar]{text-wrap:balance;margin-bottom:.75rem;font-size:1.0625rem;font-weight:600}.snippet-explainer-panel[data-astro-cid-2lu6zoar] p[data-astro-cid-2lu6zoar]{color:var(--c-muted);font-size:.9375rem;line-height:1.6}.snippet-explainer-panel[data-astro-cid-2lu6zoar] p[data-astro-cid-2lu6zoar]+p[data-astro-cid-2lu6zoar]{margin-top:.65rem}.explainer-close[data-astro-cid-2lu6zoar]{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex;position:fixed;top:1.25rem;right:1.25rem}.explainer-close[data-astro-cid-2lu6zoar] svg[data-astro-cid-2lu6zoar]{width:1.25rem;height:1.25rem}@media (prefers-reduced-motion:no-preference){.snippet-explainer-panel[data-astro-cid-2lu6zoar]{transition:transform var(--dur-mid) var(--ease-out-back), display var(--dur-fast) allow-discrete, overlay var(--dur-fast) allow-discrete;transform:scale(.96)}.snippet-explainer[data-astro-cid-2lu6zoar][open] .snippet-explainer-panel[data-astro-cid-2lu6zoar]{transform:none}.snippet-explainer[data-astro-cid-2lu6zoar]::backdrop{opacity:0;transition:opacity var(--dur-fast) ease-out, display var(--dur-fast) allow-discrete, overlay var(--dur-fast) allow-discrete}.snippet-explainer[data-astro-cid-2lu6zoar][open]::backdrop{opacity:1}@starting-style{.snippet-explainer[data-astro-cid-2lu6zoar][open] .snippet-explainer-panel[data-astro-cid-2lu6zoar]{transform:scale(.96)}.snippet-explainer[data-astro-cid-2lu6zoar][open]::backdrop{opacity:0}}}@supports not (corner-shape:squircle){.snippet-explainer-panel[data-astro-cid-2lu6zoar]{border-radius:1.1rem}}picture[data-pic]{display:contents}:root{--c-bg:oklch(97.5% .012 265);--c-text:oklch(25% .045 265);--c-muted:oklch(43% .04 265);--c-border:oklch(35% .04 265/.2);--c-accent:oklch(50% .24 265);--c-snippet-canvas:oklch(97.5% .012 265);--c-card:oklch(98.5% .006 265);--c-card-inset:oklch(92.5% .02 265);--c-shadow-card:0 6px 28px oklch(50% .04 275/.1);--c-shadow-overlay:0 6px 28px oklch(50% .04 275/.1), 0 24px 64px oklch(20% .03 275/.16);--c-dark-text:oklch(96% .012 265);--c-dark-muted:oklch(78% .035 265);--font-sans:"BodySans", "BodySans Fallback", ui-sans-serif, system-ui, sans-serif;--dur-press:60ms;--dur-quick:.12s;--dur-fast:.2s;--dur-mid:.3s;--dur-base:.4s;--dur-slow:.5s;--ease-out-sharp:cubic-bezier(.2, 0, 0, 1);--ease-out-back:cubic-bezier(.2, 0, 0, 1.4);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}.dark{--c-bg:oklch(23% .022 265);--c-text:oklch(96% .012 265);--c-muted:oklch(78% .035 265);--c-border:oklch(80% .04 265/.24);--c-accent:oklch(74% .1 260);--c-snippet-canvas:oklch(23% .022 265);--c-card:oklch(29% .035 250);--c-card-inset:oklch(34% .035 250);--c-shadow-card:0 8px 28px oklch(8% .025 275/.28);--c-shadow-overlay:0 8px 28px oklch(8% .025 275/.28), 0 24px 64px oklch(6% .02 275/.42)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--c-snippet-canvas);color:var(--c-text);min-height:100vh;transition:background var(--dur-base) ease-out, color var(--dur-base) ease-out;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.snippet-bar{z-index:20;align-items:center;gap:.5rem;margin-top:1.75rem;display:flex;position:relative}.snippet-next{order:1}input[type=range]{--range-progress:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:none;width:min(11rem,38vw);height:1.25rem;padding:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--c-accent) 0 var(--range-progress), color-mix(in oklch, var(--c-muted) 28%, transparent) var(--range-progress) 100%);border:none;border-radius:999px;height:.35rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--c-accent);border:none;border-radius:50%;width:1.25rem;height:1.25rem;margin-top:-.45rem;box-shadow:0 2px 8px oklch(35% .12 260/.2)}input[type=range]::-moz-range-track{background:color-mix(in oklch, var(--c-muted) 28%, transparent);border:none;border-radius:999px;height:.35rem}input[type=range]::-moz-range-progress{background:var(--c-accent);border:none;border-radius:999px;height:.35rem}input[type=range]::-moz-range-thumb{background:var(--c-accent);border:none;border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:0 2px 8px oklch(35% .12 260/.2)}input[type=range]:focus-visible{outline:none}::selection{background-color:var(--c-accent);color:var(--c-bg)}.cosmetic-mode body{background:var(--c-snippet-canvas)}@keyframes reduced-fade-out{to{opacity:0}}@keyframes reduced-fade-in{0%{opacity:0}}