.figma-vars:where(.astro-56icftwz){max-width:64rem;margin-inline:auto;background:var(--af-color-background);border:var(--af-border-width) solid var(--af-color-border);border-radius:var(--af-radius-lg);box-shadow:var(--af-shadow-md);overflow:hidden;opacity:0;transform:translateY(2.5rem) scale(.94)}.figma-vars:where(.astro-56icftwz).is-inview{animation:figma-vars-in .85s var(--af-ease-emphasized) forwards}@keyframes figma-vars-in{to{opacity:1;transform:translateY(0) scale(1)}}.figma-vars__bar:where(.astro-56icftwz){display:flex;flex-wrap:nowrap;align-items:center;gap:var(--af-space-3);padding:var(--af-space-3) var(--af-space-4);background:var(--af-base-neutral-50);border-bottom:var(--af-border-width) solid var(--af-color-border)}.figma-vars__dots:where(.astro-56icftwz){flex-shrink:0}.figma-vars__dot:where(.astro-56icftwz){width:.5rem;height:.5rem;border-radius:var(--af-radius-full);background:var(--af-base-neutral-300)}.figma-vars__title:where(.astro-56icftwz){margin:0;font-size:var(--af-text-sm);font-weight:var(--af-weight-semibold);letter-spacing:.01em}.figma-vars__tabs:where(.astro-56icftwz){margin-left:auto}.figma-vars__swatch:where(.astro-56icftwz){width:.875rem;height:.875rem;border-radius:var(--af-radius-sm);border:var(--af-border-width) solid color-mix(in srgb,var(--af-base-black) 12%,transparent);flex-shrink:0}.figma-vars__scroll:where(.astro-56icftwz){overflow-x:auto;-webkit-overflow-scrolling:touch}.figma-vars__grid:where(.astro-56icftwz){display:grid;grid-template-columns:minmax(7.5rem,.9fr) repeat(4,minmax(7.25rem,1fr));min-width:42rem;font-size:var(--af-text-sm)}.figma-vars__group:where(.astro-56icftwz){grid-column:1 / -1;padding:var(--af-space-2) var(--af-space-4);background:var(--af-base-neutral-50);color:var(--af-base-neutral-500);font-size:var(--af-text-xs);font-weight:var(--af-weight-semibold);letter-spacing:.08em;text-transform:uppercase;border-bottom:var(--af-border-width) solid var(--af-color-border)}.figma-vars__row:where(.astro-56icftwz){display:contents}.figma-vars__cell:where(.astro-56icftwz){display:flex;align-items:center;gap:var(--af-space-2);padding:.7rem var(--af-space-3);border-bottom:var(--af-border-width) solid var(--af-color-border);border-right:var(--af-border-width) solid var(--af-color-border);white-space:nowrap}.figma-vars__cell:where(.astro-56icftwz):last-child{border-right:none}.figma-vars__row--head:where(.astro-56icftwz) .figma-vars__cell:where(.astro-56icftwz){background:var(--af-base-neutral-50);color:var(--af-base-neutral-500);font-size:var(--af-text-xs);font-weight:var(--af-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.figma-vars__name:where(.astro-56icftwz){font-weight:var(--af-weight-medium);color:var(--af-base-neutral-800)}.figma-vars__hex:where(.astro-56icftwz){font-family:var(--af-font-mono);font-size:var(--af-text-xs);color:var(--af-base-neutral-600)}.figma-vars__caption:where(.astro-56icftwz){margin:0;padding:var(--af-space-3) var(--af-space-4);border-top:var(--af-border-width) solid var(--af-color-border);background:var(--af-base-neutral-50);color:var(--af-base-neutral-600);font-size:var(--af-text-sm);text-align:center}[data-theme=dark] .figma-vars:where(.astro-56icftwz),.dark .figma-vars:where(.astro-56icftwz){color-scheme:dark;--af-color-text: var(--af-base-neutral-50);--af-color-text-muted: var(--af-base-neutral-400);--af-color-border: color-mix(in srgb, var(--af-base-neutral-50) 12%, transparent);--af-color-border-strong: color-mix(in srgb, var(--af-base-neutral-50) 28%, transparent);--af-color-on-secondary: var(--af-base-neutral-900);--af-color-surface-secondary: color-mix(in srgb, var(--af-base-black) 35%, var(--af-base-neutral-900));background:var(--af-base-neutral-900);border-color:var(--af-color-border);color:var(--af-base-neutral-50)}[data-theme=dark] .figma-vars__bar:where(.astro-56icftwz),[data-theme=dark] .figma-vars__group:where(.astro-56icftwz),[data-theme=dark] .figma-vars__row--head:where(.astro-56icftwz) .figma-vars__cell:where(.astro-56icftwz),[data-theme=dark] .figma-vars__caption:where(.astro-56icftwz),.dark .figma-vars__bar:where(.astro-56icftwz),.dark .figma-vars__group:where(.astro-56icftwz),.dark .figma-vars__row--head:where(.astro-56icftwz) .figma-vars__cell:where(.astro-56icftwz),.dark .figma-vars__caption:where(.astro-56icftwz){background:color-mix(in srgb,var(--af-base-black) 35%,var(--af-base-neutral-900));border-color:color-mix(in srgb,var(--af-base-neutral-50) 10%,transparent);color:color-mix(in srgb,var(--af-base-neutral-50) 70%,transparent)}[data-theme=dark] .figma-vars__cell:where(.astro-56icftwz),.dark .figma-vars__cell:where(.astro-56icftwz){border-color:color-mix(in srgb,var(--af-base-neutral-50) 10%,transparent)}[data-theme=dark] .figma-vars__name:where(.astro-56icftwz),.dark .figma-vars__name:where(.astro-56icftwz){color:var(--af-base-neutral-50)}[data-theme=dark] .figma-vars__hex:where(.astro-56icftwz),.dark .figma-vars__hex:where(.astro-56icftwz){color:color-mix(in srgb,var(--af-base-neutral-50) 65%,transparent)}@media(prefers-reduced-motion:reduce){.figma-vars:where(.astro-56icftwz){opacity:1;transform:none;animation:none}}