@scope(.site-Preview) to ([class*=loam-],[class*=site-]){:scope{background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-lg);overflow:hidden}[role=tablist]{background:var(--loam-color-bg-subtle);border-block-end:1px solid var(--loam-color-line);gap:var(--loam-space-3xs);padding:var(--loam-space-2xs) var(--loam-space-2xs);display:flex}[role=tab]{border-radius:var(--loam-radius-sm);box-shadow:none;color:var(--loam-color-fg-muted);cursor:pointer;font-size:var(--loam-text-sm);padding:var(--loam-space-3xs) var(--loam-space-xs);background:0 0;border:none;font-weight:550}[role=tab]:hover{color:var(--loam-color-fg)}[role=tab][aria-selected=true]{background:var(--loam-color-surface);box-shadow:var(--loam-shadow-sm);color:var(--loam-color-fg)}@media (forced-colors:active){[role=tab][aria-selected=true]{color:selecteditemtext;background:selecteditem}}@media (prefers-reduced-motion:no-preference){[role=tab]{transition:background var(--loam-duration-md) var(--loam-ease), color var(--loam-duration-md) var(--loam-ease)}}.stage{background:radial-gradient(circle at 1px 1px, var(--loam-color-line) 1px, transparent 0);align-items:center;gap:var(--loam-space-s);background-size:1.25rem 1.25rem;flex-wrap:wrap;padding:clamp(1.5rem,1.071rem + 2.143vi,3rem);display:flex}.code{border:none;border-radius:0}}
@scope(.site-PropsTable){:scope{border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-lg);overflow:auto}:scope:focus-visible{outline:var(--loam-ring-width) solid var(--loam-color-ring);outline-offset:2px}table{border-collapse:collapse;font-size:var(--loam-text-sm);inline-size:100%}table th,table td{border-block-end:1px solid var(--loam-color-line);padding:var(--loam-space-xs) var(--loam-space-s);text-align:start;vertical-align:top}table code{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal}table td:last-child{color:var(--loam-color-fg-muted);min-inline-size:16rem}table tbody tr:last-child td{border-block-end:none}table th{background:var(--loam-color-bg-subtle);color:var(--loam-color-fg-muted);white-space:nowrap;font-weight:600}.name{color:var(--loam-color-primary);font-family:var(--loam-font-mono);font-size:var(--loam-text-sm);white-space:nowrap;font-weight:600}.type{background:var(--loam-color-bg-subtle);border-radius:var(--loam-radius-sm);color:var(--loam-color-fg);font-family:var(--loam-font-mono);font-size:var(--loam-text-xs);padding:var(--loam-space-4xs) var(--loam-space-3xs)}.default{color:var(--loam-color-fg-muted);font-family:var(--loam-font-mono);font-size:var(--loam-text-xs);white-space:nowrap}td>span{color:var(--loam-color-fg-dim)}}
@scope(.site-DocPage) to ([class*=loam-],[class*=site-]){:scope{max-inline-size:var(--site-column)}header{border-block-end:1px solid var(--loam-color-line);margin-block-end:var(--loam-space-xl);padding-block-end:var(--loam-space-l)}header>p:first-child{color:var(--loam-color-primary);font-size:var(--loam-text-sm);font-weight:600}h1{font-size:var(--site-h1);margin-block:var(--loam-space-3xs) var(--loam-space-xs);text-wrap:balance;font-weight:800}.lead{color:var(--loam-color-fg-muted);font-size:var(--loam-text-lg);-webkit-hyphens:manual;hyphens:manual;max-inline-size:var(--site-measure);text-wrap:pretty}section{margin-block-end:var(--loam-space-2xl);scroll-margin-block-start:5rem}h2{font-size:var(--loam-text-xl);margin-block-end:var(--loam-space-s);scroll-margin-block-start:5rem;font-weight:700}h3{font-size:var(--loam-text-md);margin-block-end:var(--loam-space-3xs);font-weight:650}.usageNote{background:var(--loam-color-primary-soft);border:1px solid color-mix(in oklab, var(--loam-color-primary), var(--loam-color-line) 55%);border-radius:var(--loam-radius-md);color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);padding:var(--loam-space-xs) var(--loam-space-s);margin-block-end:var(--loam-space-l)}.guidance{gap:var(--loam-space-l);display:grid}.guidanceCols{gap:var(--loam-space-l);display:grid}@container not (max-width:40rem){.guidanceCols{grid-template-columns:1fr 1fr}}.guidanceCard{background:var(--loam-color-surface);border:1px solid var(--loam-color-line);border-radius:var(--loam-radius-lg);padding:var(--loam-space-s) var(--loam-space-m)}.guidanceCard h3{font-size:var(--loam-text-sm);align-items:center;gap:var(--loam-space-2xs);letter-spacing:.03em;text-transform:uppercase;margin-block-end:var(--loam-space-2xs);font-weight:700;line-height:1.4;display:flex}.guidanceCard ul{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);gap:var(--loam-space-2xs);flex-direction:column;margin:0;padding-inline-start:var(--loam-space-s);display:flex}.guidanceCard.guidanceYes h3{color:var(--loam-color-primary)}.guidanceCard.guidanceNo h3{color:var(--loam-color-danger)}.guidanceCard.a11y ul{color:var(--loam-color-fg)}.demos{gap:var(--loam-space-2xl);flex-direction:column;display:flex}.demo{scroll-margin-block-start:5rem}.demoDesc{color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);max-inline-size:var(--site-measure);text-wrap:pretty;margin-block-end:var(--loam-space-xs)}}