.snippet-nav[data-astro-cid-n5ipge5d]{display:flex;align-items:center;gap:.5rem}.snippet-icon[data-astro-cid-n5ipge5d]{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;color:var(--c-muted);background:none;border:none;border-radius:.5rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) ease,transform .15s var(--ease-out-sharp)}.snippet-icon[data-astro-cid-n5ipge5d] svg[data-astro-cid-n5ipge5d]{width:.875rem;height:.875rem}.snippet-icon[data-astro-cid-n5ipge5d]:hover{color:var(--c-accent);transform:scale(1.08)}.snippet-icon[data-astro-cid-n5ipge5d]:active{transform:scale(.9);transition-duration:50ms}.snippet-icon[data-astro-cid-n5ipge5d]:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.snippet-explainer[data-astro-cid-n5ipge5d]{margin:auto;width:fit-content;max-width:calc(100vw - 3rem);padding:0;overflow:visible;background:transparent;color:var(--c-text);border:none}.snippet-explainer-panel[data-astro-cid-n5ipge5d]{width:fit-content;max-width:34ch;padding:1.75rem;background:var(--c-card);border-radius:1.75rem;corner-shape:squircle;box-shadow:var(--c-shadow-overlay)}.snippet-explainer[data-astro-cid-n5ipge5d]::backdrop{background:#0c121a66;backdrop-filter:blur(8px)}.snippet-explainer-panel[data-astro-cid-n5ipge5d] h2[data-astro-cid-n5ipge5d]{margin-bottom:.75rem;font-size:1.0625rem;font-weight:600;text-wrap:balance}.snippet-explainer-panel[data-astro-cid-n5ipge5d] p[data-astro-cid-n5ipge5d]{color:var(--c-muted);font-size:.9375rem;line-height:1.6}.snippet-explainer-panel[data-astro-cid-n5ipge5d] p[data-astro-cid-n5ipge5d]+p[data-astro-cid-n5ipge5d]{margin-top:.65rem}.explainer-close[data-astro-cid-n5ipge5d]{position:fixed;top:1.25rem;right:1.25rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;color:#fff;background:transparent;border:none;cursor:pointer;opacity:.8}.explainer-close[data-astro-cid-n5ipge5d] svg[data-astro-cid-n5ipge5d]{width:1.25rem;height:1.25rem}@media(prefers-reduced-motion:no-preference){.snippet-explainer-panel[data-astro-cid-n5ipge5d]{transform:scale(.96);transition:transform .32s cubic-bezier(.34,1.3,.6,1),display .24s allow-discrete,overlay .24s allow-discrete}.snippet-explainer[data-astro-cid-n5ipge5d][open] .snippet-explainer-panel[data-astro-cid-n5ipge5d]{transform:none}.snippet-explainer[data-astro-cid-n5ipge5d]::backdrop{opacity:0;transition:opacity .24s ease,display .24s allow-discrete,overlay .24s allow-discrete}.snippet-explainer[data-astro-cid-n5ipge5d][open]::backdrop{opacity:1}@starting-style{.snippet-explainer[data-astro-cid-n5ipge5d][open] .snippet-explainer-panel[data-astro-cid-n5ipge5d]{transform:scale(.96)}.snippet-explainer[data-astro-cid-n5ipge5d][open]::backdrop{opacity:0}}}@supports not (corner-shape: squircle){.snippet-explainer-panel[data-astro-cid-n5ipge5d]{border-radius:1.1rem}}@font-face{font-family:BodySans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/body-regular.woff2) format("woff2")}:root{--c-bg: oklch(.98 .004 260);--c-text: oklch(.24 .045 275);--c-muted: oklch(.53 .07 270);--c-border: oklch(.3 .04 275 / .12);--c-accent: oklch(.55 .24 260);--c-snippet-canvas: oklch(.91 .015 264);--c-card: oklch(.985 .006 270);--c-card-inset: oklch(.95 .012 270);--c-shadow-card: 0 6px 28px oklch(.5 .04 275 / .1);--c-shadow-overlay: 0 6px 28px oklch(.5 .04 275 / .1), 0 24px 64px oklch(.2 .03 275 / .16);--c-dark-text: oklch(.93 .025 270);--c-dark-muted: oklch(.76 .05 270);--font-sans: "BodySans", ui-sans-serif, system-ui, sans-serif;--dur-fast: .2s;--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)}.dark{--c-bg: oklch(.26 .045 275);--c-text: oklch(.93 .025 270);--c-muted: oklch(.76 .05 270);--c-border: oklch(.88 .035 270 / .14);--c-accent: oklch(.72 .19 254);--c-snippet-canvas: oklch(.26 .045 275);--c-card: oklch(.3 .045 275);--c-card-inset: oklch(.35 .045 275);--c-shadow-card: 0 8px 28px oklch(.08 .025 275 / .28);--c-shadow-overlay: 0 8px 28px oklch(.08 .025 275 / .28), 0 24px 64px oklch(.06 .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;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;transition:background .4s ease,color .4s ease}.snippet-bar{display:flex;align-items:center;gap:.5rem;margin-top:1.75rem}.snippet-next{order:1}input[type=range]{--range-progress: 50%;appearance:none;-webkit-appearance:none;width:min(11rem,38vw);height:1.25rem;padding:0;border:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:.35rem;border:none;border-radius:999px;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%)}input[type=range]::-webkit-slider-thumb{width:1.25rem;height:1.25rem;margin-top:-.45rem;appearance:none;-webkit-appearance:none;border:none;border-radius:50%;background:var(--c-accent);box-shadow:0 2px 8px #0f377833}input[type=range]::-moz-range-track{height:.35rem;border:none;border-radius:999px;background:color-mix(in oklch,var(--c-muted) 28%,transparent)}input[type=range]::-moz-range-progress{height:.35rem;border:none;border-radius:999px;background:var(--c-accent)}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:none;border-radius:50%;background:var(--c-accent);box-shadow:0 2px 8px #0f377833}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 slide-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-80px)}}@keyframes slide-from-right{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes slide-to-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}[data-astro-transition=forward]::view-transition-old(root){animation:slide-to-left .38s cubic-bezier(.2,0,0,1) both}[data-astro-transition=forward]::view-transition-new(root){animation:slide-from-right .38s cubic-bezier(.2,0,0,1) both}[data-astro-transition=back]::view-transition-old(root){animation:slide-to-right .38s cubic-bezier(.2,0,0,1) both}[data-astro-transition=back]::view-transition-new(root){animation:slide-from-left .38s cubic-bezier(.2,0,0,1) both}[data-astro-transition-fallback=old][data-astro-transition=forward]{animation:slide-to-left .38s cubic-bezier(.2,0,0,1) both}[data-astro-transition-fallback=new][data-astro-transition=forward]{animation:slide-from-right .38s cubic-bezier(.2,0,0,1) both}[data-astro-transition-fallback=old][data-astro-transition=back]{animation:slide-to-right .38s cubic-bezier(.2,0,0,1) both}[data-astro-transition-fallback=new][data-astro-transition=back]{animation:slide-from-left .38s cubic-bezier(.2,0,0,1) both}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}[data-astro-transition-fallback]{animation:none!important}}