.snap-toggle[data-astro-cid-w2noze6z]{flex-basis:100%;inline-size:100%}[data-lab-root=scroll-snap] [data-radio-group]{flex:16rem}[data-lab-root=scroll-snap] [data-radio-group=axis] .visual-option{min-inline-size:4.5rem}[data-lab-root=scroll-snap] [data-radio-group=blockAlign] .visual-option,[data-lab-root=scroll-snap] [data-radio-group=inlineAlign] .visual-option{min-inline-size:4rem;padding-inline:var(--padding-sm);flex:4rem}.preview-surface[data-astro-cid-w2noze6z]{align-content:center;justify-self:stretch;gap:var(--gap);block-size:100%;min-block-size:0;inline-size:auto;min-inline-size:0;max-inline-size:100%;display:grid;overflow:visible}.preview-heading[data-astro-cid-w2noze6z]{text-align:center;inline-size:min(100%,40rem);margin-inline:auto;&>p[data-astro-cid-w2noze6z]{color:var(--text-muted);margin:0;font-size:1rem}&>p[data-astro-cid-w2noze6z]:first-child{text-wrap:balance}& .guide-legend{justify-content:center;gap:var(--gap-sm) var(--gap);flex-wrap:wrap;margin-block-start:var(--gap-sm);font-size:.875rem;display:flex}& .guide-legend span{align-items:center;gap:.4rem;display:inline-flex;&:before{content:"";border-block-start:2px dashed var(--brand-orange);inline-size:1.5rem}&.margin-key:before{border-block-start-style:dotted;border-block-start-color:var(--brand-blue)}}}.snap-demo[data-astro-cid-w2noze6z]{block-size:min(25rem,52dvh);min-block-size:20rem;inline-size:min(100%,40rem);min-inline-size:0;max-inline-size:100%;margin-inline:auto;position:relative}.snapport[data-astro-cid-w2noze6z]{block-size:100%;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:var(--scroll-margin);overscroll-behavior:contain;scroll-padding:var(--scroll-padding);border-radius:var(--radius);background:0 0;grid-template-columns:repeat(3,72%);grid-auto-rows:72%;gap:1.5rem;margin:0;display:grid;position:relative;overflow:auto;&:focus-visible{outline:3px solid color-mix(in oklch, var(--brand-blue) 56%, transparent);outline-offset:4px}}[data-astro-cid-w2noze6z][data-snap-enabled] .snapport[data-astro-cid-w2noze6z]{scroll-snap-type:var(--snap-type)}[data-astro-cid-w2noze6z][data-axis=x] .snapport[data-astro-cid-w2noze6z]{display:flex;overflow:auto hidden}[data-astro-cid-w2noze6z][data-axis=y] .snapport[data-astro-cid-w2noze6z]{flex-direction:column;display:flex;overflow:hidden auto}[data-astro-cid-w2noze6z][data-hide-scrollbar] .snapport[data-astro-cid-w2noze6z]{scrollbar-width:none}.snap-item[data-astro-cid-w2noze6z]{box-sizing:border-box;align-content:end;gap:var(--gap-sm);border:1px solid color-mix(in oklch, var(--item-color) 72%, #172033);border-radius:var(--radius);background:var(--item-color);color:#172033;min-block-size:0;min-inline-size:0;scroll-margin:var(--scroll-margin);padding:clamp(20px,4vw,32px);display:grid;position:relative;&:before{content:"";inset:calc(var(--scroll-margin) * -1);border:2px dotted color-mix(in oklch, var(--brand-blue) 78%, #172033);border-radius:calc(var(--radius) * 1.35);pointer-events:none;position:absolute}&>[data-astro-cid-w2noze6z]{margin:0}&>span[data-astro-cid-w2noze6z]{font-weight:var(--fw-bold)}& h2{font-size:clamp(1.75rem,1rem + 3vw,3rem)}& p{max-inline-size:34ch;font-size:1rem}&:focus-visible{outline-offset:-8px;outline:4px solid #172033}}[data-astro-cid-w2noze6z][data-snap-enabled] .snap-item[data-astro-cid-w2noze6z]{scroll-snap-align:var(--snap-align);scroll-snap-stop:var(--snap-stop)}[data-astro-cid-w2noze6z][data-axis=x] .snap-item[data-astro-cid-w2noze6z]{flex:0 0 72%;block-size:100%}[data-astro-cid-w2noze6z][data-axis=y] .snap-item[data-astro-cid-w2noze6z]{flex:0 0 72%;inline-size:100%}.padding-guide[data-astro-cid-w2noze6z]{z-index:2;inset:var(--scroll-padding);border:2px dashed color-mix(in oklch, var(--brand-orange) 82%, #172033);border-radius:calc(var(--radius) * .7);pointer-events:none;position:absolute}[data-lab-root=scroll-snap] .preview-code{@media (width<=90rem){grid-template-rows:auto auto}}[data-lab-root=scroll-snap] .preview{@media (62.5rem<width<=90rem){min-block-size:34rem}@media (width<=62.5rem){min-block-size:0;padding-block:var(--padding)}}@media (width<=40rem){.preview-surface[data-astro-cid-w2noze6z]{align-content:start}.snap-demo[data-astro-cid-w2noze6z]{block-size:min(23rem,60dvh);min-block-size:18rem}.snap-item[data-astro-cid-w2noze6z]{padding:var(--padding);& h2{font-size:clamp(1.5rem,9vw,2.25rem)}}}@media (prefers-reduced-motion:reduce){.snapport[data-astro-cid-w2noze6z]{scroll-behavior:auto}}.snap-model[data-astro-cid-dooepdgh]{& .visual{min-inline-size:0;color:var(--text);overflow-wrap:anywhere;font-size:1rem}& .port,& .snapport,& .area{gap:var(--gap-sm);min-inline-size:0;padding:min(var(--padding-sm), 2vi);display:grid}& .port{border:2px solid var(--text);background:var(--bg)}& .snapport{border:2px dashed var(--link);background:var(--surface)}& .area{border:2px dotted var(--text-muted)}& .card{padding:var(--padding-sm);border:2px solid var(--link);background:var(--surface-strong);font-weight:var(--fw-bold)}& figcaption{min-inline-size:0;&>strong[data-astro-cid-dooepdgh]{color:var(--text);font-size:1.25rem}& ol{margin:var(--gap-sm) 0 0;gap:var(--gap);padding:0;list-style:none;display:grid}& li{gap:.25rem;display:grid;& strong{color:var(--link);font-size:1rem;font-weight:var(--fw-bold)}}}}.guide-host[data-astro-cid-hdeeph5n]{overflow-wrap:anywhere;inline-size:100%;min-inline-size:0;& .guide-section{min-inline-size:0}& .back-link{white-space:normal}}.content[data-astro-cid-hdeeph5n]{gap:var(--gap-lg);min-inline-size:0;display:grid}.choices[data-astro-cid-hdeeph5n]{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width<=38rem){grid-template-columns:minmax(0,1fr)}& article{min-inline-size:0;padding:var(--padding);border-radius:var(--radius);corner-shape:var(--corner-shape);background:var(--surface-strong);box-shadow:var(--shadow-full);gap:var(--gap-sm);display:grid}& h4{font-size:1.25rem}}.related[data-astro-cid-hdeeph5n]{gap:var(--gap-sm);padding-inline-start:1.25rem;display:grid}a[data-astro-cid-hdeeph5n]{color:var(--link);text-underline-offset:.2em;font-size:1rem;text-decoration:underline;&:focus-visible{outline:2px solid var(--link);outline-offset:3px}}