.dt[data-astro-cid-xavcdaaa]{justify-items:center;gap:var(--space-3);margin:0;width:100%;max-width:22rem;margin-inline:auto;display:grid}.dt-slot[data-astro-cid-xavcdaaa],.dt-aside[data-astro-cid-xavcdaaa]{grid-template-areas:"stack";display:grid}.dt-slot[data-astro-cid-xavcdaaa]>[data-astro-cid-xavcdaaa],.dt-aside[data-astro-cid-xavcdaaa]>[data-astro-cid-xavcdaaa]{grid-area:stack}[data-astro-cid-xavcdaaa][data-s]{opacity:0;transition:opacity .13s var(--ease)}.dt-box[data-astro-cid-xavcdaaa]{border:1px solid var(--line-2);border-radius:var(--radius-md);background:var(--surface-3);width:100%;overflow:hidden}.dt-plate[data-astro-cid-xavcdaaa]{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line-1);background:var(--surface-1);grid-template-areas:"stack";min-height:1.4em;display:grid}.dt-plate[data-astro-cid-xavcdaaa]>[data-astro-cid-xavcdaaa]{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-dim);grid-area:stack}.dt-slot[data-astro-cid-xavcdaaa]{min-height:4.4rem;padding:var(--space-3);place-items:center}.dt-val[data-astro-cid-xavcdaaa]{font-family:var(--font-ui);color:var(--ink);text-align:center;font-size:1.3rem;line-height:1}.dt-val[data-astro-cid-xavcdaaa].is-mono{font-family:ui-monospace,Menlo,monospace;font-size:1.1rem}.dt-val[data-astro-cid-xavcdaaa].is-good{color:var(--success)}.dt-floor[data-astro-cid-xavcdaaa]{background:var(--line-1);width:100%;height:1px}.dt-aside[data-astro-cid-xavcdaaa]{text-align:center;justify-items:center;width:100%;min-height:2.4rem}.dt-item[data-astro-cid-xavcdaaa]{justify-items:center;display:grid}.dt-cap[data-astro-cid-xavcdaaa]{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-dim);max-width:24ch}[data-scrolly]:not([data-step]) [data-astro-cid-xavcdaaa][data-s="0"],[data-scrolly][data-step="0"] [data-astro-cid-xavcdaaa][data-s="0"],[data-scrolly][data-step="1"] [data-astro-cid-xavcdaaa][data-s="1"],[data-scrolly][data-step="2"] [data-astro-cid-xavcdaaa][data-s="2"],[data-scrolly][data-step="3"] [data-astro-cid-xavcdaaa][data-s="3"],[data-scrolly][data-step="4"] [data-astro-cid-xavcdaaa][data-s="4"]{opacity:1;transition:opacity .2s var(--ease) .14s}@media (width<=820px){.dt[data-astro-cid-xavcdaaa]{max-width:20rem}.dt-slot[data-astro-cid-xavcdaaa]{min-height:3.4rem}.dt-val[data-astro-cid-xavcdaaa]{font-size:1.1rem}.dt-val[data-astro-cid-xavcdaaa].is-mono{font-size:.95rem}}.codepen[data-astro-cid-enuk3gq6]{margin-block:var(--space-6)}.codepen-frame[data-astro-cid-enuk3gq6]{aspect-ratio:16/10;background:var(--surface-3);border:1px solid var(--line-1);border-radius:var(--radius-lg);position:relative;overflow:hidden}.codepen-frame[data-astro-cid-enuk3gq6] iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.codepen-facade[data-astro-cid-enuk3gq6]{width:100%;padding:var(--space-4);background:linear-gradient(135deg, color-mix(in srgb, var(--topic-accent,var(--ember)) 14%, var(--surface-3)), var(--surface-3));cursor:pointer;border:0;align-content:space-between;display:grid;position:absolute;inset:0}.codepen-tabs[data-astro-cid-enuk3gq6]{justify-self:start;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:flex}.codepen-tabs[data-astro-cid-enuk3gq6] span[data-astro-cid-enuk3gq6]{color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line-1);border-radius:999px;padding:.3em .8em}.codepen-tabs[data-astro-cid-enuk3gq6] .is-on[data-astro-cid-enuk3gq6]{color:var(--ink);border-color:var(--line-2)}.codepen-play[data-astro-cid-enuk3gq6]{place-self:center;justify-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink);font-weight:600;display:grid}.codepen-play[data-astro-cid-enuk3gq6] svg[data-astro-cid-enuk3gq6]{padding:var(--space-3);background:var(--topic-accent,var(--ember));color:var(--surface-1);box-shadow:var(--shadow-2);transition:transform var(--dur-1) var(--ease);border-radius:50%;display:block}.codepen-facade[data-astro-cid-enuk3gq6]:hover .codepen-play[data-astro-cid-enuk3gq6] svg[data-astro-cid-enuk3gq6]{transform:scale(1.08)}.codepen-broken[data-astro-cid-enuk3gq6]{height:100%;color:var(--ink-dim);font-family:var(--font-ui);font-size:var(--text-sm);place-items:center;display:grid}.codepen[data-astro-cid-enuk3gq6] figcaption[data-astro-cid-enuk3gq6]{margin-top:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-muted)}.codepen-credit[data-astro-cid-enuk3gq6]{margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-dim)}