:root,[data-theme=new-light]{--10x-radius-12px:12px;--radius-12px:var(--10x-radius-12px);--10x-radius-16px:16px;--radius-16px:var(--10x-radius-16px);--10x-radius-20px:20px;--radius-20px:var(--10x-radius-20px);--10x-radius-4px:4px;--radius-4px:var(--10x-radius-4px);--10x-radius-8px:8px;--radius-8px:var(--10x-radius-8px);--10x-spacing-0:0;--spacing-0:var(--10x-spacing-0);--10x-spacing-100:4px;--spacing-100:var(--10x-spacing-100);--10x-spacing-1200:48px;--spacing-1200:var(--10x-spacing-1200);--10x-spacing-1600:64px;--spacing-1600:var(--10x-spacing-1600);--10x-spacing-200:8px;--spacing-200:var(--10x-spacing-200);--10x-spacing-2400:96px;--spacing-2400:var(--10x-spacing-2400);--10x-spacing-300:12px;--spacing-300:var(--10x-spacing-300);--10x-spacing-400:16px;--spacing-400:var(--10x-spacing-400);--10x-spacing-4000:160px;--spacing-4000:var(--10x-spacing-4000);--10x-spacing-500:20px;--spacing-500:var(--10x-spacing-500);--10x-spacing-600:24px;--spacing-600:var(--10x-spacing-600);--10x-spacing-800:32px;--spacing-800:var(--10x-spacing-800);--10x-spacing-negative-100:-4px;--spacing-negative-100:var(--10x-spacing-negative-100);--10x-spacing-negative-200:-8px;--spacing-negative-200:var(--10x-spacing-negative-200);--10x-spacing-negative-300:-12px;--spacing-negative-300:var(--10x-spacing-negative-300);--10x-spacing-negative-400:-16px;--spacing-negative-400:var(--10x-spacing-negative-400);--10x-spacing-negative-600:-24px;--spacing-negative-600:var(--10x-spacing-negative-600);--10x-typography-family-display:Plus Jakarta Sans;--typography-family-display:var(--10x-typography-family-display);--10x-typography-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;--typography-family-mono:var(--10x-typography-family-mono);--10x-typography-family-ui:Inter;--typography-family-ui:var(--10x-typography-family-ui);--10x-typography-size-100:12px;--typography-size-100:var(--10x-typography-size-100);--10x-typography-size-1000:36px;--typography-size-1000:var(--10x-typography-size-1000);--10x-typography-size-1100:40px;--typography-size-1100:var(--10x-typography-size-1100);--10x-typography-size-1200:48px;--typography-size-1200:var(--10x-typography-size-1200);--10x-typography-size-150:13px;--typography-size-150:var(--10x-typography-size-150);--10x-typography-size-200:14px;--typography-size-200:var(--10x-typography-size-200);--10x-typography-size-250:15px;--typography-size-250:var(--10x-typography-size-250);--10x-typography-size-300:16px;--typography-size-300:var(--10x-typography-size-300);--10x-typography-size-400:18px;--typography-size-400:var(--10x-typography-size-400);--10x-typography-size-500:20px;--typography-size-500:var(--10x-typography-size-500);--10x-typography-size-600:22px;--typography-size-600:var(--10x-typography-size-600);--10x-typography-size-700:24px;--typography-size-700:var(--10x-typography-size-700);--10x-typography-size-800:28px;--typography-size-800:var(--10x-typography-size-800);--10x-typography-size-900:32px;--typography-size-900:var(--10x-typography-size-900);--10x-typography-weight-bold:700;--typography-weight-bold:var(--10x-typography-weight-bold);--10x-typography-weight-extrabold:800;--typography-weight-extrabold:var(--10x-typography-weight-extrabold);--10x-typography-weight-medium:500;--typography-weight-medium:var(--10x-typography-weight-medium);--10x-typography-weight-regular:400;--typography-weight-regular:var(--10x-typography-weight-regular);--10x-typography-weight-semibold:600;--typography-weight-semibold:var(--10x-typography-weight-semibold);--10x-color-base-theme-background-product:#fff;--color-base-theme-background-product:var(--10x-color-base-theme-background-product);--10x-color-base-theme-background-website:#fff;--color-base-theme-background-website:var(--10x-color-base-theme-background-website);--10x-color-brand-primary-10-percent-opacity:#201f1f1a;--color-brand-primary-10-percent-opacity:var(--10x-color-brand-primary-10-percent-opacity);--10x-color-brand-primary-100:#f5f4f4;--color-brand-primary-100:var(--10x-color-brand-primary-100);--10x-color-brand-primary-200:#eeecec;--color-brand-primary-200:var(--10x-color-brand-primary-200);--10x-color-brand-primary-300:#dfdede;--color-brand-primary-300:var(--10x-color-brand-primary-300);--10x-color-brand-primary-400:#bcbbbb;--color-brand-primary-400:var(--10x-color-brand-primary-400);--10x-color-brand-primary-50:#fbf9f9;--color-brand-primary-50:var(--10x-color-brand-primary-50);--10x-color-brand-primary-500:#9d9b9b;--color-brand-primary-500:var(--10x-color-brand-primary-500);--10x-color-brand-primary-600:#747272;--color-brand-primary-600:var(--10x-color-brand-primary-600);--10x-color-brand-primary-700:#605f5f;--color-brand-primary-700:var(--10x-color-brand-primary-700);--10x-color-brand-primary-800:#414040;--color-brand-primary-800:var(--10x-color-brand-primary-800);--10x-color-brand-primary-900:#201f1f;--color-brand-primary-900:var(--10x-color-brand-primary-900);--10x-color-brand-secondary-10-percent-opacity:#f05d241a;--color-brand-secondary-10-percent-opacity:var(--10x-color-brand-secondary-10-percent-opacity);--10x-color-brand-secondary-100:#fdcfbe;--color-brand-secondary-100:var(--10x-color-brand-secondary-100);--10x-color-brand-secondary-200:#fdb094;--color-brand-secondary-200:var(--10x-color-brand-secondary-200);--10x-color-brand-secondary-300:#fc9369;--color-brand-secondary-300:var(--10x-color-brand-secondary-300);--10x-color-brand-secondary-400:#fb7b48;--color-brand-secondary-400:var(--10x-color-brand-secondary-400);--10x-color-brand-secondary-50:#faeae8;--color-brand-secondary-50:var(--10x-color-brand-secondary-50);--10x-color-brand-secondary-500:#fb6428;--color-brand-secondary-500:var(--10x-color-brand-secondary-500);--10x-color-brand-secondary-600:#f05d24;--color-brand-secondary-600:var(--10x-color-brand-secondary-600);--10x-color-brand-secondary-700:#dc4e11;--color-brand-secondary-700:var(--10x-color-brand-secondary-700);--10x-color-brand-secondary-800:#ce470d;--color-brand-secondary-800:var(--10x-color-brand-secondary-800);--10x-color-brand-secondary-900:#b53a05;--color-brand-secondary-900:var(--10x-color-brand-secondary-900);--10x-color-brand-tertiary-10-percent-opacity:#59b9a91a;--color-brand-tertiary-10-percent-opacity:var(--10x-color-brand-tertiary-10-percent-opacity);--10x-color-brand-tertiary-100:#b5e0d9;--color-brand-tertiary-100:var(--10x-color-brand-tertiary-100);--10x-color-brand-tertiary-200:#87cdc2;--color-brand-tertiary-200:var(--10x-color-brand-tertiary-200);--10x-color-brand-tertiary-300:#59b9a9;--color-brand-tertiary-300:var(--10x-color-brand-tertiary-300);--10x-color-brand-tertiary-400:#3ba997;--color-brand-tertiary-400:var(--10x-color-brand-tertiary-400);--10x-color-brand-tertiary-50:#e1f3f0;--color-brand-tertiary-50:var(--10x-color-brand-tertiary-50);--10x-color-brand-tertiary-500:#289a85;--color-brand-tertiary-500:var(--10x-color-brand-tertiary-500);--10x-color-brand-tertiary-600:#248d79;--color-brand-tertiary-600:var(--10x-color-brand-tertiary-600);--10x-color-brand-tertiary-700:#207c69;--color-brand-tertiary-700:var(--10x-color-brand-tertiary-700);--10x-color-brand-tertiary-800:#1c6c5b;--color-brand-tertiary-800:var(--10x-color-brand-tertiary-800);--10x-color-brand-tertiary-900:#145040;--color-brand-tertiary-900:var(--10x-color-brand-tertiary-900);--10x-color-button-ghost-disabled:var(--10x-color-element-disabled);--color-button-ghost-disabled:var(--10x-color-button-ghost-disabled);--10x-color-button-ghost-on-primary:var(--10x-color-surface-on-base-secondary);--color-button-ghost-on-primary:var(--10x-color-button-ghost-on-primary);--10x-color-button-ghost-on-secondary:var(--10x-color-surface-on-secondary-tertiary);--color-button-ghost-on-secondary:var(--10x-color-button-ghost-on-secondary);--10x-color-button-ghost-on-tertiary:var(--10x-color-surface-on-tertiary-quaternary);--color-button-ghost-on-tertiary:var(--10x-color-button-ghost-on-tertiary);--10x-color-button-primary-default:var(--10x-color-brand-primary-900);--color-button-primary-default:var(--10x-color-button-primary-default);--10x-color-button-primary-disabled:#201f1f80;--color-button-primary-disabled:var(--10x-color-button-primary-disabled);--10x-color-button-primary-hover:#3b3939;--color-button-primary-hover:var(--10x-color-button-primary-hover);--10x-color-button-primary-pressed:#2e2c2c;--color-button-primary-pressed:var(--10x-color-button-primary-pressed);--10x-color-button-secondary-default:var(--10x-color-brand-secondary-500);--color-button-secondary-default:var(--10x-color-button-secondary-default);--10x-color-button-secondary-disabled:#fb642880;--color-button-secondary-disabled:var(--10x-color-button-secondary-disabled);--10x-color-button-secondary-hover:#f27a4b;--color-button-secondary-hover:var(--10x-color-button-secondary-hover);--10x-color-button-secondary-pressed:#fb520f;--color-button-secondary-pressed:var(--10x-color-button-secondary-pressed);--10x-color-button-tertiary-default:var(--10x-color-brand-tertiary-300);--color-button-tertiary-default:var(--10x-color-button-tertiary-default);--10x-color-button-tertiary-disabled:#59b9a980;--color-button-tertiary-disabled:var(--10x-color-button-tertiary-disabled);--10x-color-button-tertiary-hover:#74c2b5;--color-button-tertiary-hover:var(--10x-color-button-tertiary-hover);--10x-color-button-tertiary-pressed:#44b2a0;--color-button-tertiary-pressed:var(--10x-color-button-tertiary-pressed);--10x-color-element-disabled:#201f1f25;--color-element-disabled:var(--color-element-disabled);--10x-color-element-error-error:#db343e;--color-element-error-error:var(--10x-color-element-error-error);--10x-color-element-error-error-dark:#c22e37;--color-element-error-error-dark:var(--10x-color-element-error-error-dark);--10x-color-element-error-error-dim:#db343e1a;--color-element-error-error-dim:var(--10x-color-element-error-error-dim);--10x-color-element-info-info:#2f7fea;--color-element-info-info:var(--10x-color-element-info-info);--10x-color-element-info-info-dark:#2a73d4;--color-element-info-info-dark:var(--10x-color-element-info-info-dark);--10x-color-element-info-info-dim:#2f7fea1a;--color-element-info-info-dim:var(--10x-color-element-info-info-dim);--10x-color-element-normal:#201f1f30;--color-element-normal:var(--10x-color-element-normal);--10x-color-element-shadow-shadow:#201f1f29;--color-element-shadow-shadow:var(--10x-color-element-shadow-shadow);--10x-color-element-subtle:#201f1f19;--color-element-subtle:var(--10x-color-element-subtle);--10x-color-element-success-success:#24b26f;--color-element-success-success:var(--10x-color-element-success-success);--10x-color-element-success-success-dark:#1f995f;--color-element-success-success-dark:var(--10x-color-element-success-success-dark);--10x-color-element-success-success-dim:#24b26f1a;--color-element-success-success-dim:var(--10x-color-element-success-success-dim);--10x-color-element-warning-warning:#d98734;--color-element-warning-warning:var(--10x-color-element-warning-warning);--10x-color-element-warning-warning-dark:#bf772e;--color-element-warning-warning-dark:var(--10x-color-element-warning-warning-dark);--10x-color-element-warning-warning-dim:#d987341a;--color-element-warning-warning-dim:var(--10x-color-element-warning-warning-dim);--10x-color-interactive-active:#1a1a1a0d;--color-interactive-active:var(--10x-color-interactive-active);--10x-color-interactive-disabled:var(--10x-color-element-disabled);--color-interactive-disabled:var(--10x-color-interactive-disabled);--10x-color-interactive-hover:#1a1a1a0d;--color-interactive-hover:var(--10x-color-interactive-hover);--10x-color-interactive-pressed:#1a1a1a1a;--color-interactive-pressed:var(--10x-color-interactive-pressed);--10x-color-pagination-active:var(--10x-color-brand-primary-50);--color-pagination-active:var(--10x-color-pagination-active);--10x-color-pagination-resting:var(--10x-color-surface-over-media-glass-default);--color-pagination-resting:var(--10x-color-pagination-resting);--10x-color-surface-mapping-base-to-quaternary-on-tertiary:var(--10x-color-base-theme-background-product);--color-surface-mapping-base-to-quaternary-on-tertiary:var(--10x-color-surface-mapping-base-to-quaternary-on-tertiary);--10x-color-surface-mapping-base-to-secondary:var(--10x-color-base-theme-background-product);--color-surface-mapping-base-to-secondary:var(--10x-color-surface-mapping-base-to-secondary);--10x-color-surface-mapping-base-to-tertiary-content:var(--10x-color-base-theme-background-product);--color-surface-mapping-base-to-tertiary-content:var(--10x-color-surface-mapping-base-to-tertiary-content);--10x-color-surface-mapping-secondary-to-base:var(--10x-color-surface-on-base-secondary);--color-surface-mapping-secondary-to-base:var(--10x-color-surface-mapping-secondary-to-base);--10x-color-surface-mapping-secondary-to-secondary-on-tertiary:var(--10x-color-surface-on-base-secondary);--color-surface-mapping-secondary-to-secondary-on-tertiary:var(--10x-color-surface-mapping-secondary-to-secondary-on-tertiary);--10x-color-surface-mapping-secondary-to-tertiary:var(--10x-color-surface-on-base-secondary);--color-surface-mapping-secondary-to-tertiary:var(--10x-color-surface-mapping-secondary-to-tertiary);--10x-color-surface-mapping-tertiary-to-base-sidebar:var(--10x-color-surface-on-base-tertiary);--color-surface-mapping-tertiary-to-base-sidebar:var(--10x-color-surface-mapping-tertiary-to-base-sidebar);--10x-color-surface-on-base-quaternary:#0d0c0c1c;--color-surface-on-base-quaternary:var(--color-surface-on-base-quaternary);--10x-color-surface-on-base-secondary:#0d0c0c08;--color-surface-on-base-secondary:var(--color-surface-on-base-secondary);--10x-color-surface-on-base-tertiary:#0d0c0c12;--color-surface-on-base-tertiary:var(--color-surface-on-base-tertiary);--10x-color-surface-on-quaternary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-quaternary-primary:var(--10x-color-surface-on-quaternary-primary);--10x-color-surface-on-quaternary-secondary:#ffffffb2;--color-surface-on-quaternary-secondary:var(--10x-color-surface-on-quaternary-secondary);--10x-color-surface-on-quaternary-tertiary:#ffffff5e;--color-surface-on-quaternary-tertiary:var(--10x-color-surface-on-quaternary-tertiary);--10x-color-surface-on-secondary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-secondary-primary:var(--10x-color-surface-on-secondary-primary);--10x-color-surface-on-secondary-quaternary:#0d0c0c14;--color-surface-on-secondary-quaternary:var(--10x-color-surface-on-secondary-quaternary);--10x-color-surface-on-secondary-tertiary:#0d0c0c0a;--color-surface-on-secondary-tertiary:var(--10x-color-surface-on-secondary-tertiary);--10x-color-surface-on-tertiary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-tertiary-primary:var(--10x-color-surface-on-tertiary-primary);--10x-color-surface-on-tertiary-quaternary:#0d0c0c0b;--color-surface-on-tertiary-quaternary:var(--10x-color-surface-on-tertiary-quaternary);--10x-color-surface-on-tertiary-secondary:#ffffff8c;--color-surface-on-tertiary-secondary:var(--10x-color-surface-on-tertiary-secondary);--10x-color-surface-over-media-glass-always-darken-strong-contrast:#0d0c0c99;--color-surface-over-media-glass-always-darken-strong-contrast:var(--10x-color-surface-over-media-glass-always-darken-strong-contrast);--10x-color-surface-over-media-glass-default:#ffffff73;--color-surface-over-media-glass-default:var(--color-surface-over-media-glass-default);--10x-color-surface-over-media-glass-extra-strong-contrast:#fffc;--color-surface-over-media-glass-extra-strong-contrast:var(--10x-color-surface-over-media-glass-extra-strong-contrast);--10x-color-surface-over-media-glass-strong-contrast:#ffffffa6;--color-surface-over-media-glass-strong-contrast:var(--10x-color-surface-over-media-glass-strong-contrast);--10x-color-surface-over-media-glass-ultra-strong-contrast:#ffffffeb;--color-surface-over-media-glass-ultra-strong-contrast:var(--10x-color-surface-over-media-glass-ultra-strong-contrast);--10x-color-surface-overlay-default:#1a1a1a8c;--color-surface-overlay-default:var(--10x-color-surface-overlay-default);--10x-color-surface-overlay-subtle:#1a1a1a40;--color-surface-overlay-subtle:var(--10x-color-surface-overlay-subtle);--10x-color-text-general-disabled:#201f1f66;--color-text-general-disabled:var(--10x-color-text-general-disabled);--10x-color-text-general-highlight:var(--10x-color-brand-secondary-500);--color-text-general-highlight:var(--10x-color-text-general-highlight);--10x-color-text-general-primary:var(--10x-color-brand-primary-900);--color-text-general-primary:var(--10x-color-text-general-primary);--10x-color-text-general-secondary:#201f1f99;--color-text-general-secondary:var(--10x-color-text-general-secondary);--10x-color-text-on-button-disabled:#201f1f66;--color-text-on-button-disabled:var(--10x-color-text-on-button-disabled);--10x-color-text-on-button-ghost-outlined:var(--10x-color-brand-primary-900);--color-text-on-button-ghost-outlined:var(--10x-color-text-on-button-ghost-outlined);--10x-color-text-on-button-link-inactive:var(--10x-color-text-general-secondary);--color-text-on-button-link-inactive:var(--10x-color-text-on-button-link-inactive);--10x-color-text-on-button-primary:var(--10x-color-brand-primary-50);--color-text-on-button-primary:var(--10x-color-text-on-button-primary);--10x-color-text-on-button-secondary:var(--10x-color-brand-primary-50);--color-text-on-button-secondary:var(--10x-color-text-on-button-secondary);--10x-color-text-on-button-secondary-link-active:var(--10x-color-button-secondary-default);--color-text-on-button-secondary-link-active:var(--10x-color-text-on-button-secondary-link-active);--10x-color-text-on-button-tertiary:var(--10x-color-brand-primary-50);--color-text-on-button-tertiary:var(--10x-color-text-on-button-tertiary);--10x-color-text-on-button-tertiary-link-active:var(--10x-color-brand-tertiary-600);--color-text-on-button-tertiary-link-active:var(--10x-color-text-on-button-tertiary-link-active);--10x-color-text-on-chip-primary:var(--10x-color-brand-primary-900);--color-text-on-chip-primary:var(--10x-color-text-on-chip-primary);--10x-color-text-on-chip-secondary:var(--10x-color-brand-secondary-700);--color-text-on-chip-secondary:var(--10x-color-text-on-chip-secondary);--10x-color-text-on-chip-tertiary:var(--10x-color-brand-tertiary-500);--color-text-on-chip-tertiary:var(--10x-color-text-on-chip-tertiary);--color-background-canvas:var(--color-base-theme-background-product);--color-background-product:var(--color-base-theme-background-product);--color-background-surface:var(--color-surface-on-base-secondary);--color-background-inverse:var(--color-brand-primary-900);--color-text-primary:var(--color-text-general-primary);--color-text-secondary:var(--color-text-general-secondary);--color-text-muted:var(--color-text-general-secondary);--color-text-disabled:var(--color-text-general-disabled);--color-text-on-brand-primary:var(--color-text-on-button-on-primary);--color-text-on-brand-secondary:var(--color-text-on-button-on-secondary);--color-border-subtle:var(--color-surface-on-base-secondary);--color-border-default:var(--color-surface-on-base-tertiary);--color-border-focus:var(--color-button-secondary-default);--color-interaction-brand:var(--color-button-secondary-default);--color-interaction-brand-hover:var(--color-button-secondary-hover);--color-text-on-ghost-outlined:var(--color-text-on-button-on-ghost-outlined)}[data-theme=new-dark]{--10x-radius-12px:12px;--radius-12px:var(--10x-radius-12px);--10x-radius-16px:16px;--radius-16px:var(--10x-radius-16px);--10x-radius-20px:20px;--radius-20px:var(--10x-radius-20px);--10x-radius-4px:4px;--radius-4px:var(--10x-radius-4px);--10x-radius-8px:8px;--radius-8px:var(--10x-radius-8px);--10x-spacing-0:0;--spacing-0:var(--10x-spacing-0);--10x-spacing-100:4px;--spacing-100:var(--10x-spacing-100);--10x-spacing-1200:48px;--spacing-1200:var(--10x-spacing-1200);--10x-spacing-1600:64px;--spacing-1600:var(--10x-spacing-1600);--10x-spacing-200:8px;--spacing-200:var(--10x-spacing-200);--10x-spacing-2400:96px;--spacing-2400:var(--10x-spacing-2400);--10x-spacing-300:12px;--spacing-300:var(--10x-spacing-300);--10x-spacing-400:16px;--spacing-400:var(--10x-spacing-400);--10x-spacing-4000:160px;--spacing-4000:var(--10x-spacing-4000);--10x-spacing-500:20px;--spacing-500:var(--10x-spacing-500);--10x-spacing-600:24px;--spacing-600:var(--10x-spacing-600);--10x-spacing-800:32px;--spacing-800:var(--10x-spacing-800);--10x-spacing-negative-100:-4px;--spacing-negative-100:var(--10x-spacing-negative-100);--10x-spacing-negative-200:-8px;--spacing-negative-200:var(--10x-spacing-negative-200);--10x-spacing-negative-300:-12px;--spacing-negative-300:var(--10x-spacing-negative-300);--10x-spacing-negative-400:-16px;--spacing-negative-400:var(--10x-spacing-negative-400);--10x-spacing-negative-600:-24px;--spacing-negative-600:var(--10x-spacing-negative-600);--10x-typography-family-display:Plus Jakarta Sans;--typography-family-display:var(--10x-typography-family-display);--10x-typography-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;--typography-family-mono:var(--10x-typography-family-mono);--10x-typography-family-ui:Inter;--typography-family-ui:var(--10x-typography-family-ui);--10x-typography-size-100:12px;--typography-size-100:var(--10x-typography-size-100);--10x-typography-size-1000:36px;--typography-size-1000:var(--10x-typography-size-1000);--10x-typography-size-1100:40px;--typography-size-1100:var(--10x-typography-size-1100);--10x-typography-size-1200:48px;--typography-size-1200:var(--10x-typography-size-1200);--10x-typography-size-150:13px;--typography-size-150:var(--10x-typography-size-150);--10x-typography-size-200:14px;--typography-size-200:var(--10x-typography-size-200);--10x-typography-size-250:15px;--typography-size-250:var(--10x-typography-size-250);--10x-typography-size-300:16px;--typography-size-300:var(--10x-typography-size-300);--10x-typography-size-400:18px;--typography-size-400:var(--10x-typography-size-400);--10x-typography-size-500:20px;--typography-size-500:var(--10x-typography-size-500);--10x-typography-size-600:22px;--typography-size-600:var(--10x-typography-size-600);--10x-typography-size-700:24px;--typography-size-700:var(--10x-typography-size-700);--10x-typography-size-800:28px;--typography-size-800:var(--10x-typography-size-800);--10x-typography-size-900:32px;--typography-size-900:var(--10x-typography-size-900);--10x-typography-weight-bold:700;--typography-weight-bold:var(--10x-typography-weight-bold);--10x-typography-weight-extrabold:800;--typography-weight-extrabold:var(--10x-typography-weight-extrabold);--10x-typography-weight-medium:500;--typography-weight-medium:var(--10x-typography-weight-medium);--10x-typography-weight-regular:400;--typography-weight-regular:var(--10x-typography-weight-regular);--10x-typography-weight-semibold:600;--typography-weight-semibold:var(--10x-typography-weight-semibold);--10x-color-base-theme-background-product:#0d0c0c;--color-base-theme-background-product:var(--10x-color-base-theme-background-product);--10x-color-base-theme-background-website:#0d0c0c;--color-base-theme-background-website:var(--10x-color-base-theme-background-website);--10x-color-brand-primary-10-percent-opacity:#fbf9f91a;--color-brand-primary-10-percent-opacity:var(--10x-color-brand-primary-10-percent-opacity);--10x-color-brand-primary-100:#f5f4f4;--color-brand-primary-100:var(--10x-color-brand-primary-100);--10x-color-brand-primary-200:#eeecec;--color-brand-primary-200:var(--10x-color-brand-primary-200);--10x-color-brand-primary-300:#dfdede;--color-brand-primary-300:var(--10x-color-brand-primary-300);--10x-color-brand-primary-400:#bcbbbb;--color-brand-primary-400:var(--10x-color-brand-primary-400);--10x-color-brand-primary-50:#fbf9f9;--color-brand-primary-50:var(--10x-color-brand-primary-50);--10x-color-brand-primary-500:#9d9b9b;--color-brand-primary-500:var(--10x-color-brand-primary-500);--10x-color-brand-primary-600:#747272;--color-brand-primary-600:var(--10x-color-brand-primary-600);--10x-color-brand-primary-700:#605f5f;--color-brand-primary-700:var(--10x-color-brand-primary-700);--10x-color-brand-primary-800:#414040;--color-brand-primary-800:var(--10x-color-brand-primary-800);--10x-color-brand-primary-900:#201f1f;--color-brand-primary-900:var(--10x-color-brand-primary-900);--10x-color-brand-secondary-10-percent-opacity:#f3703e1a;--color-brand-secondary-10-percent-opacity:var(--10x-color-brand-secondary-10-percent-opacity);--10x-color-brand-secondary-100:#fbcbba;--color-brand-secondary-100:var(--10x-color-brand-secondary-100);--10x-color-brand-secondary-200:#f8aa8e;--color-brand-secondary-200:var(--10x-color-brand-secondary-200);--10x-color-brand-secondary-300:#f58a61;--color-brand-secondary-300:var(--10x-color-brand-secondary-300);--10x-color-brand-secondary-400:#f3703e;--color-brand-secondary-400:var(--10x-color-brand-secondary-400);--10x-color-brand-secondary-50:#f9e9e6;--color-brand-secondary-50:var(--10x-color-brand-secondary-50);--10x-color-brand-secondary-500:#ff5c16;--color-brand-secondary-500:var(--10x-color-brand-secondary-500);--10x-color-brand-secondary-600:#e75417;--color-brand-secondary-600:var(--10x-color-brand-secondary-600);--10x-color-brand-secondary-700:#d94e12;--color-brand-secondary-700:var(--10x-color-brand-secondary-700);--10x-color-brand-secondary-800:#cb470e;--color-brand-secondary-800:var(--10x-color-brand-secondary-800);--10x-color-brand-secondary-900:#b33a06;--color-brand-secondary-900:var(--10x-color-brand-secondary-900);--10x-color-brand-tertiary-10-percent-opacity:#76d1c11a;--color-brand-tertiary-10-percent-opacity:var(--10x-color-brand-tertiary-10-percent-opacity);--10x-color-brand-tertiary-100:#aee3d9;--color-brand-tertiary-100:var(--10x-color-brand-tertiary-100);--10x-color-brand-tertiary-200:#76d1c1;--color-brand-tertiary-200:var(--10x-color-brand-tertiary-200);--10x-color-brand-tertiary-300:#3bbda7;--color-brand-tertiary-300:var(--10x-color-brand-tertiary-300);--10x-color-brand-tertiary-400:#00ae95;--color-brand-tertiary-400:var(--10x-color-brand-tertiary-400);--10x-color-brand-tertiary-50:#def4f0;--color-brand-tertiary-50:var(--10x-color-brand-tertiary-50);--10x-color-brand-tertiary-500:#009e83;--color-brand-tertiary-500:var(--10x-color-brand-tertiary-500);--10x-color-brand-tertiary-600:#009176;--color-brand-tertiary-600:var(--10x-color-brand-tertiary-600);--10x-color-brand-tertiary-700:#008066;--color-brand-tertiary-700:var(--10x-color-brand-tertiary-700);--10x-color-brand-tertiary-800:#007058;--color-brand-tertiary-800:var(--10x-color-brand-tertiary-800);--10x-color-brand-tertiary-900:#00543c;--color-brand-tertiary-900:var(--10x-color-brand-tertiary-900);--10x-color-button-ghost-disabled:var(--10x-color-element-disabled);--color-button-ghost-disabled:var(--10x-color-button-ghost-disabled);--10x-color-button-ghost-on-primary:var(--10x-color-surface-on-base-tertiary);--color-button-ghost-on-primary:var(--10x-color-button-ghost-on-primary);--10x-color-button-ghost-on-secondary:var(--10x-color-surface-on-secondary-quaternary);--color-button-ghost-on-secondary:var(--10x-color-button-ghost-on-secondary);--10x-color-button-ghost-on-tertiary:var(--10x-color-surface-on-tertiary-quaternary);--color-button-ghost-on-tertiary:var(--10x-color-button-ghost-on-tertiary);--10x-color-button-primary-default:var(--10x-color-brand-primary-100);--color-button-primary-default:var(--10x-color-button-primary-default);--10x-color-button-primary-disabled:#f5f4f480;--color-button-primary-disabled:var(--10x-color-button-primary-disabled);--10x-color-button-primary-hover:#dbdbdb;--color-button-primary-hover:var(--10x-color-button-primary-hover);--10x-color-button-primary-pressed:#e8e7e7;--color-button-primary-pressed:var(--10x-color-button-primary-pressed);--10x-color-button-secondary-default:var(--10x-color-brand-secondary-400);--color-button-secondary-default:var(--10x-color-button-secondary-default);--10x-color-button-secondary-disabled:#f3703e80;--color-button-secondary-disabled:var(--10x-color-button-secondary-disabled);--10x-color-button-secondary-hover:#f3865c;--color-button-secondary-hover:var(--10x-color-button-secondary-hover);--10x-color-button-secondary-pressed:#f35f27;--color-button-secondary-pressed:var(--10x-color-button-secondary-pressed);--10x-color-button-tertiary-default:var(--10x-color-brand-tertiary-200);--color-button-tertiary-default:var(--10x-color-button-tertiary-default);--10x-color-button-tertiary-disabled:#76d1c180;--color-button-tertiary-disabled:var(--10x-color-button-tertiary-disabled);--10x-color-button-tertiary-hover:#8fd9cc;--color-button-tertiary-hover:var(--10x-color-button-tertiary-hover);--10x-color-button-tertiary-pressed:#5dc9b6;--color-button-tertiary-pressed:var(--10x-color-button-tertiary-pressed);--10x-color-element-disabled:#fbf9f928;--color-element-disabled:var(--color-element-disabled);--10x-color-element-error-error:#ff636c;--color-element-error-error:var(--10x-color-element-error-error);--10x-color-element-error-error-dark:#e55961;--color-element-error-error-dark:var(--10x-color-element-error-error-dark);--10x-color-element-error-error-dim:#ff636c1a;--color-element-error-error-dim:var(--10x-color-element-error-error-dim);--10x-color-element-info-info:#4b98ff;--color-element-info-info:var(--10x-color-element-info-info);--10x-color-element-info-info-dark:#4489e5;--color-element-info-info-dark:var(--10x-color-element-info-info-dark);--10x-color-element-info-info-dim:#4b98ff1a;--color-element-info-info-dim:var(--10x-color-element-info-info-dim);--10x-color-element-normal:#fbf9f933;--color-element-normal:var(--10x-color-element-normal);--10x-color-element-shadow-shadow:#fbf9f908;--color-element-shadow-shadow:var(--10x-color-element-shadow-shadow);--10x-color-element-subtle:#fbf9f91a;--color-element-subtle:var(--10x-color-element-subtle);--10x-color-element-success-success:#41d9a2;--color-element-success-success:var(--10x-color-element-success-success);--10x-color-element-success-success-dark:#39bf8f;--color-element-success-success-dark:var(--10x-color-element-success-success-dark);--10x-color-element-success-success-dim:#41d9a21a;--color-element-success-success-dim:var(--10x-color-element-success-success-dim);--10x-color-element-warning-warning:#fa9247;--color-element-warning-warning:var(--10x-color-element-warning-warning);--10x-color-element-warning-warning-dark:#e08340;--color-element-warning-warning-dark:var(--10x-color-element-warning-warning-dark);--10x-color-element-warning-warning-dim:#fa92471a;--color-element-warning-warning-dim:var(--10x-color-element-warning-warning-dim);--10x-color-interactive-active:#ffffff0d;--color-interactive-active:var(--10x-color-interactive-active);--10x-color-interactive-disabled:var(--10x-color-element-disabled);--color-interactive-disabled:var(--10x-color-interactive-disabled);--10x-color-interactive-hover:#ffffff0d;--color-interactive-hover:var(--10x-color-interactive-hover);--10x-color-interactive-pressed:#ffffff1a;--color-interactive-pressed:var(--10x-color-interactive-pressed);--10x-color-pagination-active:var(--10x-color-brand-primary-50);--color-pagination-active:var(--10x-color-pagination-active);--10x-color-pagination-resting:#fbf9f973;--color-pagination-resting:var(--10x-color-pagination-resting);--10x-color-surface-mapping-base-to-quaternary-on-tertiary:var(--10x-color-surface-on-tertiary-quaternary);--color-surface-mapping-base-to-quaternary-on-tertiary:var(--10x-color-surface-mapping-base-to-quaternary-on-tertiary);--10x-color-surface-mapping-base-to-secondary:var(--10x-color-surface-on-base-secondary);--color-surface-mapping-base-to-secondary:var(--10x-color-surface-mapping-base-to-secondary);--10x-color-surface-mapping-base-to-tertiary-content:var(--10x-color-surface-on-base-tertiary);--color-surface-mapping-base-to-tertiary-content:var(--10x-color-surface-mapping-base-to-tertiary-content);--10x-color-surface-mapping-secondary-to-base:var(--10x-color-base-theme-background-product);--color-surface-mapping-secondary-to-base:var(--10x-color-surface-mapping-secondary-to-base);--10x-color-surface-mapping-secondary-to-secondary-on-tertiary:var(--10x-color-surface-on-tertiary-secondary);--color-surface-mapping-secondary-to-secondary-on-tertiary:var(--10x-color-surface-mapping-secondary-to-secondary-on-tertiary);--10x-color-surface-mapping-secondary-to-tertiary:var(--10x-color-surface-on-base-tertiary);--color-surface-mapping-secondary-to-tertiary:var(--10x-color-surface-mapping-secondary-to-tertiary);--10x-color-surface-mapping-tertiary-to-base-sidebar:var(--10x-color-base-theme-background-product);--color-surface-mapping-tertiary-to-base-sidebar:var(--10x-color-surface-mapping-tertiary-to-base-sidebar);--10x-color-surface-on-base-quaternary:#ffffff25;--color-surface-on-base-quaternary:var(--color-surface-on-base-quaternary);--10x-color-surface-on-base-secondary:#ffffff0a;--color-surface-on-base-secondary:var(--color-surface-on-base-secondary);--10x-color-surface-on-base-tertiary:#ffffff15;--color-surface-on-base-tertiary:var(--color-surface-on-base-tertiary);--10x-color-surface-on-quaternary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-quaternary-primary:var(--10x-color-surface-on-quaternary-primary);--10x-color-surface-on-quaternary-secondary:#0d0c0c85;--color-surface-on-quaternary-secondary:var(--10x-color-surface-on-quaternary-secondary);--10x-color-surface-on-quaternary-tertiary:#0d0c0c4f;--color-surface-on-quaternary-tertiary:var(--10x-color-surface-on-quaternary-tertiary);--10x-color-surface-on-secondary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-secondary-primary:var(--10x-color-surface-on-secondary-primary);--10x-color-surface-on-secondary-quaternary:#ffffff1b;--color-surface-on-secondary-quaternary:var(--10x-color-surface-on-secondary-quaternary);--10x-color-surface-on-secondary-tertiary:#ffffff0b;--color-surface-on-secondary-tertiary:var(--10x-color-surface-on-secondary-tertiary);--10x-color-surface-on-tertiary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-tertiary-primary:var(--10x-color-surface-on-tertiary-primary);--10x-color-surface-on-tertiary-quaternary:#fff1;--color-surface-on-tertiary-quaternary:var(--10x-color-surface-on-tertiary-quaternary);--10x-color-surface-on-tertiary-secondary:#0d0c0c52;--color-surface-on-tertiary-secondary:var(--10x-color-surface-on-tertiary-secondary);--10x-color-surface-over-media-glass-always-darken-strong-contrast:#0d0c0c99;--color-surface-over-media-glass-always-darken-strong-contrast:var(--10x-color-surface-over-media-glass-always-darken-strong-contrast);--10x-color-surface-over-media-glass-default:#0d0c0c73;--color-surface-over-media-glass-default:var(--color-surface-over-media-glass-default);--10x-color-surface-over-media-glass-extra-strong-contrast:#0d0c0cb2;--color-surface-over-media-glass-extra-strong-contrast:var(--10x-color-surface-over-media-glass-extra-strong-contrast);--10x-color-surface-over-media-glass-strong-contrast:#0d0c0ca6;--color-surface-over-media-glass-strong-contrast:var(--10x-color-surface-over-media-glass-strong-contrast);--10x-color-surface-over-media-glass-ultra-strong-contrast:#0d0c0ceb;--color-surface-over-media-glass-ultra-strong-contrast:var(--10x-color-surface-over-media-glass-ultra-strong-contrast);--10x-color-surface-overlay-default:#333333a6;--color-surface-overlay-default:var(--10x-color-surface-overlay-default);--10x-color-surface-overlay-subtle:#33333359;--color-surface-overlay-subtle:var(--10x-color-surface-overlay-subtle);--10x-color-text-general-disabled:#fbf9f966;--color-text-general-disabled:var(--10x-color-text-general-disabled);--10x-color-text-general-highlight:var(--10x-color-brand-secondary-400);--color-text-general-highlight:var(--10x-color-text-general-highlight);--10x-color-text-general-primary:var(--10x-color-brand-primary-50);--color-text-general-primary:var(--10x-color-text-general-primary);--10x-color-text-general-secondary:#fbf9f9a6;--color-text-general-secondary:var(--10x-color-text-general-secondary);--10x-color-text-on-button-disabled:#fbf9f966;--color-text-on-button-disabled:var(--10x-color-text-on-button-disabled);--10x-color-text-on-button-ghost-outlined:var(--10x-color-brand-primary-50);--color-text-on-button-ghost-outlined:var(--10x-color-text-on-button-ghost-outlined);--10x-color-text-on-button-link-inactive:var(--10x-color-text-general-secondary);--color-text-on-button-link-inactive:var(--10x-color-text-on-button-link-inactive);--10x-color-text-on-button-primary:var(--10x-color-brand-primary-900);--color-text-on-button-primary:var(--10x-color-text-on-button-primary);--10x-color-text-on-button-secondary:var(--10x-color-brand-primary-50);--color-text-on-button-secondary:var(--10x-color-text-on-button-secondary);--10x-color-text-on-button-secondary-link-active:var(--10x-color-button-secondary-default);--color-text-on-button-secondary-link-active:var(--10x-color-text-on-button-secondary-link-active);--10x-color-text-on-button-tertiary:var(--10x-color-brand-primary-50);--color-text-on-button-tertiary:var(--10x-color-text-on-button-tertiary);--10x-color-text-on-button-tertiary-link-active:var(--10x-color-brand-tertiary-200);--color-text-on-button-tertiary-link-active:var(--10x-color-text-on-button-tertiary-link-active);--10x-color-text-on-chip-primary:var(--10x-color-brand-primary-50);--color-text-on-chip-primary:var(--10x-color-text-on-chip-primary);--10x-color-text-on-chip-secondary:var(--10x-color-brand-secondary-400);--color-text-on-chip-secondary:var(--10x-color-text-on-chip-secondary);--10x-color-text-on-chip-tertiary:var(--10x-color-brand-tertiary-200);--color-text-on-chip-tertiary:var(--10x-color-text-on-chip-tertiary);--color-background-canvas:var(--color-base-theme-background-product);--color-background-product:var(--color-base-theme-background-product);--color-background-surface:var(--color-surface-on-base-secondary);--color-background-inverse:var(--color-brand-primary-50);--color-text-primary:var(--color-text-general-primary);--color-text-secondary:var(--color-text-general-secondary);--color-text-muted:var(--color-text-general-secondary);--color-text-disabled:var(--color-text-general-disabled);--color-text-on-brand-primary:var(--color-text-on-button-on-primary);--color-text-on-brand-secondary:var(--color-text-on-button-on-secondary);--color-border-subtle:var(--color-surface-on-base-secondary);--color-border-default:var(--color-surface-on-base-tertiary);--color-border-focus:var(--color-button-secondary-default);--color-interaction-brand:var(--color-button-secondary-default);--color-interaction-brand-hover:var(--color-button-secondary-hover);--color-text-on-ghost-outlined:var(--color-text-on-button-on-ghost-outlined)}:root{--background:var(--color-background-canvas);--foreground:var(--color-text-primary);--card:color-mix(in srgb, var(--color-background-canvas) 82%, transparent);--card-foreground:var(--color-text-primary);--popover:var(--color-background-canvas);--popover-foreground:var(--color-text-primary);--primary:var(--color-interaction-brand);--primary-foreground:var(--color-text-on-brand-primary);--secondary:var(--color-background-canvas);--secondary-foreground:var(--color-text-primary);--muted:var(--color-surface-on-base-secondary);--muted-foreground:var(--color-text-secondary);--accent:var(--color-surface-on-base-tertiary);--accent-foreground:var(--color-text-primary);--destructive:#b42318;--border:var(--color-border-subtle);--input:var(--color-border-subtle);--ring:var(--color-border-focus);--chart-1:var(--color-brand-secondary-500);--chart-2:var(--color-brand-tertiary-500);--chart-3:var(--color-brand-primary-500);--chart-4:var(--color-brand-secondary-700);--chart-5:var(--color-brand-tertiary-700);--radius:var(--radius-20px);--sidebar:var(--color-background-surface);--sidebar-foreground:var(--color-text-primary);--sidebar-primary:var(--color-interaction-brand);--sidebar-primary-foreground:var(--color-text-on-brand-primary);--sidebar-accent:var(--color-surface-on-base-tertiary);--sidebar-accent-foreground:var(--color-text-primary);--sidebar-border:var(--color-border-subtle);--sidebar-ring:var(--color-border-focus);--tenx-background-wash:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--color-brand-tertiary-100) 64%, transparent) 0, transparent 38%), radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--color-brand-secondary-100) 72%, transparent) 0, transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--color-background-canvas) 88%, white) 0%, var(--color-background-canvas) 100%);--tenx-surface-glass:var(--color-surface-over-media-glass-default);--tenx-surface-switch:var(--color-surface-on-base-tertiary);--tenx-surface-chip:var(--color-background-product);--tenx-surface-icon:var(--color-background-product);--tenx-surface-disabled:var(--color-surface-on-base-quaternary);--tenx-surface-media-cta:color-mix(in srgb, var(--color-brand-primary-50) 92%, transparent);--tenx-surface-media-cta-hover:color-mix(in srgb, var(--color-brand-primary-50) 96%, var(--color-brand-primary-500) 4%);--tenx-border-media-cta:color-mix(in srgb, var(--color-brand-primary-50) 72%, transparent);--tenx-text-media-cta:var(--color-brand-primary-900);--tenx-shadow-soft:0 2px 12px #00000014;--tenx-shadow-pill:0 2px 12px #00000029;--tenx-shadow-toggle:0 4px 10px #05011e29}[data-theme=new-dark]{--card:color-mix(in srgb, var(--color-background-surface) 76%, transparent);--popover:var(--color-background-surface);--secondary:var(--color-background-surface);--sidebar:var(--color-background-surface);--tenx-background-wash:radial-gradient(circle at 18% 8%, #207c6938 0, transparent 36%), radial-gradient(circle at 78% 16%, #f3703e3d 0, transparent 40%), linear-gradient(180deg, #121214 0%, var(--color-background-canvas) 100%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-4{left:1rem;right:1rem}.inset-y-\[10\%\]{top:10%;bottom:10%}.inset-y-\[15\%\]{top:15%;bottom:15%}.-right-8{right:-2rem}.-right-\[10\%\]{right:-10%}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.bottom-\[-4\%\]{bottom:-4%}.bottom-\[-6\%\]{bottom:-6%}.bottom-\[14\%\]{bottom:14%}.bottom-\[16\%\]{bottom:16%}.bottom-\[18\%\]{bottom:18%}.bottom-\[20\%\]{bottom:20%}.left-0{left:0}.left-10{left:2.5rem}.left-6{left:1.5rem}.left-\[10\%\]{left:10%}.left-\[12\%\]{left:12%}.left-\[18\%\]{left:18%}.left-\[22\%\]{left:22%}.left-\[24\%\]{left:24%}.left-\[30\%\]{left:30%}.right-0{right:0}.right-\[10\%\]{right:10%}.right-\[13\%\]{right:13%}.right-\[14\%\]{right:14%}.right-\[18\%\]{right:18%}.right-\[23\%\]{right:23%}.right-\[8\%\]{right:8%}.top-0{top:0}.top-16{top:4rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-\[18\%\]{top:18%}.top-\[22\%\]{top:22%}.top-\[26\%\]{top:26%}.top-\[28\%\]{top:28%}.top-\[34\%\]{top:34%}.top-\[38\%\]{top:38%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.\!mt-4{margin-top:1rem!important}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.\!block{display:block!important}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-28{width:7rem;height:7rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-36{width:9rem;height:9rem}.size-4{width:1rem;height:1rem}.size-40{width:10rem;height:10rem}.size-44{width:11rem;height:11rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[18px\]{width:18px;height:18px}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18\%\]{height:18%}.h-\[2px\]{height:2px}.h-\[34\%\]{height:34%}.h-\[412px\]{height:412px}.h-\[42\%\]{height:42%}.h-\[58px\]{height:58px}.h-\[94\%\]{height:94%}.h-\[96\%\]{height:96%}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.\!min-h-\[104px\]{min-height:104px!important}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-\[104px\]{min-height:104px}.min-h-\[196px\]{min-height:196px}.min-h-\[240px\]{min-height:240px}.min-h-\[320px\]{min-height:320px}.min-h-\[380px\]{min-height:380px}.min-h-\[400px\]{min-height:400px}.min-h-\[440px\]{min-height:440px}.min-h-svh{min-height:100svh}.w-44{width:11rem}.w-\[18px\]{width:18px}.w-\[22\%\]{width:22%}.w-\[26\%\]{width:26%}.w-\[336px\]{width:336px}.w-\[34\%\]{width:34%}.w-\[40\%\]{width:40%}.w-\[42\%\]{width:42%}.w-\[44\%\]{width:44%}.w-\[48\%\]{width:48%}.w-\[56\%\]{width:56%}.w-\[62\%\]{width:62%}.w-\[88\%\]{width:88%}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[100px\]{min-width:100px}.min-w-\[112px\]{min-width:112px}.min-w-\[124px\]{min-width:124px}.min-w-\[142px\]{min-width:142px}.min-w-\[16rem\]{min-width:16rem}.min-w-\[212px\]{min-width:212px}.min-w-\[236px\]{min-width:236px}.min-w-\[50px\]{min-width:50px}.min-w-\[92px\]{min-width:92px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[14ch\]{max-width:14ch}.max-w-\[24rem\]{max-width:24rem}.max-w-\[26rem\]{max-width:26rem}.max-w-\[280px\]{max-width:280px}.max-w-\[316px\]{max-width:316px}.max-w-\[332px\]{max-width:332px}.max-w-\[336px\]{max-width:336px}.max-w-\[34rem\]{max-width:34rem}.max-w-\[360px\]{max-width:360px}.max-w-\[38rem\]{max-width:38rem}.max-w-\[42ch\]{max-width:42ch}.max-w-\[46rem\]{max-width:46rem}.max-w-\[480px\]{max-width:480px}.max-w-\[56rem\]{max-width:56rem}.max-w-\[60ch\]{max-width:60ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[68ch\]{max-width:68ch}.max-w-\[70ch\]{max-width:70ch}.max-w-\[760px\]{max-width:760px}.max-w-\[780px\]{max-width:780px}.max-w-\[86\%\]{max-width:86%}.max-w-none{max-width:none}.\!flex-1{flex:1!important}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-rotate-\[7deg\]{--tw-rotate:-7deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[10deg\]{--tw-rotate:10deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[2deg\]{--tw-rotate:2deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[57deg\]{--tw-rotate:57deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!cursor-default{cursor:default!important}.cursor-text{cursor:text}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.\!items-center{align-items:center!important}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.\!justify-between{justify-content:space-between!important}.justify-between{justify-content:space-between}.\!gap-3{gap:.75rem!important}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[25px\]{border-radius:25px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-\[34px\]{border-radius:34px}.rounded-\[999px\]{border-radius:999px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded-b-\[20px\]{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-l-\[28px\]{border-top-left-radius:28px;border-bottom-left-radius:28px}.rounded-t-\[32px\]{border-top-left-radius:32px;border-top-right-radius:32px}.border{border-width:1px}.border-0{border-width:0}.border-x-0{border-left-width:0;border-right-width:0}.border-b-0{border-bottom-width:0}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[color\:var\(--color-border-focus\)\]{border-color:var(--color-border-focus)}.border-\[color\:var\(--color-border-subtle\)\]{border-color:var(--color-border-subtle)}.border-\[color\:var\(--glass-preview-border\,color-mix\(in_srgb\,var\(--color-text-primary\)_12\%\,transparent\)\)\]{border-color:var(--glass-preview-border,color-mix(in srgb,var(--color-text-primary) 12%,transparent))}.border-\[color\:var\(--tenx-border-media-cta\)\]{border-color:var(--tenx-border-media-cta)}.border-\[rgb\(94_100_112_\/_0\.18\)\]{border-color:#5e64702e}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/35{border-color:#ffffff59}.border-white\/40{border-color:#fff6}.border-white\/45{border-color:#ffffff73}.bg-\[color\:color-mix\(in_srgb\,var\(--color-brand-primary-50\)_84\%\,transparent\)\]{background-color:color-mix(in srgb,var(--color-brand-primary-50) 84%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--color-button-primary-default\)_10\%\,var\(--color-background-product\)\)\]{background-color:color-mix(in srgb,var(--color-button-primary-default) 10%,var(--color-background-product))}.bg-\[color\:color-mix\(in_srgb\,var\(--color-button-secondary-default\)_16\%\,transparent\)\]{background-color:color-mix(in srgb,var(--color-button-secondary-default) 16%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--color-text-primary\)_10\%\,transparent\)\]{background-color:color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.bg-\[color\:color-mix\(in_srgb\,var\(--color-text-primary\)_8\%\,transparent\)\]{background-color:color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.bg-\[color\:var\(--color-background-canvas\)\]{background-color:var(--color-background-canvas)}.bg-\[color\:var\(--color-background-product\)\]{background-color:var(--color-background-product)}.bg-\[color\:var\(--color-background-surface\)\]{background-color:var(--color-background-surface)}.bg-\[color\:var\(--color-brand-primary-900\)\]{background-color:var(--color-brand-primary-900)}.bg-\[color\:var\(--color-button-primary-default\)\]{background-color:var(--color-button-primary-default)}.bg-\[color\:var\(--color-button-secondary-default\)\]{background-color:var(--color-button-secondary-default)}.bg-\[color\:var\(--color-surface-on-base-secondary\)\]{background-color:var(--color-surface-on-base-secondary)}.bg-\[color\:var\(--tenx-surface-chip\)\]{background-color:var(--tenx-surface-chip)}.bg-\[color\:var\(--tenx-surface-disabled\)\]{background-color:var(--tenx-surface-disabled)}.bg-\[color\:var\(--tenx-surface-glass\)\]{background-color:var(--tenx-surface-glass)}.bg-\[color\:var\(--tenx-surface-icon\)\]{background-color:var(--tenx-surface-icon)}.bg-\[color\:var\(--tenx-surface-media-cta\)\]{background-color:var(--tenx-surface-media-cta)}.bg-\[color\:var\(--tenx-surface-switch\)\]{background-color:var(--tenx-surface-switch)}.bg-\[rgb\(94_100_112_\/_0\.12\)\]{background-color:#5e64701f}.bg-\[rgb\(94_100_112_\/_0\.14\)\]{background-color:#5e647024}.bg-\[rgb\(94_100_112_\/_0\.18\)\]{background-color:#5e64702e}.bg-\[rgb\(94_100_112_\/_0\.2\)\]{background-color:#5e647033}.bg-\[rgb\(94_100_112_\/_0\.24\)\]{background-color:#5e64703d}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/55{background-color:#ffffff8c}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-\[linear-gradient\(140deg\,color-mix\(in_srgb\,var\(--color-brand-primary-900\)_82\%\,transparent\)\,color-mix\(in_srgb\,var\(--color-brand-secondary-500\)_38\%\,transparent\)\)\]{background-image:linear-gradient(140deg,color-mix(in srgb,var(--color-brand-primary-900) 82%,transparent),color-mix(in srgb,var(--color-brand-secondary-500) 38%,transparent))}.bg-\[linear-gradient\(140deg\,rgb\(74_86_110\)_0\%\,rgb\(35_38_52\)_42\%\,rgb\(13_13_18\)_100\%\)\]{background-image:linear-gradient(140deg,#4a566e 0%,#232634 42%,#0d0d12 100%)}.bg-\[linear-gradient\(145deg\,rgb\(23_29_42_\/_0\.92\)\,rgb\(12_15_22_\/_0\.74\)\)\]{background-image:linear-gradient(145deg,#171d2aeb,#0c0f16bd)}.bg-\[linear-gradient\(160deg\,color-mix\(in_srgb\,var\(--color-brand-primary-900\)_18\%\,transparent\)\,color-mix\(in_srgb\,var\(--color-brand-secondary-500\)_12\%\,white\)_42\%\,color-mix\(in_srgb\,var\(--color-brand-primary-100\)_18\%\,white\)_100\%\)\]{background-image:linear-gradient(160deg,color-mix(in srgb,var(--color-brand-primary-900) 18%,transparent),color-mix(in srgb,var(--color-brand-secondary-500) 12%,white) 42%,color-mix(in srgb,var(--color-brand-primary-100) 18%,white) 100%)}.bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--color-background-product\)_88\%\,white\)\,color-mix\(in_srgb\,var\(--color-brand-primary-100\)_16\%\,white\)\)\]{background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-background-product) 88%,white),color-mix(in srgb,var(--color-brand-primary-100) 16%,white))}.bg-\[linear-gradient\(180deg\,rgb\(10_10_12_\/_0\.08\)_0\%\,rgb\(10_10_12_\/_0\.16\)_34\%\,rgb\(10_10_12_\/_0\.74\)_100\%\)\]{background-image:linear-gradient(#0a0a0c14 0%,#0a0a0c29 34%,#0a0a0cbd 100%)}.bg-\[linear-gradient\(180deg\,rgb\(15_23_42_\/_0\.08\)\,rgb\(15_23_42_\/_0\.18\)\)\]{background-image:linear-gradient(#0f172a14,#0f172a2e)}.bg-\[linear-gradient\(180deg\,rgb\(236_209_194\)_0\%\,rgb\(214_186_171\)_100\%\)\]{background-image:linear-gradient(#ecd1c2 0%,#d6baab 100%)}.bg-\[linear-gradient\(180deg\,rgb\(242_245_248\)_0\%\,rgb\(190_199_210\)_100\%\)\]{background-image:linear-gradient(#f2f5f8 0%,#bec7d2 100%)}.bg-\[linear-gradient\(180deg\,rgb\(247_246_243\)_0\%\,rgb\(218_219_221\)_54\%\,rgb\(193_196_202\)_100\%\)\]{background-image:linear-gradient(#f7f6f3 0%,#dadbdd 54%,#c1c4ca 100%)}.bg-\[linear-gradient\(180deg\,rgb\(66_81_107\)_0\%\,rgb\(24_28_41\)_100\%\)\]{background-image:linear-gradient(#42516b 0%,#181c29 100%)}.bg-\[linear-gradient\(180deg\,rgba\(16\,16\,20\,0\.02\)_0\%\,rgba\(16\,16\,20\,0\.28\)_100\%\)\]{background-image:linear-gradient(#10101405 0%,#10101447 100%)}.bg-\[linear-gradient\(180deg\,rgba\(16\,16\,20\,0\.12\)_0\%\,rgba\(16\,16\,20\,0\.22\)_100\%\)\]{background-image:linear-gradient(#1010141f 0%,#10101438 100%)}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)_0\%\,rgba\(255\,255\,255\,0\.12\)_100\%\)\]{background-image:linear-gradient(#ffffff0a 0%,#ffffff1f 100%)}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.14\)_0\%\,rgba\(255\,255\,255\,0\.02\)_38\%\,rgba\(255\,255\,255\,0\.02\)_100\%\)\]{background-image:linear-gradient(#ffffff24 0%,#ffffff05 38% 100%)}.bg-\[linear-gradient\(180deg\,transparent\,rgb\(15_23_42_\/_0\.03\)\)\]{background-image:linear-gradient(#0000,#0f172a08)}.bg-\[linear-gradient\(180deg\,transparent_0\%\,rgb\(18_21_29_\/_0\.54\)_100\%\)\]{background-image:linear-gradient(#0000 0%,#12151d8a 100%)}.bg-\[linear-gradient\(180deg\,transparent_0\%\,rgb\(6_8_12_\/_0\.78\)_100\%\)\]{background-image:linear-gradient(#0000 0%,#06080cc7 100%)}.bg-\[linear-gradient\(180deg\,transparent_0\%\,rgb\(7_7_10_\/_0\.86\)_100\%\)\]{background-image:linear-gradient(#0000 0%,#07070adb 100%)}.bg-\[linear-gradient\(90deg\,rgb\(255_255_255_\/_0\.06\)_0\%\,rgb\(255_255_255_\/_0\.28\)_44\%\,transparent_100\%\)\]{background-image:linear-gradient(90deg,#ffffff0f 0%,#ffffff47 44%,#0000 100%)}.bg-\[linear-gradient\(90deg\,rgb\(255_255_255_\/_0\.08\)_0\%\,rgb\(255_255_255_\/_0\.44\)_52\%\,transparent_100\%\)\]{background-image:linear-gradient(90deg,#ffffff14 0%,#ffffff70 52%,#0000 100%)}.bg-\[linear-gradient\(90deg\,var\(--color-button-primary-default\)\,color-mix\(in_srgb\,var\(--color-button-primary-default\)_62\%\,white\)\)\]{background-image:linear-gradient(90deg,var(--color-button-primary-default),color-mix(in srgb,var(--color-button-primary-default) 62%,white))}.bg-\[radial-gradient\(circle_at_20\%_18\%\,rgb\(255_255_255_\/_0\.88\)_0\,transparent_34\%\)\]{background-image:radial-gradient(circle at 20% 18%,#ffffffe0 0,#0000 34%)}.bg-\[radial-gradient\(circle_at_24\%_18\%\,rgb\(144_196_255_\/_0\.28\)_0\,transparent_30\%\)\,linear-gradient\(145deg\,rgb\(22_26_38\)_0\%\,rgb\(12_14_21\)_48\%\,rgb\(5_6_10\)_100\%\)\]{background-image:radial-gradient(circle at 24% 18%,#90c4ff47 0,#0000 30%),linear-gradient(145deg,#161a26 0%,#0c0e15 48%,#05060a 100%)}.fill-\[color\:var\(--color-button-secondary-default\)\]{fill:var(--color-button-secondary-default)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.\!px-0{padding-left:0!important;padding-right:0!important}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.\!pb-0{padding-bottom:0!important}.\!pt-0{padding-top:0!important}.pb-0{padding-bottom:0}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pr-\[176px\]{padding-right:176px}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-24{padding-top:6rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.04\]{line-height:1.04}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.25\]{line-height:1.25}.leading-\[1\.4\]{line-height:1.4}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[-0\.05em\]{letter-spacing:-.05em}.tracking-\[0\.01em\]{letter-spacing:.01em}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.\!text-inherit{color:inherit!important}.text-\[color\:var\(--color-button-secondary-default\)\]{color:var(--color-button-secondary-default)}.text-\[color\:var\(--color-text-disabled\)\]{color:var(--color-text-disabled)}.text-\[color\:var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-\[color\:var\(--color-text-on-button-primary\)\]{color:var(--color-text-on-button-primary)}.text-\[color\:var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[color\:var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[color\:var\(--tenx-text-media-cta\)\]{color:var(--tenx-text-media-cta)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.accent-\[color\:var\(--color-interaction-brand\)\]{accent-color:var(--color-interaction-brand)}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_-24px_64px_rgb\(15_23_42_\/_0\.18\)\]{--tw-shadow:0 -24px 64px #0f172a2e;--tw-shadow-colored:0 -24px 64px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_24px_rgb\(243_112_62_\/_0\.45\)\]{--tw-shadow:0 0 24px #f3703e73;--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_16px_32px_rgb\(0_0_0_\/_0\.18\)\]{--tw-shadow:0 16px 32px #0000002e;--tw-shadow-colored:0 16px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_18px_40px_rgb\(0_0_0_\/_0\.22\)\]{--tw-shadow:0 18px 40px #00000038;--tw-shadow-colored:0 18px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_18px_40px_rgb\(0_0_0_\/_0\.24\)\]{--tw-shadow:0 18px 40px #0000003d;--tw-shadow-colored:0 18px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_20px_48px_rgb\(15_23_42_\/_0\.18\)\]{--tw-shadow:0 20px 48px #0f172a2e;--tw-shadow-colored:0 20px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_24px_70px_rgb\(15_23_42_\/_0\.18\)\]{--tw-shadow:0 24px 70px #0f172a2e;--tw-shadow-colored:0 24px 70px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_26px_60px_rgb\(15_23_42_\/_0\.18\)\]{--tw-shadow:0 26px 60px #0f172a2e;--tw-shadow-colored:0 26px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_30px_60px_rgb\(0_0_0_\/_0\.3\)\]{--tw-shadow:0 30px 60px #0000004d;--tw-shadow-colored:0 30px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[var\(--tenx-shadow-pill\)\]{--tw-shadow-color:var(--tenx-shadow-pill);--tw-shadow:var(--tw-shadow-colored)}.shadow-\[var\(--tenx-shadow-soft\)\]{--tw-shadow-color:var(--tenx-shadow-soft);--tw-shadow:var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-\[color\:color-mix\(in_srgb\,var\(--color-border-focus\)_20\%\,transparent\)\]{--tw-ring-color:color-mix(in srgb,var(--color-border-focus) 20%,transparent)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[1px\]{--tw-blur:blur(1px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[2px\]{--tw-blur:blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[12px\]{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[18px\]{--tw-backdrop-blur:blur(18px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[transform\,box-shadow\,background-color\,color\,border-color\,opacity\]{transition-property:transform,box-shadow,background-color,color,border-color,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[transform\,box-shadow\]{transition-property:transform,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:#0d0c0c;--shell-bg:#0d0c0c;--panel-bg:#ffffff05;--panel-bg-elevated:#ffffff0d;--panel-bg-selected:#5f6f9e2e;--border:#ffffff1f;--border-soft:#ffffff14;--text:#fbf9f9;--text-muted:#fbf9f9b3;--text-dim:#fbf9f980;--pill-bg:#ffffff0d;--pill-border:#ffffff1a;--chip-bg:#ffffff0d;--chip-hover:#ffffff14;--blue:#5f6f9e2e;--blue-strong:#5f6f9e4d;--success:#009e83;--control-height:40px;--variable-column-width:236px;--code-bg:#171717;--code-text:#f6f5f5;--paper-bg:#0d0c0c;--paper-border:#ffffff1f;--paper-text:#fbf9f9;--text-disabled:#fbf9f966;--text-highlight:#f3703e;--link-text:#fbf9f9b3;--link-text-active:#f3703e;--interactive-hover:#ffffff14;--interactive-active:#ffffff14;--interactive-pressed:#ffffff24;--interactive-disabled:#fbf9f929;--specimen-product-bg-light:#fff;--specimen-product-bg-dark:#0d0c0c;--specimen-text-light:#201f1f;--specimen-text-dark:#fbf9f9;--specimen-surface-light:#0d0c0c12;--specimen-surface-dark:#ffffff15;--viewer-surface-over-media-glass-default-light:#ffffff73;--viewer-surface-over-media-glass-default-dark:#0d0c0c73;--viewer-surface-over-media-glass-strong-light:#ffffffa6;--viewer-surface-over-media-glass-strong-dark:#0d0c0ca6;--viewer-surface-over-media-glass-extra-light:#ffffffc2;--viewer-surface-over-media-glass-extra-dark:#0d0c0cc2;--viewer-surface-over-media-glass-ultra-light:#ffffffdb;--viewer-surface-over-media-glass-ultra-dark:#0d0c0cdb;--viewer-surface-over-media-glass-always-darken-light:#0d0c0ca6;--viewer-surface-over-media-glass-always-darken-dark:#0d0c0ca6;--shadcn-ref-font-sans:"Geist", "Geist Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadcn-ref-font-mono:"Geist Mono", "GeistMono-Regular", ui-monospace, SFMono-Regular, Menlo, monospace;--font-ui:Inter, "SF Pro Text", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Plus Jakarta Sans", Inter, "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:Inter,SF Pro Text,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.viewer-lab{flex-direction:column;gap:24px;min-height:100%;display:flex}.viewer-lab__intro{border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--panel-bg-elevated), transparent);border-radius:24px;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px;display:flex}.viewer-lab__intro h3{margin:8px 0 0;font-size:28px;line-height:1.08}.viewer-lab__intro p{max-width:560px;color:var(--text-muted);margin:0;line-height:1.55}.viewer-lab__eyebrow,.surface-art-stage__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;font-size:12px;font-weight:700;display:inline-flex}.viewer-lab__layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;min-height:0;display:grid}.viewer-lab__layout--floating{grid-template-columns:minmax(0,1fr)}.viewer-lab__controls,.viewer-lab__preview-column{min-height:0}.viewer-lab__controls{flex-direction:column;gap:16px;display:flex}.viewer-lab__controls--floating{z-index:80;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg) 88%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:28px;width:min(360px,100vw - 48px);max-height:min(72dvh,100dvh - 48px);padding:14px;position:fixed;overflow:auto;box-shadow:0 22px 60px #00000038}.viewer-lab__controls--dragging{cursor:grabbing}.viewer-lab__controls-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.viewer-lab__controls-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.viewer-lab__controls-drag-handle{min-height:44px;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.viewer-lab__controls-drag-handle--active{cursor:grab;touch-action:none}.viewer-lab-panel{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg-elevated) 90%, transparent);border-radius:24px;padding:18px}.viewer-lab-panel__header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.viewer-lab-panel__meta{color:var(--text-highlight)}.viewer-lab-panel__note{color:var(--text-muted);margin:12px 0 0;font-size:13px;line-height:1.5}.viewer-lab-toggle-group{flex-wrap:wrap;gap:8px;display:flex}.viewer-lab-toggle,.viewer-lab-action{border:1px solid var(--border-soft);background:var(--chip-bg);color:var(--text);cursor:pointer;border-radius:999px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.viewer-lab-toggle{align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.viewer-lab-toggle--active{border-color:color-mix(in srgb, var(--text-highlight) 36%, transparent);background:color-mix(in srgb, var(--text-highlight) 16%, var(--chip-bg))}.viewer-lab-panel__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.viewer-lab-action{touch-action:manipulation;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.viewer-lab-action--compact{min-height:36px;padding:0 12px;font-size:13px}.viewer-lab-action:hover,.viewer-lab-toggle:hover{background:var(--chip-hover)}.viewer-lab-asset-list{gap:10px;display:grid}.viewer-lab-asset-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.viewer-lab-asset-row span{color:var(--text-muted)}.viewer-lab-code{background:var(--code-bg);color:var(--code-text);border-radius:18px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow:auto}.surface-art-controls{gap:14px;display:grid}.surface-art-control{gap:10px;display:grid}.surface-art-control__header{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.surface-art-control__header span{color:var(--text-muted)}.surface-art-control input[type=range]{width:100%;accent-color:var(--text-highlight)}.surface-art-preview-grid{gap:20px;display:grid}.surface-art-preview{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, transparent);overscroll-behavior:contain;border-radius:28px;padding:16px;overflow:auto}.surface-art-preview--editing{border-color:color-mix(in srgb, var(--text-highlight) 38%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--text-highlight) 16%, transparent)}.surface-art-preview__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.surface-art-preview__header strong{font-size:14px;display:block}.surface-art-preview__header span{color:var(--text-dim);font-size:12px}.surface-art-preview__recipe{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.surface-art-preview__recipe span{background:var(--chip-bg);color:var(--text-muted);border-radius:999px;padding:6px 10px;font-size:12px}.surface-art-stage{width:var(--surface-art-frame-width);height:var(--surface-art-frame-height);background:var(--paper-bg);border:1px solid var(--paper-border);border-radius:28px;position:relative;overflow:hidden}.surface-art-stage__art{position:absolute;inset:0}.surface-art-stage__art-frame{position:absolute;overflow:hidden}.surface-art-stage__art-frame picture{position:absolute;inset:0}.surface-art-stage__image{-o-object-fit:cover;object-fit:cover;transform-origin:50%;will-change:transform;width:100%;height:100%}.surface-art-stage__wash{pointer-events:none;position:absolute;inset:0}.surface-art-stage__wash--hero{background:linear-gradient(180deg, #00000005 0%, color-mix(in srgb, var(--paper-bg) 72%, transparent) 82%, var(--paper-bg) 100%)}.surface-art-stage__wash--leaderboard{background:linear-gradient(90deg, color-mix(in srgb, var(--paper-bg) 12%, transparent) 0%, transparent 55%, color-mix(in srgb, var(--paper-bg) 18%, transparent) 100%)}.surface-art-stage__wash--footer{background:linear-gradient(180deg, #0000000a 0%, #0000 28%, color-mix(in srgb, var(--paper-bg) 20%, transparent) 100%)}.surface-art-stage__content{z-index:1;height:100%;position:relative}.surface-art-stage__content--hero{padding:0;display:block}.surface-art-hero__shell{text-align:center;flex-direction:column;align-items:center;gap:42px;padding:74px 24px 39px;display:flex}.surface-art-stage--hero.surface-art-stage--desktop .surface-art-hero__shell{gap:48px;padding:94px 40px 33px}.surface-art-hero__composer-wrap{width:min(100%,780px)}.surface-art-stage__content--footer{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.surface-art-hero__copy h3,.surface-art-leaderboard__copy h3{text-wrap:balance;margin:10px 0 0;font-size:32px;line-height:1.05}.surface-art-hero__copy p,.surface-art-leaderboard__copy p,.surface-art-footer__meta p,.surface-art-footer__meta span,.surface-art-footer__links span{color:var(--text-muted);margin:10px 0 0;line-height:1.5}.surface-art-hero__composer{background:color-mix(in srgb, var(--panel-bg-elevated) 72%, transparent);border:1px solid color-mix(in srgb, var(--border) 72%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;grid-template-columns:auto auto 1fr;gap:10px;padding:14px;display:grid}.surface-art-hero__composer-chip,.surface-art-hero__composer-field,.surface-art-footer__toggle{background:color-mix(in srgb, var(--panel-bg-elevated) 86%, transparent);border:1px solid color-mix(in srgb, var(--border) 68%, transparent);border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:14px;display:inline-flex}.surface-art-hero__composer-chip--ghost{color:var(--text-muted)}.surface-art-hero__composer-field{color:var(--text-muted);justify-content:flex-start}.surface-art-stage--leaderboard{grid-template-columns:440px minmax(0,1fr);gap:0;display:grid}.surface-art-stage--leaderboard.surface-art-stage--mobile{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.surface-art-leaderboard__copy{background:color-mix(in srgb, var(--paper-bg) 92%, transparent);padding:154px 40px 40px}.surface-art-stage--leaderboard.surface-art-stage--mobile .surface-art-leaderboard__copy{flex-direction:column;justify-content:flex-start;padding:24px 24px 0;display:flex}.surface-art-leaderboard__panel{border-radius:0 28px 28px 0;position:relative;overflow:hidden}.surface-art-stage--leaderboard.surface-art-stage--mobile .surface-art-leaderboard__panel{border-radius:0 0 28px 28px}.surface-art-leaderboard__cards{z-index:1;grid-template-columns:repeat(2,342px);justify-content:space-between;gap:32px;padding:132px 20px 20px;display:grid;position:relative}.surface-art-stage--leaderboard.surface-art-stage--mobile .surface-art-leaderboard__cards{grid-template-columns:1fr;gap:16px;padding:24px}.surface-art-leaderboard__toolbar{z-index:2;position:absolute;top:40px;right:48px}.surface-art-stage--leaderboard.surface-art-stage--mobile .surface-art-leaderboard__toolbar{justify-content:flex-end;padding:24px 24px 0;display:flex;position:relative;top:auto;right:auto}.surface-art-leaderboard__filter{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--paper-bg) 85%, white);border-radius:999px;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 12px 28px #0000001f}.surface-art-glass-card{background:color-mix(in srgb, var(--panel-bg-elevated) 68%, transparent);border:1px solid color-mix(in srgb, var(--border) 64%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;gap:10px;min-height:180px;padding:18px;display:grid;box-shadow:0 12px 36px #00000024}.surface-art-glass-card strong,.surface-art-footer__links strong{font-size:15px}.surface-art-glass-card span{color:var(--text-muted);font-size:13px}.surface-art-stage--footer{border-radius:40px 40px 28px 28px}.surface-art-footer__meta{gap:8px;max-width:220px;display:grid}.surface-art-footer__logo{letter-spacing:-.04em;font-size:40px;font-weight:800}.surface-art-footer__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.surface-art-footer__links div{gap:10px;display:grid}.surface-art-footer__actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.surface-art-footer__button{background:var(--text);color:var(--page-bg);border:0;border-radius:999px;min-height:40px;padding:0 20px;font-size:15px;font-weight:700}@media (width<=1200px){.viewer-lab__layout{grid-template-columns:1fr}}@media (width<=900px){.surface-art-stage--leaderboard,.surface-art-stage--leaderboard.surface-art-stage--desktop{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.surface-art-leaderboard__panel,.surface-art-stage--leaderboard.surface-art-stage--desktop .surface-art-leaderboard__panel{border-radius:0 0 28px 28px}.surface-art-leaderboard__cards,.surface-art-stage--leaderboard.surface-art-stage--desktop .surface-art-leaderboard__cards{grid-template-columns:1fr}}@media (width<=720px){.viewer-lab__intro{padding:20px}.viewer-lab__controls-header{flex-direction:column;align-items:stretch}.viewer-lab__controls-header-actions{justify-content:flex-start}.viewer-lab-panel,.surface-art-preview{border-radius:22px}.surface-art-preview__header{flex-direction:column}.surface-art-footer__links{grid-template-columns:1fr}.surface-art-footer__actions{flex-direction:column;align-items:stretch}.surface-art-footer__button{width:100%}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--shell-bg);color:var(--text);margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-viewer-color-mode=dark],.viewer-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:var(--viewer-rail-bg-dark,#0d0c0c);--shell-bg:var(--viewer-rail-bg-dark,#0d0c0c);--panel-bg:var(--viewer-sidebar-bg-dark,#0d0c0c);--panel-bg-elevated:var(--viewer-content-bg-dark,#ffffff0a);--detail-panel-bg:var(--viewer-detail-bg-dark,#ffffff0a);--panel-bg-selected:#5f6f9e2e;--border:#ffffff1f;--border-soft:#ffffff14;--text:var(--viewer-text-primary-dark,#fbf9f9);--text-muted:var(--viewer-text-secondary-dark,#fbf9f9b3);--text-dim:#fbf9f980;--pill-bg:color-mix(in srgb, var(--panel-bg-elevated) 72%, transparent);--pill-border:#ffffff1a;--chip-bg:#ffffff0d;--chip-hover:#ffffff14;--blue:#5f6f9e2e;--blue-strong:#5f6f9e47;--code-bg:#171717;--code-text:#f6f5f5;--paper-bg:var(--specimen-product-bg-dark,#0d0c0c);--paper-border:#ffffff1f;--paper-text:var(--specimen-text-dark,#fbf9f9);--text-disabled:var(--viewer-text-disabled-dark,#fbf9f966);--text-highlight:var(--viewer-text-highlight-dark,#f3703e);--link-text:var(--viewer-link-inactive-dark,#fbf9f9b3);--link-text-active:var(--viewer-link-active-dark,#f3703e);--interactive-hover:var(--viewer-interactive-hover-dark,#ffffff14);--interactive-active:var(--viewer-interactive-active-dark,#ffffff14);--interactive-pressed:var(--viewer-interactive-pressed-dark,#ffffff24);--interactive-disabled:var(--viewer-interactive-disabled-dark,#fbf9f929);--shadcn-ref-bg:#09090b;--shadcn-ref-fg:#fafafa;--shadcn-ref-border:#ffffff24;--shadcn-ref-input-bg:#27272a4d;--shadcn-ref-muted:#ffffff14;--shadcn-ref-muted-hover:#ffffff1f;--shadcn-ref-ring:#ffffff2e;--shadcn-ref-destructive-bg:#ef444433;--shadcn-ref-destructive-bg-hover:#ef444447;--shadcn-ref-destructive-text:#ffb4a5;--shadcn-ref-tooltip-bg:#fafafa;--shadcn-ref-tooltip-text:#18181b;background:var(--page-bg);height:100vh;overflow:hidden}:root[data-viewer-color-mode=light],.viewer-page[data-viewer-color-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:var(--viewer-rail-bg-light,#f1eeea);--shell-bg:var(--viewer-rail-bg-light,#f1eeea);--panel-bg:var(--viewer-sidebar-bg-light,#f7f4ef);--panel-bg-elevated:var(--viewer-content-bg-light,#fff);--detail-panel-bg:var(--viewer-detail-bg-light,#fff);--panel-bg-selected:#5f6f9e1a;--border:#201f1f1f;--border-soft:#201f1f14;--text:var(--viewer-text-primary-light,#201f1f);--text-muted:var(--viewer-text-secondary-light,#201f1fa3);--text-dim:#201f1f80;--pill-bg:color-mix(in srgb, var(--panel-bg) 72%, white);--pill-border:#201f1f1a;--chip-bg:#201f1f0a;--chip-hover:#201f1f14;--blue:#5f6f9e1f;--blue-strong:#5f6f9e38;--code-bg:#181716;--code-text:#f7f6f4;--paper-bg:var(--specimen-product-bg-light,#fffdf9);--paper-border:#201f1f17;--paper-text:var(--specimen-text-light,#201f1f);--text-disabled:var(--viewer-text-disabled-light,#201f1f66);--text-highlight:var(--viewer-text-highlight-light,#fb6428);--link-text:var(--viewer-link-inactive-light,#201f1fa3);--link-text-active:var(--viewer-link-active-light,#fb6428);--interactive-hover:var(--viewer-interactive-hover-light,#1a1a1a0d);--interactive-active:var(--viewer-interactive-active-light,#1a1a1a0d);--interactive-pressed:var(--viewer-interactive-pressed-light,#1a1a1a1a);--interactive-disabled:var(--viewer-interactive-disabled-light,#201f1f1f);--shadcn-ref-bg:#fff;--shadcn-ref-fg:#18181b;--shadcn-ref-border:#e4e4e7;--shadcn-ref-input-bg:#fff;--shadcn-ref-muted:#f4f4f5;--shadcn-ref-muted-hover:#e9e9ec;--shadcn-ref-ring:#18181b24;--shadcn-ref-destructive-bg:#ef44441f;--shadcn-ref-destructive-bg-hover:#ef44442e;--shadcn-ref-destructive-text:#dc2626;--shadcn-ref-tooltip-bg:#18181b;--shadcn-ref-tooltip-text:#fafafa}:root,.viewer-page{--lab-button-primary-default:var(--button-primary-default-dark,#f5f4f4);--lab-button-primary-hover:var(--button-primary-hover-dark,#dbdbdb);--lab-button-primary-pressed:var(--button-primary-pressed-dark,#e8e7e7);--lab-button-primary-text:var(--button-text-on-primary-dark,#201f1f);--lab-button-secondary-default:var(--button-secondary-default-dark,#f3703e);--lab-button-secondary-hover:var(--button-secondary-hover-dark,#f3865c);--lab-button-secondary-pressed:var(--button-secondary-pressed-dark,#f35f27);--lab-button-secondary-text:var(--button-text-on-secondary-dark,#fbf9f9);--lab-button-tertiary-default:var(--button-tertiary-default-dark,#76d1c1);--lab-button-tertiary-hover:var(--button-tertiary-hover-dark,#8fd9cc);--lab-button-tertiary-pressed:var(--button-tertiary-pressed-dark,#5dc9b6);--lab-button-tertiary-text:var(--button-text-on-tertiary-dark,#fbf9f9);--lab-button-ghost-text:var(--button-text-on-ghost-dark,#fbf9f9);--lab-tooltip-bg:var(--viewer-detail-bg-dark,#1d1c1c);--lab-tooltip-border:#ffffff1a;--lab-tooltip-text:var(--viewer-text-primary-dark,#fbf9f9);--lab-tooltip-shadow:var(--tooltip-shadow-dark,-2px 2px 16px 0 #26262657)}:root[data-viewer-color-mode=light],.viewer-page[data-viewer-color-mode=light]{--lab-button-primary-default:var(--button-primary-default-light,#201f1f);--lab-button-primary-hover:var(--button-primary-hover-light,#3b3939);--lab-button-primary-pressed:var(--button-primary-pressed-light,#2e2c2c);--lab-button-primary-text:var(--button-text-on-primary-light,#fbf9f9);--lab-button-secondary-default:var(--button-secondary-default-light,#fb6428);--lab-button-secondary-hover:var(--button-secondary-hover-light,#f27a4b);--lab-button-secondary-pressed:var(--button-secondary-pressed-light,#fb520f);--lab-button-secondary-text:var(--button-text-on-secondary-light,#fbf9f9);--lab-button-tertiary-default:var(--button-tertiary-default-light,#59b9a9);--lab-button-tertiary-hover:var(--button-tertiary-hover-light,#74c2b5);--lab-button-tertiary-pressed:var(--button-tertiary-pressed-light,#44b2a0);--lab-button-tertiary-text:var(--button-text-on-tertiary-light,#fbf9f9);--lab-button-ghost-text:var(--button-text-on-ghost-light,#201f1f);--lab-tooltip-bg:var(--viewer-detail-bg-light,#fff);--lab-tooltip-border:#201f1f1a;--lab-tooltip-text:var(--viewer-text-primary-light,#201f1f);--lab-tooltip-shadow:var(--tooltip-shadow-light,-2px 2px 16px 0 #2626261f)}.viewer-shell{background:var(--page-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.viewer-shell--labs{min-width:0}.viewer-workspace{flex:1;grid-template-columns:56px 330px minmax(0,1fr);height:100%;min-height:0;display:grid}.viewer-workspace--labs{align-items:stretch}.viewer-workspace--labs.viewer-workspace--labs-sidebar-collapsed{grid-template-columns:56px minmax(0,1fr)}.viewer-rail{border-right:1px solid var(--border-soft);background:var(--page-bg);flex-direction:column;align-items:center;gap:10px;padding:18px 0;display:flex}.viewer-rail__spacer{flex:1}.viewer-rail__button,.viewer-icon-button{color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.viewer-rail__button{border-radius:12px;width:38px;height:38px}.viewer-rail__button--active{border-color:var(--pill-border);background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent;color:var(--text)}@media (hover:hover){.viewer-rail__button:hover,.viewer-icon-button:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent;color:var(--text)}}.viewer-rail__button svg{display:block;overflow:visible}.viewer-rail__theme{flex-direction:column;align-items:center;gap:8px;width:100%;padding:6px 0 2px;display:flex}.viewer-rail__theme-stack{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:100%;max-height:38px;transition:max-height .16s;display:flex;overflow:hidden}.viewer-rail__theme:focus-within .viewer-rail__theme-stack,.viewer-rail__theme--open .viewer-rail__theme-stack{max-height:140px}@media (hover:hover){.viewer-rail__theme:hover .viewer-rail__theme-stack{max-height:140px}}@media (prefers-reduced-motion:reduce){.viewer-rail__theme-stack{transition:none}}.viewer-rail__theme-button{flex:none}.viewer-rail__theme-caption{min-height:24px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1.05;display:flex}.viewer-rail__theme-meta{color:var(--text-muted);margin-top:2px;font-size:9px}.viewer-sidebar{border-right:1px solid var(--border-soft);background:var(--panel-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.viewer-sidebar--labs{min-width:0;padding-bottom:84px;position:relative}.viewer-sidebar__section{border-bottom:1px solid var(--border-soft);padding:18px 12px 12px}.viewer-sidebar__section--grow{flex:none;overflow:visible}.viewer-sidebar__section-header{color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 10px 10px;font-size:14px;font-weight:600;display:flex}.viewer-icon-button{border-radius:8px;width:28px;height:28px}.viewer-icon-button--toolbar{border:1px solid var(--pill-border);background:var(--pill-bg)}.viewer-tooltip{z-index:70;border:1px solid var(--pill-border);background:var(--detail-panel-bg);max-width:220px;color:var(--text);border-radius:10px;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;line-height:1;animation:.12s ease-out viewer-tooltip-in;display:inline-flex;box-shadow:0 12px 28px #00000057}.viewer-tooltip--shortcut{align-items:center;gap:10px;padding-right:10px;display:inline-flex}.viewer-tooltip__kbd{border:1px solid color-mix(in srgb, var(--text-muted) 22%, transparent);background:color-mix(in srgb, var(--panel-bg) 56%, transparent);min-width:24px;min-height:24px;color:var(--text);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.viewer-tooltip__arrow{fill:var(--detail-panel-bg)}@keyframes viewer-tooltip-in{0%{opacity:0;transform:translate(-3px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.viewer-collection-list,.viewer-groups{flex-direction:column;gap:4px;display:flex}.viewer-static-row{min-height:32px;color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex}.viewer-static-row__meta{color:var(--text-muted);white-space:nowrap;font-size:12px}.viewer-collection__row,.viewer-group-row{min-height:32px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;transition:background-color .14s,border-color .14s,color .14s;display:flex}@media (hover:hover){.viewer-collection__row:hover,.viewer-group-row:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent}}.viewer-collection__row--active,.viewer-group-row--active{background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent;color:var(--text)}.viewer-component-list{flex-direction:column;gap:8px;padding-bottom:6px;display:flex}.viewer-component-list--compact{gap:6px}.viewer-component-row{min-height:60px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:background-color .14s,border-color .14s,color .14s;display:flex}@media (hover:hover){.viewer-component-row:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent}}.viewer-component-row--compact{min-height:52px;padding:10px}.viewer-component-row--active{border-color:var(--pill-border);background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent}.viewer-component-row__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.viewer-component-row__label{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.viewer-component-row__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.viewer-collection__row span:first-child,.viewer-group-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.viewer-count{color:inherit;opacity:.78;font-variant-numeric:tabular-nums}.viewer-sidebar__section--grow .viewer-groups{height:auto;padding-right:0;overflow:visible}.viewer-plugin-list{flex-direction:column;gap:6px;height:auto;padding-right:0;display:flex;overflow:visible}.viewer-plugin-row{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;padding:10px;transition:background-color .14s,border-color .14s,color .14s;display:flex}@media (hover:hover){.viewer-plugin-row:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent}}.viewer-plugin-row--active{background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent;color:var(--text)}.viewer-plugin-row__main{align-items:flex-start;gap:10px;min-width:0;display:flex}.viewer-plugin-row__icon{width:18px;height:18px;color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.viewer-plugin-row__text{flex-direction:column;gap:4px;min-width:0;display:flex}.viewer-plugin-row__label{font-size:14px;font-weight:500}.viewer-plugin-row__meta{color:var(--text-muted);font-size:12px;line-height:1.4}.viewer-plugin-row--active .viewer-plugin-row__meta{color:var(--text-muted)}.viewer-plugin-details{flex-direction:column;gap:10px;display:flex}.viewer-plugin-detail{border:1px solid var(--pill-border);background:var(--detail-panel-bg);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.viewer-plugin-detail__label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.viewer-plugin-detail__value{color:var(--text);word-break:break-word;font-size:13px;line-height:1.45}code.viewer-plugin-detail__value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.viewer-group-tree{flex-direction:column;gap:2px;display:flex}.viewer-group-row{padding-right:10px}.viewer-group-row__main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.viewer-group-caret{width:14px;color:var(--text-dim);justify-content:center;align-items:center;transition:transform .14s;display:inline-flex}.viewer-group-caret--expanded{transform:rotate(90deg)}.viewer-group-caret--empty{opacity:0}.viewer-content{background:var(--panel-bg-elevated);isolation:isolate;grid-template-columns:minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.viewer-content--labs{min-width:0}.viewer-content--with-history{grid-template-columns:minmax(0,1fr) 380px}.viewer-content__main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.viewer-content__toolbar{border-bottom:1px solid var(--border-soft);background:var(--panel-bg-elevated);justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.viewer-content__body{flex:1;min-height:0;display:flex;overflow:hidden}.viewer-content__body--canonical{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:auto}.viewer-content__body--canonical>*{flex:1 0 auto;min-width:0}.viewer-content__body--components-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 16px 20px;overflow:auto}.viewer-content__body--components-scroll>*{flex:1 0 auto;min-width:0}.viewer-content__body--labs{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-width:0;padding:22px;overflow:auto}.viewer-content__body--labs>*{flex:auto;min-width:0}.viewer-sidebar__floating-action,.viewer-content__floating-action{z-index:3;position:absolute}.viewer-sidebar__floating-action{bottom:16px;right:16px}.viewer-content__floating-action{bottom:18px;left:18px}.viewer-sidebar__collapse-button{border:1px solid var(--pill-border);background:linear-gradient(color-mix(in srgb, var(--interactive-hover) 50%, transparent), color-mix(in srgb, var(--interactive-hover) 50%, transparent)), color-mix(in srgb, var(--panel-bg-elevated) 88%, transparent);width:44px;height:44px;color:var(--text);box-shadow:0 14px 28px color-mix(in srgb, var(--page-bg) 24%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;justify-content:center;align-items:center;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.viewer-sidebar__collapse-button--content{background:linear-gradient(color-mix(in srgb, var(--interactive-hover) 42%, transparent), color-mix(in srgb, var(--interactive-hover) 42%, transparent)), color-mix(in srgb, var(--panel-bg) 82%, transparent)}@media (hover:hover){.viewer-sidebar__collapse-button:hover{transform:translateY(-1px)}}.viewer-content__table{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.viewer-plugin-surface{flex:1;min-width:0;min-height:0;padding:22px;display:flex}.viewer-plugin-workbench{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;width:100%;min-width:0;display:grid}.viewer-plugin-card{background:linear-gradient(#313131fa,#2b2b2bfa);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;min-width:0;padding:18px;display:flex}.viewer-plugin-card--wide{min-height:0}.viewer-plugin-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.viewer-plugin-card__eyebrow{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.viewer-plugin-card__header h3{color:var(--text);margin:8px 0;font-size:22px;font-weight:600}.viewer-plugin-card__header p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.viewer-plugin-card__body,.viewer-plugin-form{flex-direction:column;gap:14px;min-height:0;display:flex}.viewer-plugin-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.viewer-plugin-form__payload{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.viewer-plugin-actions{flex-wrap:wrap;gap:10px;display:flex}.viewer-plugin-summary{border:1px solid var(--pill-border);background:var(--detail-panel-bg);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.viewer-plugin-summary__label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.viewer-plugin-summary__body{color:var(--text);font-size:13px;line-height:1.55}.viewer-hidden-file-input{display:none}.viewer-plugin-surface__canvas{background:linear-gradient(#ffffff05 1px,#0000 1px) -1px -1px/28px 28px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) -1px -1px/28px 28px,linear-gradient(#ffffff08,#ffffff04);border:1px dashed #ffffff14;border-radius:20px;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.viewer-plugin-surface__canvas--empty{justify-content:center;align-items:center}.viewer-plugin-surface__corner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828d6;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;max-width:min(360px,100% - 40px);padding:16px 18px;display:flex;position:absolute;top:20px;left:20px}.viewer-plugin-surface__eyebrow{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.viewer-plugin-surface__title{color:var(--text);font-size:18px;font-weight:500}.viewer-plugin-surface__note{color:var(--text-muted);font-size:13px;line-height:1.45}.viewer-content__title-block h2{color:var(--text);margin:0;font-size:20px;font-weight:500}.viewer-content__title-block p{max-width:760px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.viewer-toolbar__actions{align-items:center;gap:10px;display:flex}.viewer-toolbar__meta{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.viewer-toolbar__meta-item{border:1px solid var(--pill-border);background:color-mix(in srgb, var(--pill-bg) 86%, transparent);border-radius:999px;align-items:baseline;gap:6px;padding:5px 10px;display:inline-flex}.viewer-toolbar__meta-label{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.viewer-toolbar__meta-value{color:var(--text);white-space:nowrap;font-size:12px;font-weight:500}.viewer-toolbar__actor{height:var(--control-height);border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:inline-flex}.viewer-toolbar__actor-label{color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.viewer-toolbar__actor-name{color:var(--text);white-space:nowrap;font-size:13px}.viewer-toolbar__toggle-button{height:var(--control-height);border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 12px;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.viewer-toolbar__toggle-button--active{border-color:color-mix(in srgb, var(--blue-strong) 72%, var(--pill-border));background:linear-gradient(var(--interactive-active), var(--interactive-active)), var(--pill-bg)}@media (hover:hover){.viewer-toolbar__toggle-button:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--pill-bg)}}.viewer-segmented-toggle{height:var(--control-height);border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:12px;align-items:center;gap:4px;padding:3px;display:inline-flex}.viewer-segmented-toggle__button{min-width:84px;height:100%;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;transition:background-color .14s,color .14s;display:inline-flex}.viewer-segmented-toggle__button--active{background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent;color:var(--text)}.viewer-segmented-toggle--sidebar{width:100%}.viewer-segmented-toggle--sidebar .viewer-segmented-toggle__button{flex:1;min-width:0}.viewer-search{width:280px;height:var(--control-height);border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.viewer-search--sidebar{width:100%;margin-bottom:12px}.viewer-search input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0}.viewer-search input::placeholder{color:var(--text-dim)}.viewer-content__meta{border-bottom:1px solid var(--border-soft);color:var(--text-muted);align-items:center;gap:16px;padding:10px 22px;font-size:12px;display:flex}.viewer-empty-state{color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.viewer-empty-state--compact{border:1px dashed var(--pill-border);background:var(--panel-bg);border-radius:16px;min-height:160px;padding:24px 18px}.viewer-empty-state--error{color:#f1b5b5}.icon-library,.icon-candidates{flex:1;grid-template-columns:minmax(0,1fr) 360px;min-width:0;min-height:0;display:grid;overflow:hidden}.icon-library__catalog,.icon-candidates__catalog{flex-direction:column;gap:18px;min-width:0;min-height:0;padding:24px;display:flex;overflow:auto}.icon-library__hero{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.icon-library__hero-copy{max-width:68ch}.icon-library__hero-copy h3{color:var(--text);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700}.icon-library__hero-copy p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.icon-library__hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-library__docs-link{border:1px solid var(--pill-border);background:var(--pill-bg);min-height:40px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}@media (hover:hover){.icon-library__docs-link:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--pill-bg);transform:translateY(-1px)}}.icon-library__summary{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.icon-library__summary strong{color:var(--text);font-size:15px;font-weight:700;display:block}.icon-library__summary p{color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.5}.icon-library__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.icon-library__card{border:1px solid var(--pill-border);background:linear-gradient(180deg, color-mix(in srgb, var(--pill-bg) 88%, transparent), color-mix(in srgb, var(--panel-bg) 82%, transparent));min-height:132px;color:var(--text);text-align:left;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 14px 14px;transition:background-color .14s,border-color .14s,color .14s,transform .14s,box-shadow .14s;display:flex}.icon-library__card:focus-visible,.icon-library__action:focus-visible{outline:2px solid color-mix(in srgb, var(--viewer-link-active) 72%, transparent);outline-offset:2px}@media (hover:hover){.icon-library__card:hover{border-color:color-mix(in srgb, var(--viewer-link-active) 30%, var(--pill-border));background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), linear-gradient(180deg, color-mix(in srgb, var(--pill-bg) 88%, transparent), color-mix(in srgb, var(--panel-bg) 82%, transparent));box-shadow:0 16px 32px color-mix(in srgb, var(--page-bg) 10%, transparent);transform:translateY(-1px)}}.icon-library__card--active{border-color:color-mix(in srgb, var(--viewer-link-active) 48%, var(--pill-border));background:linear-gradient(var(--interactive-active), var(--interactive-active)), linear-gradient(180deg, color-mix(in srgb, var(--pill-bg) 90%, transparent), color-mix(in srgb, var(--panel-bg) 84%, transparent))}.icon-library__card-icon{background:color-mix(in srgb, var(--interactive-hover) 56%, transparent);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-library__card-label{color:var(--text);font-size:14px;font-weight:700;line-height:1.35;display:block}.icon-library__card-meta{color:var(--text-muted);word-break:break-word;font-size:12px;line-height:1.4;display:block}.icon-library__results-note{border:1px dashed var(--pill-border);background:color-mix(in srgb, var(--pill-bg) 80%, transparent);color:var(--text-muted);border-radius:16px;padding:14px 16px;font-size:13px;line-height:1.55}.icon-library__detail{border-left:1px solid var(--border-soft);background:var(--detail-panel-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.icon-library__detail-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 16px;display:flex}.icon-library__detail-copy{flex-direction:column;gap:6px;display:flex}.icon-library__detail-copy h3{color:var(--text);margin:0;font-size:24px;font-weight:700}.icon-library__detail-copy p{color:var(--text-muted);margin:0;font-size:13px}.icon-library__preview-card{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:16px;padding:18px;display:flex}.icon-library__preview-stage{border:1px solid var(--pill-border);background:radial-gradient(circle at top, color-mix(in srgb, var(--interactive-hover) 78%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--panel-bg) 90%, transparent), color-mix(in srgb, var(--pill-bg) 84%, transparent));border-radius:24px;justify-content:center;align-items:center;min-height:168px;display:flex}.icon-library__preview-scales{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.icon-library__preview-scale{border:1px solid var(--pill-border);background:var(--pill-bg);min-height:76px;color:var(--text);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.icon-library__preview-scale span{color:var(--text-muted);font-size:11px;font-weight:600}.icon-library__actions{flex-wrap:wrap;gap:10px;padding:18px 18px 0;display:flex}.icon-library__action{border:1px solid var(--pill-border);background:var(--pill-bg);min-height:38px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}@media (hover:hover){.icon-library__action:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--pill-bg);transform:translateY(-1px)}}.icon-library__snippet-list{flex-direction:column;gap:12px;display:flex}.icon-library__snippet{border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:14px;margin:0;padding:12px 14px;overflow:auto}.icon-library__snippet code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6}.viewer-canonical{flex:1;min-width:0;min-height:0;display:flex}.viewer-canonical--plain{background:0 0;min-height:auto;display:block}.viewer-canonical__preview-surface{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-bg-elevated) 90%, transparent), transparent), color-mix(in srgb, var(--panel-bg) 96%, transparent);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 90%, transparent);border-radius:30px;flex:1;display:flex;overflow:hidden}.viewer-canonical__preview-surface--plain{min-height:auto;box-shadow:none;background:0 0;border-radius:0;display:block;overflow:visible}.viewer-canonical__preview-frame{background:color-mix(in srgb, var(--panel-bg) 82%, transparent);border:0;flex:1;width:100%;display:block}.viewer-canonical__preview-frame--plain{background:0 0}.candidate-preview{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.candidate-preview__toolbar{justify-content:flex-end;display:flex}.candidate-preview__eyebrow,.candidate-dm__eyebrow{color:var(--text-highlight);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.candidate-preview__canvas{box-sizing:border-box;gap:24px;padding:0 4px 20px;display:grid}.candidate-dm__desktop-shell{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;width:100%;min-height:720px;display:grid}.candidate-dm__desktop-shell--empty{min-height:640px}.candidate-dm__list-panel,.candidate-dm__thread-panel{flex-direction:column;min-height:0;display:flex}.candidate-dm__list-panel{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg-elevated) 74%, transparent);border-radius:28px;gap:18px;padding:24px}.candidate-dm__thread-panel{border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:28px;gap:0;padding:24px}.candidate-dm__thread-panel--empty{justify-content:center;align-items:center}.candidate-dm__panel-header,.candidate-dm__mobile-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.candidate-dm__panel-header h4,.candidate-dm__mobile-topbar h4{margin:4px 0 0;font-size:28px;line-height:1.05}.candidate-dm__search{border:1px solid var(--pill-border);background:var(--pill-bg);width:100%;color:var(--text-secondary);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:inline-flex}.candidate-dm__search-input{min-width:0;color:var(--text-primary);flex:1;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.candidate-dm__search-input::placeholder{color:var(--text-secondary)}.candidate-dm__search-input:focus-visible{outline:none}.candidate-dm__list-group{overflow:hidden}.candidate-dm__row{text-align:left;justify-content:flex-start;width:100%}.candidate-dm__row--active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-highlight) 28%, transparent)}.candidate-dm__row-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.candidate-dm__row-time{color:var(--text-secondary);white-space:nowrap;font-size:12px}.candidate-dm__row-time--emphasis{color:var(--text-highlight);font-weight:600}.candidate-dm__row-description--emphasis{color:var(--text-primary)}.candidate-dm__row-actions{align-items:center;gap:8px;display:inline-flex}.candidate-dm__avatar-stack{align-items:center;display:flex}.candidate-dm__avatar-stack [data-slot=avatar]+[data-slot=avatar]{margin-left:-10px}.candidate-dm__avatar-count{margin-left:-8px}.candidate-dm__utility-row{text-align:left;justify-content:flex-start;width:100%}.candidate-dm__thread-header{justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.candidate-dm__thread-title{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.candidate-dm__thread-name{font-size:20px;font-weight:700;line-height:1.1}.candidate-dm__thread-meta{color:var(--text-secondary);font-size:13px}.candidate-dm__thread-actions{align-items:center;gap:8px;display:flex}.candidate-dm__messages-scroll{flex:1;min-height:0}.candidate-dm__messages{gap:18px;padding:20px 0;display:grid}.candidate-dm__message{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:12px;display:grid}.candidate-dm__message-body{gap:6px;display:grid}.candidate-dm__message-meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.candidate-dm__message-meta strong{font-size:15px;font-weight:600;line-height:1.4}.candidate-dm__message-meta span{color:var(--text-secondary);font-size:13px}.candidate-dm__message-copy{margin:0;font-size:14px;line-height:1.5}.candidate-dm__message-copy--accent{color:var(--text-primary)}.candidate-dm__composer{gap:12px;padding-top:18px;display:grid}.candidate-dm__composer-textarea{resize:none;min-height:112px}.candidate-dm__composer-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.candidate-dm__composer-actions{align-items:center;gap:8px;display:flex}.candidate-dm__composer-note{color:var(--text-secondary);font-size:12px}.candidate-dm__preview-grid{align-items:start;gap:24px;width:100%;display:grid}.candidate-dm__preview-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-dm__surface{flex-direction:column;gap:14px;min-width:0;display:flex}.candidate-dm__surface--thread{max-width:860px;min-height:620px}.candidate-dm__surface--empty{justify-content:center;min-height:460px}.candidate-dm__surface--phone{width:min(390px,100%);margin-inline:auto}.candidate-dm__surface-header{align-items:center;min-height:20px;display:flex}.candidate-dm__section-label{color:var(--text-highlight);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.candidate-dm__list-panel--standalone{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg-elevated) 74%, transparent);border-radius:28px;padding:24px}.candidate-dm__phone-frame{border:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-bg-elevated) 82%, transparent), transparent), var(--panel-bg);width:min(390px,100%);min-height:760px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 82%, transparent);border-radius:32px;flex-direction:column;gap:18px;margin-inline:auto;padding:22px 20px 20px;display:flex}.candidate-dm__phone-frame--thread{min-height:820px}.candidate-dm__phone-frame--compact{min-height:auto}.candidate-dm__phone-frame--empty{justify-content:flex-start}.candidate-dm__phone-empty{flex:1;justify-content:center;align-items:center;min-height:320px;display:flex}.candidate-dm__empty{max-width:420px}@media (width<=1200px){.candidate-preview__toolbar{justify-content:flex-start}.candidate-dm__desktop-shell,.candidate-dm__preview-grid--two{grid-template-columns:minmax(0,1fr)}.candidate-dm__list-panel{border-bottom:1px solid var(--border-soft)}}@media (width<=860px){.viewer-canonical__preview-surface{border-radius:24px}}@media (width<=720px){.candidate-preview__canvas{padding:0 0 16px}.candidate-dm__thread-header{align-items:flex-start}.candidate-dm__composer-footer{flex-direction:column;align-items:stretch}.candidate-dm__composer-actions{justify-content:space-between}.candidate-dm__phone-frame{width:100%}}.variables-table{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.variables-table__scroll{flex:1;min-height:0;overflow:auto}.variables-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.variables-table th,.variables-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.variables-table thead th{z-index:8;background:var(--panel-bg);color:var(--text);text-align:left;padding:16px 20px;font-size:14px;font-weight:600;position:sticky;top:0}.variables-table__name-column{z-index:7;background:var(--panel-bg);width:276px;min-width:276px;position:sticky;left:0}.variables-table__value-column{width:var(--variable-column-width);min-width:var(--variable-column-width)}.variables-table--style .variables-table__value-column--style{width:480px;min-width:480px}.variables-table__name-cell{background:var(--panel-bg)}.variables-table__name-cell--style{vertical-align:top;padding-top:16px}.table-group-row td{background:var(--detail-panel-bg);color:var(--text);padding:14px 20px;font-size:18px;font-weight:500}.table-group__prefix{color:var(--text-muted);font-weight:400}.table-variable-row td{background:var(--panel-bg-elevated);vertical-align:middle;height:56px;padding:10px 16px}.variables-table--style .table-variable-row td{vertical-align:top;height:auto;padding-top:14px;padding-bottom:14px}.table-name{align-items:center;gap:12px;display:flex}.table-name__history{color:#dbe3ff;background:#5f6f9e2e;border:1px solid #5f6f9e80;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.table-name__icon{width:18px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.table-name__text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.value-cell{background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:6px 8px;display:inline-flex}.value-cell-shell{align-items:center;gap:8px;display:flex;position:relative}.value-cell-shell--editing{z-index:30;align-items:flex-start}.value-cell__history-pill{color:#dbe3ff;background:#5f6f9e2e;border:1px solid #5f6f9e80;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:11px;font-weight:700;display:inline-flex}.value-cell--editing{background:#262c3d;border-color:#5f6f9e73;width:100%;min-width:0;padding:4px 6px}.value-cell__inline-input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:4px 6px}.value-cell__inline-input--hex{text-transform:uppercase;width:88px}.value-cell__inline-input--alpha{width:62px}.value-cell__inline-input--token,.value-cell__inline-input--select{width:100%}.value-cell__icon-button{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent;width:24px;height:24px;color:var(--text-muted);border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.value-cell__review-button{color:var(--text-muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:4px 0 0 2px;font-size:11px;display:inline-flex}.value-cell__error{max-width:260px;color:var(--text-highlight);font-size:11px;line-height:1.4;position:absolute;top:calc(100% + 24px);left:0}.value-cell__popover{z-index:40;background:#242a38;border:1px solid #5f6f9e61;border-radius:14px;flex-direction:column;gap:12px;width:min(320px,56vw);padding:14px;display:flex;position:absolute;top:calc(100% + 28px);left:0;box-shadow:0 18px 40px #00000052}.value-cell__popover-header{color:var(--text);font-size:13px;font-weight:600}.value-cell__popover-diff{gap:10px;display:grid}.value-cell__popover-diff code{background:var(--panel-bg);color:var(--text);word-break:break-word;border-radius:10px;margin-top:4px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.value-cell__popover-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.value-cell__popover-field{flex-direction:column;gap:8px;display:flex}.value-cell__popover-field span{color:var(--text-muted);font-size:11px;font-weight:600}.value-cell__popover-field textarea{border:1px solid var(--pill-border);background:var(--panel-bg);min-height:90px;color:var(--text);resize:vertical;border-radius:10px;padding:10px 12px}.value-cell__popover-actions{justify-content:flex-end;gap:8px;display:flex}.value-cell__popover-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-width:96px;padding:9px 12px;display:inline-flex}.value-cell__popover-button--secondary{border-color:var(--pill-border);background:color-mix(in srgb, var(--interactive-active) 100%, var(--panel-bg))}.value-cell__popover-button--primary{color:var(--specimen-product-bg-light);background:#c64d11}.value-cell:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent;border-color:var(--pill-border)}.value-cell--missing{color:var(--text-dim);padding-left:0}.value-cell--primitive{color:var(--text);padding-left:0}.value-cell--definition{align-items:flex-start;gap:12px;width:100%;padding:0;display:grid}.style-specimen{--style-specimen-product-bg:var(--specimen-product-bg-dark);--style-specimen-surface-bg:var(--specimen-surface-dark);--style-specimen-text-color:var(--specimen-text-dark);border:1px solid var(--pill-border);background:var(--detail-panel-bg);border-radius:14px;gap:10px;padding:14px;display:grid}.viewer-page[data-viewer-color-mode=light] .style-specimen[data-specimen-tone=viewer],.style-specimen[data-specimen-tone=light]{--style-specimen-product-bg:var(--specimen-product-bg-light);--style-specimen-surface-bg:var(--specimen-surface-light);--style-specimen-text-color:var(--specimen-text-light)}.viewer-page[data-viewer-color-mode=dark] .style-specimen[data-specimen-tone=viewer],.style-specimen[data-specimen-tone=dark]{--style-specimen-product-bg:var(--specimen-product-bg-dark);--style-specimen-surface-bg:var(--specimen-surface-dark);--style-specimen-text-color:var(--specimen-text-dark)}.style-specimen__eyebrow{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.style-specimen__caption{color:var(--text-muted);font-size:12px;line-height:1.45}.style-specimen__text{min-width:0;color:var(--style-specimen-text-color);font-feature-settings:"liga" 1, "kern" 1;word-break:break-word}.style-specimen__text-stage{border:1px solid var(--paper-border);background:var(--style-specimen-product-bg);border-radius:12px;align-items:center;min-height:108px;padding:18px;display:flex}.style-specimen__effect-stage,.style-specimen__grid-stage{border:1px solid var(--paper-border);background:var(--style-specimen-product-bg);border-radius:12px;justify-content:center;align-items:center;min-height:108px;display:flex;position:relative;overflow:hidden}.style-specimen__effect-surface{background:var(--style-specimen-surface-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;justify-content:center;align-items:center;min-width:190px;min-height:76px;padding:18px 24px;display:inline-flex}.style-specimen__effect-label{color:var(--style-specimen-text-color);letter-spacing:.01em;font-size:13px;font-weight:600}.style-specimen__grid-columns{align-items:stretch;width:100%;min-height:84px;display:grid}.style-specimen__grid-stage{padding:12px}.style-specimen__grid-column{background:linear-gradient(#6563ff80,#6563ff42);border:1px solid #ffffff1f;border-radius:8px}.value-cell--alias{border-color:var(--pill-border);background:var(--detail-panel-bg);justify-content:flex-start;width:100%}.value-cell__alias-text{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.value-swatch{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:6px;flex:none;width:24px;height:24px;display:inline-flex;position:relative;overflow:hidden}.value-swatch--alias{width:20px;height:20px}.value-swatch--alpha{background:linear-gradient(45deg, color-mix(in srgb, var(--text) 18%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--text) 18%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--text) 18%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--text) 18%, transparent) 75%);background-color:var(--panel-bg-elevated);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.value-swatch__fill{position:absolute;inset:0}.value-cell__text{letter-spacing:.02em;font-size:13px;font-weight:500}.value-cell__subtle{color:var(--text-muted);font-variant-numeric:tabular-nums}.value-cell__divider{background:var(--border);width:1px;height:24px}.definition-cell__section{gap:8px;display:grid}.definition-cell__section-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.definition-cell__entries{flex-wrap:wrap;gap:8px;display:flex}.definition-entry{border:1px solid var(--pill-border);background:color-mix(in srgb, var(--panel-bg) 66%, transparent);border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:100%;padding:8px 10px;display:inline-flex}.definition-entry--wide{width:100%;display:flex}.definition-entry__label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}.definition-entry__value{align-items:center;gap:8px;min-width:0;display:inline-flex}.definition-entry__value--color{gap:6px}.definition-entry__text{min-width:0;color:var(--text);word-break:break-word;font-size:13px;line-height:1.35}.definition-entry__subtle{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.definition-entry__swatch{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:4px;flex:none;width:14px;height:14px;display:inline-flex;position:relative;overflow:hidden}.definition-entry__swatch--alpha{background:linear-gradient(45deg, color-mix(in srgb, var(--text) 18%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--text) 18%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--text) 18%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--text) 18%, transparent) 75%);background-color:var(--panel-bg-elevated);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.definition-entry__swatch-fill{position:absolute;inset:0}.variables-table__empty{color:var(--text-muted);text-align:center;padding:30px 20px}.conformance-table{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.conformance-table__scroll{flex:1;min-height:0;overflow:auto}.conformance-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.conformance-table th,.conformance-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.conformance-table thead th{z-index:8;background:var(--panel-bg);color:var(--text);text-align:left;padding:16px 20px;font-size:14px;font-weight:600;position:sticky;top:0}.conformance-table__name-column{z-index:7;background:var(--panel-bg);width:320px;min-width:320px;position:sticky;left:0}.conformance-table__name-cell{background:var(--panel-bg)}.conformance-row td{background:var(--panel-bg-elevated);vertical-align:middle;height:72px;padding:12px 16px}.conformance-row{cursor:pointer}.conformance-row:hover td{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--panel-bg-elevated)}.conformance-row--active td{background:linear-gradient(var(--interactive-active), var(--interactive-active)), var(--panel-bg-elevated)}.conformance-name{flex-direction:column;gap:6px;display:flex}.conformance-name__label{font-size:14px;font-weight:600}.conformance-name__path{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.conformance-cell{justify-content:flex-start;align-items:center;display:flex}.conformance-status-pill{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.conformance-status-pill--reference{color:#dbe3ff;background:#5f6f9e2e;border-color:#5f6f9e80}.conformance-status-pill--starter-lab{color:#b9f4e9;background:#009e8329;border-color:#009e836b}.conformance-status-pill--inline-lab{color:#ffebae;background:#ffcb6b24;border-color:#ffcb6b6b}.conformance-status-pill--planned{background:color-mix(in srgb, var(--panel-bg) 66%, transparent);color:var(--text-muted);border-color:#ffffff1a}.table-create-row td{background:var(--detail-panel-bg);color:var(--text);padding:18px 20px;font-size:16px}.viewer-toast{background:#0e0e0ef0;border:1px solid #ffffff14;border-radius:12px;padding:10px 14px;font-size:13px;position:fixed;bottom:24px;right:28px;box-shadow:0 18px 40px #00000059}.viewer-history-panel{z-index:20;border-left:1px solid var(--border-soft);background:var(--detail-panel-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:0 0 380px;width:380px;min-width:380px;min-height:0;display:flex;position:relative;overflow:hidden auto;box-shadow:-12px 0 32px #00000047}.viewer-history-panel__header,.viewer-history-panel__section{padding:18px 18px 16px}.viewer-history-panel__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.viewer-history-panel__title-block h3{color:var(--text);margin:6px 0;font-size:22px}.viewer-history-panel__eyebrow{color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.viewer-history-panel__meta{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.viewer-history-panel__section{border-bottom:1px solid var(--border-soft)}.viewer-history-panel__section--grow{flex:none;overflow:visible}.viewer-history-panel__section-header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.viewer-history-panel__count{color:var(--text-muted);font-variant-numeric:tabular-nums}.viewer-history-copy{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.viewer-history-panel__current-value{border:1px solid var(--pill-border);background:var(--panel-bg);color:var(--text);word-break:break-word;border-radius:12px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.viewer-detail-panel{border-left:1px solid var(--border-soft);background:var(--detail-panel-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:0 0 380px;width:380px;min-width:380px;min-height:0;display:flex;overflow:hidden auto}.viewer-detail-panel__header,.viewer-detail-panel__section{padding:18px 18px 16px}.viewer-detail-panel__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.viewer-detail-panel__title-block{flex-direction:column;gap:6px;display:flex}.viewer-detail-panel__eyebrow{color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.viewer-detail-panel__title-block h3{color:var(--text);margin:0;font-size:22px;font-weight:600}.viewer-detail-panel__section{border-bottom:1px solid var(--border-soft)}.viewer-detail-panel__section--grow{flex:none;overflow:visible}.viewer-detail-panel__section-header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.viewer-detail-panel__count{color:var(--text-muted);font-variant-numeric:tabular-nums}.viewer-detail-panel__path{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;margin-top:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block;overflow:hidden}.viewer-platform-list{flex-direction:column;gap:12px;display:flex}.viewer-platform-item{border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:14px;padding:14px}.viewer-platform-item__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.viewer-platform-item__label{font-size:14px;font-weight:600}.viewer-platform-item__surface{color:var(--text-muted);margin-top:4px;font-size:12px}.viewer-platform-item__details{color:var(--text);margin:12px 0 0;font-size:13px;line-height:1.45}.viewer-platform-item__details--flush{margin-top:0}.viewer-platform-item__path{border:1px solid var(--pill-border);background:var(--panel-bg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;margin-top:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block;overflow:hidden}.viewer-platform-item__placeholder{color:var(--text-muted);margin:12px 0 0;font-size:12px}.viewer-platform-item__evidence{margin-top:12px}.viewer-platform-item__evidence-preview{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:12px;margin-top:12px;display:block;overflow:hidden}.viewer-platform-item__evidence-preview img{width:100%;height:auto;display:block}.viewer-platform-item__evidence-header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.viewer-evidence-pill{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.viewer-evidence-pill--missing{background:color-mix(in srgb, var(--panel-bg) 66%, transparent);color:var(--text-muted);border-color:#ffffff1a}.viewer-evidence-pill--captured{color:color-mix(in srgb, var(--text) 88%, #009e83);background:#009e8329;border-color:#009e836b}.viewer-evidence-pill--stale{color:#ffebae;background:#ffcb6b24;border-color:#ffcb6b6b}.component-lab{flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px;display:flex;overflow:auto}.component-lab__header{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.component-lab__header-actions{align-items:center;gap:12px;display:flex}.component-lab__header-copy{max-width:760px}.component-lab__eyebrow{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.component-lab__header-copy h3{color:var(--text);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700}.component-lab__header-copy p{max-width:64ch;color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.component-lab__badge-row,.component-lab-panel__badge-row,.component-lab__tag-row{flex-wrap:wrap;gap:8px;display:flex}.component-lab-badge,.component-lab__tag{border:1px solid var(--pill-border);background:var(--pill-bg);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.component-lab-badge--reference{color:#dbe3ff;background:#5f6f9e2e;border-color:#5f6f9e80}.component-lab-badge--docs{color:color-mix(in srgb, var(--text) 88%, #6c5dd3);background:#6c5dd329;border-color:#6c5dd373}.component-lab-badge--foundation{background:var(--pill-bg);color:var(--text);border-color:#ffffff1a}.component-lab-badge--engine{background:color-mix(in srgb, var(--panel-bg-elevated) 84%, transparent);color:var(--text);border-color:#ffffff1f}.component-lab-badge--ai{color:color-mix(in srgb, var(--text) 88%, #009e83);background:#009e8329;border-color:#009e836b}.component-lab__tag{background:color-mix(in srgb, var(--panel-bg) 58%, transparent);color:var(--text-muted);font-weight:600}.catalog-docs{flex-direction:column;gap:0;display:flex}.catalog-docs__section{padding:22px 0}.catalog-docs__section+.catalog-docs__section{border-top:1px solid var(--border-soft)}.catalog-docs__stage{border:1px solid var(--paper-border);background:var(--paper-bg);color:var(--paper-text);border-radius:22px;padding:24px}.catalog-docs__eyebrow{color:color-mix(in srgb, var(--paper-text) 62%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.catalog-docs__stage h4{color:var(--paper-text);letter-spacing:-.03em;margin:10px 0;font-size:28px;font-weight:700}.catalog-docs__stage p{max-width:62ch;color:color-mix(in srgb, var(--paper-text) 74%, transparent);margin:0;font-size:15px;line-height:1.7}.catalog-docs__meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.catalog-docs__meta-card{border:1px solid color-mix(in srgb, var(--paper-border) 86%, transparent);background:color-mix(in srgb, var(--paper-bg) 84%, transparent);border-radius:18px;flex-direction:column;gap:8px;min-height:108px;padding:16px;display:flex}.catalog-docs__meta-card span{color:color-mix(in srgb, var(--paper-text) 58%, transparent);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.catalog-docs__meta-card strong{color:var(--paper-text);font-size:16px;line-height:1.45}.catalog-docs__section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.catalog-docs__section-card{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg) 54%, transparent);border-radius:18px;flex-direction:column;gap:10px;min-height:140px;padding:18px;display:flex}.catalog-docs__section-card span{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:700}.catalog-docs__section-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.component-lab__preview-shell{padding:0}.component-lab__pending{gap:20px;display:grid}.component-lab__pending-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.component-lab__pending-card{border-top:1px solid var(--border-soft);gap:12px;padding-top:20px;display:grid}.component-lab__pending-card h4{color:var(--text);margin:0;font-size:.9rem;line-height:1.4}.component-lab__pending-card p{color:var(--text-muted);margin:0;line-height:1.55}.component-lab__preview-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.component-lab__preview-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:13px;line-height:1.5}.component-lab__link{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}@media (hover:hover){.component-lab__link:hover{border-color:var(--blue-strong);background:var(--chip-hover);transform:translateY(-1px)}}.component-lab__link--panel{align-self:flex-start;margin-top:12px}.component-lab-panel__meta-list{gap:12px;margin-top:14px;display:grid}.component-lab-panel__meta-item{border-top:1px solid var(--border-soft);flex-direction:column;gap:4px;padding-top:12px;display:flex}.component-lab-panel__meta-item span{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.component-lab-panel__meta-item strong{color:var(--text);font-size:13px;line-height:1.45}.component-lab-panel__callout{margin-top:10px;line-height:1.6}.component-lab-panel__inline-code{margin:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.button-docs{flex-direction:column;gap:0;display:flex}.button-docs__section{padding:22px 0}.button-docs__section+.button-docs__section{border-top:1px solid var(--border-soft)}.button-docs__section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.button-docs__section-header h3{color:var(--text);letter-spacing:-.03em;margin:8px 0;font-size:22px;font-weight:700}.button-docs__section-header p{max-width:68ch;color:var(--text-muted);margin:0;line-height:1.6}.button-docs__section-header code,.button-docs__code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.button-docs__code-block{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 72%, var(--code-bg));color:var(--code-text);border-radius:16px;margin:0;padding:16px;font-size:13px;line-height:1.7;overflow:auto}.button-docs__callout{border-left:2px solid var(--text-highlight);background:color-mix(in srgb, var(--panel-bg) 82%, transparent);border-radius:16px;margin-bottom:14px;padding:14px 16px 14px 18px}.button-docs__callout strong{margin-bottom:6px;display:block}.button-docs__callout p{color:var(--text-muted);margin:0;line-height:1.6}.button-docs__example-list{flex-direction:column;gap:0;display:flex}.button-docs__example-card{padding:18px 0}.button-docs__example-card+.button-docs__example-card{border-top:1px solid var(--border-soft)}.button-docs__example-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.button-docs__example-header h4{color:var(--text);letter-spacing:-.02em;margin:0 0 6px;font-size:18px}.button-docs__example-header p{max-width:54ch;color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.button-docs__example-note{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.button-docs__example-stage{border:1px solid var(--paper-border);background:var(--paper-bg);color:var(--paper-text);border-radius:18px;padding:22px}.button-docs__button-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.button-docs__tooltip-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button-docs__disabled-wrapper{display:inline-flex}.button-docs__button-row--rtl{justify-content:flex-end}.button-docs__button-group{flex-wrap:wrap;display:inline-flex}.button-docs__button-group>.lab-button{border-radius:0;margin-left:-1px;position:relative}.button-docs__button-group>.lab-button:first-child{border-top-left-radius:11px;border-bottom-left-radius:11px;margin-left:0}.button-docs__button-group>.lab-button:last-child{border-top-right-radius:11px;border-bottom-right-radius:11px}.button-docs__rtl-shell{border:1px solid var(--paper-border);background:var(--paper-bg);color:var(--paper-text);border-radius:18px;padding:18px}.button-docs__rtl-header{color:color-mix(in srgb, var(--paper-text) 64%, transparent);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.button-docs__api-table{border-top:1px solid var(--border-soft)}.button-docs__api-row{grid-template-columns:140px minmax(0,1fr) 120px;gap:16px;padding:14px 0;display:grid}.button-docs__api-row+.button-docs__api-row{border-top:1px solid var(--border-soft)}.button-docs__api-row span{font-size:13px;line-height:1.55}.button-docs__api-row--header{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.button-docs__notes{border:1px solid var(--pill-border);background:color-mix(in srgb, var(--panel-bg) 62%, transparent);border-radius:18px}.button-docs__notes[open]{background:color-mix(in srgb, var(--panel-bg) 76%, transparent)}.button-docs__notes-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-size:14px;font-weight:600;list-style:none;display:flex}.button-docs__notes-summary::-webkit-details-marker{display:none}.button-docs__notes-meta{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.button-docs__notes-body{border-top:1px solid var(--border-soft);gap:18px;padding:18px;display:grid}.button-docs__notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.button-docs__notes-card,.button-docs__stack{gap:14px;display:grid}.button-docs__field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.button-docs__field-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.button-docs__field-span-2{grid-column:span 2}.button-docs__inline-field{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button-docs__inline-field--stacked{justify-content:space-between}.button-docs__inline-field-input{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 92%, white 8%);min-width:min(100%,360px);color:var(--text-muted);border-radius:14px;flex:240px;align-items:center;gap:10px;padding:0 12px;display:inline-flex}.button-docs__inline-field-input svg{flex:none;width:16px;height:16px}.button-docs__inline-field-input>.lab-input{box-shadow:none;background:0 0;border:0;padding-inline:0}.button-docs__inline-field-input>.lab-input:focus-visible{box-shadow:none}.button-docs__composer{gap:14px;display:grid}.button-docs__composer-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.button-docs__card-shell{width:min(100%,420px)}.button-docs__card-shell--sm{width:min(100%,320px)}.button-docs__card-cover{border-bottom:1px solid var(--border-soft);background:radial-gradient(circle at top left, #f3703e33, transparent 42%), linear-gradient(135deg, #5f6f9e29, #76d1c114), color-mix(in srgb, var(--panel-bg-elevated) 78%, var(--paper-bg));min-height:140px;padding:18px}.button-docs__card-footer-actions{justify-content:flex-end;gap:10px}.button-docs__inline-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.button-docs__inline-meta svg{width:15px;height:15px}.button-docs__checklist{color:var(--text-muted);gap:10px;margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.6;display:grid}.button-docs__weight-sample{color:var(--paper-text);letter-spacing:-.03em;margin:0;font-size:26px;line-height:1.2}.lab-icon-button{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 72%, transparent);width:32px;height:32px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.lab-icon-button svg{width:16px;height:16px}.lab-surface-card{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 92%, white 8%);border-radius:16px;gap:8px;padding:16px;display:grid}.lab-surface-card p{color:var(--text-muted);margin:0;line-height:1.55}.lab-menu{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);border-radius:16px;gap:2px;min-width:220px;padding:8px;display:grid}.lab-menu__title{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;padding:6px 8px;font-size:11px;font-weight:700}.lab-menu__item{color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.lab-menu__item--destructive{color:var(--text-highlight)}.lab-menu__hint{color:var(--text-muted);font-size:12px}.lab-alert{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;display:grid}.lab-alert--danger{border-color:color-mix(in srgb, var(--text-highlight) 22%, var(--border))}.lab-alert svg{width:18px;height:18px;color:var(--text-highlight);margin-top:2px}.lab-alert__body{gap:4px;display:grid}.lab-alert__body p{color:var(--text-muted);margin:0;line-height:1.55}.lab-choice{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.lab-choice input{margin:2px 0 0}.lab-choice__body{gap:4px;display:grid}.lab-choice__body span{color:var(--text-muted);font-size:13px;line-height:1.5}.lab-switch-row{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.lab-switch-row__copy{gap:4px;display:grid}.lab-switch-row__copy span{color:var(--text-muted);font-size:13px;line-height:1.5}.lab-switch{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 76%, transparent);border-radius:999px;align-items:center;width:46px;height:28px;padding:3px;transition:background-color .14s;display:inline-flex}.lab-switch__thumb{background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .14s;box-shadow:0 1px 3px #0d0c0c2e}.lab-switch--checked{background:var(--lab-button-primary-default)}.lab-switch--checked .lab-switch__thumb{transform:translate(18px)}.lab-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.lab-breadcrumb a{color:var(--text);text-decoration:none}.lab-calendar{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:18px;gap:12px;width:min(100%,320px);padding:16px;display:grid}.lab-calendar__header{justify-content:space-between;align-items:center;display:flex}.lab-calendar__weekdays,.lab-calendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.lab-calendar__weekdays span{color:var(--text-muted);letter-spacing:.05em;text-align:center;text-transform:uppercase;font-size:11px;font-weight:700}.lab-calendar__day{aspect-ratio:1;color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px}.lab-calendar__day--active{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text)}.lab-chart{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:18px;width:min(100%,420px);padding:18px}.lab-chart__bars{align-items:end;gap:14px;min-height:180px;display:flex}.lab-chart__bar-wrap{flex:1;justify-items:center;gap:8px;display:grid}.lab-chart__bar{background:linear-gradient(180deg, var(--lab-button-secondary-default), var(--lab-button-primary-default));border-radius:999px 999px 10px 10px;width:100%;min-height:24px}.lab-table-wrap{border:1px solid var(--border);border-radius:18px;width:100%;overflow:auto}.lab-table{border-collapse:collapse;background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);width:100%}.lab-table th,.lab-table td{border-bottom:1px solid var(--border-soft);text-align:left;padding:12px 14px}.lab-table th{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.lab-table td{color:var(--text);font-size:14px}.lab-toast-stack{justify-items:end;gap:10px;display:grid}.lab-toast{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);border-radius:16px;justify-content:space-between;align-items:start;gap:14px;width:min(100%,320px);padding:14px 16px;display:flex;box-shadow:0 10px 24px #0d0c0c14}.lab-toast--subtle{opacity:.86}.lab-toast__body{gap:4px;display:grid}.lab-toast__body p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.lab-sidebar-preview{border:1px solid var(--border);border-radius:18px;grid-template-columns:54px minmax(0,1fr);width:min(100%,360px);display:grid;overflow:hidden}.lab-sidebar-preview__rail{border-right:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg) 74%, transparent);flex-direction:column;align-items:center;gap:18px;padding:14px 0;display:flex}.lab-sidebar-preview__brand svg{width:18px;height:18px}.lab-sidebar-preview__nav{gap:12px;display:grid}.lab-sidebar-preview__dot{background:color-mix(in srgb, var(--text) 20%, transparent);border-radius:999px;width:10px;height:10px}.lab-sidebar-preview__dot--active{background:var(--lab-button-secondary-default)}.lab-sidebar-preview__panel{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);gap:10px;padding:16px;display:grid}.lab-sidebar-preview__item{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg) 60%, transparent);border-radius:12px;padding:10px 12px}.lab-disclosure-stack{gap:10px;display:grid}.lab-disclosure{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:14px;padding:0 14px}.lab-disclosure summary{cursor:pointer;color:var(--text);padding:14px 0;font-weight:600;list-style:none}.lab-disclosure p{color:var(--text-muted);margin:0 0 14px;line-height:1.55}.lab-ratio-grid,.lab-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lab-ratio{border:1px dashed var(--border);background:color-mix(in srgb, var(--panel-bg) 62%, transparent);color:var(--text-muted);border-radius:18px;place-items:center;gap:10px;display:grid}.lab-ratio--wide{aspect-ratio:16/9}.lab-ratio--square{aspect-ratio:1}.lab-command{gap:12px;width:min(100%,360px);display:grid}.lab-context-preview,.lab-dropdown-preview,.lab-popover-preview,.lab-hover-card-preview{place-items:start;gap:14px;display:grid}.lab-hover-card-preview__card,.lab-popover-preview__card{width:min(100%,280px)}.lab-item-list{gap:10px;width:min(100%,360px);display:grid}.lab-item{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.lab-item p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.lab-menubar,.lab-navigation{gap:12px;width:min(100%,380px);display:grid}.lab-menubar__row,.lab-navigation__row{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:inline-flex}.lab-menubar__row span,.lab-navigation__row span{border-radius:10px;padding:8px 10px}.lab-navigation__panel{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:16px;padding:14px 16px}.lab-navigation__panel p{color:var(--text-muted);margin:6px 0 0;line-height:1.55}.lab-pagination{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.lab-pagination button{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);min-width:36px;height:36px;color:var(--text);border-radius:10px}.lab-pagination__current{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text)}.lab-progress{background:color-mix(in srgb, var(--panel-bg) 72%, transparent);border-radius:999px;width:min(100%,360px);height:10px;overflow:hidden}.lab-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--lab-button-secondary-default), var(--lab-button-primary-default));height:100%;display:block}.lab-select,.lab-select-trigger{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);width:min(100%,320px);min-height:42px;color:var(--text);border-radius:14px;padding:0 14px}.lab-select-trigger{justify-content:space-between;align-items:center;gap:10px;display:inline-flex}.lab-sheet-preview,.lab-drawer-preview{border:1px solid var(--border);background:linear-gradient(#0d0c0c14, #0d0c0c14), color-mix(in srgb, var(--panel-bg) 52%, transparent);border-radius:20px;width:min(100%,420px);min-height:220px;position:relative;overflow:hidden}.lab-sheet-preview__panel{border-left:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);width:min(88%,260px);padding:18px;position:absolute;top:0;bottom:0;right:0}.lab-sheet-preview__panel p,.lab-drawer-preview__sheet p{color:var(--text-muted);margin:6px 0 0;line-height:1.55}.lab-drawer-preview__sheet{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);border-radius:20px;gap:12px;padding:14px 16px 18px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.lab-drawer-preview__grabber{background:color-mix(in srgb, var(--text) 20%, transparent);border-radius:999px;width:52px;height:5px;margin:0 auto}.lab-skeleton-row{align-items:center;gap:14px;display:flex}.lab-skeleton-row__copy{flex:1;gap:10px;display:grid}.lab-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--panel-bg) 70%, transparent), color-mix(in srgb, var(--panel-bg-elevated) 92%, white 8%), color-mix(in srgb, var(--panel-bg) 70%, transparent));border-radius:999px}.lab-skeleton--avatar{width:40px;height:40px}.lab-skeleton--line{width:72%;height:12px}.lab-skeleton--line-short{width:44%;height:12px}.lab-skeleton--block{border-radius:18px;width:100%;height:120px}.lab-slider{width:min(100%,360px)}.lab-separator{background:var(--border);width:100%;height:1px}.lab-separator--vertical{width:1px;height:24px}.lab-resizable{border:1px solid var(--border);border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;width:min(100%,420px);display:grid;overflow:hidden}.lab-resizable__pane{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);min-height:160px;padding:18px}.lab-resizable__pane--muted{background:color-mix(in srgb, var(--panel-bg) 72%, transparent)}.lab-resizable__handle{border-inline:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg) 76%, transparent);place-items:center;width:28px;display:grid}.lab-scroll-area{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);border-radius:18px;width:min(100%,360px);max-height:220px;overflow:auto}.lab-scroll-area__row{border-bottom:1px solid var(--border-soft);padding:12px 14px}.lab-scroll-area__row:last-child{border-bottom:0}.lab-otp{flex-wrap:wrap;gap:10px;display:flex}.lab-otp__cell{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);width:44px;height:52px;color:var(--text);text-align:center;border-radius:14px;font-size:20px}.lab-avatar-row,.lab-avatar-stack{align-items:center;display:flex}.lab-avatar-row{gap:12px}.lab-avatar-stack>*+*{margin-left:-10px}.lab-avatar{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);width:38px;height:38px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.lab-avatar--lg{width:52px;height:52px;font-size:14px}.lab-empty{border:1px dashed var(--border);background:color-mix(in srgb, var(--panel-bg) 72%, transparent);text-align:center;border-radius:18px;justify-items:center;gap:10px;width:min(100%,360px);padding:24px;display:grid}.lab-empty svg{width:28px;height:28px;color:var(--text-muted)}.lab-empty p{color:var(--text-muted);margin:0;line-height:1.55}.lab-tabs{gap:12px;width:min(100%,400px);display:grid}.lab-tabs__list{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 72%, transparent);border-radius:14px;gap:8px;padding:6px;display:inline-flex}.lab-tabs__trigger{color:var(--text-muted);background:0 0;border:0;border-radius:10px;padding:10px 12px}.lab-tabs__trigger--active{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);color:var(--text)}.lab-tabs__panel{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);color:var(--text-muted);border-radius:16px;padding:16px}.lab-typography{gap:12px;width:min(100%,560px);display:grid}.lab-typography h1,.lab-typography h2,.lab-typography p,.lab-typography ul{margin:0}.lab-typography h1{letter-spacing:-.04em;font-size:32px}.lab-typography h2{letter-spacing:-.03em;font-size:22px}.lab-typography p,.lab-typography ul{color:var(--text-muted);line-height:1.65}.lab-typography code{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg) 72%, transparent);border-radius:10px;width:fit-content;padding:8px 10px}.lab-field{gap:8px;display:grid}.lab-field-group{gap:16px;display:grid}.lab-field--horizontal{grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:center}.lab-field__label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.lab-field__label{color:var(--text);font-size:13px;font-weight:600;line-height:1.5}.lab-field__description{color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.lab-input,.lab-textarea{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);width:100%;color:var(--text);border-radius:14px;transition:border-color .14s,box-shadow .14s,background-color .14s,color .14s}.lab-input{min-height:42px;padding:0 14px;font-size:14px}.lab-textarea{resize:vertical;min-height:124px;padding:12px 14px;font-size:14px;line-height:1.6}.lab-input::-moz-placeholder{color:var(--text-dim)}.lab-textarea::-moz-placeholder{color:var(--text-dim)}.lab-input::placeholder,.lab-textarea::placeholder{color:var(--text-dim)}.lab-input::file-selector-button{background:color-mix(in srgb, var(--panel-bg) 76%, transparent);color:var(--text);font:inherit;border:0;border-radius:10px;margin-right:12px;padding:8px 12px;font-size:13px;font-weight:600}.lab-input:focus-visible,.lab-textarea:focus-visible{border-color:var(--blue-strong);box-shadow:0 0 0 1px color-mix(in srgb, var(--blue-strong) 68%, transparent), 0 0 0 4px color-mix(in srgb, var(--blue-strong) 18%, transparent);outline:none}.lab-input[aria-invalid=true],.lab-textarea[aria-invalid=true]{border-color:color-mix(in srgb, var(--text-highlight) 56%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--text-highlight) 14%, transparent)}.lab-input:disabled,.lab-textarea:disabled{cursor:not-allowed;background:color-mix(in srgb, var(--panel-bg) 82%, transparent);color:var(--text-disabled)}.lab-badge{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.lab-badge--subtle{color:var(--text-muted)}.lab-card{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%);color:var(--text);border-radius:20px;flex-direction:column;gap:16px;display:flex;overflow:hidden}.lab-card--sm{gap:12px}.lab-card__header,.lab-card__content,.lab-card__footer{padding-inline:18px}.lab-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-top:18px;display:grid}.lab-card--sm .lab-card__header,.lab-card--sm .lab-card__content,.lab-card--sm .lab-card__footer{padding-inline:14px}.lab-card__title{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:600;line-height:1.3}.lab-card__description{color:var(--text-muted);font-size:14px;line-height:1.55}.lab-card__action{justify-content:flex-end;align-items:center;display:inline-flex}.lab-card__content{gap:14px;display:grid}.lab-card__footer{border-top:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg) 70%, transparent);align-items:center;padding-block:14px;display:flex}.lab-dialog__backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0c0c2e;position:fixed;inset:0}.lab-dialog__content{z-index:81;border:1px solid var(--border);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);width:min(100vw - 32px,420px);max-height:min(82vh,720px);color:var(--text);border-radius:22px;gap:18px;padding:22px;animation:.16s ease-out lab-dialog-in;display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 72px #0d0c0c33}.lab-dialog__content--tall{width:min(100vw - 32px,560px)}.lab-dialog__close{position:absolute;top:16px;right:16px}.lab-dialog__header{gap:8px;padding-right:36px;display:grid}.lab-dialog__title{color:var(--text);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:700;line-height:1.15}.lab-dialog__description{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.lab-dialog__scroll-region{max-height:300px;margin-inline:-4px;padding-inline:4px;overflow:auto}.lab-dialog__scroll-region--framed{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding-block:12px}.lab-dialog__body-copy{gap:12px;display:grid}.lab-dialog__body-copy p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.lab-dialog__footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.lab-dialog__footer--sticky{border-top:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%);margin:0 -22px -22px;padding:16px 22px 22px}@keyframes lab-dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.lab-toggle{color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s;display:inline-flex}.lab-toggle:not(:disabled){cursor:pointer}.lab-toggle:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb, var(--blue-strong) 68%, transparent), 0 0 0 4px color-mix(in srgb, var(--blue-strong) 18%, transparent);outline:none}.lab-toggle:active{transform:translateY(1px)scale(.985)}.lab-toggle:disabled{cursor:default;opacity:.48;pointer-events:none}.lab-toggle svg{flex:none;width:1em;height:1em}.lab-toggle--size-sm{border-radius:10px;min-height:30px;padding:0 10px;font-size:12px}.lab-toggle--size-default{min-height:38px;padding:0 12px;font-size:14px}.lab-toggle--size-lg{border-radius:14px;min-height:44px;padding:0 16px;font-size:15px}.lab-toggle--default{color:var(--text);background:0 0}.lab-toggle--outline{border-color:var(--border);color:var(--text);background:0 0}.lab-toggle[aria-pressed=true]{background:color-mix(in srgb, var(--panel-bg) 72%, var(--text) 10%)}.lab-toggle--outline[aria-pressed=true]{border-color:var(--blue-strong)}.lab-toggle-group{--lab-toggle-gap:0px;align-items:center;gap:var(--lab-toggle-gap);flex-wrap:wrap;display:inline-flex}.lab-toggle-group--vertical{flex-direction:column;align-items:stretch}.lab-toggle-group__item--flush{position:relative}.lab-toggle-group--flush:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush{border-radius:0;margin-left:-1px}.lab-toggle-group--flush:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px;margin-left:0}.lab-toggle-group--flush:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.lab-toggle-group--flush.lab-toggle-group--vertical .lab-toggle-group__item--flush{border-radius:0;margin-top:-1px}.lab-toggle-group--flush.lab-toggle-group--vertical .lab-toggle-group__item--flush:first-child{border-top-left-radius:12px;border-top-right-radius:12px;margin-top:0}.lab-toggle-group--flush.lab-toggle-group--vertical .lab-toggle-group__item--flush:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.component-lab[data-component-skin=tenx] .lab-input,.component-lab[data-component-skin=tenx] .lab-textarea,.component-lab[data-component-skin=tenx] .button-docs__inline-field-input{border-color:var(--pill-border);background:color-mix(in srgb, var(--panel-bg) 82%, var(--paper-bg));color:var(--paper-text)}.component-lab[data-component-skin=tenx] .lab-card{border-color:var(--paper-border);background:color-mix(in srgb, var(--panel-bg-elevated) 74%, var(--paper-bg));color:var(--paper-text);box-shadow:none}.component-lab[data-component-skin=tenx] .lab-icon-button,.component-lab[data-component-skin=tenx] .lab-menu,.component-lab[data-component-skin=tenx] .lab-alert,.component-lab[data-component-skin=tenx] .lab-choice,.component-lab[data-component-skin=tenx] .lab-switch-row,.component-lab[data-component-skin=tenx] .lab-calendar,.component-lab[data-component-skin=tenx] .lab-chart,.component-lab[data-component-skin=tenx] .lab-table,.component-lab[data-component-skin=tenx] .lab-toast,.component-lab[data-component-skin=tenx] .lab-sidebar-preview,.component-lab[data-component-skin=tenx] .lab-disclosure,.component-lab[data-component-skin=tenx] .lab-surface-card,.component-lab[data-component-skin=tenx] .lab-navigation__panel,.component-lab[data-component-skin=tenx] .lab-select,.component-lab[data-component-skin=tenx] .lab-select-trigger,.component-lab[data-component-skin=tenx] .lab-sheet-preview__panel,.component-lab[data-component-skin=tenx] .lab-drawer-preview__sheet,.component-lab[data-component-skin=tenx] .lab-scroll-area,.component-lab[data-component-skin=tenx] .lab-item,.component-lab[data-component-skin=tenx] .lab-resizable__pane,.component-lab[data-component-skin=tenx] .lab-tabs__panel,.component-lab[data-component-skin=tenx] .lab-otp__cell,.component-lab[data-component-skin=tenx] .lab-avatar{border-color:var(--paper-border);background:color-mix(in srgb, var(--panel-bg-elevated) 74%, var(--paper-bg));color:var(--paper-text)}.component-lab[data-component-skin=tenx] .lab-choice__body span,.component-lab[data-component-skin=tenx] .lab-switch-row__copy span,.component-lab[data-component-skin=tenx] .lab-surface-card p,.component-lab[data-component-skin=tenx] .lab-empty p,.component-lab[data-component-skin=tenx] .lab-item p,.component-lab[data-component-skin=tenx] .lab-navigation__panel p,.component-lab[data-component-skin=tenx] .lab-toast__body p,.component-lab[data-component-skin=tenx] .lab-typography p,.component-lab[data-component-skin=tenx] .lab-typography ul{color:color-mix(in srgb, var(--paper-text) 68%, transparent)}.component-lab[data-component-skin=tenx] .lab-tabs__list,.component-lab[data-component-skin=tenx] .lab-menubar__row,.component-lab[data-component-skin=tenx] .lab-navigation__row,.component-lab[data-component-skin=tenx] .lab-switch,.component-lab[data-component-skin=tenx] .lab-progress,.component-lab[data-component-skin=tenx] .lab-sheet-preview,.component-lab[data-component-skin=tenx] .lab-drawer-preview,.component-lab[data-component-skin=tenx] .lab-ratio,.component-lab[data-component-skin=tenx] .lab-sidebar-preview__rail,.component-lab[data-component-skin=tenx] .lab-resizable__pane--muted,.component-lab[data-component-skin=tenx] .lab-empty{border-color:var(--paper-border);background:color-mix(in srgb, var(--panel-bg) 68%, var(--paper-bg))}.component-lab[data-component-skin=tenx] .lab-tabs__trigger--active,.component-lab[data-component-skin=tenx] .lab-pagination__current,.component-lab[data-component-skin=tenx] .lab-calendar__day--active{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text)}.component-lab[data-component-skin=tenx] .lab-switch--checked,.component-lab[data-component-skin=tenx] .lab-progress span,.component-lab[data-component-skin=tenx] .lab-chart__bar{background:linear-gradient(90deg, var(--lab-button-secondary-default), var(--lab-button-primary-default))}.component-lab[data-component-skin=tenx] .lab-avatar-stack>*+*{border-color:var(--panel-bg)}.component-lab[data-component-skin=tenx] .lab-card__description,.component-lab[data-component-skin=tenx] .lab-field__description,.component-lab[data-component-skin=tenx] .button-docs__inline-meta,.component-lab[data-component-skin=tenx] .button-docs__checklist{color:color-mix(in srgb, var(--paper-text) 68%, transparent)}.component-lab[data-component-skin=tenx] .lab-card__footer,.component-lab[data-component-skin=tenx] .lab-dialog__footer--sticky{background:color-mix(in srgb, var(--panel-bg) 62%, var(--paper-bg))}.component-lab[data-component-skin=tenx] .lab-dialog__content{border-color:var(--paper-border);background:color-mix(in srgb, var(--panel-bg-elevated) 80%, var(--paper-bg));color:var(--paper-text);box-shadow:var(--lab-tooltip-shadow)}.component-lab[data-component-skin=tenx] .lab-dialog__title{color:var(--paper-text)}.component-lab[data-component-skin=tenx] .lab-dialog__description,.component-lab[data-component-skin=tenx] .lab-dialog__body-copy p{color:color-mix(in srgb, var(--paper-text) 72%, transparent)}.component-lab[data-component-skin=tenx] .lab-toggle--default[aria-pressed=true],.component-lab[data-component-skin=tenx] .lab-toggle--outline[aria-pressed=true]{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text);border-color:#0000}.component-lab[data-component-skin=tenx] .lab-toggle--outline{border-color:var(--pill-border)}.component-lab[data-component-skin=tenx] .lab-toggle:not([aria-pressed=true]){color:var(--paper-text)}.component-lab[data-component-skin=tenx] .lab-toggle:disabled{background:var(--interactive-disabled);color:var(--text-disabled)}.cn-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:fit-content;min-height:24px;padding:0 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;overflow:hidden}.cn-badge svg{flex:none;width:14px;height:14px}.cn-badge-variant-default{background:var(--shadcn-ref-fg);color:var(--shadcn-ref-bg)}.cn-badge-variant-secondary{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg)}.cn-badge-variant-outline{border-color:var(--shadcn-ref-border);color:var(--shadcn-ref-fg)}.cn-badge-variant-destructive{background:var(--shadcn-ref-destructive-bg);color:var(--shadcn-ref-destructive-text)}.cn-badge-variant-ghost{color:var(--shadcn-ref-fg)}.cn-badge-variant-link{color:var(--shadcn-ref-fg);text-underline-offset:4px}.cn-badge-variant-link:hover{text-decoration:underline}.cn-label{color:var(--shadcn-ref-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.cn-field-group{flex-direction:column;gap:20px;width:100%;display:flex;container-type:inline-size}.cn-field-set{border:0;flex-direction:column;gap:12px;width:100%;min-width:0;margin:0;padding:0;display:flex}.cn-field-legend{color:var(--shadcn-ref-fg);padding:0;font-size:14px;font-weight:500;line-height:1.25}.cn-field{flex-direction:column;gap:8px;width:100%;display:flex}.cn-field[data-orientation=horizontal]{flex-direction:row;align-items:center;gap:12px}.cn-field[data-orientation=horizontal]>.cn-input{flex:1}.cn-field[data-orientation=horizontal]:has(>.cn-field-content){align-items:flex-start}:is(.cn-field[data-orientation=horizontal]:has(>.cn-field-content)>.cn-checkbox,.cn-field[data-orientation=horizontal]:has(>.cn-field-content)>.cn-radio-group-item){margin-top:1px}.cn-field[data-orientation=responsive]{flex-direction:column;gap:12px}.cn-field[data-orientation=responsive]>*{width:100%}.cn-field-content{flex-direction:column;flex:1;gap:4px;min-width:0;line-height:1.35;display:flex}.cn-field-label{align-items:center;gap:8px;width:fit-content;line-height:1.25;display:inline-flex}.cn-field-label:has(>.cn-field){width:100%}.cn-field-label:has(>.cn-field)>.cn-field{flex:1}.cn-field-title{width:fit-content;color:var(--shadcn-ref-fg);align-items:center;font-weight:500;line-height:1.25;display:inline-flex}.cn-field-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin:0;font-size:14px;line-height:1.45}.cn-field-separator{justify-content:center;align-items:center;min-height:1px;display:flex;position:relative}.cn-field-separator__rule{position:absolute;inset:50% 0 0;transform:translateY(-50%)}.cn-field-separator__content{background:var(--shadcn-ref-bg);width:fit-content;color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);margin-inline:auto;padding-inline:8px;display:block;position:relative}.cn-field-error{color:var(--shadcn-ref-destructive-text);font-size:14px;line-height:1.45}.cn-field-error-list{flex-direction:column;gap:4px;margin:0;padding-inline-start:16px;display:flex}.cn-field[data-disabled],.cn-field[data-disabled] .cn-field-label,.cn-field[data-disabled] .cn-field-title,.cn-field[data-disabled] .cn-field-description{opacity:.5}.cn-field[data-invalid] .cn-field-label,.cn-field[data-invalid] .cn-field-title,.cn-field[data-invalid] .cn-field-description,.cn-field[data-invalid] .cn-field-error{color:var(--shadcn-ref-destructive-text)}@container (width>=32rem){.cn-field[data-orientation=responsive]{flex-direction:row;align-items:center;gap:16px}.cn-field[data-orientation=responsive]>*{width:auto}.cn-field[data-orientation=responsive]>.cn-field-content,.cn-field[data-orientation=responsive]>.cn-input{flex:1}.cn-field[data-orientation=responsive]:has(>.cn-field-content){align-items:flex-start}}.cn-separator{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);flex-shrink:0}.cn-separator[data-orientation=horizontal]{width:100%;height:1px}.cn-separator[data-orientation=vertical]{align-self:stretch;width:1px}@keyframes shadcn-ref-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.cn-skeleton{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, var(--shadcn-ref-bg));border-radius:10px;animation:1.6s ease-in-out infinite shadcn-ref-skeleton-pulse}.cn-scroll-area{position:relative;overflow:hidden}.cn-scroll-area-viewport{border-radius:inherit;scrollbar-width:none;outline:none;width:100%;height:100%}.cn-scroll-area-viewport::-webkit-scrollbar{display:none}.cn-scroll-area-viewport:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring);outline:1px solid #0000}.cn-scroll-area-scrollbar{touch-action:none;-webkit-user-select:none;user-select:none;padding:1px;transition:background-color .12s;display:flex}.cn-scroll-area-scrollbar[data-orientation=vertical]{border-inline-start:1px solid #0000;width:10px;height:100%}.cn-scroll-area-scrollbar[data-orientation=horizontal]{border-top:1px solid #0000;flex-direction:column;height:10px}.cn-scroll-area-thumb{background:var(--shadcn-ref-border);border-radius:999px;flex:1;position:relative}.cn-switch{--switch-translate:14px;border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 92%, white);width:32px;height:20px;color:var(--shadcn-ref-bg);border-radius:999px;outline:none;flex:none;align-items:center;transition:background-color .1s,border-color .1s,box-shadow .1s;display:inline-flex;position:relative}.cn-switch:after{content:"";position:absolute;inset-block:-8px;inset-inline:-12px}.cn-switch[data-size=sm]{width:28px;height:16px}.cn-switch-thumb{width:16px;height:16px;box-shadow:0 1px 2px color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent);background:currentColor;border-radius:999px;transition:transform .1s;display:block;transform:translate(2px)}.cn-switch[data-size=sm] .cn-switch-thumb{width:12px;height:12px}.cn-switch[data-checked],.cn-switch[data-state=checked],.cn-switch[aria-checked=true]{border-color:var(--shadcn-ref-fg);background:var(--shadcn-ref-fg)}.cn-switch[data-checked] .cn-switch-thumb,.cn-switch[data-state=checked] .cn-switch-thumb,.cn-switch[aria-checked=true] .cn-switch-thumb{transform:translateX(var(--switch-translate))}:where([dir=rtl]) .cn-switch[data-checked] .cn-switch-thumb,:where([dir=rtl]) .cn-switch[data-state=checked] .cn-switch-thumb,:where([dir=rtl]) .cn-switch[aria-checked=true] .cn-switch-thumb{transform:translateX(calc(-1 * var(--switch-translate)))}.cn-switch:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-switch[data-disabled],.cn-switch:disabled{cursor:not-allowed;opacity:.5}.cn-slider-root{width:100%;display:flex}.cn-slider-root[data-orientation=vertical]{width:auto;height:100%}.cn-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.cn-slider-root[data-orientation=vertical] .cn-slider,.cn-slider[data-orientation=vertical]{flex-direction:column;width:auto;height:100%}.cn-slider-track{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, white);border-radius:999px;flex-grow:1;width:100%;height:4px;position:relative;overflow:hidden}.cn-slider-root[data-orientation=vertical] .cn-slider-track,.cn-slider-track[data-orientation=vertical]{width:4px;height:100%}.cn-slider-range{background:var(--shadcn-ref-fg);height:100%;position:absolute}.cn-slider-root[data-orientation=vertical] .cn-slider-range,.cn-slider-range[data-orientation=vertical]{width:100%}.cn-slider-thumb{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 18%, transparent);background:var(--shadcn-ref-bg);width:16px;height:16px;box-shadow:0 1px 2px color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 6%, transparent);border-radius:999px;outline:none;flex:none;display:block}.cn-slider-thumb:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring), 0 1px 2px color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}.cn-slider[data-disabled],.cn-slider-thumb[data-disabled]{opacity:.5}.cn-field[data-invalid] .cn-switch{border-color:var(--shadcn-ref-destructive-text)}.cn-field[data-invalid] .cn-slider-range{background:var(--shadcn-ref-destructive-text)}.cn-field[data-invalid] .cn-slider-thumb{border-color:var(--shadcn-ref-destructive-text)}.cn-checkbox{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 20%, transparent);background:var(--shadcn-ref-bg);width:16px;height:16px;color:var(--shadcn-ref-bg);border-radius:4px;outline:none;flex:none;justify-content:center;align-items:center;transition:border-color .1s,background-color .1s,box-shadow .1s,color .1s;display:inline-flex;position:relative}.cn-checkbox:after{content:"";position:absolute;inset-block:-8px;inset-inline:-12px}.cn-checkbox-indicator{place-content:center;width:100%;height:100%;display:grid}.cn-checkbox-indicator svg{stroke-width:2.5px;width:12px;height:12px}.cn-checkbox[data-checked],.cn-checkbox[data-state=checked],.cn-checkbox[aria-checked=true],.cn-checkbox[data-indeterminate],.cn-checkbox[data-state=indeterminate]{border-color:var(--shadcn-ref-fg);background:var(--shadcn-ref-fg);color:var(--shadcn-ref-bg)}.cn-checkbox:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-checkbox:disabled,.cn-checkbox[data-disabled]{cursor:default}.cn-field[data-invalid] .cn-checkbox{border-color:var(--shadcn-ref-destructive-text)}.cn-field[data-invalid] .cn-checkbox[data-checked],.cn-field[data-invalid] .cn-checkbox[data-state=checked],.cn-field[data-invalid] .cn-checkbox[aria-checked=true]{background:var(--shadcn-ref-destructive-text);color:var(--shadcn-ref-bg)}.cn-radio-group{flex-direction:column;gap:12px;width:100%;display:flex}.cn-radio-group-item{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 24%, transparent);background:var(--shadcn-ref-bg);width:16px;height:16px;color:var(--shadcn-ref-fg);border-radius:999px;outline:none;flex:none;justify-content:center;align-items:center;transition:border-color .1s,box-shadow .1s,color .1s;display:inline-flex;position:relative}.cn-radio-group-item:after{content:"";position:absolute;inset-block:-8px;inset-inline:-12px}.cn-radio-group-indicator{place-content:center;display:grid}.cn-radio-group-indicator-icon{background:currentColor;border-radius:999px;width:8px;height:8px;transition:transform .1s;transform:scale(0)}.cn-radio-group-item[data-checked],.cn-radio-group-item[data-state=checked],.cn-radio-group-item[aria-checked=true]{border-color:var(--shadcn-ref-fg)}.cn-radio-group-item[data-checked] .cn-radio-group-indicator-icon,.cn-radio-group-item[data-state=checked] .cn-radio-group-indicator-icon,.cn-radio-group-item[aria-checked=true] .cn-radio-group-indicator-icon{transform:scale(1)}.cn-radio-group-item:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-radio-group-item:disabled,.cn-radio-group-item[data-disabled]{cursor:default}.cn-field[data-invalid] .cn-radio-group-item{border-color:var(--shadcn-ref-destructive-text);color:var(--shadcn-ref-destructive-text)}.cn-table-container{width:100%;position:relative;overflow-x:auto}.cn-table{border-collapse:collapse;width:100%;color:var(--shadcn-ref-fg);caption-side:bottom;font-size:14px}.cn-table-header .cn-table-row{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}.cn-table-body .cn-table-row{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);transition:background-color .1s}.cn-table-body .cn-table-row:last-child{border-bottom:0}.cn-table-row[data-state=selected]{background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg))}.cn-table-head,.cn-table-cell{text-align:left;vertical-align:middle;white-space:nowrap}.cn-table-head{height:40px;color:var(--shadcn-ref-fg);padding:0 8px;font-weight:500}.cn-table-cell{color:color-mix(in srgb, var(--shadcn-ref-fg) 82%, transparent);padding:8px}:is(.cn-table-head:has([role=checkbox]),.cn-table-cell:has([role=checkbox])){padding-right:0}.cn-table-caption{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin-top:16px;font-size:14px;line-height:1.45}.cn-chart{aspect-ratio:16/9;color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);justify-content:center;font-size:12px;display:flex;position:relative}.cn-chart .recharts-cartesian-axis-tick text{fill:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}.cn-chart .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}.cn-chart .recharts-curve.recharts-tooltip-cursor,.cn-chart .recharts-reference-line line[stroke=\#ccc]{stroke:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}.cn-chart .recharts-dot[stroke=\#fff],.cn-chart .recharts-sector[stroke=\#fff]{stroke:#0000}.cn-chart .recharts-layer,.cn-chart .recharts-sector,.cn-chart .recharts-surface{outline:none}.cn-chart .recharts-polar-grid [stroke=\#ccc]{stroke:color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}.cn-chart .recharts-radial-bar-background-sector,.cn-chart .recharts-rectangle.recharts-tooltip-cursor{fill:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg))}.cn-chart-tooltip{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:var(--shadcn-ref-bg);min-width:128px;color:var(--shadcn-ref-fg);box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 6%, transparent);border-radius:12px;align-items:start;gap:6px;padding:6px 10px;display:grid}.cn-chart-tooltip-label{color:var(--shadcn-ref-fg);font-size:13px;font-weight:500;line-height:1.25}.cn-chart-tooltip-grid{gap:6px;display:grid}.cn-chart-tooltip-row{align-items:stretch;gap:8px;width:100%;display:flex}.cn-chart-tooltip-row[data-dot-indicator=true]{align-items:center}.cn-chart-tooltip-indicator{border:1px solid var(--color-border);background:var(--color-bg);border-radius:2px;flex:none}.cn-chart-tooltip-indicator[data-indicator=dot]{width:10px;height:10px}.cn-chart-tooltip-indicator[data-indicator=line]{width:4px;height:auto}.cn-chart-tooltip-indicator[data-indicator=dashed]{background:0 0;border-style:dashed;border-width:1.5px;width:0}.cn-chart-tooltip-body{flex:1;justify-content:space-between;align-items:center;gap:12px;line-height:1;display:flex}.cn-chart-tooltip-body[data-nest-label=true]{align-items:flex-end}.cn-chart-tooltip-meta{gap:6px;display:grid}.cn-chart-tooltip-item-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);font-size:12px}.cn-chart-tooltip-item-value{color:var(--shadcn-ref-fg);font-family:var(--shadcn-ref-font-mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.cn-chart-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding-top:12px;display:flex}.cn-chart-legend[data-align=top]{padding-top:0;padding-bottom:12px}.cn-chart-legend-item{color:color-mix(in srgb, var(--shadcn-ref-fg) 70%, transparent);align-items:center;gap:6px;font-size:12px;display:flex}.cn-chart-legend-swatch{border-radius:2px;flex:none;width:8px;height:8px}.shadcn-ref-data-table-shell{width:min(100%,42rem);margin:0 auto}.shadcn-ref-data-table-toolbar{align-items:center;gap:12px;padding:16px 0;display:flex}.shadcn-ref-data-table-filter{max-width:20rem}.shadcn-ref-data-table-columns-trigger{margin-left:auto}.shadcn-ref-data-table-column-item{text-transform:capitalize}.shadcn-ref-data-table-frame{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:12px;overflow:hidden}.shadcn-ref-data-table-status{text-transform:capitalize}.shadcn-ref-data-table-email{text-transform:lowercase}.shadcn-ref-data-table-amount{text-align:right;font-weight:500}.shadcn-ref-data-table-sort-button{min-height:28px;padding-inline:8px}.shadcn-ref-data-table-empty{text-align:center;height:96px}.shadcn-ref-data-table-footer{justify-content:flex-end;align-items:center;gap:12px;padding:16px 0 0;display:flex}.shadcn-ref-data-table-selection{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);flex:1;font-size:14px}.shadcn-ref-data-table-pagination{gap:8px;display:flex}.shadcn-ref-direction-grid{gap:16px;display:grid}.shadcn-ref-direction-shell{width:100%}.shadcn-ref-direction-card{min-height:220px}.shadcn-ref-direction-card__content{gap:16px;display:grid}.shadcn-ref-direction-card__footer{justify-content:flex-end;gap:8px;display:flex}.shadcn-ref-direction-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.shadcn-ref-direction-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-size:14px}.shadcn-ref-direction-pill{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 80%, var(--shadcn-ref-bg));min-width:48px;height:24px;color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.shadcn-ref-direction-status{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 80%, var(--shadcn-ref-bg));color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:inline-flex}.shadcn-ref-direction-status strong{color:var(--shadcn-ref-fg);text-transform:uppercase;font-weight:600}.shadcn-ref-chart-shell{width:min(100%,40rem);margin:0 auto}.shadcn-ref-chart-frame{width:100%;min-height:200px}.shadcn-ref-chart-tooltip-label{width:8rem}.cn-typography,.cn-typography-large,.cn-typography-lead,.cn-typography-muted,.cn-typography-small{font-family:var(--shadcn-ref-font-sans)}.cn-typography{width:min(100%,42rem);color:var(--shadcn-ref-fg);margin:0 auto;font-size:16px;line-height:1.75}.cn-typography>:first-child{margin-top:0}.cn-typography>:last-child{margin-bottom:0}.cn-typography :where(h1,h2,h3,h4){color:var(--shadcn-ref-fg);letter-spacing:-.025em;text-wrap:balance;margin:2rem 0 1rem;font-weight:600}.cn-typography h1{font-size:clamp(2rem,5vw,2.25rem);line-height:1.1}.cn-typography h2{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);margin-top:3rem;padding-bottom:.5rem;font-size:1.5rem;line-height:1.25}.cn-typography h3{font-size:1.25rem;line-height:1.4}.cn-typography h4{font-size:1rem;line-height:1.5}.cn-typography p{color:color-mix(in srgb, var(--shadcn-ref-fg) 84%, transparent);margin:1.25rem 0 0}.cn-typography a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--shadcn-ref-fg) 34%, transparent);text-decoration-color:color-mix(in srgb, var(--shadcn-ref-fg) 34%, transparent);text-underline-offset:3px;font-weight:500}.cn-typography blockquote{border-inline-start:2px solid color-mix(in srgb, var(--shadcn-ref-fg) 18%, transparent);color:color-mix(in srgb, var(--shadcn-ref-fg) 88%, transparent);margin:1.5rem 0 0;padding-inline-start:1rem;font-style:italic}.cn-typography ul{color:color-mix(in srgb, var(--shadcn-ref-fg) 84%, transparent);margin:1.5rem 0 0;padding-inline-start:1.5rem}.cn-typography li{margin-top:.5rem}.cn-typography code{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg));font-family:var(--shadcn-ref-font-mono);border-radius:6px;padding:.15rem .4rem;font-size:.875em;font-weight:600}.cn-typography-table-wrap{width:100%;margin-top:1.5rem;overflow-x:auto}.cn-typography table{border-collapse:collapse;width:100%;font-size:.875rem}.cn-typography thead{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}.cn-typography tbody tr{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent)}.cn-typography th,.cn-typography td{text-align:left;padding:.75rem 0}.cn-typography th{color:var(--shadcn-ref-fg);font-weight:600}.cn-typography-lead{color:color-mix(in srgb, var(--shadcn-ref-fg) 68%, transparent);margin:0;font-size:1.25rem;line-height:1.75rem}.cn-typography-large{color:var(--shadcn-ref-fg);font-size:1.125rem;font-weight:600;line-height:1.75rem}.cn-typography-small{color:var(--shadcn-ref-fg);font-size:.875rem;font-weight:500;line-height:1.25rem}.cn-typography-muted{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);margin:0;font-size:.875rem;line-height:1.5}.shadcn-ref-typography-scale{gap:20px;display:grid}.shadcn-ref-typography-scale section{gap:8px;display:grid}@media (hover:hover){.cn-typography a:hover{text-decoration-color:currentColor}}.cn-textarea{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:100%;min-width:0;min-height:64px;color:var(--shadcn-ref-fg);resize:vertical;field-sizing:content;border-radius:12px;outline:none;padding:8px 12px;font-size:14px;line-height:1.5;transition:border-color .1s,box-shadow .1s,background-color .1s,color .1s}.cn-textarea::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-textarea:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-textarea:disabled{cursor:default}.cn-field[data-invalid] .cn-textarea,.cn-textarea[aria-invalid=true]{border-color:var(--shadcn-ref-destructive-text)}.cn-toggle{color:var(--shadcn-ref-fg);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s;display:inline-flex}.cn-toggle svg{pointer-events:none;flex:none;width:1rem;height:1rem}.cn-toggle-size-sm{min-height:28px;padding:0 10px;font-size:12px}.cn-toggle-size-default{min-height:32px;padding:0 12px;font-size:14px}.cn-toggle-size-lg{min-height:36px;padding:0 14px;font-size:14px}.cn-toggle-variant-default{background:0 0}.cn-toggle-variant-outline{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent);background:0 0}.cn-toggle[aria-pressed=true]{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, var(--shadcn-ref-bg))}.cn-toggle-variant-outline[aria-pressed=true]{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}.cn-toggle:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-toggle:disabled{opacity:.5;pointer-events:none}.cn-toggle[aria-pressed=true] .shadcn-ref-toggle-fill-icon{fill:currentColor}.cn-toggle[aria-pressed=true] .shadcn-ref-toggle-weight-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 78%, transparent)}.cn-toggle-group{align-items:center;gap:var(--cn-toggle-gap,0px);flex-direction:row;width:fit-content;display:flex}.cn-toggle-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.cn-toggle-group-item{flex-shrink:0}.cn-toggle-group-item:focus,.cn-toggle-group-item:focus-visible{z-index:1;position:relative}.cn-toggle-group[data-orientation=horizontal] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]{border-left-width:0;border-radius:0}.cn-toggle-group[data-orientation=horizontal] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]:first-child{border-left-width:1px;border-top-left-radius:12px;border-bottom-left-radius:12px}.cn-toggle-group[data-orientation=horizontal] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.cn-toggle-group[data-orientation=vertical] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]{border-top-width:0;border-radius:0}.cn-toggle-group[data-orientation=vertical] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]:first-child{border-top-width:1px;border-top-left-radius:12px;border-top-right-radius:12px}.cn-toggle-group[data-orientation=vertical] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}@media (hover:hover){.cn-checkbox:hover:not(:disabled):not([data-disabled]){border-color:color-mix(in srgb, var(--shadcn-ref-fg) 32%, transparent)}.cn-radio-group-item:hover:not(:disabled):not([data-disabled]){border-color:color-mix(in srgb, var(--shadcn-ref-fg) 34%, transparent)}.cn-table-body .cn-table-row:hover{background:color-mix(in srgb, var(--shadcn-ref-muted) 58%, var(--shadcn-ref-bg))}.cn-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg))}.cn-toggle-variant-outline:hover:not(:disabled){border-color:color-mix(in srgb, var(--shadcn-ref-fg) 14%, transparent)}}.cn-input{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:100%;min-width:0;min-height:32px;color:var(--shadcn-ref-fg);border-radius:10px;padding:4px 10px;font-size:14px;line-height:1.4;transition:border-color .1s,box-shadow .1s,background-color .1s,color .1s}.cn-input::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-input:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring);outline:none}.cn-input[aria-invalid=true],.cn-input[aria-invalid=""]{border-color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}.cn-input:disabled{cursor:not-allowed;opacity:.5}.cn-input::file-selector-button{min-height:24px;color:inherit;background:0 0;border:0;align-items:center;margin-right:10px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.cn-input-group{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:100%;min-width:0;color:var(--shadcn-ref-fg);border-radius:10px;flex-wrap:wrap;align-items:stretch;transition:border-color .1s,box-shadow .1s,background-color .1s;display:flex;position:relative;overflow:hidden}.cn-input-group:focus-within{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-input-group-addon{min-height:32px;color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);cursor:text;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;gap:6px;padding-inline:10px;display:flex}.cn-input-group-addon:empty{display:none}.cn-input-group-addon svg{flex:none;width:16px;height:16px}.cn-input-group-addon:has(.cn-input-group-button){gap:4px;padding-inline:4px}.cn-input-group-addon[data-align=inline-start]{order:0}.cn-input-group-addon[data-align=inline-end]{order:2}.cn-input-group-addon[data-align=block-start],.cn-input-group-addon[data-align=block-end]{background:color-mix(in srgb, var(--shadcn-ref-muted) 76%, var(--shadcn-ref-input-bg));justify-content:flex-start;width:100%;min-height:36px;padding:8px 10px}.cn-input-group-addon[data-align=block-start]{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);order:0}.cn-input-group-addon[data-align=block-end]{border-top:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);order:2}.cn-input-group-input{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;order:1}.cn-input-group-textarea,.cn-input-group-custom-control{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:100%;order:1}.cn-input-group-input:focus-visible{box-shadow:none;border-color:#0000}.cn-input-group-textarea{resize:none;min-height:88px}.cn-input-group-textarea:focus-visible,.cn-input-group-custom-control:focus-visible{box-shadow:none;border-color:#0000;outline:none}.cn-input-group-button{box-shadow:none;border-radius:8px;flex:none}.cn-input-group-button svg{width:14px;height:14px}.cn-input-group-text{min-width:0;color:inherit;white-space:nowrap;align-items:center;gap:6px;font-size:14px;line-height:1.4;display:inline-flex}.cn-input-group-text svg{width:14px;height:14px}.cn-input-group-custom-control{width:100%;min-height:72px;color:var(--shadcn-ref-fg);resize:none;outline:none;padding:10px;font-size:14px;line-height:1.5;display:block}.cn-input-group-custom-control::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-native-select-wrapper{width:fit-content;min-width:0;max-width:100%;display:flex;position:relative}.cn-native-select-wrapper[data-size=default]{min-height:32px}.cn-native-select-wrapper[data-size=sm]{min-height:28px}.cn-native-select{appearance:none;border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:100%;min-width:0;color:var(--shadcn-ref-fg);text-align:left;white-space:nowrap;border-radius:10px;padding:0 32px 0 10px;font-size:14px;line-height:20px;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s}.cn-native-select[data-size=default]{min-height:32px}.cn-native-select[data-size=sm]{min-height:28px;padding-inline:8px 28px;font-size:13px}.cn-native-select:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring);outline:none}.cn-field[data-invalid] .cn-native-select,.cn-native-select[aria-invalid=true],.cn-native-select[aria-invalid=""]{border-color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}.cn-native-select:disabled{cursor:not-allowed;pointer-events:none}.cn-native-select-icon{inset-inline-end:10px;width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);pointer-events:none;position:absolute;top:50%;translate:0 -50%}:where([dir=rtl]) .cn-native-select{text-align:right;padding:0 10px 0 32px}:where([dir=rtl]) .cn-native-select[data-size=sm]{padding:0 28px 0 8px}:where([dir=rtl]) .cn-native-select option,:where([dir=rtl]) .cn-native-select optgroup{direction:rtl}.cn-command{background:var(--shadcn-ref-bg);width:100%;height:100%;color:var(--shadcn-ref-fg);border-radius:12px;flex-direction:column;padding:4px;display:flex;overflow:hidden}.cn-command-dialog{width:min(100% - 2rem,28rem);padding:0;top:33.333%;overflow:hidden;transform:translate(-50%)}.cn-command-input-wrapper{padding:4px 4px 0}.cn-command-input-group{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:color-mix(in srgb, var(--shadcn-ref-input-bg) 90%, var(--shadcn-ref-bg));min-height:32px;box-shadow:none}.cn-command-input-group .cn-input-group-addon{padding-inline-start:8px}.cn-command-input{width:100%;min-width:0;color:var(--shadcn-ref-fg);background:0 0;border:0;outline:none;padding:4px 10px 4px 0;font-size:14px;line-height:1.4}.cn-command-input::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-command-input:focus-visible{outline:none}.cn-command-input-icon{opacity:.5;flex:none;width:16px;height:16px}.cn-command-list{outline:none;max-height:18rem;scroll-padding-block:4px;overflow:hidden auto}.cn-command-empty{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);text-align:center;padding:24px 8px;font-size:14px}.cn-command-group{color:var(--shadcn-ref-fg);padding:4px;overflow:hidden}.cn-command-group [cmdk-group-heading]{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);padding:6px 8px;font-size:12px;font-weight:500;line-height:1.25}.cn-command-separator{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);height:1px;margin-inline:-4px}.cn-command-item{cursor:default;width:100%;color:var(--shadcn-ref-fg);-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding:6px 8px;font-size:14px;line-height:1.35;display:flex;position:relative}.cn-command-item svg{flex:none;width:16px;height:16px}.cn-command-item[data-disabled=true]{pointer-events:none;opacity:.5}.cn-command-item[data-selected=true]{background:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg));color:var(--shadcn-ref-fg)}.cn-command-item-indicator{opacity:0;margin-inline-start:auto}.cn-command-item[data-checked=true] .cn-command-item-indicator{opacity:1}.cn-command-shortcut{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);letter-spacing:.12em;margin-inline-start:auto;font-size:12px}.cn-command-item[data-selected=true] .cn-command-shortcut{color:var(--shadcn-ref-fg)}.cn-input-otp{align-items:center;gap:8px;display:flex}.cn-input-otp-input{outline:none}.cn-input-otp-group{border-radius:10px;align-items:center;display:flex}:is(.cn-input-otp-group:has([aria-invalid=true]),.cn-input-otp-group:has([aria-invalid=""])){box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}.cn-input-otp-slot{border-top:1px solid var(--shadcn-ref-border);border-right:1px solid var(--shadcn-ref-border);border-bottom:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:32px;height:32px;color:var(--shadcn-ref-fg);justify-content:center;align-items:center;font-size:14px;line-height:1;transition:border-color .1s,box-shadow .1s,background-color .1s;display:flex;position:relative}.cn-input-otp-slot:first-child{border-left:1px solid var(--shadcn-ref-border);border-top-left-radius:10px;border-bottom-left-radius:10px}.cn-input-otp-slot:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.cn-input-otp-slot[aria-invalid=true],.cn-input-otp-slot[aria-invalid=""]{border-color:var(--shadcn-ref-destructive-text)}.cn-input-otp-slot[data-active=true]{z-index:1;border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-input-otp-slot[data-active=true][aria-invalid=true],.cn-input-otp-slot[data-active=true][aria-invalid=""]{border-color:var(--shadcn-ref-destructive-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}.cn-input-otp-caret{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cn-input-otp-caret-line{background:currentColor;width:1px;height:16px;animation:1s step-end infinite shadcn-ref-caret-blink}.cn-input-otp-separator{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);align-items:center;display:flex}.cn-input-otp-separator svg{width:16px;height:16px}.cn-combobox-positioner{isolation:isolate;z-index:50}.cn-combobox-trigger{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.cn-combobox-trigger-icon,.cn-combobox-clear-icon,.cn-combobox-item-indicator-icon,.cn-combobox-chip-indicator-icon{flex:none;width:16px;height:16px}.cn-combobox-trigger-icon,.cn-combobox-clear-icon{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-combobox-trigger-button[data-pressed=true]{background:0 0}.cn-combobox-input{width:100%}.cn-combobox-content{transform-origin:var(--transform-origin);width:min(var(--anchor-width), calc(100vw - 2rem));background:var(--shadcn-ref-bg);min-width:min(14rem,100vw - 2rem);max-width:min(24rem,100vw - 2rem);color:var(--shadcn-ref-fg);box-shadow:0 12px 32px color-mix(in srgb, var(--shadcn-ref-tooltip-bg) 12%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:12px;position:relative;overflow:hidden}.cn-combobox-content[data-chips=true]{min-width:min(var(--anchor-width), calc(100vw - 2rem))}.cn-combobox-content .cn-input-group{margin:4px;border-color:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:color-mix(in srgb, var(--shadcn-ref-input-bg) 90%, var(--shadcn-ref-bg));box-shadow:none;margin-bottom:0}.cn-combobox-list{max-height:min(15.75rem, calc(var(--available-height) - 2.25rem));overscroll-behavior:contain;padding:4px;scroll-padding-block:4px;overflow-y:auto}.cn-combobox-empty{width:100%;color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);text-align:center;justify-content:center;padding:8px;font-size:14px;display:flex}.cn-combobox-group{display:grid}.cn-combobox-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);padding:6px 8px;font-size:12px;line-height:1.25}.cn-combobox-separator{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);height:1px;margin:4px 0}.cn-combobox-item{cursor:default;width:100%;color:var(--shadcn-ref-fg);text-align:left;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding-block:6px;padding-inline:10px 32px;font-size:14px;line-height:1.35;display:flex;position:relative}.cn-combobox-item svg{flex:none;width:16px;height:16px}.cn-combobox-item[data-highlighted]{background:color-mix(in srgb, var(--shadcn-ref-muted) 84%, var(--shadcn-ref-bg))}.cn-combobox-item[data-disabled]{opacity:.5;pointer-events:none}.cn-combobox-item-indicator{inset-inline-end:8px;width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 70%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;translate:0 -50%}.cn-combobox-chips{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:32px;padding:4px 6px;transition:border-color .1s,box-shadow .1s,background-color .1s;display:flex}.cn-combobox-chips:focus-within{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-combobox-chips:has([aria-invalid=true]){border-color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}.cn-combobox-chip{background:color-mix(in srgb, var(--shadcn-ref-muted) 90%, var(--shadcn-ref-bg));max-width:100%;min-height:21px;color:var(--shadcn-ref-fg);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:0 6px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.cn-combobox-chip:has([data-slot=combobox-chip-remove]){padding-inline-end:0}.cn-combobox-chip-remove{opacity:.5;width:18px;min-width:18px;height:18px;min-height:18px;margin-inline-start:-4px}.cn-combobox-chip-input{min-width:4rem;color:var(--shadcn-ref-fg);background:0 0;border:0;outline:none;flex:4rem;padding:2px 4px;font-size:14px;line-height:1.4}.cn-combobox-chip-input::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-combobox-chip-input:focus-visible{outline:none}.cn-calendar{--cell-size:2rem;--cell-radius:.5rem;background:var(--shadcn-ref-bg);width:fit-content;color:var(--shadcn-ref-fg);padding:12px}.cn-calendar-root{width:fit-content}.cn-calendar-months{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.cn-calendar-months{flex-direction:row}}.cn-calendar-month{flex-direction:column;gap:16px;width:100%;display:flex;position:relative}.cn-calendar-nav{inset-inline:0;justify-content:space-between;align-items:center;gap:4px;display:flex;position:absolute;top:0}.cn-calendar-nav-button{width:var(--cell-size);min-width:var(--cell-size);height:var(--cell-size);min-height:var(--cell-size);padding:0}.cn-calendar-nav-button:disabled{opacity:.5}.cn-calendar-month-caption{width:100%;height:var(--cell-size);padding-inline:var(--cell-size);justify-content:center;align-items:center;display:flex}.cn-calendar-dropdowns{width:100%;height:var(--cell-size);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.cn-calendar-dropdown-root{border-radius:var(--cell-radius);position:relative}.cn-calendar-dropdown-root[data-disabled=true]{opacity:.5}.cn-calendar-dropdown{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cn-calendar-caption-label{-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;line-height:1}.cn-calendar-caption-label--dropdown{border-radius:var(--cell-radius);align-items:center;gap:4px;padding:0 4px 0 8px;display:inline-flex}.cn-calendar-caption-label svg{width:14px;height:14px;color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-calendar-table{border-collapse:collapse;width:100%}.cn-calendar-weekdays{display:flex}.cn-calendar-weekday{width:var(--cell-size);height:var(--cell-size);border-radius:var(--cell-radius);color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:12px;font-weight:400;display:inline-flex}.cn-calendar-week{width:100%;margin-top:8px;display:flex}.cn-calendar-week-number-header,.cn-calendar-week-number{width:var(--cell-size);color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);text-align:center;-webkit-user-select:none;user-select:none;font-size:12px}.cn-calendar-week-number-cell{width:var(--cell-size);height:var(--cell-size);justify-content:center;align-items:center;display:flex}.cn-calendar-day{width:var(--cell-size);height:var(--cell-size);text-align:center;padding:0;position:relative}.cn-calendar-day-button{z-index:1;width:100%;min-width:var(--cell-size);height:100%;min-height:var(--cell-size);box-shadow:none;border:0;flex-direction:column;gap:2px;padding:0;font-weight:400;line-height:1;position:relative}.cn-calendar-day-button>span{opacity:.7;font-size:12px}.cn-calendar-day-button:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-calendar-day-button[data-selected-single],.cn-calendar-day-button[data-range-start],.cn-calendar-day-button[data-range-end]{background:var(--shadcn-ref-fg);color:var(--shadcn-ref-bg)}.cn-calendar-day-button[data-range-middle]{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg);border-radius:0}.cn-calendar-range-start,.cn-calendar-range-middle,.cn-calendar-range-end{background:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg))}.cn-calendar-range-start{border-start-start-radius:var(--cell-radius);border-end-start-radius:var(--cell-radius)}.cn-calendar-range-end{border-start-end-radius:var(--cell-radius);border-end-end-radius:var(--cell-radius)}.cn-calendar-today .cn-calendar-day-button:not([data-selected-single]):not([data-range-start]):not([data-range-end]){background:var(--shadcn-ref-muted)}.cn-calendar-outside .cn-calendar-day-button{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-calendar-disabled .cn-calendar-day-button{cursor:not-allowed;opacity:.5}.cn-calendar-hidden{visibility:hidden}.cn-calendar-booked>.cn-calendar-day-button{text-decoration:line-through}.shadcn-ref-calendar-shell{justify-content:center;width:100%;display:flex}.shadcn-ref-calendar-frame{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:12px}.shadcn-ref-calendar--flush{padding:0}.shadcn-ref-calendar-cell-sm{--cell-size:2.375rem}.shadcn-ref-calendar-cell-lg{--cell-size:2.75rem}.shadcn-ref-calendar-card{width:fit-content;max-width:100%}.shadcn-ref-calendar-card--sm{max-width:300px}.shadcn-ref-calendar-card--flush{gap:0;padding:0}.shadcn-ref-calendar-card-content--flush{padding:0}.shadcn-ref-calendar-presets-footer{flex-flow:wrap;gap:8px}.shadcn-ref-calendar-time-footer{flex-direction:column;align-items:stretch;gap:12px}.shadcn-ref-calendar-time-fields{gap:12px}.shadcn-ref-calendar-time-icon{width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.shadcn-ref-calendar-time-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.cn-card{background:var(--shadcn-ref-bg);width:100%;color:var(--shadcn-ref-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:12px;flex-direction:column;gap:16px;padding:16px 0;font-size:14px;display:flex;overflow:hidden}.cn-card[data-size=sm]{gap:12px;padding-top:12px;padding-bottom:12px}.cn-card-header{gap:4px;padding:0 16px;display:grid}.cn-card-header:has([data-slot=card-action]){grid-template-columns:1fr auto}:is(.cn-card-header:has([data-slot=card-action]) [data-slot=card-title],.cn-card-header:has([data-slot=card-action]) [data-slot=card-description]){grid-column:1}.cn-card[data-size=sm] .cn-card-header,.cn-card[data-size=sm] .cn-card-content{padding-left:12px;padding-right:12px}.cn-card-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1.35}.cn-card[data-size=sm] .cn-card-title{font-size:14px}.cn-card-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-size:14px;line-height:1.45}.cn-card-action{grid-area:1/2/span 2;place-self:start end}.cn-card-content{padding:0 16px}.cn-card-footer{border-top:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg));border-bottom-right-radius:12px;border-bottom-left-radius:12px;align-items:center;gap:8px;padding:16px;display:flex}.cn-card[data-size=sm] .cn-card-footer{padding:12px}.cn-dialog-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;position:fixed;inset:0}.cn-dialog-content{z-index:50;background:var(--shadcn-ref-bg);width:min(100% - 2rem,384px);color:var(--shadcn-ref-fg);box-shadow:0 24px 64px #00000024, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:12px;gap:16px;padding:16px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cn-dialog-close{position:absolute;top:8px;right:8px}.cn-dialog-header{flex-direction:column;gap:8px;display:flex}.cn-dialog-footer{border-top:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg));border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column-reverse;gap:8px;margin:0 -16px -16px;padding:16px;display:flex}.cn-dialog-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1}.cn-dialog-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-size:14px;line-height:1.45}.cn-dialog-description a{color:inherit;text-underline-offset:3px}.cn-dialog-description a:hover{color:var(--shadcn-ref-fg)}.cn-alert-dialog-overlay{isolation:isolate;z-index:50;background:#00000029;position:fixed;inset:0}.cn-alert-dialog-content{z-index:50;background:var(--shadcn-ref-bg);width:min(100% - 2rem,420px);color:var(--shadcn-ref-fg);box-shadow:0 24px 64px #00000029, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:16px;outline:none;gap:24px;padding:24px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cn-alert-dialog-content[data-size=sm]{gap:20px;width:min(100% - 2rem,352px);padding:20px}.cn-alert-dialog-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.cn-alert-dialog-footer{flex-direction:column-reverse;gap:8px;display:flex}.cn-alert-dialog-content[data-size=sm] .cn-alert-dialog-footer{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cn-alert-dialog-footer>*{width:100%}.cn-alert-dialog-media{background:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg));width:48px;height:48px;color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.cn-alert-dialog-media svg{width:20px;height:20px}.cn-alert-dialog-title{color:var(--shadcn-ref-fg);letter-spacing:-.01em;font-size:18px;font-weight:500;line-height:1.2}.cn-alert-dialog-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-size:14px;line-height:1.55}.cn-alert-dialog-description a{color:inherit;text-underline-offset:3px;text-decoration:underline}.cn-alert-dialog-description a:hover{color:var(--shadcn-ref-fg)}.shadcn-ref-alert-dialog-media-destructive{background:color-mix(in srgb, var(--shadcn-ref-destructive) 12%, var(--shadcn-ref-bg));color:var(--shadcn-ref-destructive)}@media (width>=640px){.cn-dialog-footer{flex-direction:row;justify-content:flex-end}.cn-alert-dialog-footer,.cn-alert-dialog-content[data-size=sm] .cn-alert-dialog-footer{flex-direction:row;justify-content:flex-end;display:flex}.cn-alert-dialog-footer>*{width:auto}}.shadcn-ref-popover-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:12rem;display:flex;position:relative;overflow:visible}.shadcn-ref-popover-stage--align{min-height:10rem}.shadcn-ref-popover-stage--form{min-height:17rem}.shadcn-ref-popover-stage--rtl{min-height:20rem}.shadcn-ref-popover-row{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.shadcn-ref-popover-row--rtl{justify-content:flex-end}.shadcn-ref-popover-narrow{width:10rem}.shadcn-ref-popover-form{width:16rem}.shadcn-ref-popover-field-group{gap:16px}.shadcn-ref-popover-inline-label{width:50%;min-width:72px}.cn-font-heading{font-family:var(--shadcn-ref-font-sans)}.cn-popover-positioner{isolation:isolate;z-index:50;outline:none}.cn-popover-content{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:12px;outline:none;flex-direction:column;gap:16px;padding:16px;display:flex;position:relative}.cn-popover-content>:where(p){color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin:0;font-size:14px;line-height:1.45}.cn-popover-content-logical{max-inline-size:calc(100vw - 2rem)}.cn-popover-header{gap:4px;display:grid}.cn-popover-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1.35}.cn-popover-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin:0;font-size:14px;line-height:1.45}.cn-resizable-panel-group{width:100%;height:100%;display:flex}.cn-resizable-panel-group[aria-orientation=vertical]{flex-direction:column}.cn-resizable-handle{background:color-mix(in srgb, var(--shadcn-ref-fg) 14%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:1px;display:flex;position:relative}.cn-resizable-handle:after{content:"";inset-block:0;width:4px;position:absolute;left:50%;transform:translate(-50%)}.cn-resizable-handle[aria-orientation=horizontal]{width:100%;height:1px}.cn-resizable-handle[aria-orientation=horizontal]:after{inset-inline:0;width:auto;height:4px;top:50%;left:0;transform:translateY(-50%)}.cn-resizable-handle:focus-visible{box-shadow:0 0 0 2px var(--shadcn-ref-ring);outline:none}.cn-resizable-handle-icon{z-index:10;background:var(--shadcn-ref-bg);width:12px;height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 14%, transparent);border-radius:999px;flex-shrink:0;display:flex}.cn-resizable-handle-icon:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--shadcn-ref-fg) 26%, transparent) 1px, transparent 1.5px) center / 4px 8px repeat-y;width:100%;height:100%;display:block}.cn-resizable-handle[aria-orientation=horizontal] .cn-resizable-handle-icon{width:40px;height:12px}.cn-resizable-handle[aria-orientation=horizontal] .cn-resizable-handle-icon:before{background-repeat:repeat-x;background-size:8px 4px}.shadcn-ref-resizable-shell{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:12px;width:min(100%,24rem);height:200px;overflow:hidden}.shadcn-ref-resizable-panel-frame{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.shadcn-ref-resizable-panel-frame span{color:var(--shadcn-ref-fg);font-size:16px;font-weight:600;line-height:1.35}.shadcn-ref-drawer-stage{isolation:isolate;border:1px dashed color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 38%, var(--shadcn-ref-bg));border-radius:18px;width:min(100%,26rem);min-height:360px;margin:0 auto;position:relative;overflow:hidden}.shadcn-ref-drawer-stage--wide{width:min(100%,32rem)}.shadcn-ref-drawer-stage--compact{min-height:240px}.shadcn-ref-drawer-stage--responsive{width:min(100%,28rem);min-height:320px}.shadcn-ref-account-menu-stage{isolation:isolate;border:1px dashed var(--shadcn-ref-border);background:radial-gradient(circle at top, color-mix(in srgb, var(--shadcn-ref-bg) 94%, var(--shadcn-ref-muted)) 0%, color-mix(in srgb, var(--shadcn-ref-muted) 44%, var(--shadcn-ref-bg)) 100%);border-radius:28px;margin:0 auto;position:relative;overflow:hidden}.shadcn-ref-account-menu-stage--desktop{width:min(100%,30rem);min-height:420px}.shadcn-ref-account-menu-stage--mobile{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);width:min(100%,24rem);min-height:620px}.shadcn-ref-account-menu-scene{flex-direction:column;width:100%;height:100%;display:flex}.shadcn-ref-account-menu-scene--desktop{gap:24px;padding:18px}.shadcn-ref-account-menu-scene--mobile{gap:16px;padding:16px}.shadcn-ref-account-menu-scene-nav{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);align-items:center;gap:20px;font-size:12px;font-weight:500;line-height:1.35;display:flex}.shadcn-ref-account-menu-scene-nav .is-active{color:var(--shadcn-ref-fg)}.shadcn-ref-account-menu-scene-hero{background:radial-gradient(circle at 20% 20%,#b4def4e6 0%,#0000 34%),radial-gradient(circle at 80% 25%,#f2cfb8d1 0%,#0000 28%),radial-gradient(circle at 60% 70%,#c4e2ebd6 0%,#0000 36%),linear-gradient(#ffffffe0 0%,#ffffff9e 100%);border-radius:24px;justify-content:center;align-items:center;min-height:260px;display:flex}.shadcn-ref-account-menu-scene-prompt{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent);width:min(100%,22rem);color:color-mix(in srgb, var(--shadcn-ref-fg) 54%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 40px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent);background:#ffffffd1;border-radius:18px;justify-content:flex-start;align-items:center;padding:16px 18px;display:flex}.shadcn-ref-account-menu-mobile-topbar{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.shadcn-ref-account-menu-open-pill{color:#fbf9f9;background:#201f1f;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 20px;font-size:15px;font-weight:500;line-height:1.5;display:inline-flex;box-shadow:0 10px 24px #201f1f38}.shadcn-ref-account-menu-close{color:color-mix(in srgb, var(--shadcn-ref-fg) 76%, transparent);justify-content:center;align-items:center;display:inline-flex}.shadcn-ref-account-menu-close svg{width:20px;height:20px}.shadcn-ref-account-menu-mobile-links{flex-direction:column;gap:30px;padding:4px 8px 0;display:flex}.shadcn-ref-account-menu-mobile-links span{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-size:15px;line-height:1.5}.shadcn-ref-account-menu-mobile-links .is-active{color:#f05d24;font-weight:500}.shadcn-ref-account-menu-anchor{position:absolute;top:18px;right:18px}.shadcn-ref-account-menu-trigger,.shadcn-ref-account-menu-bar-trigger{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent);background:color-mix(in srgb, var(--shadcn-ref-bg) 94%, var(--shadcn-ref-muted));color:var(--shadcn-ref-fg);box-shadow:0 10px 24px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent);align-items:center;gap:10px;display:inline-flex}.shadcn-ref-account-menu-trigger{border-radius:999px;padding:8px 12px 8px 8px}.shadcn-ref-account-menu-bar-trigger{border-radius:14px;justify-content:flex-start;width:100%;padding:12px 16px 12px 12px}.shadcn-ref-account-menu-trigger-copy,.shadcn-ref-account-menu-bar-trigger-copy{flex-direction:column;align-items:flex-start;display:flex}.shadcn-ref-account-menu-trigger-copy{gap:1px}.shadcn-ref-account-menu-bar-trigger-copy{min-width:0}.shadcn-ref-account-menu-trigger-copy span:first-child,.shadcn-ref-account-menu-bar-trigger-copy span:first-child{color:var(--shadcn-ref-fg);font-size:14px;font-weight:600;line-height:1.35}.shadcn-ref-account-menu-trigger-copy span:last-child,.shadcn-ref-account-menu-bar-trigger-copy span:last-child{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);font-size:12px;line-height:1.3}.shadcn-ref-account-menu-trigger svg{width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent)}.shadcn-ref-account-menu-sample{flex-direction:column;gap:12px;display:flex}.shadcn-ref-account-menu-sample-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600;line-height:1.35}.shadcn-ref-account-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.shadcn-ref-account-menu-card-shell{justify-content:center;padding:8px 0;display:flex}.shadcn-ref-drawer-shell{width:min(100%,24rem);margin:0 auto}.shadcn-ref-drawer-copy{flex:1;padding:0 16px;overflow-y:auto}.shadcn-ref-drawer-copy p{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin:0 0 16px;font-size:14px;line-height:1.45}.shadcn-ref-drawer-copy p:last-child{margin-bottom:0}.shadcn-ref-drawer-body{padding:0 16px}.shadcn-ref-drawer-goal-row{justify-content:center;align-items:center;gap:8px;display:flex}.shadcn-ref-drawer-goal-copy{text-align:center;flex:1}.shadcn-ref-drawer-goal-value{color:var(--shadcn-ref-fg);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,7vw,4.5rem);font-weight:700;line-height:.95}.shadcn-ref-drawer-goal-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:11px;line-height:1.2}.shadcn-ref-drawer-chart{height:120px;margin-top:12px}.shadcn-ref-drawer-round-button{border-radius:999px}.shadcn-ref-drawer-side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shadcn-ref-drawer-trigger-capitalize{text-transform:capitalize}.shadcn-ref-drawer-profile-form{gap:24px;padding:16px;display:grid}.shadcn-ref-drawer-profile-form--compact{padding-top:0}.shadcn-ref-drawer-dialog-content{width:min(100%,425px)}.shadcn-ref-drawer-text-left{text-align:left}.shadcn-ref-drawer-footer--tight{padding-top:0}.cn-drawer-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000014;position:absolute;inset:0}.cn-drawer-content{z-index:50;background:var(--shadcn-ref-bg);width:100%;max-height:100%;color:var(--shadcn-ref-fg);box-shadow:0 24px 64px #00000024, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);flex-direction:column;gap:16px;padding:8px 0 16px;display:flex;position:absolute}.cn-drawer-content[data-vaul-drawer-direction=bottom]{inset-inline:0;border-radius:16px 16px 0 0;bottom:0}.cn-drawer-content[data-vaul-drawer-direction=top]{inset-inline:0;border-radius:0 0 16px 16px;top:0}.cn-drawer-content[data-vaul-drawer-direction=right]{inset-block:0;border-radius:16px 0 0 16px;width:min(100%,24rem);right:0}.cn-drawer-content[data-vaul-drawer-direction=left]{inset-block:0;border-radius:0 16px 16px 0;width:min(100%,24rem);left:0}.cn-drawer-content[data-vaul-drawer-direction=top].shadcn-ref-drawer-content--side,.cn-drawer-content[data-vaul-drawer-direction=bottom].shadcn-ref-drawer-content--side{max-height:50%}.cn-drawer-handle{background:color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent);border-radius:999px;flex:none;width:48px;height:4px;margin:0 auto;display:none}.cn-drawer-content[data-vaul-drawer-direction=bottom] .cn-drawer-handle{display:block}.cn-drawer-header{flex-direction:column;gap:8px;padding:0 16px;display:flex}.cn-drawer-footer{flex-direction:column;gap:8px;margin-top:auto;padding:0 16px;display:flex}.cn-drawer-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1.35}.cn-drawer-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin:0;font-size:14px;line-height:1.45}.cn-popover-content.cn-account-menu-popover-content{box-shadow:none;background:0 0;gap:0;padding:0}.cn-drawer-overlay.cn-account-menu-drawer-overlay{background:color-mix(in srgb, var(--shadcn-ref-fg) 18%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.cn-drawer-content.cn-account-menu-drawer-content{background:var(--shadcn-ref-bg);box-shadow:none;gap:12px;padding:8px 8px 24px}.cn-drawer-content.cn-account-menu-drawer-content .cn-drawer-handle{background:color-mix(in srgb, var(--shadcn-ref-fg) 18%, transparent);width:40px}.shadcn-ref-sheet-stage{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 30%, var(--shadcn-ref-bg));border-radius:14px;justify-content:flex-start;align-items:flex-start;width:min(100%,28rem);min-height:20rem;display:flex;position:relative;overflow:hidden}.shadcn-ref-sheet-stage--sm{width:100%;min-height:14rem}.shadcn-ref-sheet-stage--rtl{width:min(100%,28rem)}.shadcn-ref-sheet-side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.shadcn-ref-sheet-trigger-capitalize{text-transform:capitalize}.shadcn-ref-sheet-form{gap:16px;padding:0 16px}.shadcn-ref-sheet-copy{margin:0;padding:0 16px;overflow-y:auto}.shadcn-ref-sheet-copy p{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin:0;font-size:14px;line-height:1.45}.cn-sheet-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000014;position:absolute;inset:0}.cn-sheet-content{z-index:50;background:var(--shadcn-ref-bg);width:min(100%,24rem);color:var(--shadcn-ref-fg);box-shadow:0 24px 64px #00000024, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);flex-direction:column;gap:16px;padding:16px 0;display:flex;position:absolute}.cn-sheet-content[data-side=right]{inset-block:0;right:0}.cn-sheet-content[data-side=left]{inset-block:0;left:0}.cn-sheet-content[data-side=top]{inset-inline:0;width:100%;max-height:50%;top:0}.cn-sheet-content[data-side=bottom]{inset-inline:0;width:100%;max-height:50%;bottom:0}.cn-sheet-close{position:absolute;top:8px;right:8px}.cn-sheet-header{flex-direction:column;gap:8px;padding:0 16px;display:flex}.cn-sheet-footer{border-top:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg));flex-direction:column-reverse;gap:8px;margin-top:auto;padding:16px;display:flex}.cn-sheet-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1.35}.cn-sheet-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin:0;font-size:14px;line-height:1.45}@media (width>=640px){.shadcn-ref-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-drawer-footer,.cn-sheet-footer{flex-direction:row;justify-content:flex-end}}.cn-tabs{flex-direction:column;gap:12px;width:100%;display:flex}.cn-tabs[data-orientation=vertical]{flex-direction:row;align-items:flex-start;gap:16px}.cn-tabs-list{width:fit-content;color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent);justify-content:center;align-items:center;display:inline-flex}.cn-tabs[data-orientation=vertical] .cn-tabs-list{flex-direction:column;align-items:stretch}.cn-tabs-list-variant-default{background:var(--shadcn-ref-muted);border-radius:10px;gap:2px;padding:3px}.cn-tabs-list-variant-line{background:0 0;gap:4px}.cn-tabs-trigger{height:calc(100% - 1px);min-height:30px;box-shadow:none;appearance:none;color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .1s,color .1s,box-shadow .1s,border-color .1s;display:inline-flex;position:relative}.cn-tabs[data-orientation=vertical] .cn-tabs-trigger{justify-content:flex-start;width:100%}.cn-tabs-trigger:hover{color:var(--shadcn-ref-fg)}.cn-tabs-trigger:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-tabs-trigger[data-active]{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:none}.cn-tabs-list[data-variant=line] .cn-tabs-trigger{background:0 0;border-radius:0;flex:none;padding-inline:8px}.cn-tabs-list[data-variant=line] .cn-tabs-trigger[data-active]{box-shadow:none}.cn-tabs-list[data-variant=line] .cn-tabs-trigger:after{content:"";inset-inline:0;background:var(--shadcn-ref-fg);opacity:0;height:2px;transition:opacity .1s;position:absolute;bottom:-5px}.cn-tabs[data-orientation=vertical] .cn-tabs-list[data-variant=line] .cn-tabs-trigger:after{width:2px;height:auto;inset-block:0;inset-inline:auto -4px}.cn-tabs-list[data-variant=line] .cn-tabs-trigger[data-active]:after{opacity:1}.cn-tabs-trigger:disabled,.cn-tabs-trigger[aria-disabled=true]{pointer-events:none;cursor:default;opacity:.5}.cn-tabs-trigger svg{flex:none;width:16px;height:16px}.cn-tabs-content{outline:none;flex:1}.shadcn-ref-tabs-stage{justify-content:center;display:flex}.shadcn-ref-tabs-demo{width:min(100%,25rem)}.shadcn-ref-tabs-vertical,.shadcn-ref-tabs-rtl{width:min(100%,24rem)}.shadcn-ref-copy-muted{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-size:14px;line-height:1.45}.cn-select-trigger{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);color:var(--shadcn-ref-fg);text-align:left;white-space:nowrap;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:14px;line-height:20px;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s;display:flex}.cn-select-trigger[data-size=default]{min-height:32px}.cn-select-trigger[data-size=sm]{border-radius:10px;min-height:28px;padding-inline:8px;font-size:13px}.cn-select-trigger:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring);outline:none}.cn-select-trigger[aria-invalid=true],.cn-select-trigger[aria-invalid=""]{border-color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}.cn-select-trigger:disabled,.cn-select-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.cn-select-trigger[data-placeholder],.cn-select-value[data-placeholder]{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.cn-select-value{text-align:left;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.cn-select-trigger__icon{width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);flex:none}.cn-select-content{isolation:isolate;z-index:50;width:var(--anchor-width);min-width:9rem;max-height:var(--available-height);background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:10px;position:relative;overflow:hidden}.cn-select-content--scroll{max-height:13rem}.cn-select-list{max-height:inherit;position:relative;overflow:hidden auto}.cn-select-group{margin-block:4px;padding:4px}.cn-select-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);padding:4px 6px;font-size:12px;line-height:16px}.cn-select-item{width:100%;color:inherit;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;gap:6px;padding:4px 32px 4px 6px;font-size:14px;line-height:20px;display:flex;position:relative}.cn-select-item[data-highlighted]{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg)}.cn-select-item[data-disabled]{pointer-events:none;opacity:.5}.cn-select-item__text{white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cn-select-item__indicator{pointer-events:none;opacity:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;right:8px}.cn-select-item__indicator[data-selected]{opacity:1}.cn-select-item__indicator svg{width:16px;height:16px}.cn-avatar{background:var(--shadcn-ref-muted);-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.cn-avatar[data-size=sm]{width:24px;height:24px}.cn-avatar[data-size=lg]{width:40px;height:40px}.cn-avatar:after{content:"";border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.cn-avatar-image{border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cn-avatar-fallback{border-radius:inherit;background:var(--shadcn-ref-muted);width:100%;height:100%;color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);justify-content:center;align-items:center;font-size:14px;line-height:20px;display:flex}.cn-avatar[data-size=sm] .cn-avatar-fallback{font-size:12px}.cn-avatar-badge{z-index:10;background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, white);width:10px;height:10px;box-shadow:0 0 0 2px var(--shadcn-ref-bg);color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:0;right:0}:where([dir=rtl]) .cn-avatar-badge{left:0;right:auto}.cn-avatar-badge svg,.cn-avatar[data-size=sm] .cn-avatar-badge{width:8px;height:8px}.cn-avatar[data-size=sm] .cn-avatar-badge svg{width:0;height:0}.cn-avatar[data-size=lg] .cn-avatar-badge{width:12px;height:12px}.cn-avatar-group{align-items:center;display:flex}.cn-avatar-group>[data-slot=avatar],.cn-avatar-group>[data-slot=avatar-group-count]{box-shadow:0 0 0 2px var(--shadcn-ref-bg)}.cn-avatar-group>:not(:first-child){margin-inline-start:-8px}.cn-avatar-group-count{background:var(--shadcn-ref-muted);width:32px;height:32px;color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent);font-family:var(--shadcn-ref-font-sans);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:16px;display:flex;position:relative}.cn-avatar-group-count svg{width:14px;height:14px}.shadcn-ref-avatar-row,.shadcn-ref-badge-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.shadcn-ref-avatar-menu{width:8rem}.shadcn-ref-avatar-trigger{background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.shadcn-ref-menu-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:16rem;display:flex;position:relative;overflow:visible}.shadcn-ref-menu-stage--submenu{min-width:min(100%,28rem);min-height:18rem}.shadcn-ref-menu-stage--complex{min-width:min(100%,28rem);min-height:34rem}.shadcn-ref-menu-stage--rtl{min-width:min(100%,24rem);min-height:24rem}.cn-dropdown-menu-positioner{isolation:isolate;z-index:50;outline:none}.cn-dropdown-menu-content{isolation:isolate;z-index:50;width:max(var(--anchor-width), 8rem);min-width:8rem;max-height:var(--available-height);background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:10px;outline:none;padding:4px;position:relative;overflow:hidden auto}.cn-dropdown-menu-sub-content{width:auto;min-width:96px}.cn-dropdown-menu-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);align-items:center;padding:4px 6px;font-size:12px;font-weight:500;line-height:16px;display:flex}.cn-dropdown-menu-label[data-inset]{padding-inline-start:28px}.cn-dropdown-menu-item,.cn-dropdown-menu-sub-trigger,.cn-dropdown-menu-checkbox-item,.cn-dropdown-menu-radio-item{width:100%;color:var(--shadcn-ref-fg);-webkit-user-select:none;user-select:none;cursor:default;border-radius:6px;outline:none;align-items:center;gap:6px;padding:4px 6px;font-size:14px;line-height:20px;display:flex;position:relative}.cn-dropdown-menu-checkbox-item,.cn-dropdown-menu-radio-item{padding-inline-end:32px}.cn-dropdown-menu-item[data-inset],.cn-dropdown-menu-sub-trigger[data-inset],.cn-dropdown-menu-checkbox-item[data-inset],.cn-dropdown-menu-radio-item[data-inset]{padding-inline-start:28px}.cn-dropdown-menu-item svg,.cn-dropdown-menu-sub-trigger svg,.cn-dropdown-menu-checkbox-item svg,.cn-dropdown-menu-radio-item svg{width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);flex:none}.cn-dropdown-menu-sub-trigger__icon{margin-inline-start:auto}.cn-dropdown-menu-item[data-highlighted],.cn-dropdown-menu-item:focus-visible,.cn-dropdown-menu-sub-trigger[data-highlighted],.cn-dropdown-menu-sub-trigger[data-popup-open],.cn-dropdown-menu-sub-trigger[data-open],.cn-dropdown-menu-sub-trigger:focus-visible,.cn-dropdown-menu-checkbox-item[data-highlighted],.cn-dropdown-menu-checkbox-item:focus-visible,.cn-dropdown-menu-radio-item[data-highlighted],.cn-dropdown-menu-radio-item:focus-visible{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg)}.cn-dropdown-menu-item[data-highlighted] svg,.cn-dropdown-menu-item:focus-visible svg,.cn-dropdown-menu-sub-trigger[data-highlighted] svg,.cn-dropdown-menu-sub-trigger[data-popup-open] svg,.cn-dropdown-menu-sub-trigger[data-open] svg,.cn-dropdown-menu-sub-trigger:focus-visible svg,.cn-dropdown-menu-checkbox-item[data-highlighted] svg,.cn-dropdown-menu-checkbox-item:focus-visible svg,.cn-dropdown-menu-radio-item[data-highlighted] svg,.cn-dropdown-menu-radio-item:focus-visible svg{color:var(--shadcn-ref-fg)}.cn-dropdown-menu-item[data-disabled],.cn-dropdown-menu-sub-trigger[data-disabled],.cn-dropdown-menu-checkbox-item[data-disabled],.cn-dropdown-menu-radio-item[data-disabled]{pointer-events:none;opacity:.5}.cn-dropdown-menu-item[data-variant=destructive],.cn-dropdown-menu-item[data-variant=destructive] svg,.cn-dropdown-menu-item[data-variant=destructive] .cn-dropdown-menu-shortcut{color:var(--shadcn-ref-destructive-text)}.cn-dropdown-menu-item[data-variant=destructive][data-highlighted],.cn-dropdown-menu-item[data-variant=destructive]:focus-visible{background:var(--shadcn-ref-destructive-bg);color:var(--shadcn-ref-destructive-text)}.cn-dropdown-menu-item-indicator{pointer-events:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;inset-inline-end:8px}.cn-dropdown-menu-item-indicator svg{width:16px;height:16px;color:inherit}.cn-dropdown-menu-separator{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);height:1px;margin:4px -4px}.cn-dropdown-menu-shortcut{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);letter-spacing:.12em;white-space:nowrap;margin-inline-start:auto;font-size:12px;line-height:16px}.cn-dropdown-menu-item[data-highlighted] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-item:focus-visible .cn-dropdown-menu-shortcut,.cn-dropdown-menu-sub-trigger[data-highlighted] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-sub-trigger[data-popup-open] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-sub-trigger[data-open] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-checkbox-item[data-highlighted] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-radio-item[data-highlighted] .cn-dropdown-menu-shortcut{color:var(--shadcn-ref-fg)}.cn-context-menu-trigger{outline:none;display:inline-flex}.cn-context-menu-content{width:auto;min-width:12rem}.cn-context-menu-sub-content{width:auto;min-width:11rem}.shadcn-ref-context-trigger-card{aspect-ratio:16/9;border:1px dashed color-mix(in srgb, var(--shadcn-ref-fg) 20%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--shadcn-ref-muted) 72%, transparent), color-mix(in srgb, var(--shadcn-ref-muted) 42%, transparent));width:min(100%,20rem);color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);text-align:center;font-family:var(--shadcn-ref-font-sans);-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;padding:16px;font-size:14px;font-weight:500;line-height:20px;display:flex}.shadcn-ref-context-trigger-fine,.shadcn-ref-context-trigger-coarse{font-family:inherit}.shadcn-ref-context-trigger-coarse{display:none}@media (pointer:coarse){.shadcn-ref-context-trigger-fine{display:none}.shadcn-ref-context-trigger-coarse{display:inline}}.shadcn-ref-context-menu-w-md{width:12rem}.shadcn-ref-context-menu-w-sm{width:11rem}.shadcn-ref-context-sides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=720px){.shadcn-ref-context-sides-grid{grid-template-columns:minmax(0,1fr)}}.cn-menubar{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent);background:var(--shadcn-ref-bg);width:max-content;min-height:32px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 5%, transparent);font-family:var(--shadcn-ref-font-sans);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.cn-menubar-trigger{height:24px;color:var(--shadcn-ref-fg);-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;padding-inline:8px;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;display:flex}.cn-menubar-trigger[data-highlighted],.cn-menubar-trigger[data-popup-open],.cn-menubar-trigger[data-open],.cn-menubar-trigger:focus-visible{background:var(--shadcn-ref-muted)}.cn-menubar-content{width:auto;min-width:12rem}.cn-menubar-sub-content{width:auto;min-width:8rem}.shadcn-ref-menubar-width{width:min(100%,20rem)}.shadcn-ref-menubar-content-sm{width:11rem}.shadcn-ref-menubar-content-md{width:16rem}:where([dir=rtl]) .cn-rtl-flip{transform:rotate(180deg)}.shadcn-ref-navigation-stage{justify-content:center;align-items:flex-start;width:min(100%,42rem);min-height:20rem;display:flex;position:relative;overflow:visible}.cn-navigation-menu{flex:1;justify-content:center;align-items:center;max-width:max-content;display:flex;position:relative}.cn-navigation-menu-list{flex:1;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cn-navigation-menu-item{position:relative}.cn-navigation-menu-trigger{width:max-content;min-height:36px;color:var(--shadcn-ref-fg);white-space:nowrap;background:0 0;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:14px;line-height:20px;display:inline-flex}.cn-navigation-menu-trigger[data-popup-open],.cn-navigation-menu-trigger[data-open],.cn-navigation-menu-trigger:hover{background:var(--shadcn-ref-muted)}.cn-navigation-menu-trigger-icon{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);justify-content:center;align-items:center;transition:transform .15s,color .1s;display:inline-flex}.cn-navigation-menu-trigger-icon svg{width:16px;height:16px}.cn-navigation-menu-trigger[data-popup-open] .cn-navigation-menu-trigger-icon,.cn-navigation-menu-trigger[data-open] .cn-navigation-menu-trigger-icon{color:var(--shadcn-ref-fg);transform:rotate(180deg)}.cn-navigation-menu-positioner{isolation:isolate;z-index:50;width:var(--positioner-width);max-width:min(var(--available-width), calc(100vw - 2rem));height:var(--positioner-height);transition:top .35s,left .35s,right .35s,bottom .35s}.shadcn-ref-sonner-stage{justify-content:center;align-items:center;min-height:11rem;display:flex;position:relative;overflow:hidden}.shadcn-ref-sonner-stage--position{min-height:15rem}.shadcn-ref-sonner-actions{justify-content:center;width:100%;display:flex}.shadcn-ref-sonner-actions__row{justify-content:center}.cn-sonner-toaster[data-sonner-toaster]{max-width:calc(100% - 24px);font-family:var(--shadcn-ref-font-sans);pointer-events:none;z-index:20;position:absolute}.cn-sonner-toaster[data-sonner-toaster] [data-sonner-toast]{pointer-events:auto}.cn-toast[data-sonner-toast]{font-family:var(--shadcn-ref-font-sans)}.cn-sonner-icon-spin{animation:.9s linear infinite lab-spin}.tenx-toast-stage{isolation:isolate;justify-content:center;align-items:center;min-height:12rem;display:flex;position:relative;overflow:hidden}.tenx-toast-stage--position{min-height:14rem}.tenx-toast-stage__actions{justify-content:center;width:100%;display:flex}.tenx-toast-stage__actions-row{justify-content:center}.tenx-sonner-toaster[data-sonner-toaster]{pointer-events:none;z-index:20;max-width:calc(100% - 24px);position:absolute}.tenx-sonner-toaster[data-sonner-toaster] [data-sonner-toast]{pointer-events:auto}.tenx-sonner-toast[data-sonner-toast]{width:min(var(--width,22rem), calc(100vw - 2rem));border:1px solid var(--paper-border);background:radial-gradient(circle at top left, #5f6f9e3d, transparent 55%), color-mix(in srgb, var(--panel-bg-elevated) 86%, var(--paper-bg));color:var(--paper-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.125rem;box-shadow:0 18px 44px #0d0c0c42}.tenx-sonner-title{color:var(--paper-text);letter-spacing:-.02em;font-weight:600}.tenx-sonner-description{color:color-mix(in srgb, var(--paper-text) 68%, transparent);font-size:13px;line-height:1.5}.tenx-sonner-action,.tenx-sonner-cancel{border:1px solid var(--paper-border);background:color-mix(in srgb, var(--panel-bg-elevated) 82%, var(--paper-bg));color:var(--paper-text);border-radius:999px;font-weight:600;transition:background-color .14s,border-color .14s,transform .14s}.tenx-sonner-close{color:color-mix(in srgb, var(--paper-text) 58%, transparent);background:0 0;border:1px solid #0000}.tenx-sonner-icon{color:color-mix(in srgb, var(--paper-text) 88%, transparent)}.tenx-sonner-icon-spin{animation:.9s linear infinite lab-spin}@media (hover:hover){.tenx-sonner-action:hover,.tenx-sonner-cancel:hover{border-color:var(--paper-border);background:color-mix(in srgb, var(--panel-bg-elevated) 96%, var(--paper-bg))}.tenx-sonner-close:hover{color:var(--paper-text)}}.cn-navigation-menu-popup{width:var(--popup-width);height:var(--popup-height);max-width:min(var(--popup-width), calc(100vw - 2rem));transform-origin:var(--transform-origin);transition:opacity .35s,transform .35s,width .35s,height .35s;position:relative}.cn-navigation-menu-viewport{background:var(--shadcn-ref-bg);width:100%;height:100%;box-shadow:0 18px 40px #0000001f, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:16px;position:relative;overflow:hidden}.cn-navigation-menu-content{width:auto;height:100%}.cn-navigation-menu-link{width:100%;color:var(--shadcn-ref-fg);border-radius:12px;outline:none;align-items:center;gap:8px;padding:12px;text-decoration:none;display:flex}.cn-navigation-menu-link:hover,.cn-navigation-menu-link:focus-visible{background:var(--shadcn-ref-muted)}.cn-navigation-menu-link svg{width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);flex:none}.cn-navigation-menu-indicator{z-index:1;justify-content:center;align-items:flex-end;height:6px;display:flex;position:absolute;top:100%;overflow:hidden}.cn-navigation-menu-indicator-arrow{background:var(--shadcn-ref-bg);width:8px;height:8px;box-shadow:inset 1px 1px 0 color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);position:relative;top:60%;transform:rotate(45deg)}.shadcn-ref-navigation-panel{gap:8px;margin:0;padding:16px;list-style:none;display:grid}.shadcn-ref-navigation-panel--intro{width:24rem}.shadcn-ref-navigation-panel--grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,37.5rem)}.shadcn-ref-navigation-panel--icons{width:12.5rem}.shadcn-ref-navigation-panel--icons li{gap:2px;display:grid}.shadcn-ref-navigation-inline-link{flex-direction:row;align-items:center;gap:8px}.shadcn-ref-navigation-list-item-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.shadcn-ref-navigation-list-item-title{color:var(--shadcn-ref-fg);font-size:14px;font-weight:500;line-height:1}.shadcn-ref-navigation-list-item-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.shadcn-ref-max-sm{width:100%;max-width:24rem}.shadcn-ref-max-xs{width:100%;max-width:20rem}.shadcn-ref-w-full{width:100%}.shadcn-ref-w-fit{width:fit-content}.shadcn-ref-flex-1{flex:1}.shadcn-ref-gap-3{gap:12px}.shadcn-ref-font-normal{font-weight:400}.shadcn-ref-font-light{font-weight:300}.shadcn-ref-font-medium{font-weight:500}.shadcn-ref-tabular{font-variant-numeric:tabular-nums}.shadcn-ref-font-bold{font-weight:700}.shadcn-ref-input-group-pill{border-radius:999px}.shadcn-ref-input-group-popover{max-width:18rem}.shadcn-ref-input-group-prefix{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}.shadcn-ref-input-group-star[data-favorite=true]{fill:currentColor}.shadcn-ref-input-group-dropdown-button{gap:4px}.shadcn-ref-input-group-chevron-sm{width:14px;height:14px}.shadcn-ref-input-group-muted{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.shadcn-ref-input-group-code-textarea{min-height:7.5rem;font-family:var(--shadcn-ref-font-mono);line-height:1.5}.shadcn-ref-input-group-tight-start{padding-inline-start:0}.shadcn-ref-input-group-caption{font-size:12px}.shadcn-ref-input-group-wide{width:min(100%,40rem)}.shadcn-ref-input-group-textarea-lg{min-height:9rem}.shadcn-ref-input-group-undo-icon{width:14px;height:14px}.shadcn-ref-input-group-mono{font-family:var(--shadcn-ref-font-mono);align-items:center;gap:6px;font-size:13px;display:inline-flex}.shadcn-ref-spin{animation:.9s linear infinite lab-spin}.shadcn-ref-combobox-popup-trigger{justify-content:space-between;width:16rem}.shadcn-ref-combobox-timezone-content{width:15rem}.shadcn-ref-combobox-country-card{gap:2px;display:grid}.shadcn-ref-combobox-country-title{white-space:nowrap}.shadcn-ref-combobox-country-meta{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);font-size:12px;line-height:1.35}.shadcn-ref-command-shell{width:min(100%,24rem);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}.shadcn-ref-command-list-scroll{max-height:16rem}.shadcn-ref-otp-card{width:min(100%,28rem)}.shadcn-ref-otp-card-footer{align-items:stretch}.shadcn-ref-otp-form-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadcn-ref-otp-link{color:inherit;text-underline-offset:4px;text-decoration:underline}.shadcn-ref-otp-note{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);font-size:14px;line-height:1.45}.shadcn-ref-input-otp-slot-lg{width:44px;height:48px;font-size:20px}.shadcn-ref-input-otp-separator-spaced{margin-inline:8px}.shadcn-ref-checkbox-table-shell{width:100%;max-width:40rem}.shadcn-ref-checkbox-table-check-cell{width:2rem}.shadcn-ref-toggle-weight-item{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:64px;height:64px;display:flex}.shadcn-ref-toggle-weight-aa{font-size:24px;line-height:1}.shadcn-ref-toggle-weight-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-size:12px;line-height:1.2}.shadcn-ref-toggle-code-pill{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, var(--shadcn-ref-bg));font-family:var(--shadcn-ref-font-mono);border-radius:6px;padding:2px 6px;font-size:12px;line-height:1}.shadcn-ref-stack-6{flex-direction:column;gap:24px;display:flex}.shadcn-ref-grid-gap-2{gap:8px;display:grid}.shadcn-ref-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.shadcn-ref-field-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.shadcn-ref-inline-between{align-items:center;gap:12px;display:flex}.shadcn-ref-inline-gap-2,.shadcn-ref-label-row{align-items:center;gap:8px;display:flex}.shadcn-ref-field-xs{width:min(100%,20rem)}.shadcn-ref-field-sm{width:min(100%,24rem)}.shadcn-ref-field-form{width:min(100%,32rem)}.shadcn-ref-field-actions{flex-wrap:wrap;gap:12px;display:flex}.shadcn-ref-field-responsive{width:min(100%,32rem)}.shadcn-ref-slider{max-width:20rem}.shadcn-ref-slider-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadcn-ref-slider-value{white-space:nowrap}.shadcn-ref-slider-vertical-demo{justify-content:center;align-items:center;gap:24px;width:min(100%,20rem);display:flex}.shadcn-ref-slider-vertical{height:10rem}.shadcn-ref-separator-copy{flex-direction:column;gap:16px;width:min(100%,24rem);display:flex}.shadcn-ref-separator-heading{flex-direction:column;gap:4px;display:flex}.shadcn-ref-separator-links{align-items:center;gap:16px;height:20px;font-size:14px;display:flex}.shadcn-ref-separator-menu{align-items:center;gap:8px;width:min(100%,28rem);font-size:14px;display:flex}.shadcn-ref-separator-menu-section{flex-direction:column;gap:4px;display:flex}.shadcn-ref-separator-list{flex-direction:column;gap:8px;width:min(100%,24rem);font-size:14px;display:flex}.shadcn-ref-separator-list-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadcn-ref-resize-none{resize:none}@media (width<=720px){.shadcn-ref-field-grid-3{grid-template-columns:minmax(0,1fr)}.shadcn-ref-separator-menu{gap:12px}}.shadcn-ref-inline-link{color:inherit;text-underline-offset:4px;margin-inline-start:auto;font-size:14px;text-decoration:none}.shadcn-ref-inline-link:hover{text-decoration:underline}.shadcn-ref-column-actions{flex-direction:column}.shadcn-ref-list{gap:8px;margin:0;padding:8px 0;list-style:none;display:grid}.shadcn-ref-list-item{align-items:flex-start;gap:8px;display:flex}.shadcn-ref-list-item svg{width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);flex:none;margin-top:2px}.shadcn-ref-card-image{padding-top:0;position:relative}.shadcn-ref-card-image__scrim{z-index:30;aspect-ratio:16/9;pointer-events:none;background:#00000059;position:absolute;inset:0}.shadcn-ref-card-image__media{z-index:20;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;filter:brightness(.6)grayscale();width:100%;display:block;position:relative}.shadcn-ref-required-mark{color:var(--shadcn-ref-destructive-text)}.shadcn-ref-ml-auto{margin-inline-start:auto}.shadcn-ref-dialog-sm{width:min(100% - 2rem,24rem)}.shadcn-ref-dialog-md{width:min(100% - 2rem,28rem)}.shadcn-ref-dialog-footer-start{justify-content:flex-start}.shadcn-ref-dialog-scroll{max-height:50vh;margin:0 -16px;padding:0 16px;overflow-y:auto}.shadcn-ref-dialog-copy p{margin:0 0 16px;line-height:1.5}.shadcn-ref-dialog-copy p:last-child{margin-bottom:0}.cn-tooltip-content{z-index:70;background:var(--shadcn-ref-tooltip-bg);width:fit-content;max-width:20rem;color:var(--shadcn-ref-tooltip-text);font-family:var(--shadcn-ref-font-sans);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:400;line-height:16px;animation:.12s ease-out viewer-tooltip-in;display:inline-flex;position:relative}.cn-tooltip-content>:where(p){margin:0}.cn-tooltip-arrow{z-index:50;background:var(--shadcn-ref-tooltip-bg);width:10px;height:10px;fill:var(--shadcn-ref-tooltip-bg);border-radius:2px;position:absolute;transform:translateY(calc(-50% - 2px))rotate(45deg)}.cn-tooltip-arrow[data-side=top]{bottom:-10px}.cn-tooltip-arrow[data-side=bottom]{top:4px}.cn-tooltip-arrow[data-side=left],.cn-tooltip-arrow[data-side=right]{transform:translateY(-50%)rotate(45deg);top:50%!important}.cn-tooltip-arrow[data-side=left]{right:-4px}.cn-tooltip-arrow[data-side=right]{left:-4px}.cn-kbd{background:var(--shadcn-ref-muted);width:fit-content;min-width:20px;height:20px;color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-family:var(--shadcn-ref-font-sans);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:12px;font-weight:500;display:inline-flex}.cn-kbd-group{align-items:center;gap:4px;display:inline-flex}.cn-tooltip-content .cn-kbd{background:color-mix(in srgb, var(--shadcn-ref-bg) 20%, transparent);color:var(--shadcn-ref-bg)}.cn-alert{border:1px solid var(--shadcn-ref-border);text-align:left;border-radius:10px;gap:2px;width:100%;padding:8px 10px;font-size:14px;display:grid;position:relative}.cn-alert:has(>svg){-moz-column-gap:8px;grid-template-columns:auto 1fr;column-gap:8px}.cn-alert:has(>[data-slot=alert-action]){padding-inline-end:72px}.cn-alert>svg{color:currentColor;grid-row:1/span 2;width:16px;height:16px;translate:0 2px}:is(.cn-alert:has(>svg) .cn-alert-title,.cn-alert:has(>svg) .cn-alert-description){grid-column:2}.cn-alert-variant-default{background:color-mix(in srgb, var(--shadcn-ref-bg) 96%, var(--shadcn-ref-muted));color:var(--shadcn-ref-fg)}.cn-alert-variant-destructive{background:color-mix(in srgb, var(--shadcn-ref-bg) 96%, var(--shadcn-ref-destructive-text));color:var(--shadcn-ref-destructive-text)}.cn-alert-title{font-family:var(--shadcn-ref-font-heading);font-weight:500;line-height:1.35}.cn-alert-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);line-height:1.45}.cn-alert-description p:not(:last-child){margin-bottom:16px}.cn-alert-variant-destructive .cn-alert-description{color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 88%, transparent)}.cn-alert-action{position:absolute;top:8px;right:8px}.cn-aspect-ratio{position:relative;overflow:hidden}.cn-collapsible{width:100%}.cn-collapsible-content{overflow:hidden}.cn-collapsible-content-inner{width:100%}.cn-accordion{flex-direction:column;width:100%;display:flex}.cn-accordion-item{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}.cn-accordion-header{display:flex}.cn-accordion-trigger{color:var(--shadcn-ref-fg);font-family:var(--shadcn-ref-font-heading);text-align:left;background:0 0;border:1px solid #0000;outline:none;flex:auto;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 0;font-size:14px;font-weight:500;line-height:1.4;transition:color .1s,border-color .1s,box-shadow .1s;display:flex;position:relative}.cn-accordion-trigger[aria-disabled=true]{pointer-events:none;opacity:.5}.cn-accordion-trigger:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring);border-radius:10px}.cn-accordion-trigger__label{flex:auto}.cn-accordion-trigger-icon{width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);flex:none}.cn-accordion-trigger[aria-expanded=true] .cn-accordion-trigger-icon--down,.cn-accordion-trigger[aria-expanded=false] .cn-accordion-trigger-icon--up,.cn-accordion-trigger:not([aria-expanded=true]) .cn-accordion-trigger-icon--up{display:none}.cn-accordion-content{overflow:hidden}.cn-accordion-content-inner{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);padding-bottom:16px;font-size:14px;line-height:1.5}.cn-accordion-content-inner a{color:inherit;text-underline-offset:3px;text-decoration:underline}.cn-accordion-content-inner a:hover{color:var(--shadcn-ref-fg)}.cn-accordion-content-inner p:not(:last-child){margin-bottom:16px}.cn-item-group{flex-direction:column;gap:16px;width:100%;display:flex}.cn-item-group:has(.cn-item[data-size=sm]){gap:10px}.cn-item-group:has(.cn-item[data-size=xs]){gap:8px}.cn-item-separator{margin-block:8px}.cn-item{width:100%;color:var(--shadcn-ref-fg);border:1px solid #0000;border-radius:12px;outline:none;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;line-height:1.4;text-decoration:none;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s;display:flex}.cn-item[href]:hover{background:color-mix(in srgb, var(--shadcn-ref-muted) 84%, var(--shadcn-ref-bg))}.cn-item:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-item-variant-default{background:0 0;border-color:#0000}.cn-item-variant-outline{border-color:var(--shadcn-ref-border);background:var(--shadcn-ref-bg)}.cn-item-variant-muted{background:color-mix(in srgb, var(--shadcn-ref-muted) 52%, var(--shadcn-ref-bg));border-color:#0000}.cn-item-size-default,.cn-item-size-sm{padding:10px 12px}.cn-item-size-xs{gap:8px;padding:8px 10px}.cn-item-media{flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.cn-item:has([data-slot=item-description]) .cn-item-media{align-self:flex-start;transform:translateY(2px)}.cn-item-media svg{flex:none}.cn-item-media-variant-icon svg{width:16px;height:16px}.cn-item-media-variant-image{border-radius:6px;width:40px;height:40px;overflow:hidden}.cn-item[data-size=sm] .cn-item-media-variant-image{width:32px;height:32px}.cn-item[data-size=xs] .cn-item-media-variant-image{width:24px;height:24px}.cn-item-media-variant-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cn-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cn-item[data-size=xs] .cn-item-content{gap:0}.cn-item-content+.cn-item-content{flex:none}.cn-item-title{width:fit-content;max-width:100%;color:var(--shadcn-ref-fg);font-family:var(--shadcn-ref-font-heading);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1.35;display:flex;overflow:hidden}.cn-item-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.cn-item[data-size=xs] .cn-item-description{font-size:12px}.cn-item-description a{color:inherit;text-underline-offset:4px;text-decoration:underline}.cn-item-actions{align-items:center;gap:8px;display:flex}.cn-item-header,.cn-item-footer{flex-basis:100%;justify-content:space-between;align-items:center;gap:8px;display:flex}.cn-account-menu-card{width:100%;color:var(--shadcn-ref-fg);flex-direction:column;display:flex;overflow:hidden}.cn-account-menu-card[data-surface=floating]{background:linear-gradient(180deg, color-mix(in srgb, var(--shadcn-ref-bg) 96%, var(--shadcn-ref-muted)) 0%, var(--shadcn-ref-bg) 100%);width:min(100%,340px);box-shadow:0 1px 40px color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);border-radius:16px;padding:8px}.cn-account-menu-card[data-surface=flat]{background:0 0}.cn-account-menu-content{flex-direction:column;gap:12px;width:100%;display:flex}.cn-account-menu-identity{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 16px 8px;display:flex}.cn-account-menu-identity-copy{align-items:center;gap:8px;min-width:0;display:flex}.cn-account-menu-identity-text{flex-direction:column;min-width:0;display:flex}.cn-account-menu-name,.cn-account-menu-handle{margin:0}.cn-account-menu-name{color:var(--shadcn-ref-fg);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.5;overflow:hidden}.cn-account-menu-handle{color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;overflow:hidden}.cn-account-menu-identity-action{min-height:36px;padding-inline:20px;font-size:15px;line-height:1.5}.cn-account-menu-divider{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);width:100%;height:1px}.cn-account-menu-plan{flex-direction:column;gap:12px;width:100%;padding:0 16px;display:flex}.cn-account-menu-plan-header,.cn-account-menu-plan-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.cn-account-menu-plan-name,.cn-account-menu-plan-copy,.cn-account-menu-plan-value{font-variant-numeric:tabular-nums;margin:0}.cn-account-menu-plan-name{color:var(--shadcn-ref-fg);font-size:15px;font-weight:600;line-height:1.5}.cn-account-menu-plan-action{color:#248d79;font-size:15px;font-weight:500;line-height:1.5}.cn-account-menu-progress{gap:0}.cn-account-menu-progress .cn-progress-track{background:color-mix(in srgb, #59b9a9 18%, var(--shadcn-ref-muted));height:8px}.cn-account-menu-progress .cn-progress-indicator{background:#59b9a9;border-radius:999px}.cn-account-menu-plan-copy,.cn-account-menu-plan-value{color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent);font-size:13px;line-height:1.4}.cn-account-menu-section{flex-direction:column;gap:8px;width:100%;padding-bottom:8px;display:flex}.cn-account-menu-list{flex-direction:column;gap:0;width:100%;display:flex}.cn-account-menu-row{border-radius:8px;gap:16px;min-height:40px;padding:10px 16px}.cn-account-menu-row-tone-active{background:color-mix(in srgb, var(--shadcn-ref-fg) 5%, transparent)}.cn-account-menu-row-tone-danger{color:var(--shadcn-ref-destructive-text)}.cn-account-menu-row .cn-item-content{gap:2px}.cn-account-menu-row .cn-item-media svg{width:20px;height:20px}.cn-account-menu-row .cn-item-title{font-family:inherit;font-size:15px;font-weight:400;line-height:1.5}.cn-account-menu-row .cn-item-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent);font-size:13px;line-height:1.4}@media (hover:hover){.cn-account-menu-plan-action:hover{color:#1f7968}.cn-account-menu-row[data-interactive=true]:hover{background:color-mix(in srgb, var(--shadcn-ref-fg) 5%, transparent)}}@media (width<=900px){.shadcn-ref-account-menu-grid{grid-template-columns:1fr}}.shadcn-ref-breadcrumb-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:10rem;display:flex;position:relative;overflow:visible}.shadcn-ref-breadcrumb-stage--menu{min-height:14rem}.shadcn-ref-breadcrumb-stage--rtl{min-height:15rem}.cn-breadcrumb{width:fit-content;max-width:100%}.cn-breadcrumb-list{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cn-breadcrumb-item{align-items:center;gap:6px;min-width:0;display:inline-flex}.cn-breadcrumb-link,.shadcn-ref-breadcrumb-dropdown-trigger{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent);background:0 0;border:0;align-items:center;gap:4px;font-size:14px;line-height:1.4;text-decoration:none;transition:color .12s,box-shadow .12s;display:inline-flex}.cn-breadcrumb-link:hover,.shadcn-ref-breadcrumb-dropdown-trigger:hover{color:var(--shadcn-ref-fg)}.cn-breadcrumb-link:focus-visible,.shadcn-ref-breadcrumb-dropdown-trigger:focus-visible{color:var(--shadcn-ref-fg);box-shadow:0 0 0 2px color-mix(in srgb, var(--shadcn-ref-ring) 28%, transparent);border-radius:6px;outline:none}.cn-breadcrumb-page{color:var(--shadcn-ref-fg);font-size:14px;line-height:1.4}.cn-breadcrumb-separator{color:color-mix(in srgb, var(--shadcn-ref-fg) 36%, transparent);justify-content:center;align-items:center;display:inline-flex}.cn-breadcrumb-separator svg{width:14px;height:14px}.cn-breadcrumb-ellipsis{width:16px;height:16px;color:color-mix(in srgb, var(--shadcn-ref-fg) 52%, transparent);justify-content:center;align-items:center;display:inline-flex}.cn-breadcrumb-ellipsis svg{width:16px;height:16px}.shadcn-ref-breadcrumb-dropdown-trigger{cursor:default;padding:0}.shadcn-ref-breadcrumb-dropdown-icon{width:14px;height:14px}.shadcn-ref-breadcrumb-router-link{cursor:default}.shadcn-ref-scroll-area-panel{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);border-radius:12px;width:min(100%,12rem);height:18rem}.shadcn-ref-scroll-area-panel--horizontal{white-space:nowrap;width:min(100%,24rem);height:auto}.shadcn-ref-scroll-area-content{padding:16px}.shadcn-ref-scroll-area-heading{color:var(--shadcn-ref-fg);margin:0 0 16px;font-size:14px;font-weight:500;line-height:1}.shadcn-ref-scroll-area-tag{color:var(--shadcn-ref-fg);font-size:14px;line-height:1.4}.shadcn-ref-scroll-area-separator{margin:8px 0}.shadcn-ref-scroll-area-strip{gap:16px;width:max-content;padding:16px;display:flex}.shadcn-ref-scroll-area-figure{flex-shrink:0;width:96px;margin:0}.shadcn-ref-scroll-area-image-wrap{border-radius:8px;overflow:hidden}.shadcn-ref-scroll-area-image{-o-object-fit:cover;object-fit:cover;width:96px;height:128px;display:block}.shadcn-ref-scroll-area-caption{color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent);white-space:normal;padding-top:8px;font-size:12px;line-height:1.45}.shadcn-ref-scroll-area-caption strong{color:var(--shadcn-ref-fg);font-weight:600}.shadcn-ref-skeleton-row{align-items:center;gap:16px;display:flex}.shadcn-ref-skeleton-copy{gap:8px;display:grid}.shadcn-ref-skeleton-card{width:min(100%,20rem)}.shadcn-ref-skeleton-card [data-slot=card-content]{padding-top:0}.shadcn-ref-skeleton-text{flex-direction:column;gap:8px;width:min(100%,20rem);display:flex}.shadcn-ref-skeleton-form{flex-direction:column;gap:28px;width:min(100%,20rem);display:flex}.shadcn-ref-skeleton-field{flex-direction:column;gap:12px;display:flex}.shadcn-ref-skeleton-table{flex-direction:column;gap:8px;width:min(100%,24rem);display:flex}.shadcn-ref-skeleton-table-row{align-items:center;gap:16px;display:flex}.cn-pagination{justify-content:center;width:100%;display:flex}.cn-pagination-content{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cn-pagination-item{list-style:none}.cn-pagination-link{min-width:32px}.cn-pagination-link[data-active=true]{font-weight:500}.cn-pagination-previous,.cn-pagination-next{gap:4px;padding-inline:10px}.cn-pagination-previous-text,.cn-pagination-next-text{display:none}@media (width>=640px){.cn-pagination-previous-text,.cn-pagination-next-text{display:inline}}.cn-pagination-ellipsis{width:32px;height:32px;color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent);justify-content:center;align-items:center;display:inline-flex}.cn-pagination-ellipsis svg{width:16px;height:16px}.cn-button-group{align-items:stretch;width:fit-content;display:flex}.cn-button-group:has(>[data-slot=button-group]){gap:8px}.cn-button-group>[data-slot]:focus-visible{z-index:10;position:relative}.cn-button-group>[data-slot=input],.cn-button-group>[data-slot=input-group]{flex:auto;min-width:0}.cn-button-group>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.cn-button-group[data-orientation=vertical]{flex-direction:column}.cn-button-group[data-orientation=horizontal]>[data-slot]:not([data-slot=button-group-separator]):not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.cn-button-group[data-orientation=horizontal]>[data-slot]:not([data-slot=button-group-separator])+[data-slot]:not([data-slot=button-group-separator]){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.cn-button-group[data-orientation=horizontal]>[data-slot]:not([data-slot=button-group-separator]):last-child{border-start-end-radius:10px;border-end-end-radius:10px}.cn-button-group[data-orientation=vertical]>[data-slot]:not([data-slot=button-group-separator]):not(:last-child){border-end-end-radius:0;border-end-start-radius:0}.cn-button-group[data-orientation=vertical]>[data-slot]:not([data-slot=button-group-separator])+[data-slot]:not([data-slot=button-group-separator]){border-start-start-radius:0;border-start-end-radius:0;margin-top:-1px}.cn-button-group[data-orientation=vertical]>[data-slot]:not([data-slot=button-group-separator]):last-child{border-end-end-radius:10px;border-end-start-radius:10px}.cn-button-group-text{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg);border-radius:10px;align-items:center;gap:8px;padding-inline:10px;font-size:14px;font-weight:500;display:inline-flex}.cn-button-group-text svg{pointer-events:none;width:16px;height:16px}.cn-button-group-separator{background:var(--shadcn-ref-border)}.cn-progress-root{flex-wrap:wrap;gap:12px;width:100%;display:flex}.cn-progress-track{background:var(--shadcn-ref-muted);border-radius:999px;align-items:center;width:100%;height:4px;display:flex;position:relative;overflow-x:hidden}.cn-progress-indicator{background:var(--shadcn-ref-fg);height:100%;transition:inline-size .15s,width .15s,transform .15s}.cn-progress-label{font-size:14px;font-weight:500;line-height:1.4}.cn-progress-value{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:14px;line-height:1.4}.shadcn-ref-alert-stack{gap:16px;width:min(100%,28rem);display:grid}.shadcn-ref-accordion-max{width:min(100%,32rem)}.shadcn-ref-accordion-bordered{border:1px solid var(--shadcn-ref-border);border-radius:12px}.shadcn-ref-accordion-bordered-item{padding-inline:16px}.shadcn-ref-accordion-bordered-item:last-child{border-bottom:0}.shadcn-ref-accordion-card{width:min(100%,24rem)}.shadcn-ref-aspect-ratio{background:var(--shadcn-ref-muted);border-radius:12px;width:100%;overflow:hidden}.shadcn-ref-aspect-ratio--landscape{max-width:24rem}.shadcn-ref-aspect-ratio--square{max-width:12rem}.shadcn-ref-aspect-ratio--portrait{max-width:10rem}.shadcn-ref-aspect-ratio-image{-o-object-fit:cover;object-fit:cover;filter:grayscale();width:100%;height:100%}.shadcn-ref-aspect-ratio-figure{width:100%;max-width:24rem}.shadcn-ref-aspect-ratio-caption{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);text-align:center;margin-top:8px;font-size:14px;line-height:1.4}.shadcn-ref-alert-max{width:min(100%,28rem)}.shadcn-ref-alert-amber{color:#78350f;background:#fffbeb;border-color:#fde68a}.shadcn-ref-alert-amber .cn-alert-description{color:#92400e}.shadcn-ref-kbd-demo{flex-direction:column;align-items:center;gap:16px;width:min(100%,20rem);display:flex}.shadcn-ref-button-group-stack{flex-direction:column;align-items:flex-start;gap:32px;display:flex}.shadcn-ref-button-group-demo,.shadcn-ref-button-group-max{width:min(100%,32rem)}.shadcn-ref-button-group-menu{width:10rem}.shadcn-ref-button-group-dropdown-menu{width:11rem}.shadcn-ref-button-group-dropdown-trigger{padding-inline-start:8px!important}.shadcn-ref-button-group-select-trigger-mono{font-family:var(--shadcn-ref-font-mono)}.shadcn-ref-button-group-popover{border-radius:16px;width:min(100vw - 2rem,20rem);font-size:14px}.shadcn-ref-button-group-voice-button[data-active=true]{color:#9a3412;background:#fed7aa}.shadcn-ref-button-group-pill>[data-slot=button],.shadcn-ref-button-group-pill>[data-slot=input],.shadcn-ref-button-group-pill>[data-slot=input-group],.shadcn-ref-button-group-pill>[data-slot=select-trigger]{border-radius:999px}.shadcn-ref-item-stack{flex-direction:column;align-items:flex-start;gap:24px;width:min(100%,32rem);display:flex}.shadcn-ref-item-max,.shadcn-ref-item-group{width:min(100%,32rem)}.shadcn-ref-item-secondary-content{text-align:center;flex:none}.shadcn-ref-item-round-button{border-radius:999px}.shadcn-ref-item-avatar-cluster{margin-inline-start:4px;display:flex}.shadcn-ref-item-avatar-cluster>[data-slot=avatar]{box-shadow:0 0 0 2px var(--shadcn-ref-bg);filter:grayscale();margin-inline-start:-8px}.shadcn-ref-item-avatar-cluster>[data-slot=avatar]:first-child{margin-inline-start:0}.shadcn-ref-item-image{filter:grayscale()}.shadcn-ref-item-header-grid{gap:16px;width:min(100%,42rem);display:grid}.shadcn-ref-item-header-card{align-items:flex-start}.shadcn-ref-item-cover-image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:6px;width:100%}@media (width>=768px){.shadcn-ref-item-header-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.shadcn-ref-item-dropdown-menu{width:12rem}.cn-dropdown-menu-item.shadcn-ref-item-dropdown-entry{padding:0}.shadcn-ref-item-dropdown-row{border-radius:6px;width:100%}.shadcn-ref-item-dropdown-content{gap:0}.shadcn-ref-item-dropdown-description{line-height:1.2}.shadcn-ref-collapsible-stack{flex-direction:column;gap:8px;width:350px;max-width:100%;display:flex}.shadcn-ref-collapsible-row{justify-content:space-between;align-items:center;gap:16px;padding-inline:16px;display:flex}.shadcn-ref-collapsible-title{font-size:14px;font-weight:600;line-height:1.35}.shadcn-ref-collapsible-panel{border:1px solid var(--shadcn-ref-border);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;font-size:14px;line-height:1.4;display:flex}.shadcn-ref-collapsible-panel--block{display:block}.shadcn-ref-collapsible-content-stack{flex-direction:column;gap:8px;display:flex}.shadcn-ref-collapsible-muted{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}.shadcn-ref-collapsible-strong{color:var(--shadcn-ref-fg);font-size:14px;font-weight:500;line-height:1.4}.shadcn-ref-collapsible-card{width:min(100%,24rem)}.shadcn-ref-collapsible-basic{border-radius:8px;transition:background-color .1s}.shadcn-ref-collapsible-basic[data-open]{background:color-mix(in srgb, var(--shadcn-ref-muted) 76%, var(--shadcn-ref-bg))}.shadcn-ref-collapsible-basic-trigger{justify-content:flex-start;width:100%}.shadcn-ref-collapsible-basic-icon{margin-inline-start:auto;transition:transform .15s}.shadcn-ref-collapsible-basic-icon[data-open=true]{transform:rotate(180deg)}.shadcn-ref-collapsible-basic-content{flex-direction:column;align-items:flex-start;gap:8px;padding:0 10px 10px;font-size:14px;display:flex}.shadcn-ref-collapsible-settings-card{width:min(100%,20rem)}.shadcn-ref-collapsible-settings{align-items:flex-start;gap:8px;display:flex}.shadcn-ref-collapsible-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.shadcn-ref-collapsible-settings-extra{grid-column:1/-1}.shadcn-ref-collapsible-file-card{gap:8px;width:min(100%,16rem)}.shadcn-ref-collapsible-tabs{width:100%}.shadcn-ref-collapsible-file-shell{flex-direction:column;gap:4px;display:flex}.shadcn-ref-collapsible-file-node{width:100%}.shadcn-ref-collapsible-folder-button{justify-content:flex-start;width:100%;transition:none}.shadcn-ref-collapsible-folder-chevron{transition:transform .15s}.shadcn-ref-collapsible-folder-chevron[data-open=true]{transform:rotate(90deg)}.shadcn-ref-collapsible-file-button{width:100%;color:var(--shadcn-ref-fg);justify-content:flex-start;gap:8px}.shadcn-ref-collapsible-file-branch{padding-inline-start:20px;padding-top:4px}.shadcn-ref-collapsible-file-children{flex-direction:column;gap:4px;display:flex}.shadcn-ref-pagination-stack{width:min(100%,32rem)}.shadcn-ref-pagination-icons{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(100%,32rem);display:flex}.shadcn-ref-pagination-field{width:fit-content}.shadcn-ref-pagination-select-trigger{width:80px}.shadcn-ref-pagination-inline{justify-content:flex-start;width:auto}.shadcn-ref-progress-demo{width:60%}.shadcn-ref-progress-stack{flex-direction:column;gap:16px;width:min(100%,24rem);display:flex}.shadcn-ref-date-picker-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:21rem;display:flex;position:relative;overflow:visible}.shadcn-ref-date-picker-stage--compact{min-height:22rem}.shadcn-ref-date-picker-stage--range,.shadcn-ref-date-picker-stage--wide{min-height:23rem}.shadcn-ref-date-picker-stage--rtl{min-height:21rem}.shadcn-ref-date-picker-field{width:11rem}.shadcn-ref-date-picker-field--range{width:15rem}.shadcn-ref-date-picker-field--input{width:12rem}.shadcn-ref-date-picker-field--natural{width:min(100%,20rem)}.shadcn-ref-date-picker-field--time{width:8rem}.shadcn-ref-date-picker-inline-group{flex-direction:row;align-items:flex-start;gap:16px;width:min(100%,17rem);display:flex}.shadcn-ref-date-picker-time-field{width:8rem}.shadcn-ref-date-picker-trigger{font-weight:400}.shadcn-ref-date-picker-trigger[data-empty=true]{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}.shadcn-ref-date-picker-trigger--demo{text-align:left;justify-content:space-between;width:212px}.shadcn-ref-date-picker-trigger--field{text-align:left;justify-content:flex-start;width:100%}.shadcn-ref-date-picker-trigger--range{text-align:left;justify-content:flex-start;width:240px;padding-inline:10px}.shadcn-ref-date-picker-trigger--time{text-align:left;justify-content:space-between;width:8rem}.shadcn-ref-date-picker-content{width:auto;padding:0}.shadcn-ref-date-picker-content--overflow{overflow:hidden}.shadcn-ref-date-picker-input-group{width:100%}.shadcn-ref-date-picker-time-input{appearance:none;background:var(--shadcn-ref-bg)}.shadcn-ref-date-picker-time-input::-webkit-calendar-picker-indicator{display:none}.shadcn-ref-date-picker-support{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);padding:0 4px;font-size:14px;line-height:1.45}.shadcn-ref-date-picker-support strong{color:var(--shadcn-ref-fg);font-weight:500}.shadcn-ref-table-shell{width:min(100%,44rem)}.shadcn-ref-table-shell--actions{width:min(100%,34rem)}.shadcn-ref-table-actions-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:16rem;display:flex;position:relative;overflow:visible}.shadcn-ref-table-actions-trigger{width:32px;height:32px;padding:0}.lab-kbd{border:1px solid var(--pill-border);background:color-mix(in srgb, var(--panel-bg) 72%, transparent);min-width:24px;min-height:24px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;display:inline-flex}.lab-tooltip{z-index:70;border-radius:8px;align-items:center;gap:6px;width:fit-content;max-width:20rem;padding:6px 12px;font-size:12px;font-weight:500;line-height:16px;animation:.12s ease-out viewer-tooltip-in;display:inline-flex}.lab-tooltip--tenx{border:1px solid var(--lab-tooltip-border);background:var(--lab-tooltip-bg);color:var(--lab-tooltip-text);box-shadow:var(--lab-tooltip-shadow);border-radius:12px;gap:10px;padding:10px 12px;font-size:13px;line-height:1.4}.lab-tooltip__arrow--tenx{fill:var(--lab-tooltip-bg)}.lab-tooltip__content-row{justify-content:space-between}.lab-tooltip>:where(p){margin:0}.lab-button,.cn-button{white-space:nowrap;-webkit-user-select:none;user-select:none;background-clip:padding-box;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s,transform .1s;display:inline-flex}.component-lab[data-component-skin=reference] .button-docs,.cn-aspect-ratio,.cn-accordion,.cn-accordion-content,.cn-accordion-item,.cn-accordion-trigger,.cn-alert-dialog-content,.cn-alert-dialog-description,.cn-alert-dialog-footer,.cn-alert-dialog-header,.cn-alert-dialog-title,.cn-badge,.cn-breadcrumb,.cn-breadcrumb-ellipsis,.cn-breadcrumb-item,.cn-breadcrumb-link,.cn-breadcrumb-list,.cn-breadcrumb-page,.cn-breadcrumb-separator,.cn-button,.cn-card,.cn-card-action,.cn-card-content,.cn-card-description,.cn-card-footer,.cn-card-header,.cn-card-title,.cn-chart,.cn-chart-legend,.cn-chart-tooltip,.cn-dialog-content,.cn-dialog-description,.cn-dialog-footer,.cn-dialog-header,.cn-dialog-title,.cn-drawer-content,.cn-drawer-description,.cn-drawer-footer,.cn-drawer-header,.cn-drawer-title,.cn-field,.cn-field-content,.cn-field-description,.cn-field-error,.cn-field-group,.cn-field-legend,.cn-field-label,.cn-field-set,.cn-field-title,.cn-calendar,.cn-calendar-caption-label,.cn-calendar-day-button,.cn-checkbox,.cn-combobox-chip,.cn-combobox-chip-input,.cn-combobox-chips,.cn-combobox-content,.cn-combobox-empty,.cn-combobox-group,.cn-combobox-item,.cn-combobox-label,.cn-collapsible,.cn-collapsible-content,.cn-collapsible-trigger,.cn-command,.cn-command-empty,.cn-command-group,.cn-command-input,.cn-command-item,.cn-command-list,.cn-command-shortcut,.cn-calendar-dropdown-root,.cn-navigation-menu,.cn-navigation-menu-content,.cn-navigation-menu-link,.cn-navigation-menu-list,.cn-navigation-menu-trigger,.cn-sheet-content,.cn-sheet-description,.cn-sheet-footer,.cn-sheet-header,.cn-sheet-title,.cn-skeleton,.cn-popover-content,.cn-popover-description,.cn-popover-header,.cn-popover-title,.cn-dropdown-menu-checkbox-item,.cn-dropdown-menu-content,.cn-dropdown-menu-item,.cn-dropdown-menu-label,.cn-dropdown-menu-radio-item,.cn-dropdown-menu-shortcut,.cn-dropdown-menu-sub-trigger,.cn-context-menu-trigger,.cn-menubar,.cn-menubar-trigger,.cn-avatar-group-count,.cn-input,.cn-input-otp,.cn-input-otp-group,.cn-input-otp-input,.cn-input-otp-separator,.cn-input-otp-slot,.cn-input-group,.cn-input-group-addon,.cn-input-group-button,.cn-input-group-custom-control,.cn-input-group-input,.cn-input-group-text,.cn-input-group-textarea,.cn-item,.cn-item-actions,.cn-item-content,.cn-item-description,.cn-item-footer,.cn-item-group,.cn-item-header,.cn-item-media,.cn-item-title,.cn-label,.cn-native-select,.cn-native-select-wrapper,.cn-pagination,.cn-pagination-content,.cn-pagination-ellipsis,.cn-pagination-link,.cn-radio-group,.cn-radio-group-item,.cn-scroll-area,.cn-scroll-area-scrollbar,.cn-scroll-area-thumb,.cn-scroll-area-viewport,.cn-sonner-toaster,.cn-toast,.tenx-sonner-toast,.cn-select-content,.cn-select-group,.cn-select-item,.cn-select-label,.cn-select-trigger,.cn-select-value,.cn-textarea,.cn-toggle,.cn-toggle-group,.cn-toggle-group-item,.cn-tabs,.cn-tabs-content,.cn-tabs-list,.cn-tabs-trigger,.cn-table,.cn-table-caption,.cn-table-cell,.cn-table-head,.cn-avatar-fallback{font-family:var(--shadcn-ref-font-sans)}.cn-button{line-height:20px}.lab-button:not(:disabled),.lab-button[role=button]:not(:disabled){cursor:default}.lab-button:focus-visible,.cn-button:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent);box-shadow:0 0 0 3px var(--shadcn-ref-ring);outline:none}.lab-button:active,.cn-button:active{transform:translateY(1px)}.lab-button:disabled,.cn-button:disabled{opacity:.5;cursor:default;pointer-events:none}.lab-button svg,.cn-button svg{flex:none;width:1em;height:1em}.lab-button--size-xs,.cn-button-size-xs{border-radius:10px;min-height:24px;padding:0 8px;font-size:12px}.lab-button--size-sm,.cn-button-size-sm{border-radius:12px;min-height:28px;padding:0 10px;font-size:12.8px}.lab-button--size-default,.cn-button-size-default{min-height:32px;padding:0 10px;font-size:14px}.lab-button--size-lg,.cn-button-size-lg{border-radius:10px;min-height:36px;padding:0 10px;font-size:14px}.lab-button--size-icon-xs,.cn-button-size-icon-xs{border-radius:10px;width:24px;height:24px;padding:0;font-size:12px}.lab-button--size-icon-sm,.cn-button-size-icon-sm{border-radius:12px;width:28px;height:28px;padding:0;font-size:12.8px}.lab-button--size-icon,.cn-button-size-icon{width:32px;height:32px;padding:0;font-size:14px}.lab-button--size-icon-lg,.cn-button-size-icon-lg{border-radius:10px;width:36px;height:36px;padding:0;font-size:14px}.lab-button--rounded,.cn-button-rounded{border-radius:999px;padding-inline:18px}.lab-button--default,.cn-button-variant-default{background:var(--shadcn-ref-fg);color:var(--shadcn-ref-bg);box-shadow:none}.lab-button--outline,.cn-button-variant-outline{border-color:var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);color:var(--shadcn-ref-fg)}.lab-button--secondary,.cn-button-variant-secondary{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg)}.lab-button--ghost,.cn-button-variant-ghost{color:var(--shadcn-ref-fg);background:0 0}.lab-button--destructive,.cn-button-variant-destructive{background:var(--shadcn-ref-destructive-bg);color:var(--shadcn-ref-destructive-text)}.lab-button--link,.cn-button-variant-link{min-height:auto;color:var(--shadcn-ref-fg);text-underline-offset:4px;background:0 0;border-radius:0;padding:0}.component-lab[data-component-skin=tenx] .lab-button{box-shadow:none}.component-lab[data-component-skin=tenx] .lab-button:not(:disabled),.component-lab[data-component-skin=tenx] .lab-button[role=button]:not(:disabled){cursor:pointer}.component-lab[data-component-skin=tenx] .lab-button--default{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text)}.component-lab[data-component-skin=tenx] .lab-button--outline{border-color:var(--pill-border);color:var(--lab-button-ghost-text);background:0 0}.component-lab[data-component-skin=tenx] .lab-button--secondary{background:var(--lab-button-secondary-default);color:var(--lab-button-secondary-text)}.component-lab[data-component-skin=tenx] .lab-button--ghost{color:var(--lab-button-ghost-text);background:0 0}.component-lab[data-component-skin=tenx] .lab-button--destructive{background:color-mix(in srgb, var(--text-highlight) 14%, transparent);color:var(--text-highlight)}.component-lab[data-component-skin=tenx] .lab-button--link{color:var(--link-text)}.component-lab[data-component-skin=tenx] .lab-button:disabled{background:var(--interactive-disabled);color:var(--text-disabled);border-color:#0000}@media (hover:hover){.lab-button--default:hover,.cn-button-variant-default:hover{background:color-mix(in srgb, var(--shadcn-ref-fg) 88%, var(--shadcn-ref-bg))}.lab-button--outline:hover,.cn-button-variant-outline:hover{background:var(--shadcn-ref-muted)}.lab-button--secondary:hover,.cn-button-variant-secondary:hover{background:var(--shadcn-ref-muted-hover)}.lab-button--ghost:hover,.cn-button-variant-ghost:hover{background:var(--shadcn-ref-muted)}.lab-button--destructive:hover,.cn-button-variant-destructive:hover{background:var(--shadcn-ref-destructive-bg-hover)}.lab-button--link:hover,.cn-button-variant-link:hover{text-decoration:underline}.component-lab[data-component-skin=tenx] .lab-button--default:hover{background:var(--lab-button-primary-hover)}.component-lab[data-component-skin=tenx] .lab-button--outline:hover,.component-lab[data-component-skin=tenx] .lab-button--ghost:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent}.component-lab[data-component-skin=tenx] .lab-button--secondary:hover{background:var(--lab-button-secondary-hover)}.component-lab[data-component-skin=tenx] .lab-button--destructive:hover{background:color-mix(in srgb, var(--text-highlight) 20%, transparent)}.component-lab[data-component-skin=tenx] .lab-button--link:hover{color:var(--link-text-active)}}.cn-spinner{color:currentColor;flex:none;width:16px;height:16px;animation:.9s linear infinite lab-spin;display:inline-flex}.cn-empty{text-align:center;text-wrap:balance;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:24px;width:100%;min-width:0;display:flex}.cn-empty-header{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:20rem;display:flex}.cn-empty-media{flex-shrink:0;justify-content:center;align-items:center;display:flex}.cn-empty-media svg{flex:none;width:24px;height:24px}.cn-empty-media-variant-default{width:fit-content}.cn-empty-media-variant-icon{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);background:var(--shadcn-ref-muted);border-radius:999px;width:48px;height:48px}.cn-empty-title{color:var(--shadcn-ref-fg);font-size:20px;font-weight:600;line-height:1.2}.cn-empty-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);font-size:14px;line-height:1.5}.cn-empty-description a{color:inherit;text-underline-offset:4px;text-decoration:underline}.cn-empty-description a:hover{color:var(--shadcn-ref-fg)}.cn-empty-content{text-wrap:balance;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:20rem;display:flex}.cn-hover-card-positioner{isolation:isolate;z-index:50;width:max-content;max-width:min(var(--available-width), calc(100vw - 2rem));outline:none}.cn-hover-card-content{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent);transform-origin:var(--transform-origin);border-radius:12px;outline:none;flex-direction:column;gap:4px;padding:16px;display:flex}.cn-hover-card-content-logical{max-inline-size:calc(100vw - 2rem)}.shadcn-ref-spinner-demo{width:min(100%,20rem)}.shadcn-ref-spinner-demo-item{width:100%}.shadcn-ref-spinner-demo-amount{color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent);font-variant-numeric:tabular-nums;flex:none;justify-content:flex-end;align-items:flex-end;font-size:14px;line-height:1.4}.shadcn-ref-spinner-demo-amount span{white-space:nowrap}.shadcn-ref-spinner-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.shadcn-ref-spinner-row--sizes{gap:20px}.shadcn-ref-spinner-size-3{width:12px;height:12px}.shadcn-ref-spinner-size-4{width:16px;height:16px}.shadcn-ref-spinner-size-6{width:24px;height:24px}.shadcn-ref-spinner-size-8{width:32px;height:32px}.shadcn-ref-spinner-buttons{align-items:center}.shadcn-ref-spinner-inputs{width:min(100%,28rem)}.shadcn-ref-spinner-empty{min-height:18rem}.shadcn-ref-empty-shell{border-radius:16px;width:100%;min-height:20rem;padding:32px 16px}.shadcn-ref-empty-shell--outline{border:1px dashed var(--shadcn-ref-border)}.shadcn-ref-empty-shell--background{background:color-mix(in srgb, var(--shadcn-ref-muted) 42%, var(--shadcn-ref-bg))}.shadcn-ref-empty-actions{flex-flow:wrap;justify-content:center;gap:8px}.shadcn-ref-empty-link{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}.shadcn-ref-empty-link-icon{width:16px;height:16px}:where([dir=rtl]) .shadcn-ref-empty-link-icon{transform:rotate(-90deg)}.shadcn-ref-empty-support{max-width:16rem}.shadcn-ref-empty-avatar{width:48px;height:48px}.shadcn-ref-empty-avatar [data-slot=avatar-image]{filter:grayscale()}.shadcn-ref-empty-avatar-group{align-items:center;padding-inline-start:8px;display:flex}.shadcn-ref-empty-avatar-group>[data-slot=avatar]{border:2px solid var(--shadcn-ref-bg);filter:grayscale();width:48px;height:48px;margin-inline-start:-8px}.shadcn-ref-empty-avatar-group>[data-slot=avatar]:first-child{margin-inline-start:0}.shadcn-ref-empty-search{width:min(100%,18rem)}.shadcn-ref-empty-help{max-width:18rem}.shadcn-ref-hover-card-stage{justify-content:center;align-items:flex-start;width:100%;min-height:10rem;padding-top:8px;display:flex;position:relative;overflow:visible}.shadcn-ref-hover-card-stage--demo{min-height:12rem}.shadcn-ref-hover-card-stage--rtl{min-height:11rem}.shadcn-ref-hover-card-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:24px;width:100%;display:grid}.shadcn-ref-hover-card-rtl-grid{gap:24px;width:100%;display:grid}.shadcn-ref-hover-card-panel{width:16rem}.shadcn-ref-hover-card-title{color:var(--shadcn-ref-fg);font-size:15px;font-weight:600;line-height:1.35}.shadcn-ref-hover-card-heading{color:var(--shadcn-ref-fg);margin:0;font-size:15px;font-weight:500;line-height:1.35}.shadcn-ref-hover-card-stack{flex-direction:column;gap:4px;display:flex}.shadcn-ref-hover-card-copy{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent);margin:0;font-size:14px;line-height:1.45}.shadcn-ref-hover-card-meta{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent);margin-top:4px;font-size:12px;line-height:1.4}.lab-spinner{width:1em;height:1em;animation:.9s linear infinite lab-spin}@keyframes shadcn-ref-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes lab-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cn-spinner,.cn-input-otp-caret-line{animation:none}}@media (width<=1100px){.component-lab__header-actions{align-items:flex-start}.component-lab__facts,.catalog-docs__meta-grid,.catalog-docs__section-grid,.button-docs__field-grid,.button-docs__notes-grid{grid-template-columns:1fr}.button-docs__field-span-2{grid-column:auto}.lab-ratio-grid,.lab-dual-grid,.button-docs__api-row{grid-template-columns:1fr}}@media (width<=720px){.button-docs__section,.component-lab__preview-shell{padding:16px}.button-docs__example-header,.button-docs__section-header{flex-direction:column}.button-docs__composer-footer,.button-docs__inline-field,.lab-field--horizontal{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.button-docs__button-group{flex-direction:column}.button-docs__button-group>.lab-button{border-radius:0;margin-top:-1px;margin-left:0}.button-docs__button-group>.lab-button:first-child{border-radius:11px 11px 0 0;margin-top:0}.button-docs__button-group>.lab-button:last-child{border-radius:0 0 11px 11px}.lab-toggle-group:not(.lab-toggle-group--vertical){flex-direction:column;align-items:stretch}.lab-toggle-group:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush{border-radius:0;margin-top:-1px;margin-left:0}.lab-toggle-group:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush:first-child{border-radius:12px 12px 0 0;margin-top:0}.lab-toggle-group:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush:last-child{border-radius:0 0 12px 12px}.lab-sidebar-preview,.lab-resizable{grid-template-columns:1fr}.lab-resizable__handle{border-inline:0;border-block:1px solid var(--border-soft);width:auto;height:28px}}.viewer-history-empty{border:1px dashed var(--pill-border);color:var(--text-muted);border-radius:12px;padding:18px 16px}.viewer-history-list{flex-direction:column;gap:0;display:flex}.viewer-history-item{padding:14px 0}.viewer-history-item__header{color:var(--text);font-size:14px;font-weight:600}.viewer-history-item+.viewer-history-item{border-top:1px solid var(--border-soft)}.viewer-history-item__meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.viewer-history-item__kind{color:var(--text);text-transform:capitalize}.viewer-history-item__note{color:var(--text);margin:10px 0 12px;line-height:1.45}.viewer-history-item__values{gap:10px;display:grid}.viewer-history-item__values code{background:var(--pill-bg);color:var(--text);word-break:break-word;border-radius:10px;margin-top:4px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.viewer-history-item__label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.viewer-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.viewer-dialog{background:linear-gradient(#343434,#2d2d2d);border:1px solid #ffffff14;border-radius:22px;flex-direction:column;gap:18px;width:min(560px,100%);max-height:min(88vh,760px);padding:22px;display:flex;box-shadow:0 24px 60px #00000061}.viewer-dialog__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.viewer-dialog__eyebrow{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.viewer-dialog__header h3{margin:6px 0 4px;font-size:20px;font-weight:600}.viewer-dialog__header p{color:var(--text-muted);margin:0;font-size:13px}.viewer-dialog__form{flex-direction:column;gap:16px;min-height:0;display:flex}.viewer-dialog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.viewer-field{flex-direction:column;gap:8px;display:flex}.viewer-field span{color:var(--text-muted);font-size:12px;font-weight:600}.viewer-field input,.viewer-field select,.viewer-field textarea{border:1px solid var(--pill-border);width:100%;color:var(--text);background:#262626;border-radius:12px;outline:none;padding:12px 14px}.viewer-field textarea{resize:vertical;min-height:110px}.viewer-field input:disabled{color:var(--text-muted);opacity:.9}.viewer-dialog__error{color:#ffd2d2;background:#ef60601f;border:1px solid #ef606047;border-radius:12px;padding:12px 14px;font-size:13px}.viewer-dialog__actions{justify-content:flex-end;gap:10px;display:flex}.viewer-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-width:116px;padding:10px 14px;display:inline-flex}.viewer-button:disabled{opacity:.65}.viewer-button--secondary{border-color:var(--pill-border);background:var(--pill-bg)}.viewer-button--primary{color:var(--specimen-product-bg-light);background:#c64d11}.glass-lab{gap:28px}.glass-lab__intro-meta{align-content:start;gap:10px;display:grid}.glass-lab__intro-pill{border:1px solid var(--border-soft);background:var(--chip-bg);min-height:40px;color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.glass-lab__intro-pill strong{color:var(--text);font-weight:600}.glass-lab-preview-grid{gap:22px;display:grid}.glass-lab-preview{border:1px solid var(--border-soft);background:var(--glass-lab-panel-bg);border-radius:32px;min-height:560px;position:relative;overflow:hidden}.glass-lab-preview--light{--glass-lab-panel-bg:var(--specimen-product-bg-light);--glass-lab-text-primary:var(--viewer-text-primary-light);--glass-lab-text-secondary:var(--viewer-text-secondary-light);--glass-lab-text-muted:var(--viewer-text-disabled-light);--glass-lab-accent:var(--viewer-text-highlight-light);--glass-lab-border:#0d0c0c14;--glass-lab-panel-shadow:0 22px 56px #0f0f1214;--glass-lab-chip-solid:#ffffffd6;--glass-lab-fill-default:var(--viewer-surface-over-media-glass-default-light);--glass-lab-fill-strong:var(--viewer-surface-over-media-glass-strong-light);--glass-lab-fill-extra:var(--viewer-surface-over-media-glass-extra-light);--glass-lab-fill-ultra:var(--viewer-surface-over-media-glass-ultra-light);--glass-lab-fill-always-darken:var(--viewer-surface-over-media-glass-always-darken-light)}.glass-lab-preview--dark{--glass-lab-panel-bg:var(--specimen-product-bg-dark);--glass-lab-text-primary:var(--viewer-text-primary-dark);--glass-lab-text-secondary:var(--viewer-text-secondary-dark);--glass-lab-text-muted:var(--viewer-text-disabled-dark);--glass-lab-accent:var(--viewer-text-highlight-dark);--glass-lab-border:#ffffff1a;--glass-lab-panel-shadow:0 24px 62px #0000004d;--glass-lab-chip-solid:#0d0c0cd1;--glass-lab-fill-default:var(--viewer-surface-over-media-glass-default-dark);--glass-lab-fill-strong:var(--viewer-surface-over-media-glass-strong-dark);--glass-lab-fill-extra:var(--viewer-surface-over-media-glass-extra-dark);--glass-lab-fill-ultra:var(--viewer-surface-over-media-glass-ultra-dark);--glass-lab-fill-always-darken:var(--viewer-surface-over-media-glass-always-darken-dark)}.glass-lab-preview__art,.glass-lab-preview__art picture{position:absolute;inset:0}.glass-lab-preview__image{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;filter:saturate(1.02);width:100%;height:100%;transform:scale(1.08)}.glass-lab-preview__scrim{background:linear-gradient(#0d0c0c0f 0%,#0d0c0c29 100%),radial-gradient(circle at 12% 12%,#ffffff2e,#0000 34%);position:absolute;inset:0}.glass-lab-preview--dark .glass-lab-preview__scrim{background:linear-gradient(#00000047 0%,#0000005c 100%),radial-gradient(circle at 12% 12%,#ffffff0f,#0000 36%)}.glass-lab-preview__content{z-index:1;gap:24px;padding:28px;display:grid;position:relative}.glass-lab-preview__header{color:var(--glass-lab-text-primary);justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.glass-lab-preview__header h3{margin:8px 0 0;font-size:30px;line-height:1.04}.glass-lab-preview__header p{max-width:560px;color:var(--glass-lab-text-secondary);margin:10px 0 0;line-height:1.6}.glass-lab-preview__status{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.glass-lab-preview__status span,.glass-lab-chip{border:1px solid color-mix(in srgb, var(--glass-lab-text-primary) 10%, transparent);background:color-mix(in srgb, var(--glass-lab-panel-bg) 74%, transparent);min-height:34px;color:var(--glass-lab-text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.glass-lab-preview__samples{grid-template-columns:minmax(280px,340px) minmax(0,420px);justify-content:space-between;align-items:start;gap:20px;display:grid}.glass-lab-glass{isolation:isolate;background:var(--glass-lab-fill,var(--glass-lab-fill-default));border:1px solid var(--glass-lab-border);box-shadow:var(--glass-lab-floating-shadow,var(--glass-lab-panel-shadow));-webkit-backdrop-filter:var(--glass-lab-backdrop,blur(20px) saturate(1.2) brightness(1.06));position:relative;overflow:hidden}.glass-lab-glass:before,.glass-lab-glass:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass-lab-glass:before{background-image:var(--glass-lab-rim), var(--glass-lab-highlight), var(--glass-lab-depth);background-repeat:no-repeat}.glass-lab-glass:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glass-lab-text-primary) 12%, transparent)}.glass-lab-glass>*{z-index:1;position:relative}.glass-lab-surface-card{min-height:196px;color:var(--glass-lab-text-primary);border-radius:28px;gap:14px;padding:22px;display:grid}.glass-lab-surface-card strong,.glass-lab-leaderboard__header strong{font-size:24px;font-weight:600;line-height:1.1}.glass-lab-surface-card p,.glass-lab-leaderboard__header span,.glass-lab-leaderboard__identity span{color:var(--glass-lab-text-secondary);margin:0;line-height:1.55}.glass-lab-leaderboard{color:var(--glass-lab-text-primary);border-radius:30px;gap:16px;padding:22px;display:grid}.glass-lab-leaderboard__header{gap:6px;display:grid}.glass-lab-leaderboard__rows{display:grid}.glass-lab-leaderboard__row{border-top:1px solid color-mix(in srgb, var(--glass-lab-text-primary) 8%, transparent);grid-template-columns:28px 40px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;display:grid}.glass-lab-leaderboard__row:first-child{border-top:0;padding-top:0}.glass-lab-leaderboard__rank{color:var(--glass-lab-text-muted);font-size:14px;font-weight:600}.glass-lab-leaderboard__avatar{-o-object-fit:cover;object-fit:cover;border-radius:999px;width:40px;height:40px;box-shadow:0 6px 18px #00000029}.glass-lab-leaderboard__identity{gap:4px;min-width:0;display:grid}.glass-lab-leaderboard__identity strong{font-size:18px;font-weight:500;line-height:1.2}.glass-lab-composer-shell{width:min(100%,780px);margin-inline:auto}.glass-lab-composer{color:var(--glass-lab-text-primary);border-radius:30px;gap:18px;padding:20px;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:grid}.glass-lab-composer:focus-visible{outline:2px solid color-mix(in srgb, var(--glass-lab-accent) 70%, transparent);outline-offset:3px}.glass-lab-composer__modes,.glass-lab-composer__footer,.glass-lab-composer__actions{align-items:center;gap:10px;display:flex}.glass-lab-composer__footer{justify-content:space-between}.glass-lab-composer__mode,.glass-lab-composer__chip,.glass-lab-composer__icon,.glass-lab-composer__submit{background:color-mix(in srgb, var(--glass-lab-panel-bg) 76%, transparent);min-height:42px;color:var(--glass-lab-text-primary);-webkit-backdrop-filter:var(--glass-lab-chip-backdrop,blur(12px));box-shadow:var(--glass-lab-chip-shadow,none);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.glass-lab-composer__mode{color:var(--glass-lab-text-secondary)}.glass-lab-composer__mode--active{background:var(--glass-lab-chip-solid);color:var(--glass-lab-text-primary)}.glass-lab-composer__field{min-height:118px;color:var(--glass-lab-text-secondary);align-items:flex-start;padding:14px 6px 0;font-size:28px;line-height:1.14;display:flex}.glass-lab-composer__submit{background:var(--glass-lab-chip-solid);min-width:110px;font-weight:600}.glass-lab-preview--dark .glass-lab-composer__mode--active,.glass-lab-preview--dark .glass-lab-composer__submit{color:#0d0c0c}.glass-lab-preview--dark .glass-lab-chip,.glass-lab-preview--dark .glass-lab-preview__status span,.glass-lab-preview--dark .glass-lab-composer__mode,.glass-lab-preview--dark .glass-lab-composer__chip,.glass-lab-preview--dark .glass-lab-composer__icon{background:#0d0c0cad}.glass-lab-preview--dark .glass-lab-composer__field{color:#ffffffc7}@media (width<=1200px){.viewer-workspace{grid-template-columns:56px 290px minmax(0,1fr)}.viewer-search{width:220px}.glass-lab-preview__samples{grid-template-columns:minmax(0,1fr)}}@media (width<=960px){.viewer-page{padding:0}.viewer-shell{border:0;border-radius:0;min-height:100vh}.viewer-topbar{display:none}.viewer-workspace{grid-template-columns:48px 240px minmax(0,1fr)}.viewer-workspace--labs{grid-template-columns:48px minmax(0,1fr)}.viewer-workspace--labs .viewer-sidebar--labs,.viewer-sidebar__floating-action,.viewer-content__floating-action{display:none}.viewer-content__toolbar{flex-direction:column;align-items:stretch}.viewer-content__body--labs,.viewer-dialog{padding:18px}.viewer-dialog__grid,.viewer-plugin-workbench,.viewer-plugin-form__grid{grid-template-columns:1fr}.viewer-content,.icon-library,.icon-candidates{grid-template-columns:minmax(0,1fr)}.icon-library__catalog,.icon-candidates__catalog{padding:18px}.icon-library__detail{border-top:1px solid var(--border-soft);border-left:0}.viewer-history-panel,.viewer-detail-panel{border-left:0;border-top:1px solid var(--border-soft);grid-column:1;width:100%;min-width:0;box-shadow:0 -12px 32px #00000047}.viewer-toolbar__actions{flex-wrap:wrap;justify-content:space-between}.viewer-content__body--components-scroll{padding:12px 12px 18px}.viewer-search{width:100%}.glass-lab-preview{min-height:auto}.glass-lab-preview__content{padding:22px}.glass-lab-preview__header{flex-direction:column}.glass-lab-preview__status{justify-content:flex-start}}@media (width<=720px){.viewer-content__toolbar,.icon-library__catalog,.icon-candidates__catalog{padding:16px}.viewer-content__body--components-scroll{padding:10px 10px 16px}.icon-library__grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.icon-library__preview-scales{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-content__body--labs{padding:14px}.glass-lab-preview__content{padding:18px}.glass-lab-preview__header h3{font-size:26px}.glass-lab-surface-card strong,.glass-lab-leaderboard__header strong{font-size:22px}.glass-lab-composer__field{min-height:100px;font-size:24px}.glass-lab-composer__footer{flex-direction:column;align-items:stretch}.glass-lab-composer__actions{justify-content:space-between}}.placeholder\:text-\[color\:var\(--color-text-secondary\)\]::placeholder{color:var(--color-text-secondary)}.focus-within\:-translate-y-0\.5:focus-within{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-within\:shadow-\[0_24px_48px_rgb\(0_0_0_\/_0\.24\)\]:focus-within{--tw-shadow:0 24px 48px #0000003d;--tw-shadow-colored:0 24px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-\[1px\]:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[color\:var\(--color-border-default\)\]:hover{border-color:var(--color-border-default)}.hover\:bg-\[color\:var\(--color-background-surface\)\]:hover{background-color:var(--color-background-surface)}.hover\:bg-\[color\:var\(--color-button-primary-hover\)\]:hover{background-color:var(--color-button-primary-hover)}.hover\:bg-\[color\:var\(--color-surface-on-base-secondary\)\]:hover{background-color:var(--color-surface-on-base-secondary)}.hover\:bg-\[color\:var\(--tenx-surface-disabled\)\]:hover{background-color:var(--tenx-surface-disabled)}.hover\:bg-\[color\:var\(--tenx-surface-media-cta-hover\)\]:hover{background-color:var(--tenx-surface-media-cta-hover)}.hover\:text-\[color\:var\(--color-text-primary\)\]:hover{color:var(--color-text-primary)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:shadow-\[0_24px_48px_rgb\(0_0_0_\/_0\.24\)\]:hover{--tw-shadow:0 24px 48px #0000003d;--tw-shadow-colored:0 24px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-\[0_8px_18px_rgb\(0_0_0_\/_0\.12\)\]:hover{--tw-shadow:0 8px 18px #0000001f;--tw-shadow-colored:0 8px 18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus-visible\:border-\[color\:var\(--color-border-focus\)\]:focus-visible{border-color:var(--color-border-focus)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[color\:color-mix\(in_srgb\,var\(--color-border-focus\)_22\%\,transparent\)\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--color-border-focus) 22%,transparent)}.active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:border-transparent:disabled{border-color:#0000}.disabled\:bg-\[color\:var\(--color-element-disabled\)\]:disabled{background-color:var(--color-element-disabled)}.disabled\:text-\[color\:var\(--color-text-disabled\)\]:disabled{color:var(--color-text-disabled)}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.data-\[state\=on\]\:bg-\[color\:var\(--color-background-product\)\][data-state=on]{background-color:var(--color-background-product)}.data-\[state\=on\]\:shadow-\[var\(--tenx-shadow-toggle\)\][data-state=on]{--tw-shadow-color:var(--tenx-shadow-toggle);--tw-shadow:var(--tw-shadow-colored)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:transition-none{transition-property:none}}.dark\:bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.12\)_0\%\,rgba\(0\,0\,0\,0\.24\)_38\%\,rgba\(0\,0\,0\,0\.3\)_100\%\)\]:is([data-theme=new-dark] *){background-image:linear-gradient(#0000001f 0%,#0000003d 38%,#0000004d 100%)}@media (width>=640px){.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-6{padding:1.5rem}.sm\:pr-\[184px\]{padding-right:184px}.sm\:text-\[20px\]{font-size:20px}}@media (width>=768px){.md\:pointer-events-none{pointer-events:none}.md\:translate-y-3{--tw-translate-y:.75rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-\[1\.1fr_1fr_auto\]{grid-template-columns:1.1fr 1fr auto}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-6{padding:1.5rem}.md\:p-7{padding:1.75rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-\[22px\]{font-size:22px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:opacity-0{opacity:0}.md\:focus-visible\:pointer-events-auto:focus-visible{pointer-events:auto}.md\:focus-visible\:translate-y-0:focus-visible{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:focus-visible\:opacity-100:focus-visible{opacity:1}.md\:focus-visible\:shadow-\[0_18px_36px_rgb\(0_0_0_\/_0\.2\)\]:focus-visible{--tw-shadow:0 18px 36px #0003;--tw-shadow-colored:0 18px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.group:focus-within .md\:group-focus-within\:pointer-events-auto{pointer-events:auto}.group:focus-within .md\:group-focus-within\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .md\:group-focus-within\:opacity-100{opacity:1}.group:hover .md\:group-hover\:pointer-events-auto{pointer-events:auto}.group:hover .md\:group-hover\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .md\:group-hover\:opacity-100{opacity:1}.group:hover .md\:group-hover\:shadow-\[0_18px_36px_rgb\(0_0_0_\/_0\.2\)\]{--tw-shadow:0 18px 36px #0003;--tw-shadow-colored:0 18px 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (prefers-reduced-motion:reduce){.md\:motion-reduce\:pointer-events-auto{pointer-events:auto}.md\:motion-reduce\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:motion-reduce\:opacity-100{opacity:1}}}@media (width>=1024px){.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}}@media (width>=1280px){.xl\:sticky{position:sticky}.xl\:top-6{top:1.5rem}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.xl\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.xl\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.xl\:grid-cols-\[360px_minmax\(0\,1fr\)\]{grid-template-columns:360px minmax(0,1fr)}.xl\:grid-cols-\[390px_minmax\(0\,1fr\)\]{grid-template-columns:390px minmax(0,1fr)}.xl\:grid-cols-\[minmax\(280px\,340px\)_minmax\(0\,420px\)\]{grid-template-columns:minmax(280px,340px) minmax(0,420px)}.xl\:items-start{align-items:flex-start}.xl\:justify-between{justify-content:space-between}}.\[\&_\[data-slot\=input-group\]\]\:min-h-\[208px\] [data-slot=input-group]{min-height:208px}.\[\&_\[data-slot\=input-group\]\]\:items-stretch [data-slot=input-group]{align-items:stretch}.\[\&_\[data-slot\=input-group\]\]\:gap-0 [data-slot=input-group]{gap:0}.\[\&_\[data-slot\=input-group\]\]\:rounded-\[26px\] [data-slot=input-group]{border-radius:26px}.\[\&_\[data-slot\=input-group\]\]\:border-0 [data-slot=input-group]{border-width:0}.\[\&_\[data-slot\=input-group\]\]\:bg-transparent [data-slot=input-group]{background-color:#0000}.\[\&_\[data-slot\=input-group\]\]\:p-0 [data-slot=input-group]{padding:0}.\[\&_\[data-slot\=input-group\]\]\:shadow-none [data-slot=input-group]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.\[\&_\[data-slot\=input-group\]\]\:backdrop-blur-none [data-slot=input-group]{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}