.bs[data-astro-cid-m3f4yk4e]{border-block-start:1px solid var(--color-line)}.bs-heading[data-astro-cid-m3f4yk4e]{margin-block-start:var(--space-12)}.bs-row[data-astro-cid-m3f4yk4e]{align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}.bs-row-compact[data-astro-cid-m3f4yk4e]{gap:var(--space-2);margin-block-start:var(--space-4)}.bs-fill[data-astro-cid-m3f4yk4e]{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.bs-roles[data-astro-cid-m3f4yk4e]{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-block-start:var(--space-6);display:grid}.bs-role[data-astro-cid-m3f4yk4e]{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.bs-role-photo[data-astro-cid-m3f4yk4e]{padding:var(--space-4);position:relative;overflow:hidden;&:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-bg) 85%, transparent), transparent 80%);position:absolute;inset:0}& .button,& .bs-role-name,& .small{z-index:1;color:var(--color-text);position:relative}}.bs-role-name[data-astro-cid-m3f4yk4e]{margin-block-start:var(--space-2);font-weight:600}.bs-banner[data-astro-cid-m3f4yk4e]{min-block-size:24rem;align-items:end;margin-block-start:var(--space-6);display:grid;position:relative;overflow:hidden}.bs-banner-image[data-astro-cid-m3f4yk4e]{object-position:center 65%}.bs-banner[data-astro-cid-m3f4yk4e]:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-bg) 80%, transparent), transparent 70%);position:absolute;inset:0}.bs-banner-content[data-astro-cid-m3f4yk4e]{z-index:1;padding:var(--space-8);position:relative}.bs-banner-title[data-astro-cid-m3f4yk4e]{font-family:var(--font-display);text-transform:uppercase;margin-block-end:var(--space-2)}.bs-banner-text[data-astro-cid-m3f4yk4e]{color:var(--color-text);margin-block-end:0}.bs-cards[data-astro-cid-m3f4yk4e]{margin-block-start:var(--space-6)}.bs-card[data-astro-cid-m3f4yk4e]{inline-size:min(100%,20rem);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-text) 15%, transparent);background-color:color-mix(in srgb, var(--color-surface) 70%, transparent);backdrop-filter:blur(12px)saturate(1.2)brightness(.9)}.bs-card-media[data-astro-cid-m3f4yk4e]{aspect-ratio:4/5;position:relative;overflow:hidden}.bs-card-title[data-astro-cid-m3f4yk4e]{margin-block:var(--space-4) var(--space-1);font-size:var(--text-h3);line-height:var(--leading-h3);letter-spacing:0;text-transform:none;color:var(--color-text)}.bs-plain[data-astro-cid-m3f4yk4e]{padding:var(--space-12) var(--space-8);background-color:var(--color-surface);margin-block-start:var(--space-6)}.bs-plain-text[data-astro-cid-m3f4yk4e]{color:var(--color-text-secondary)}.bs-rules[data-astro-cid-m3f4yk4e]{gap:var(--space-2);margin-block-start:var(--space-4);padding-inline-start:0;list-style:none;display:grid}.notice[data-astro-cid-zisfxqoj]{max-inline-size:none;padding:var(--space-4) var(--space-6);border-inline-start:4px solid var(--color-accent);background-color:var(--color-surface);margin-block-start:var(--space-8)}.sg-section[data-astro-cid-zisfxqoj]{border-block-start:1px solid var(--color-line)}.sg-subheading[data-astro-cid-zisfxqoj]{margin-block-start:var(--space-12)}code[data-astro-cid-zisfxqoj],pre[data-astro-cid-zisfxqoj]{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--text-small)}.swatches[data-astro-cid-zisfxqoj]{gap:var(--space-8) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));margin:0;padding:0;list-style:none;display:grid}.swatch[data-astro-cid-zisfxqoj]{gap:var(--space-1);flex-direction:column;display:flex}.swatch-colour[data-astro-cid-zisfxqoj]{block-size:var(--space-24);border:1px solid var(--color-line);border-radius:var(--radius-sm);margin-block-end:var(--space-2);display:block}.swatch-name[data-astro-cid-zisfxqoj]{font-weight:500}.swatch-token[data-astro-cid-zisfxqoj]{color:var(--color-text-quiet)}.type-row[data-astro-cid-zisfxqoj]{gap:var(--space-6);padding-block:var(--space-8);border-block-start:1px solid var(--color-line);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.type-row[data-astro-cid-zisfxqoj]{gap:var(--space-12);grid-template-columns:minmax(0,1fr) 24rem}}.type-sample-wrap[data-astro-cid-zisfxqoj]{min-inline-size:0}.type-sample[data-astro-cid-zisfxqoj]{overflow-wrap:anywhere;margin:0}.type-specs[data-astro-cid-zisfxqoj]{gap:var(--space-1);flex-direction:column;display:flex;& p{margin:0}}.type-name[data-astro-cid-zisfxqoj]{font-weight:500}.type-live[data-astro-cid-zisfxqoj]{color:var(--color-accent);font-variant-numeric:tabular-nums}.snippet[data-astro-cid-zisfxqoj]{margin-block:var(--space-2);padding:var(--space-3);background-color:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-text-secondary);overflow-x:auto}.sample-nav[data-astro-cid-zisfxqoj]{color:var(--color-text-secondary);font-size:1rem;font-weight:500;line-height:var(--space-6);letter-spacing:var(--tracking-nav);text-transform:uppercase;display:inline-block}.sample-button-text[data-astro-cid-zisfxqoj]{font-size:1rem;font-weight:500;line-height:var(--space-6);display:inline-block}.rules[data-astro-cid-zisfxqoj]{gap:var(--space-2);max-inline-size:var(--measure-body);margin:0;padding:0;list-style:none;display:grid}.space-scale[data-astro-cid-zisfxqoj]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.space-row[data-astro-cid-zisfxqoj]{align-items:center;gap:var(--space-4);grid-template-columns:7rem 3rem 1fr;display:grid}.space-px[data-astro-cid-zisfxqoj]{text-align:end}.space-bar[data-astro-cid-zisfxqoj]{block-size:var(--space-4);background-color:var(--color-flint);display:block}.radius-scale[data-astro-cid-zisfxqoj]{gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.radius-item[data-astro-cid-zisfxqoj]{gap:var(--space-1);flex-direction:column;max-inline-size:12rem;display:flex}.radius-box[data-astro-cid-zisfxqoj]{inline-size:var(--space-16);block-size:var(--space-16);border:1px solid var(--color-flint);margin-block-end:var(--space-2);display:block}.radius-token[data-astro-cid-zisfxqoj]{color:var(--color-text)}.diagram[data-astro-cid-zisfxqoj]{flex-direction:column;align-items:flex-start;max-inline-size:36rem;display:flex}.diagram-part[data-astro-cid-zisfxqoj]{outline:1px dashed var(--color-flint);inline-size:100%;& p{margin:0}}.diagram-gap[data-astro-cid-zisfxqoj]{background-color:color-mix(in srgb, var(--color-accent) 25%, transparent);inline-size:100%;position:relative;& span{white-space:nowrap;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--space-4));transform:translateY(-50%)}}@media (width<64rem){.diagram-gap[data-astro-cid-zisfxqoj] span[data-astro-cid-zisfxqoj]{font-size:.75rem;line-height:1;inset-inline-start:auto;inset-inline-end:var(--space-2)}}.placeholder-image[data-astro-cid-zisfxqoj]{margin-block:var(--space-8);background-color:var(--color-surface);border:1px dashed var(--color-flint);color:var(--color-text-quiet);font-size:var(--text-small);place-items:center;display:grid}.ratio-16-9[data-astro-cid-zisfxqoj]{aspect-ratio:16/9}.ratio-4-5[data-astro-cid-zisfxqoj]{aspect-ratio:4/5;margin-block:0 var(--space-4)}.card[data-astro-cid-zisfxqoj]{max-inline-size:24rem}.button-row[data-astro-cid-zisfxqoj]{gap:var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-8);display:flex}