.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.flow>*+*{margin-block-start:var(--flow-space,1rem)}.aspect-portrait{aspect-ratio:4/5}.aspect-landscape{aspect-ratio:16/10}.surface{background:var(--color-bg-surface);color:var(--color-text-primary)}.surface-muted{background:var(--color-bg-surface-muted)}.surface-dark{background:var(--gradient-brand-primary);color:var(--primitive-off-white)}.mobile-full{width:100%}.hide-mobile{display:none}.swatch{min-height:6rem;border-radius:var(--radius-md);padding:1rem;display:flex;align-items:end;font-size:.75rem;font-weight:700}.token-line{display:flex;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border-subtle)}.token-line code{margin-inline-start:auto;color:var(--color-text-muted)}@media(min-width:48rem){.mobile-full{width:auto}.hide-mobile{display:initial}}