.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}}