@designbasekorea/figma-ui 0.1.96 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.esm.css +1 -1
  5. package/dist/index.esm.css.map +1 -1
  6. package/dist/index.esm.js +14 -2
  7. package/dist/index.esm.js.map +1 -1
  8. package/dist/index.js +14 -2
  9. package/dist/index.js.map +1 -1
  10. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--z-index-foundation-toast:1030;--z-index-foundation-tooltip:1020;--z-index-foundation-popover:1010;--z-index-foundation-modal:1000;--z-index-foundation-auto:auto;--z-index-foundation-50:50;--z-index-foundation-40:40;--z-index-foundation-30:30;--z-index-foundation-20:20;--z-index-foundation-10:10;--z-index-foundation-0:0;--typography-foundation-line-height-loose:2;--typography-foundation-line-height-relaxed:1.625;--typography-foundation-line-height-normal:1.5;--typography-foundation-line-height-snug:1.375;--typography-foundation-line-height-tight:1.25;--typography-foundation-line-height-none:1;--typography-foundation-font-weight-extrabold:800;--typography-foundation-font-weight-bold:700;--typography-foundation-font-weight-semibold:600;--typography-foundation-font-weight-medium:500;--typography-foundation-font-weight-normal:400;--typography-foundation-font-weight-light:300;--typography-foundation-font-size-6xl:3.75rem;--typography-foundation-font-size-5xl:3rem;--typography-foundation-font-size-4xl:2.25rem;--typography-foundation-font-size-3xl:1.875rem;--typography-foundation-font-size-2xl:1.5rem;--typography-foundation-font-size-xl:1.25rem;--typography-foundation-font-size-l:1.125rem;--typography-foundation-font-size-base:1rem;--typography-foundation-font-size-s:0.875rem;--typography-foundation-font-size-xs:0.75rem;--typography-foundation-font-family-mono:"SF Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;--typography-foundation-font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--spacing-foundation-05:0.125rem;--spacing-foundation-96:24rem;--spacing-foundation-80:20rem;--spacing-foundation-72:18rem;--spacing-foundation-64:16rem;--spacing-foundation-60:15rem;--spacing-foundation-56:14rem;--spacing-foundation-52:13rem;--spacing-foundation-48:12rem;--spacing-foundation-44:11rem;--spacing-foundation-40:10rem;--spacing-foundation-36:9rem;--spacing-foundation-32:8rem;--spacing-foundation-28:7rem;--spacing-foundation-24:6rem;--spacing-foundation-20:5rem;--spacing-foundation-16:4rem;--spacing-foundation-14:3.5rem;--spacing-foundation-12:3rem;--spacing-foundation-11:2.75rem;--spacing-foundation-10:2.5rem;--spacing-foundation-9:2.25rem;--spacing-foundation-8:2rem;--spacing-foundation-7:1.75rem;--spacing-foundation-6:1.5rem;--spacing-foundation-5:1.25rem;--spacing-foundation-4:1rem;--spacing-foundation-3:0.75rem;--spacing-foundation-2:0.5rem;--spacing-foundation-1:0.25rem;--spacing-foundation-0:0rem;--size-semantic-modal-xl:62.5rem;--size-semantic-modal-l:50rem;--size-semantic-modal-m:37.5rem;--size-semantic-modal-s:25rem;--size-semantic-card-l:25rem;--size-semantic-card-m:18.75rem;--size-semantic-card-s:12.5rem;--size-foundation-5xl:6rem;--size-foundation-4xl:5rem;--size-foundation-3xl:4rem;--size-foundation-xxl:3rem;--size-foundation-xl:2.5rem;--size-foundation-l:2rem;--size-foundation-m:1.5rem;--size-foundation-s:1.25rem;--size-foundation-xs:1rem;--size-foundation-xxs:0.75rem;--motion-foundation-easing-ease-in-out:ease-in-out;--motion-foundation-easing-ease-out:ease-out;--motion-foundation-easing-ease-in:ease-in;--motion-foundation-easing-ease:ease;--motion-foundation-duration-slow:500ms;--motion-foundation-duration-base:300ms;--motion-foundation-duration-fast:150ms;--layout-foundation-breakpoint-3xl:120rem;--layout-foundation-breakpoint-xxl:90rem;--layout-foundation-breakpoint-xl:80rem;--layout-foundation-breakpoint-l:64rem;--layout-foundation-breakpoint-m:48rem;--layout-foundation-breakpoint-s:30rem;--layout-foundation-breakpoint-xs:0rem;--layout-foundation-grid-gutter-xxl:3rem;--layout-foundation-grid-gutter-xl:2.5rem;--layout-foundation-grid-gutter-l:2rem;--layout-foundation-grid-gutter-m:1.5rem;--layout-foundation-grid-gutter-s:1rem;--layout-foundation-grid-gutter-xs:0.5rem;--layout-foundation-grid-gutter-none:0rem;--layout-foundation-grid-columns-24:24;--layout-foundation-grid-columns-16:16;--layout-foundation-grid-columns-12:12;--layout-foundation-grid-columns-6:6;--layout-foundation-container-padding-xxl:4rem;--layout-foundation-container-padding-xl:3rem;--layout-foundation-container-padding-l:2rem;--layout-foundation-container-padding-m:1.5rem;--layout-foundation-container-padding-s:1rem;--layout-foundation-container-padding-xs:0.5rem;--layout-foundation-container-padding-none:0rem;--layout-foundation-container-max-width-4xl:120rem;--layout-foundation-container-max-width-3xl:100rem;--layout-foundation-container-max-width-xxl:90rem;--layout-foundation-container-max-width-xl:80rem;--layout-foundation-container-max-width-l:64rem;--layout-foundation-container-max-width-m:48rem;--layout-foundation-container-max-width-s:40rem;--layout-foundation-container-max-width-xs:30rem;--layout-foundation-container-max-width-fluid:100%;--opacity-foundation-100:1;--opacity-foundation-95:0.95;--opacity-foundation-90:0.9;--opacity-foundation-80:0.8;--opacity-foundation-75:0.75;--opacity-foundation-70:0.7;--opacity-foundation-60:0.6;--opacity-foundation-50:0.5;--opacity-foundation-40:0.4;--opacity-foundation-30:0.3;--opacity-foundation-25:0.25;--opacity-foundation-20:0.2;--opacity-foundation-10:0.1;--opacity-foundation-5:0.05;--opacity-foundation-0:0;--shadow-foundation-inner:0px 2px 4px 0px rgba(0,0,0,.06);--shadow-foundation-2xl:0px 25px 50px -12px rgba(0,0,0,.25);--shadow-foundation-xl:0px 20px 25px -5px rgba(0,0,0,.1);--shadow-foundation-l:0px 10px 15px -3px rgba(0,0,0,.1);--shadow-foundation-m:0px 4px 6px -1px rgba(0,0,0,.1);--shadow-foundation-base:0px 1px 3px 0px rgba(0,0,0,.1);--shadow-foundation-s:0px 1px 2px 0px rgba(0,0,0,.05);--shadow-foundation-none:0px 0px 0px 0px rgba(0,0,0,.2);--color-aliases-overlay-inverse:hsla(0,0%,100%,.6);--color-aliases-overlay-soft:rgba(0,0,0,.3);--color-aliases-overlay-base:rgba(0,0,0,.6);--color-aliases-text-link-hover:rgba(0,111,255,.9);--color-aliases-surface-alpha-inverse:rgba(0,0,0,.3);--color-aliases-surface-alpha:hsla(0,0%,100%,.3);--color-aliases-surface-transparent:hsla(0,0%,100%,0);--color-aliases-border-alpha-inverse:hsla(0,0%,100%,.1);--color-aliases-border-alpha:rgba(0,0,0,.1);--color-aliases-border-transparent:transparent;--color-aliases-brand-primary-alpha-90:rgba(0,111,255,.9);--color-aliases-brand-primary-alpha-80:rgba(0,111,255,.8);--color-aliases-brand-primary-alpha-70:rgba(0,111,255,.7);--color-aliases-brand-primary-alpha-60:rgba(0,111,255,.6);--color-aliases-brand-primary-alpha-50:rgba(0,111,255,.5);--color-aliases-brand-primary-alpha-40:rgba(0,111,255,.4);--color-aliases-brand-primary-alpha-30:rgba(0,111,255,.3);--color-aliases-brand-primary-alpha-20:rgba(0,111,255,.2);--color-aliases-brand-primary-alpha-10:rgba(0,111,255,.1);--color-foundation-black:#000;--color-foundation-white:#fff;--color-foundation-purple-900:#49169c;--color-foundation-purple-800:#5818bf;--color-foundation-purple-700:#6a1ee3;--color-foundation-purple-600:#7830f7;--color-foundation-purple-500:#8a58ff;--color-foundation-purple-400:#a385ff;--color-foundation-purple-300:#c2b1ff;--color-foundation-purple-200:#dbd4ff;--color-foundation-purple-100:#ece8ff;--color-foundation-purple-50:#f5f2ff;--color-foundation-teal-900:#134e48;--color-foundation-teal-800:#115e56;--color-foundation-teal-700:#0f766b;--color-foundation-teal-600:#0d9485;--color-foundation-teal-500:#14b8a6;--color-foundation-teal-400:#2dd4c2;--color-foundation-teal-300:#5eeadb;--color-foundation-teal-200:#99f6ec;--color-foundation-teal-100:#ccfbf6;--color-foundation-teal-50:#f0fdfc;--color-foundation-green-900:#14532b;--color-foundation-green-800:#166533;--color-foundation-green-700:#15803c;--color-foundation-green-600:#16a34a;--color-foundation-green-500:#22c55e;--color-foundation-green-400:#4ade80;--color-foundation-green-300:#86efad;--color-foundation-green-200:#bbf7d1;--color-foundation-green-100:#dcfce8;--color-foundation-green-50:#f0fdf5;--color-foundation-yellow-900:#74470f;--color-foundation-yellow-800:#89570a;--color-foundation-yellow-700:#a67102;--color-foundation-yellow-600:#d1b400;--color-foundation-yellow-500:#ffd600;--color-foundation-yellow-400:#ffe50d;--color-foundation-yellow-300:#fff441;--color-foundation-yellow-200:#fffd86;--color-foundation-yellow-100:#feffc1;--color-foundation-yellow-50:#ffffe7;--color-foundation-orange-900:#82270c;--color-foundation-orange-800:#82270c;--color-foundation-orange-700:#cc3802;--color-foundation-orange-600:#ff5100;--color-foundation-orange-500:#ff6b0a;--color-foundation-orange-400:#ff8c32;--color-foundation-orange-300:#ffb66d;--color-foundation-orange-200:#ffd5a5;--color-foundation-orange-100:#ffecd3;--color-foundation-orange-50:#fff7ec;--color-foundation-red-900:#7f1d1d;--color-foundation-red-800:#991b1b;--color-foundation-red-700:#b91c1c;--color-foundation-red-600:#dc2626;--color-foundation-red-500:#ef4444;--color-foundation-red-400:#f87171;--color-foundation-red-300:#fca5a5;--color-foundation-red-200:#fecaca;--color-foundation-red-100:#fee2e2;--color-foundation-red-50:#fef2f2;--color-foundation-blue-900:#0d4b9b;--color-foundation-blue-800:#0855c5;--color-foundation-blue-700:#006fff;--color-foundation-blue-600:#0683ff;--color-foundation-blue-500:#1ea2ff;--color-foundation-blue-400:#48c3ff;--color-foundation-blue-300:#83d9ff;--color-foundation-blue-200:#b5e7ff;--color-foundation-blue-100:#d6f0ff;--color-foundation-blue-50:#edf9ff;--color-foundation-neutral-white:#fff;--color-foundation-neutral-1100:#000;--color-foundation-neutral-1000:#17191a;--color-foundation-neutral-900:#2f3133;--color-foundation-neutral-800:#464a4d;--color-foundation-neutral-700:#5e6366;--color-foundation-neutral-600:#757b80;--color-foundation-neutral-500:#8c9499;--color-foundation-neutral-400:#a4adb2;--color-foundation-neutral-300:#bbc5cc;--color-foundation-neutral-200:#e8eef2;--color-foundation-neutral-100:#f2f8fc;--color-foundation-neutral-50:#f8fafc;--color-foundation-neutral-0:#fff;--border-foundation-width-5:0.5rem;--border-foundation-width-4:0.25rem;--border-foundation-width-3:0.125rem;--border-foundation-width-2:0.0625rem;--border-foundation-width-1:0.03125rem;--border-foundation-width-0:0rem;--border-foundation-radius-full:624.9375rem;--border-foundation-radius-7:1.5rem;--border-foundation-radius-6:1rem;--border-foundation-radius-5:0.75rem;--border-foundation-radius-4:0.5rem;--border-foundation-radius-3:0.375rem;--border-foundation-radius-2:0.25rem;--border-foundation-radius-1:0.125rem;--border-foundation-radius-0:0rem;--typography-semantic-line-height-loose:var(--typography-foundation-line-height-loose);--typography-semantic-line-height-relaxed:var(--typography-foundation-line-height-relaxed);--typography-semantic-line-height-normal:var(--typography-foundation-line-height-normal);--typography-semantic-line-height-snug:var(--typography-foundation-line-height-snug);--typography-semantic-line-height-tight:var(--typography-foundation-line-height-tight);--typography-semantic-line-height-none:var(--typography-foundation-line-height-none);--typography-semantic-font-weight-extrabold:var(--typography-foundation-font-weight-extrabold);--typography-semantic-font-weight-bold:var(--typography-foundation-font-weight-bold);--typography-semantic-font-weight-semibold:var(--typography-foundation-font-weight-semibold);--typography-semantic-font-weight-medium:var(--typography-foundation-font-weight-medium);--typography-semantic-font-weight-normal:var(--typography-foundation-font-weight-normal);--typography-semantic-font-weight-light:var(--typography-foundation-font-weight-light);--typography-semantic-font-size-6xl:var(--typography-foundation-font-size-6xl);--typography-semantic-font-size-5xl:var(--typography-foundation-font-size-5xl);--typography-semantic-font-size-4xl:var(--typography-foundation-font-size-4xl);--typography-semantic-font-size-3xl:var(--typography-foundation-font-size-3xl);--typography-semantic-font-size-2xl:var(--typography-foundation-font-size-2xl);--typography-semantic-font-size-xl:var(--typography-foundation-font-size-xl);--typography-semantic-font-size-l:var(--typography-foundation-font-size-l);--typography-semantic-font-size-base:var(--typography-foundation-font-size-base);--typography-semantic-font-size-s:var(--typography-foundation-font-size-s);--typography-semantic-font-size-xs:var(--typography-foundation-font-size-xs);--typography-semantic-font-family-mono:var(--typography-foundation-font-family-mono);--typography-semantic-font-family-primary:var(--typography-foundation-font-family-primary);--spacing-aliases-scale-2xl:var(--spacing-foundation-10);--spacing-aliases-scale-xl:var(--spacing-foundation-8);--spacing-aliases-scale-l:var(--spacing-foundation-5);--spacing-aliases-scale-m:var(--spacing-foundation-3);--spacing-aliases-scale-s:var(--spacing-foundation-2);--spacing-aliases-scale-xs:var(--spacing-foundation-1);--spacing-aliases-scale-xxs:var(--spacing-foundation-05);--size-aliases-5xl:var(--size-foundation-5xl);--size-aliases-4xl:var(--size-foundation-4xl);--size-aliases-3xl:var(--size-foundation-3xl);--size-aliases-xxl:var(--size-foundation-xxl);--size-aliases-xl:var(--size-foundation-xl);--size-aliases-l:var(--size-foundation-l);--size-aliases-m:var(--size-foundation-m);--size-aliases-s:var(--size-foundation-s);--size-aliases-xs:var(--size-foundation-xs);--size-aliases-xxs:var(--size-foundation-xxs);--motion-aliases-easing-standard:var(--motion-foundation-easing-ease-out);--motion-aliases-duration-slow:var(--motion-foundation-duration-slow);--motion-aliases-duration-base:var(--motion-foundation-duration-base);--motion-aliases-duration-fast:var(--motion-foundation-duration-fast);--layout-aliases-breakpoint-3xl:var(--layout-foundation-breakpoint-3xl);--layout-aliases-breakpoint-xxl:var(--layout-foundation-breakpoint-xxl);--layout-aliases-breakpoint-xl:var(--layout-foundation-breakpoint-xl);--layout-aliases-breakpoint-l:var(--layout-foundation-breakpoint-l);--layout-aliases-breakpoint-m:var(--layout-foundation-breakpoint-m);--layout-aliases-breakpoint-s:var(--layout-foundation-breakpoint-s);--layout-aliases-breakpoint-xs:var(--layout-foundation-breakpoint-xs);--layout-aliases-grid-gutter-xxl:var(--layout-foundation-grid-gutter-xxl);--layout-aliases-grid-gutter-xl:var(--layout-foundation-grid-gutter-xl);--layout-aliases-grid-gutter-l:var(--layout-foundation-grid-gutter-l);--layout-aliases-grid-gutter-m:var(--layout-foundation-grid-gutter-m);--layout-aliases-grid-gutter-s:var(--layout-foundation-grid-gutter-s);--layout-aliases-grid-gutter-xs:var(--layout-foundation-grid-gutter-xs);--layout-aliases-grid-gutter-none:var(--layout-foundation-grid-gutter-none);--layout-aliases-grid-columns-24:var(--layout-foundation-grid-columns-24);--layout-aliases-grid-columns-16:var(--layout-foundation-grid-columns-16);--layout-aliases-grid-columns-12:var(--layout-foundation-grid-columns-12);--layout-aliases-grid-columns-6:var(--layout-foundation-grid-columns-6);--layout-aliases-container-padding-xxl:var(--layout-foundation-container-padding-xxl);--layout-aliases-container-padding-xl:var(--layout-foundation-container-padding-xl);--layout-aliases-container-padding-l:var(--layout-foundation-container-padding-l);--layout-aliases-container-padding-m:var(--layout-foundation-container-padding-m);--layout-aliases-container-padding-s:var(--layout-foundation-container-padding-s);--layout-aliases-container-padding-xs:var(--layout-foundation-container-padding-xs);--layout-aliases-container-padding-none:var(--layout-foundation-container-padding-none);--layout-aliases-container-max-width-4xl:var(--layout-foundation-container-max-width-4xl);--layout-aliases-container-max-width-3xl:var(--layout-foundation-container-max-width-3xl);--layout-aliases-container-max-width-xxl:var(--layout-foundation-container-max-width-xxl);--layout-aliases-container-max-width-xl:var(--layout-foundation-container-max-width-xl);--layout-aliases-container-max-width-l:var(--layout-foundation-container-max-width-l);--layout-aliases-container-max-width-m:var(--layout-foundation-container-max-width-m);--layout-aliases-container-max-width-s:var(--layout-foundation-container-max-width-s);--layout-aliases-container-max-width-xs:var(--layout-foundation-container-max-width-xs);--layout-aliases-container-max-width-fluid:var(--layout-foundation-container-max-width-fluid);--opacity-semantic-disabled:var(--opacity-foundation-50);--opacity-semantic-overlay-light:var(--opacity-foundation-25);--opacity-semantic-overlay-medium:var(--opacity-foundation-50);--opacity-semantic-overlay-dark:var(--opacity-foundation-75);--opacity-semantic-hover:var(--opacity-foundation-80);--opacity-semantic-focus:var(--opacity-foundation-90);--shadow-semantic-modal-overlay:var(--shadow-foundation-xl);--shadow-semantic-modal-content:var(--shadow-foundation-2xl);--shadow-semantic-dropdown-default:var(--shadow-foundation-m);--shadow-semantic-tooltip-default:var(--shadow-foundation-s);--shadow-aliases-button-active:var(--shadow-foundation-inner);--shadow-aliases-button-hover:var(--shadow-foundation-s);--shadow-aliases-button-default:var(--shadow-foundation-none);--shadow-aliases-card-elevated:var(--shadow-foundation-l);--shadow-aliases-card-hover:var(--shadow-foundation-m);--shadow-aliases-card-default:var(--shadow-foundation-base);--color-semantic-button-secondary-text-hover:var(--color-aliases-text-link-hover);--color-semantic-button-primary-border-active:var(--color-foundation-blue-900);--color-semantic-button-primary-border-hover:var(--color-foundation-blue-800);--color-semantic-button-primary-bg-active:var(--color-foundation-blue-900);--color-semantic-button-primary-bg-hover:var(--color-foundation-blue-800);--color-aliases-text-inverse-tertiary:var(--color-foundation-neutral-300);--color-aliases-text-inverse-secondary:var(--color-foundation-neutral-200);--color-aliases-text-inverse-primary:var(--color-foundation-neutral-white);--color-aliases-text-link:var(--color-foundation-blue-700);--color-aliases-text-disabled:var(--color-foundation-neutral-400);--color-aliases-text-tertiary:var(--color-foundation-neutral-600);--color-aliases-text-secondary:var(--color-foundation-neutral-800);--color-aliases-text-primary:var(--color-foundation-neutral-1000);--color-aliases-surface-inverse:var(--color-foundation-neutral-1000);--color-aliases-surface-muted:var(--color-foundation-neutral-200);--color-aliases-surface-layer-3:var(--color-foundation-neutral-300);--color-aliases-surface-layer-2:var(--color-foundation-neutral-200);--color-aliases-surface-layer-1:var(--color-foundation-neutral-100);--color-aliases-surface-base:var(--color-foundation-neutral-white);--color-aliases-feedback-info-bg:var(--color-foundation-blue-50);--color-aliases-feedback-info-fg:var(--color-foundation-blue-600);--color-aliases-feedback-error-bg:var(--color-foundation-red-50);--color-aliases-feedback-error-fg:var(--color-foundation-red-600);--color-aliases-feedback-warning-bg:var(--color-foundation-yellow-50);--color-aliases-feedback-warning-fg:var(--color-foundation-yellow-600);--color-aliases-feedback-success-bg:var(--color-foundation-green-50);--color-aliases-feedback-success-fg:var(--color-foundation-green-600);--color-aliases-border-inverse:var(--color-foundation-neutral-900);--color-aliases-border-muted:var(--color-foundation-neutral-100);--color-aliases-border-layer-3:var(--color-foundation-neutral-500);--color-aliases-border-layer-2:var(--color-foundation-neutral-400);--color-aliases-border-layer-1:var(--color-foundation-neutral-300);--color-aliases-border-base:var(--color-foundation-neutral-200);--color-aliases-brand-accent:var(--color-foundation-orange-600);--color-aliases-brand-tertiary:var(--color-foundation-teal-500);--color-aliases-brand-secondary:var(--color-foundation-blue-200);--color-aliases-brand-primary:var(--color-foundation-blue-700);--border-aliases-width-thicker:var(--border-foundation-width-5);--border-aliases-width-thick:var(--border-foundation-width-4);--border-aliases-width-base:var(--border-foundation-width-3);--border-aliases-width-thin:var(--border-foundation-width-2);--border-aliases-width-hairline:var(--border-foundation-width-1);--border-aliases-width-none:var(--border-foundation-width-0);--border-aliases-radius-full:var(--border-foundation-radius-full);--border-aliases-radius-3xl:var(--border-foundation-radius-7);--border-aliases-radius-2xl:var(--border-foundation-radius-6);--border-aliases-radius-xl:var(--border-foundation-radius-5);--border-aliases-radius-l:var(--border-foundation-radius-4);--border-aliases-radius-m:var(--border-foundation-radius-3);--border-aliases-radius-s:var(--border-foundation-radius-2);--border-aliases-radius-xs:var(--border-foundation-radius-1);--border-aliases-radius-none:var(--border-foundation-radius-0);--spacing-aliases-grid-gutter:var(--spacing-aliases-scale-m);--spacing-aliases-container-padding:var(--spacing-aliases-scale-m);--spacing-aliases-margin-2xl:var(--spacing-aliases-scale-2xl);--spacing-aliases-margin-xl:var(--spacing-aliases-scale-xl);--spacing-aliases-margin-l:var(--spacing-aliases-scale-l);--spacing-aliases-margin-m:var(--spacing-aliases-scale-m);--spacing-aliases-margin-s:var(--spacing-aliases-scale-s);--spacing-aliases-margin-xs:var(--spacing-aliases-scale-xs);--spacing-aliases-margin-xxs:var(--spacing-aliases-scale-xxs);--spacing-aliases-padding-2xl:var(--spacing-aliases-scale-2xl);--spacing-aliases-padding-xl:var(--spacing-aliases-scale-xl);--spacing-aliases-padding-l:var(--spacing-aliases-scale-l);--spacing-aliases-padding-m:var(--spacing-aliases-scale-m);--spacing-aliases-padding-s:var(--spacing-aliases-scale-s);--spacing-aliases-padding-xs:var(--spacing-aliases-scale-xs);--spacing-aliases-padding-xxs:var(--spacing-aliases-scale-xxs);--spacing-aliases-gap-2xl:var(--spacing-aliases-scale-2xl);--spacing-aliases-gap-xl:var(--spacing-aliases-scale-xl);--spacing-aliases-gap-l:var(--spacing-aliases-scale-l);--spacing-aliases-gap-m:var(--spacing-aliases-scale-m);--spacing-aliases-gap-s:var(--spacing-aliases-scale-s);--spacing-aliases-gap-xs:var(--spacing-aliases-scale-xs);--spacing-aliases-gap-xxs:var(--spacing-aliases-scale-xxs);--size-semantic-checkbox-xl:var(--size-aliases-xl);--size-semantic-checkbox-l:var(--size-aliases-l);--size-semantic-checkbox-m:var(--size-aliases-m);--size-semantic-checkbox-s:var(--size-aliases-s);--size-semantic-checkbox-xs:var(--size-aliases-xs);--size-semantic-avatar-3xl:var(--size-aliases-3xl);--size-semantic-avatar-2xl:var(--size-aliases-xxl);--size-semantic-avatar-xl:var(--size-aliases-xl);--size-semantic-avatar-l:var(--size-aliases-l);--size-semantic-avatar-m:var(--size-aliases-m);--size-semantic-avatar-s:var(--size-aliases-s);--size-semantic-avatar-xs:var(--size-aliases-xs);--size-semantic-input-xl:var(--size-aliases-xxl);--size-semantic-input-l:var(--size-aliases-xl);--size-semantic-input-m:var(--size-aliases-l);--size-semantic-input-s:var(--size-aliases-m);--size-semantic-input-xs:var(--size-aliases-s);--size-semantic-button-xl:var(--size-aliases-xl);--size-semantic-button-l:var(--size-aliases-l);--size-semantic-button-m:var(--size-aliases-m);--size-semantic-button-s:var(--size-aliases-s);--size-semantic-button-xs:var(--size-aliases-xs);--size-semantic-icon-xl:var(--size-aliases-l);--size-semantic-icon-l:var(--size-aliases-m);--size-semantic-icon-m:var(--size-aliases-s);--size-semantic-icon-s:var(--size-aliases-xs);--size-semantic-icon-xs:var(--size-aliases-xxs);--size-semantic-2xl:var(--size-aliases-xxl);--size-semantic-xl:var(--size-aliases-xl);--size-semantic-l:var(--size-aliases-l);--size-semantic-m:var(--size-aliases-m);--size-semantic-s:var(--size-aliases-s);--size-semantic-xs:var(--size-aliases-xs);--size-semantic-xxs:var(--size-aliases-xxs);--motion-semantic-animation-ease:var(--motion-aliases-easing-standard);--motion-semantic-animation-speed:var(--motion-aliases-duration-base);--layout-semantic-breakpoint-xxl:var(--layout-aliases-breakpoint-xxl);--layout-semantic-breakpoint-xl:var(--layout-aliases-breakpoint-xl);--layout-semantic-breakpoint-l:var(--layout-aliases-breakpoint-l);--layout-semantic-breakpoint-m:var(--layout-aliases-breakpoint-m);--layout-semantic-breakpoint-s:var(--layout-aliases-breakpoint-s);--layout-semantic-breakpoint-xs:var(--layout-aliases-breakpoint-xs);--layout-semantic-grid-gutter-xl:var(--layout-aliases-grid-gutter-xl);--layout-semantic-grid-gutter-l:var(--layout-aliases-grid-gutter-l);--layout-semantic-grid-gutter-m:var(--layout-aliases-grid-gutter-m);--layout-semantic-grid-gutter-s:var(--layout-aliases-grid-gutter-s);--layout-semantic-grid-columns-24:var(--layout-aliases-grid-columns-24);--layout-semantic-grid-columns-12:var(--layout-aliases-grid-columns-12);--layout-semantic-container-padding-l:var(--layout-aliases-container-padding-l);--layout-semantic-container-padding-m:var(--layout-aliases-container-padding-m);--layout-semantic-container-padding-s:var(--layout-aliases-container-padding-s);--layout-semantic-container-padding-none:var(--layout-aliases-container-padding-none);--layout-semantic-container-max-width-xxl:var(--layout-aliases-container-max-width-xxl);--layout-semantic-container-max-width-xl:var(--layout-aliases-container-max-width-xl);--layout-semantic-container-max-width-l:var(--layout-aliases-container-max-width-l);--layout-semantic-container-max-width-m:var(--layout-aliases-container-max-width-m);--layout-semantic-container-max-width-s:var(--layout-aliases-container-max-width-s);--layout-semantic-container-max-width-fluid:var(--layout-aliases-container-max-width-fluid);--shadow-semantic-button-active:var(--shadow-aliases-button-active);--shadow-semantic-button-hover:var(--shadow-aliases-button-hover);--shadow-semantic-button-default:var(--shadow-aliases-button-default);--shadow-semantic-card-elevated:var(--shadow-aliases-card-elevated);--shadow-semantic-card-hover:var(--shadow-aliases-card-hover);--shadow-semantic-card-default:var(--shadow-aliases-card-default);--color-semantic-interactive-bg-info:var(--color-aliases-feedback-info-bg);--color-semantic-interactive-bg-error:var(--color-aliases-feedback-error-bg);--color-semantic-interactive-bg-warning:var(--color-aliases-feedback-warning-bg);--color-semantic-interactive-bg-success:var(--color-aliases-feedback-success-bg);--color-semantic-interactive-bg-muted:var(--color-aliases-surface-muted);--color-semantic-interactive-bg-hover:var(--color-aliases-surface-layer-1);--color-semantic-interactive-bg-default:var(--color-aliases-surface-base);--color-semantic-interactive-border-info:var(--color-aliases-feedback-info-fg);--color-semantic-interactive-border-error:var(--color-aliases-feedback-error-fg);--color-semantic-interactive-border-warning:var(--color-aliases-feedback-warning-fg);--color-semantic-interactive-border-success:var(--color-aliases-feedback-success-fg);--color-semantic-interactive-border-muted:var(--color-aliases-border-muted);--color-semantic-interactive-border-hover:var(--color-aliases-border-layer-1);--color-semantic-interactive-border-default:var(--color-aliases-border-base);--color-semantic-interactive-text-primary:var(--color-aliases-text-link);--color-semantic-interactive-text-inverse:var(--color-aliases-text-inverse-primary);--color-semantic-interactive-text-disabled:var(--color-aliases-text-disabled);--color-semantic-interactive-text-mute:var(--color-aliases-text-tertiary);--color-semantic-interactive-text-hover:var(--color-aliases-text-secondary);--color-semantic-interactive-text-default:var(--color-aliases-text-primary);--color-semantic-field-input-placeholder:var(--color-aliases-text-tertiary);--color-semantic-field-input-text-disabled:var(--color-aliases-text-disabled);--color-semantic-field-input-text-default:var(--color-aliases-text-primary);--color-semantic-field-input-border-error:var(--color-aliases-feedback-error-fg);--color-semantic-field-input-border-focus:var(--color-aliases-brand-primary);--color-semantic-field-input-border-hover:var(--color-aliases-border-layer-1);--color-semantic-field-input-border-default:var(--color-aliases-border-base);--color-semantic-field-input-bg-hover:var(--color-aliases-surface-layer-1);--color-semantic-field-input-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-field-input-bg-default:var(--color-aliases-surface-base);--color-semantic-button-disabled-text-disabled:var(--color-aliases-text-disabled);--color-semantic-button-disabled-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-button-tertiary-border-hover:var(--color-aliases-border-layer-1);--color-semantic-button-tertiary-border-default:var(--color-aliases-border-base);--color-semantic-button-tertiary-text-disabled:var(--color-aliases-text-disabled);--color-semantic-button-tertiary-text-hover:var(--color-aliases-text-secondary);--color-semantic-button-tertiary-text-default:var(--color-aliases-text-primary);--color-semantic-button-tertiary-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-button-tertiary-bg-active:var(--color-aliases-surface-layer-2);--color-semantic-button-tertiary-bg-hover:var(--color-aliases-surface-layer-1);--color-semantic-button-tertiary-bg-default:var(--color-aliases-surface-base);--color-semantic-button-secondary-border-hover:var(--color-aliases-border-layer-1);--color-semantic-button-secondary-border-default:var(--color-aliases-border-base);--color-semantic-button-secondary-text-disabled:var(--color-aliases-text-disabled);--color-semantic-button-secondary-text-default:var(--color-aliases-text-link);--color-semantic-button-secondary-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-button-secondary-bg-active:var(--color-aliases-surface-layer-3);--color-semantic-button-secondary-bg-hover:var(--color-aliases-surface-layer-2);--color-semantic-button-secondary-bg-default:var(--color-aliases-surface-layer-1);--color-semantic-button-primary-border-default:var(--color-aliases-brand-primary);--color-semantic-button-primary-text-disabled:var(--color-aliases-text-disabled);--color-semantic-button-primary-text-default:var(--color-aliases-text-inverse-primary);--color-semantic-button-primary-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-button-primary-bg-default:var(--color-aliases-brand-primary);--color-semantic-icon-inverse-hover:var(--color-aliases-text-inverse-secondary);--color-semantic-icon-inverse:var(--color-aliases-text-inverse-primary);--color-semantic-icon-info:var(--color-aliases-feedback-info-fg);--color-semantic-icon-error:var(--color-aliases-feedback-error-fg);--color-semantic-icon-warning:var(--color-aliases-feedback-warning-fg);--color-semantic-icon-success:var(--color-aliases-feedback-success-fg);--color-semantic-icon-primary:var(--color-aliases-text-link);--color-semantic-icon-disabled:var(--color-aliases-text-disabled);--color-semantic-icon-muted:var(--color-aliases-text-tertiary);--color-semantic-icon-hover:var(--color-aliases-text-secondary);--color-semantic-icon-default:var(--color-aliases-text-primary);--border-semantic-radius-action-pill:var(--border-aliases-radius-full);--border-semantic-radius-action-l:var(--border-aliases-radius-l);--border-semantic-radius-action-m:var(--border-aliases-radius-m);--border-semantic-radius-action-s:var(--border-aliases-radius-s);--border-semantic-radius-checkbox-l:var(--border-aliases-radius-l);--border-semantic-radius-checkbox-m:var(--border-aliases-radius-m);--border-semantic-radius-checkbox-s:var(--border-aliases-radius-s);--border-semantic-radius-modal-l:var(--border-aliases-radius-xl);--border-semantic-radius-modal-m:var(--border-aliases-radius-l);--border-semantic-radius-modal-s:var(--border-aliases-radius-m);--border-semantic-radius-card-l:var(--border-aliases-radius-l);--border-semantic-radius-card-m:var(--border-aliases-radius-m);--border-semantic-radius-card-s:var(--border-aliases-radius-s);--border-semantic-radius-input-l:var(--border-aliases-radius-l);--border-semantic-radius-input-m:var(--border-aliases-radius-m);--border-semantic-radius-input-s:var(--border-aliases-radius-s);--border-semantic-radius-button-pill:var(--border-aliases-radius-full);--border-semantic-radius-button-l:var(--border-aliases-radius-l);--border-semantic-radius-button-m:var(--border-aliases-radius-m);--border-semantic-radius-button-s:var(--border-aliases-radius-m);--border-semantic-radius-full:var(--border-aliases-radius-full);--border-semantic-radius-3xl:var(--border-aliases-radius-3xl);--border-semantic-radius-2xl:var(--border-aliases-radius-2xl);--border-semantic-radius-xl:var(--border-aliases-radius-xl);--border-semantic-radius-l:var(--border-aliases-radius-l);--border-semantic-radius-m:var(--border-aliases-radius-m);--border-semantic-radius-s:var(--border-aliases-radius-s);--spacing-semantic-grid-gutter:var(--spacing-aliases-grid-gutter);--spacing-semantic-container-padding:var(--spacing-aliases-container-padding);--spacing-semantic-margin-xxs:var(--spacing-aliases-margin-xxs);--spacing-semantic-margin-xs:var(--spacing-aliases-margin-xs);--spacing-semantic-margin-s:var(--spacing-aliases-margin-s);--spacing-semantic-margin-m:var(--spacing-aliases-margin-m);--spacing-semantic-margin-l:var(--spacing-aliases-margin-l);--spacing-semantic-margin-xl:var(--spacing-aliases-margin-xl);--spacing-semantic-margin-2xl:var(--spacing-aliases-margin-2xl);--spacing-semantic-padding-xxs:var(--spacing-aliases-padding-xxs);--spacing-semantic-padding-xs:var(--spacing-aliases-padding-xs);--spacing-semantic-padding-s:var(--spacing-aliases-padding-s);--spacing-semantic-padding-m:var(--spacing-aliases-padding-m);--spacing-semantic-padding-l:var(--spacing-aliases-padding-l);--spacing-semantic-padding-xl:var(--spacing-aliases-padding-xl);--spacing-semantic-padding-2xl:var(--spacing-aliases-padding-2xl);--spacing-semantic-gap-xxs:var(--spacing-aliases-gap-xxs);--spacing-semantic-gap-xs:var(--spacing-aliases-gap-xs);--spacing-semantic-gap-s:var(--spacing-aliases-gap-s);--spacing-semantic-gap-m:var(--spacing-aliases-gap-m);--spacing-semantic-gap-l:var(--spacing-aliases-gap-l);--spacing-semantic-gap-xl:var(--spacing-aliases-gap-xl);--spacing-semantic-gap-2xl:var(--spacing-aliases-gap-2xl)}[data-theme=dark]{--color-aliases-overlay-inverse:hsla(0,0%,100%,.6);--color-aliases-overlay-soft:rgba(0,0,0,.3);--color-aliases-overlay-base:rgba(0,0,0,.6);--color-aliases-text-link-hover:rgba(0,111,255,.9);--color-aliases-surface-alpha-inverse:hsla(0,0%,100%,.3);--color-aliases-surface-alpha:rgba(0,0,0,.3);--color-aliases-surface-transparent:transparent;--color-aliases-border-alpha-inverse:rgba(0,0,0,.1);--color-aliases-border-alpha:hsla(0,0%,100%,.1);--color-aliases-border-transparent:transparent;--color-aliases-brand-primary-alpha-90:rgba(0,111,255,.9);--color-aliases-brand-primary-alpha-80:rgba(0,111,255,.8);--color-aliases-brand-primary-alpha-70:rgba(0,111,255,.7);--color-aliases-brand-primary-alpha-60:rgba(0,111,255,.6);--color-aliases-brand-primary-alpha-50:rgba(0,111,255,.5);--color-aliases-brand-primary-alpha-40:rgba(0,111,255,.4);--color-aliases-brand-primary-alpha-30:rgba(0,111,255,.3);--color-aliases-brand-primary-alpha-20:rgba(0,111,255,.2);--color-aliases-brand-primary-alpha-10:rgba(0,111,255,.1);--color-aliases-text-inverse-tertiary:var(--color-foundation-neutral-300);--color-aliases-text-inverse-secondary:var(--color-foundation-neutral-200);--color-aliases-text-inverse-primary:var(--color-foundation-neutral-white);--color-aliases-text-link:var(--color-foundation-blue-700);--color-aliases-text-disabled:var(--color-foundation-neutral-500);--color-aliases-text-tertiary:var(--color-foundation-neutral-300);--color-aliases-text-secondary:var(--color-foundation-neutral-200);--color-aliases-text-primary:var(--color-foundation-neutral-white);--color-aliases-surface-inverse:var(--color-foundation-neutral-white);--color-aliases-surface-muted:var(--color-foundation-neutral-900);--color-aliases-surface-layer-3:var(--color-foundation-neutral-800);--color-aliases-surface-layer-2:var(--color-foundation-neutral-900);--color-aliases-surface-layer-1:var(--color-foundation-neutral-1000);--color-aliases-surface-base:var(--color-foundation-neutral-1100);--color-aliases-feedback-info-bg:var(--color-foundation-blue-100);--color-aliases-feedback-info-fg:var(--color-foundation-blue-600);--color-aliases-feedback-error-bg:var(--color-foundation-red-100);--color-aliases-feedback-error-fg:var(--color-foundation-red-500);--color-aliases-feedback-warning-bg:var(--color-foundation-yellow-100);--color-aliases-feedback-warning-fg:var(--color-foundation-yellow-600);--color-aliases-feedback-success-bg:var(--color-foundation-green-200);--color-aliases-feedback-success-fg:var(--color-foundation-green-600);--color-aliases-border-inverse:var(--color-foundation-neutral-200);--color-aliases-border-muted:var(--color-foundation-neutral-1000);--color-aliases-border-layer-3:var(--color-foundation-neutral-600);--color-aliases-border-layer-2:var(--color-foundation-neutral-700);--color-aliases-border-layer-1:var(--color-foundation-neutral-800);--color-aliases-border-base:var(--color-foundation-neutral-900);--color-aliases-brand-accent:var(--color-foundation-orange-600);--color-aliases-brand-tertiary:var(--color-foundation-teal-500);--color-aliases-brand-secondary:var(--color-foundation-blue-200);--color-aliases-brand-primary:var(--color-foundation-blue-700)}*,:after,:before{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}body{background-color:var(--db-surface-base);color:var(--db-text-primary);font-family:var(--db-font-primary);font-size:var(--font-size-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background:none;border:none;cursor:pointer;outline:none;padding:0}ol,ul{list-style:none;padding:0}a{color:inherit}input,select,textarea{appearance:none;background:transparent;border:none;outline:none}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-muted,#6b7280)}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:focus{outline:none}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.designbase-scrollable{-ms-overflow-style:auto;scrollbar-width:thin}.designbase-scrollable::-webkit-scrollbar{display:block;height:8px;width:8px}.designbase-scrollable::-webkit-scrollbar-track{background:var(--color-bg-secondary,#f3f4f6);border-radius:var(--border-radius-base,4px)}.designbase-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-secondary,#d1d5db);border-radius:var(--border-radius-base,4px)}.designbase-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary,#9ca3af)}.designbase-scrollable::-webkit-scrollbar-corner{background:var(--color-bg-secondary,#f3f4f6)}.designbase-scrollable--thin{scrollbar-width:thin}.designbase-scrollable--thin::-webkit-scrollbar{display:block;height:4px;width:4px}.designbase-scrollable--thin::-webkit-scrollbar-thumb{background:var(--color-border-secondary,#d1d5db);border-radius:2px}.designbase-scrollable--thin::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary,#9ca3af)}.designbase-scrollable--custom{scrollbar-width:thin}.designbase-scrollable--custom::-webkit-scrollbar{display:block;height:6px;width:6px}.designbase-scrollable--custom::-webkit-scrollbar-track{background:transparent}.designbase-scrollable--custom::-webkit-scrollbar-thumb{background:var(--color-border-primary,#d1d5db);border-radius:3px}.designbase-scrollable--custom::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary,#9ca3af)}::selection{background-color:var(--color-text-link,#2563eb);color:var(--color-text-inverse,#fff)}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--db-text-primary:var(--color-aliases-text-primary);--db-text-secondary:var(--color-aliases-text-secondary);--db-text-tertiary:var(--color-aliases-text-tertiary);--db-text-disabled:var(--color-aliases-text-disabled);--db-text-link:var(--color-aliases-text-link);--db-text-link-hover:var(--color-aliases-text-link-hover);--db-text-inverse-primary:var(--color-aliases-text-inverse-primary);--db-text-inverse-secondary:var(--color-aliases-text-inverse-secondary);--db-text-inverse-tertiary:var(--color-aliases-text-inverse-tertiary);--db-brand-primary:var(--color-aliases-brand-primary);--db-brand-secondary:var(--color-aliases-brand-secondary);--db-brand-tertiary:var(--color-aliases-brand-tertiary);--db-brand-accent:var(--color-aliases-brand-accent);--db-surface-base:var(--color-aliases-surface-base);--db-surface-layer-1:var(--color-aliases-surface-layer-1);--db-surface-layer-2:var(--color-aliases-surface-layer-2);--db-surface-layer-3:var(--color-aliases-surface-layer-3);--db-surface-muted:var(--color-aliases-surface-muted);--db-surface-inverse:var(--color-aliases-surface-inverse);--db-surface-transparent:var(--color-aliases-surface-transparent);--db-surface-alpha:var(--color-aliases-surface-alpha);--db-surface-alpha-inverse:var(--color-aliases-surface-alpha-inverse);--db-bg-primary:var(--color-aliases-surface-base);--db-bg-secondary:var(--color-aliases-surface-layer-1);--db-bg-tertiary:var(--color-aliases-surface-layer-2);--db-bg-inverse:var(--color-aliases-surface-inverse);--db-feedback-success-fg:var(--color-aliases-feedback-success-fg);--db-feedback-success-bg:var(--color-aliases-feedback-success-bg);--db-feedback-warning-fg:var(--color-aliases-feedback-warning-fg);--db-feedback-warning-bg:var(--color-aliases-feedback-warning-bg);--db-feedback-error-fg:var(--color-aliases-feedback-error-fg);--db-feedback-error-bg:var(--color-aliases-feedback-error-bg);--db-feedback-info-fg:var(--color-aliases-feedback-info-fg);--db-feedback-info-bg:var(--color-aliases-feedback-info-bg);--db-text-success:var(--color-aliases-feedback-success-fg);--db-text-warning:var(--color-aliases-feedback-warning-fg);--db-text-error:var(--color-aliases-feedback-error-fg);--db-text-info:var(--color-aliases-feedback-info-fg);--db-bg-success:var(--color-aliases-feedback-success-bg);--db-bg-warning:var(--color-aliases-feedback-warning-bg);--db-bg-error:var(--color-aliases-feedback-error-bg);--db-bg-info:var(--color-aliases-feedback-info-bg);--db-border-base:var(--color-aliases-border-base);--db-border-layer-1:var(--color-aliases-border-layer-1);--db-border-layer-2:var(--color-aliases-border-layer-2);--db-border-layer-3:var(--color-aliases-border-layer-3);--db-border-muted:var(--color-aliases-border-muted);--db-border-inverse:var(--color-aliases-border-inverse);--db-border-transparent:var(--color-aliases-border-transparent);--db-border-alpha:var(--color-aliases-border-alpha);--db-border-alpha-inverse:var(--color-aliases-border-alpha-inverse);--db-border-primary:var(--color-aliases-border-base);--db-border-secondary:var(--color-aliases-border-layer-1);--db-border-focus:var(--color-aliases-brand-primary);--db-border-error:var(--color-aliases-feedback-error-fg);--db-border-success:var(--color-aliases-feedback-success-fg);--db-border-warning:var(--color-aliases-feedback-warning-fg);--db-border-info:var(--color-aliases-feedback-info-fg);--db-overlay-base:var(--color-aliases-overlay-base);--db-overlay-soft:var(--color-aliases-overlay-soft);--db-overlay-inverse:var(--color-aliases-overlay-inverse);--db-bg-overlay:var(--color-aliases-overlay-base);--db-icon-default:var(--color-semantic-icon-default);--db-icon-hover:var(--color-semantic-icon-hover);--db-icon-muted:var(--color-semantic-icon-muted);--db-icon-disabled:var(--color-semantic-icon-disabled);--db-icon-primary:var(--color-semantic-icon-primary);--db-icon-success:var(--color-semantic-icon-success);--db-icon-warning:var(--color-semantic-icon-warning);--db-icon-error:var(--color-semantic-icon-error);--db-icon-info:var(--color-semantic-icon-info);--db-icon-inverse:var(--color-semantic-icon-inverse);--db-icon-inverse-hover:var(--color-semantic-icon-inverse-hover);--db-icon-secondary:var(--color-semantic-icon-hover);--db-icon-danger:var(--color-semantic-icon-error);--db-btn-primary-bg:var(--color-semantic-button-primary-bg-default);--db-btn-primary-bg-hover:var(--color-semantic-button-primary-bg-hover);--db-btn-primary-bg-active:var(--color-semantic-button-primary-bg-active);--db-btn-primary-bg-disabled:var(--color-semantic-button-primary-bg-disabled);--db-btn-primary-text:var(--color-semantic-button-primary-text-default);--db-btn-primary-text-disabled:var(--color-semantic-button-primary-text-disabled);--db-btn-primary-border:var(--color-semantic-button-primary-border-default);--db-btn-primary-border-hover:var(--color-semantic-button-primary-border-hover);--db-btn-primary-border-active:var(--color-semantic-button-primary-border-active);--db-btn-secondary-bg:var(--color-semantic-button-secondary-bg-default);--db-btn-secondary-bg-hover:var(--color-semantic-button-secondary-bg-hover);--db-btn-secondary-bg-active:var(--color-semantic-button-secondary-bg-active);--db-btn-secondary-bg-disabled:var(--color-semantic-button-secondary-bg-disabled);--db-btn-secondary-text:var(--color-semantic-button-secondary-text-default);--db-btn-secondary-text-hover:var(--color-semantic-button-secondary-text-hover);--db-btn-secondary-text-disabled:var(--color-semantic-button-secondary-text-disabled);--db-btn-secondary-border:var(--color-semantic-button-secondary-border-default);--db-btn-secondary-border-hover:var(--color-semantic-button-secondary-border-hover);--db-btn-tertiary-bg:var(--color-semantic-button-tertiary-bg-default);--db-btn-tertiary-bg-hover:var(--color-semantic-button-tertiary-bg-hover);--db-btn-tertiary-bg-active:var(--color-semantic-button-tertiary-bg-active);--db-btn-tertiary-bg-disabled:var(--color-semantic-button-tertiary-bg-disabled);--db-btn-tertiary-text:var(--color-semantic-button-tertiary-text-default);--db-btn-tertiary-text-hover:var(--color-semantic-button-tertiary-text-hover);--db-btn-tertiary-text-disabled:var(--color-semantic-button-tertiary-text-disabled);--db-btn-tertiary-border:var(--color-semantic-button-tertiary-border-default);--db-btn-tertiary-border-hover:var(--color-semantic-button-tertiary-border-hover);--db-btn-disabled-bg:var(--color-semantic-button-disabled-bg-disabled);--db-btn-disabled-text:var(--color-semantic-button-disabled-text-disabled);--db-field-bg:var(--color-semantic-field-input-bg-default);--db-field-bg-hover:var(--color-semantic-field-input-bg-hover);--db-field-bg-disabled:var(--color-semantic-field-input-bg-disabled);--db-field-border:var(--color-semantic-field-input-border-default);--db-field-border-hover:var(--color-semantic-field-input-border-hover);--db-field-border-focus:var(--color-semantic-field-input-border-focus);--db-field-border-error:var(--color-semantic-field-input-border-error);--db-field-text:var(--color-semantic-field-input-text-default);--db-field-text-disabled:var(--color-semantic-field-input-text-disabled);--db-field-placeholder:var(--color-semantic-field-input-placeholder);--db-interactive-text:var(--color-semantic-interactive-text-default);--db-interactive-text-hover:var(--color-semantic-interactive-text-hover);--db-interactive-text-mute:var(--color-semantic-interactive-text-mute);--db-interactive-text-disabled:var(--color-semantic-interactive-text-disabled);--db-interactive-text-inverse:var(--color-semantic-interactive-text-inverse);--db-interactive-text-primary:var(--color-semantic-interactive-text-primary);--db-interactive-border:var(--color-semantic-interactive-border-default);--db-interactive-border-hover:var(--color-semantic-interactive-border-hover);--db-interactive-border-muted:var(--color-semantic-interactive-border-muted);--db-interactive-border-success:var(--color-semantic-interactive-border-success);--db-interactive-border-warning:var(--color-semantic-interactive-border-warning);--db-interactive-border-error:var(--color-semantic-interactive-border-error);--db-interactive-border-info:var(--color-semantic-interactive-border-info);--db-interactive-bg:var(--color-semantic-interactive-bg-default);--db-interactive-bg-hover:var(--color-semantic-interactive-bg-hover);--db-interactive-bg-muted:var(--color-semantic-interactive-bg-muted);--db-interactive-bg-success:var(--color-semantic-interactive-bg-success);--db-interactive-bg-warning:var(--color-semantic-interactive-bg-warning);--db-interactive-bg-error:var(--color-semantic-interactive-bg-error);--db-interactive-bg-info:var(--color-semantic-interactive-bg-info);--db-color-primary:var(--color-aliases-brand-primary);--db-color-secondary:var(--color-aliases-brand-secondary);--db-color-tertiary:var(--color-aliases-brand-tertiary);--db-margin-xxs:var(--spacing-semantic-margin-xxs);--db-margin-xs:var(--spacing-semantic-margin-xs);--db-margin-s:var(--spacing-semantic-margin-s);--db-margin-m:var(--spacing-semantic-margin-m);--db-margin-l:var(--spacing-semantic-margin-l);--db-margin-xl:var(--spacing-semantic-margin-xl);--db-margin-2xl:var(--spacing-semantic-margin-2xl);--db-padding-xxs:var(--spacing-semantic-padding-xxs);--db-padding-xs:var(--spacing-semantic-padding-xs);--db-padding-s:var(--spacing-semantic-padding-s);--db-padding-m:var(--spacing-semantic-padding-m);--db-padding-l:var(--spacing-semantic-padding-l);--db-padding-xl:var(--spacing-semantic-padding-xl);--db-padding-2xl:var(--spacing-semantic-padding-2xl);--db-gap-xxs:var(--spacing-semantic-gap-xxs);--db-gap-xs:var(--spacing-semantic-gap-xs);--db-gap-s:var(--spacing-semantic-gap-s);--db-gap-m:var(--spacing-semantic-gap-m);--db-gap-l:var(--spacing-semantic-gap-l);--db-gap-xl:var(--spacing-semantic-gap-xl);--db-gap-2xl:var(--spacing-semantic-gap-2xl);--db-container-padding:var(--spacing-semantic-container-padding);--db-grid-gutter:var(--spacing-semantic-grid-gutter);--db-radius-s:var(--border-semantic-radius-s);--db-radius-m:var(--border-semantic-radius-m);--db-radius-l:var(--border-semantic-radius-l);--db-radius-xl:var(--border-semantic-radius-xl);--db-radius-2xl:var(--border-semantic-radius-2xl);--db-radius-3xl:var(--border-semantic-radius-3xl);--db-radius-full:var(--border-semantic-radius-full);--db-radius-btn-s:var(--border-semantic-radius-button-s);--db-radius-btn-m:var(--border-semantic-radius-button-m);--db-radius-btn-l:var(--border-semantic-radius-button-l);--db-radius-btn-pill:var(--border-semantic-radius-button-pill);--db-radius-input-s:var(--border-semantic-radius-input-s);--db-radius-input-m:var(--border-semantic-radius-input-m);--db-radius-input-l:var(--border-semantic-radius-input-l);--db-radius-card-s:var(--border-semantic-radius-card-s);--db-radius-card-m:var(--border-semantic-radius-card-m);--db-radius-card-l:var(--border-semantic-radius-card-l);--db-radius-modal-s:var(--border-semantic-radius-modal-s);--db-radius-modal-m:var(--border-semantic-radius-modal-m);--db-radius-modal-l:var(--border-semantic-radius-modal-l);--db-radius-action-s:var(--border-semantic-radius-action-s);--db-radius-action-m:var(--border-semantic-radius-action-m);--db-radius-action-l:var(--border-semantic-radius-action-l);--db-radius-action-pill:var(--border-semantic-radius-action-pill);--db-font-primary:var(--typography-semantic-font-family-primary);--db-font-mono:var(--typography-semantic-font-family-mono);--db-text-xs:var(--typography-semantic-font-size-xs);--db-text-s:var(--typography-semantic-font-size-s);--db-text-base:var(--typography-semantic-font-size-base);--db-text-l:var(--typography-semantic-font-size-l);--db-text-xl:var(--typography-semantic-font-size-xl);--db-text-2xl:var(--typography-semantic-font-size-2xl);--db-text-3xl:var(--typography-semantic-font-size-3xl);--db-text-4xl:var(--typography-semantic-font-size-4xl);--db-text-5xl:var(--typography-semantic-font-size-5xl);--db-text-6xl:var(--typography-semantic-font-size-6xl);--db-weight-light:var(--typography-semantic-font-weight-light);--db-weight-normal:var(--typography-semantic-font-weight-normal);--db-weight-medium:var(--typography-semantic-font-weight-medium);--db-weight-semibold:var(--typography-semantic-font-weight-semibold);--db-weight-bold:var(--typography-semantic-font-weight-bold);--db-weight-extrabold:var(--typography-semantic-font-weight-extrabold);--db-leading-none:var(--typography-semantic-line-height-none);--db-leading-tight:var(--typography-semantic-line-height-tight);--db-leading-snug:var(--typography-semantic-line-height-snug);--db-leading-normal:var(--typography-semantic-line-height-normal);--db-leading-relaxed:var(--typography-semantic-line-height-relaxed);--db-leading-loose:var(--typography-semantic-line-height-loose);--db-shadow-card:var(--shadow-semantic-card-default);--db-shadow-card-hover:var(--shadow-semantic-card-hover);--db-shadow-card-elevated:var(--shadow-semantic-card-elevated);--db-shadow-button:var(--shadow-semantic-button-default);--db-shadow-button-hover:var(--shadow-semantic-button-hover);--db-shadow-button-active:var(--shadow-semantic-button-active);--db-shadow-tooltip:var(--shadow-semantic-tooltip-default);--db-shadow-dropdown:var(--shadow-semantic-dropdown-default);--db-shadow-modal:var(--shadow-semantic-modal-content);--db-shadow-modal-overlay:var(--shadow-semantic-modal-overlay);--db-shadow-none:var(--shadow-foundation-none);--db-shadow-xs:var(--shadow-foundation-s);--db-shadow-sm:var(--shadow-foundation-base);--db-shadow-md:var(--shadow-foundation-m);--db-shadow-lg:var(--shadow-foundation-l);--db-shadow-xl:var(--shadow-foundation-xl);--db-shadow-2xl:var(--shadow-foundation-2xl);--db-shadow-inner:var(--shadow-foundation-inner);--db-opacity-focus:var(--opacity-semantic-focus);--db-opacity-hover:var(--opacity-semantic-hover);--db-opacity-overlay-dark:var(--opacity-semantic-overlay-dark);--db-opacity-overlay-medium:var(--opacity-semantic-overlay-medium);--db-opacity-overlay-light:var(--opacity-semantic-overlay-light);--db-opacity-disabled:var(--opacity-semantic-disabled);--db-z-auto:auto;--db-z-0:0;--db-z-10:10;--db-z-20:20;--db-z-30:30;--db-z-40:40;--db-z-50:50;--db-z-modal:1000;--db-z-popover:1010;--db-z-tooltip:1020;--db-z-toast:1030;--db-animation-speed:var(--motion-semantic-animation-speed);--db-animation-ease:var(--motion-semantic-animation-ease);--db-animation-ease-in:ease-in;--db-container-max-width-fluid:var(--layout-semantic-container-max-width-fluid);--db-container-max-width-s:var(--layout-semantic-container-max-width-s);--db-container-max-width-m:var(--layout-semantic-container-max-width-m);--db-container-max-width-l:var(--layout-semantic-container-max-width-l);--db-container-max-width-xl:var(--layout-semantic-container-max-width-xl);--db-container-max-width-xxl:var(--layout-semantic-container-max-width-xxl);--db-container-padding-none:var(--layout-semantic-container-padding-none);--db-container-padding-s:var(--layout-semantic-container-padding-s);--db-container-padding-m:var(--layout-semantic-container-padding-m);--db-container-padding-l:var(--layout-semantic-container-padding-l);--db-grid-columns-12:var(--layout-semantic-grid-columns-12);--db-grid-columns-24:var(--layout-semantic-grid-columns-24);--db-grid-gutter-s:var(--layout-semantic-grid-gutter-s);--db-grid-gutter-m:var(--layout-semantic-grid-gutter-m);--db-grid-gutter-l:var(--layout-semantic-grid-gutter-l);--db-grid-gutter-xl:var(--layout-semantic-grid-gutter-xl);--db-breakpoint-xs:var(--layout-semantic-breakpoint-xs);--db-breakpoint-s:var(--layout-semantic-breakpoint-s);--db-breakpoint-m:var(--layout-semantic-breakpoint-m);--db-breakpoint-l:var(--layout-semantic-breakpoint-l);--db-breakpoint-xl:var(--layout-semantic-breakpoint-xl);--db-breakpoint-xxl:var(--layout-semantic-breakpoint-xxl);--db-size-xxs:var(--size-semantic-xxs);--db-size-xs:var(--size-semantic-xs);--db-size-s:var(--size-semantic-s);--db-size-m:var(--size-semantic-m);--db-size-l:var(--size-semantic-l);--db-size-xl:var(--size-semantic-xl);--db-size-2xl:var(--size-semantic-2xl);--db-size-icon-xs:var(--size-semantic-icon-xs);--db-size-icon-s:var(--size-semantic-icon-s);--db-size-icon-m:var(--size-semantic-icon-m);--db-size-icon-l:var(--size-semantic-icon-l);--db-size-icon-xl:var(--size-semantic-icon-xl);--db-size-button-xs:var(--size-semantic-button-xs);--db-size-button-s:var(--size-semantic-button-s);--db-size-button-m:var(--size-semantic-button-m);--db-size-button-l:var(--size-semantic-button-l);--db-size-button-xl:var(--size-semantic-button-xl);--db-size-input-xs:var(--size-semantic-input-xs);--db-size-input-s:var(--size-semantic-input-s);--db-size-input-m:var(--size-semantic-input-m);--db-size-input-l:var(--size-semantic-input-l);--db-size-input-xl:var(--size-semantic-input-xl);--db-size-avatar-xs:var(--size-semantic-avatar-xs);--db-size-avatar-s:var(--size-semantic-avatar-s);--db-size-avatar-m:var(--size-semantic-avatar-m);--db-size-avatar-l:var(--size-semantic-avatar-l);--db-size-avatar-xl:var(--size-semantic-avatar-xl);--db-size-avatar-2xl:var(--size-semantic-avatar-2xl);--db-size-avatar-3xl:var(--size-semantic-avatar-3xl);--db-size-card-s:var(--size-semantic-card-s);--db-size-card-m:var(--size-semantic-card-m);--db-size-card-l:var(--size-semantic-card-l);--db-size-modal-s:var(--size-semantic-modal-s);--db-size-modal-m:var(--size-semantic-modal-m);--db-size-modal-l:var(--size-semantic-modal-l);--db-size-modal-xl:var(--size-semantic-modal-xl);--db-size-checkbox-xs:var(--size-semantic-checkbox-xs);--db-size-checkbox-s:var(--size-semantic-checkbox-s);--db-size-checkbox-m:var(--size-semantic-checkbox-m);--db-size-checkbox-l:var(--size-semantic-checkbox-l);--db-size-checkbox-xl:var(--size-semantic-checkbox-xl)}h1,h2,h3,h4,h5,h6{color:var(--db-text-primary);font-weight:600;line-height:1.2;margin:0;padding:0;transition:color .3s ease}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--db-margin-l)}h2{font-size:2rem}h2,h3{font-weight:600;margin-bottom:var(--db-margin-m)}h3{font-size:1.75rem}h4{font-size:1.5rem}h4,h5{font-weight:600;margin-bottom:var(--db-margin-s)}h5{font-size:1.25rem}h6{font-size:1rem;font-weight:600;margin-bottom:var(--db-margin-xs)}p{color:var(--db-text-primary);line-height:1.6;margin:0 0 var(--db-margin-m) 0;transition:color .3s ease}a{color:var(--db-text-link);cursor:pointer;text-decoration:none;transition:all .3s ease}a:hover{color:var(--db-text-link-hover)}a:active{color:var(--db-text-link)}a:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}b,strong{font-weight:600}b,blockquote,em,i,strong{color:var(--db-text-primary)}blockquote{background-color:var(--db-surface-layer-1);border-left:2px solid var(--db-border-base);margin:var(--db-margin-m) 0;padding:var(--db-padding-m) var(--db-padding-l)}code{border:1px solid var(--db-border-base);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;padding:.125rem .25rem}code,pre{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}pre{border:1px solid var(--db-border-base);border-radius:8px;margin:var(--db-margin-m) 0;overflow-x:auto;padding:var(--db-padding-m)}pre code{background:none;border:none;color:inherit;padding:0}ol,ul{margin:0;padding-left:0}li,ol,ul{color:var(--db-text-primary)}li{line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-s)}dl{margin:0 0 var(--db-margin-m) 0}dt{color:var(--db-text-primary);font-weight:600;margin-bottom:var(--db-margin-xs)}dd{color:var(--db-text-secondary);margin:0 0 var(--db-margin-s)}hr{background-color:var(--db-border-base);border:none;height:1px;margin:var(--db-margin-l) 0}details{border:1px solid var(--db-border-base);border-radius:8px;margin:var(--db-margin-m) 0;overflow:hidden}summary{background-color:var(--db-surface-layer-1);color:var(--db-text-primary);cursor:pointer;font-weight:600;padding:var(--db-padding-m);transition:background-color .3s ease}summary:hover{background-color:var(--db-surface-layer-2)}summary::-webkit-details-marker{color:var(--db-text-tertiary)}details[open] summary{border-bottom:1px solid var(--db-border-base)}details>div{color:var(--db-text-primary);padding:var(--db-padding-m)}mark{background-color:var(--color-foundation-yellow-200);border-radius:3px;color:var(--color-foundation-yellow-900);padding:var(--db-padding-xxs) var(--db-padding-xs)}del,s{color:var(--db-text-tertiary);text-decoration:line-through}ins,u{color:var(--db-text-primary);text-decoration:underline}small{color:var(--db-text-tertiary);font-size:.875em}big{color:var(--db-text-primary);font-size:1.125em}cite{color:var(--db-text-secondary);font-style:italic}time{color:var(--db-text-tertiary);font-size:.875em}address{color:var(--db-text-secondary);font-style:normal;margin:var(--db-margin-m) 0}article,section{margin-bottom:var(--db-margin-l)}figure{margin:var(--db-margin-l) 0;text-align:center}figcaption{color:var(--db-text-secondary);font-size:.875em;margin-top:var(--db-margin-s)}audio,video{border-radius:8px;max-width:100%}canvas{border:1px solid var(--db-border-base);border-radius:8px}::selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-moz-selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--db-surface-layer-2);border-radius:4px}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--db-surface-layer-2);border-color:var(--db-border-base)}[data-theme=dark] blockquote{background-color:var(--db-surface-layer-2);border-left-color:var(--db-border-base)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--db-field-bg);border-color:var(--db-field-border)}[data-theme=brand] h1,[data-theme=brand] h2,[data-theme=brand] h3,[data-theme=brand] h4,[data-theme=brand] h5,[data-theme=brand] h6{color:var(--db-text-primary)}[data-theme=brand] a{color:var(--db-text-link)}.designbase-figma-donation-badge-container{align-items:center;display:flex;flex-direction:row;gap:var(--db-gap-xs)}.designbase-figma-donation-badge__prompt{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:1.4;text-align:center}.designbase-figma-donation-badge__icon{flex-shrink:0;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-donation-badge__text{white-space:nowrap}.designbase-figma-donation-badge__icon{color:var(--designbase-figma-donation-badge-icon-color,var(--db-brand-primary))!important}.designbase-figma-donation-badge--heart:hover .designbase-figma-donation-badge__icon{filter:brightness(1.1);transform:scale(1.15)}.designbase-figma-donation-badge--coffee:hover .designbase-figma-donation-badge__icon{transform:rotate(-10deg) scale(1.1)}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.designbase-figma-donation-badge:hover.designbase-figma-donation-badge--heart .designbase-figma-donation-badge__icon{animation:heartbeat .6s ease-in-out}.designbase-figma-container{background-color:var(--db-surface-base);box-sizing:border-box;display:flex;flex-direction:column;width:100%}.designbase-figma-container--full-height{height:100vh;max-height:100vh;min-height:100vh}.designbase-figma-container__split{height:100%;width:100%}.designbase-figma-container__header{overflow:visible;position:relative;z-index:1}.designbase-figma-container__banner,.designbase-figma-container__header{align-items:center;background-color:var(--db-surface-base);box-sizing:border-box;display:flex;flex-shrink:0}.designbase-figma-container__banner{overflow:hidden;padding:0 var(--db-padding-m)}.designbase-figma-container__main{box-sizing:border-box;flex:1;padding:var(--db-padding-m)}.designbase-figma-container__interaction{overflow:hidden}.designbase-figma-container__action,.designbase-figma-container__interaction{align-items:center;background-color:var(--db-surface-base);box-sizing:border-box;display:flex;flex-shrink:0}.designbase-figma-container__action{border-top:1px solid var(--db-border-base);overflow:visible;padding:var(--db-padding-s)}.designbase-figma-container__footer{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;overflow:visible;position:relative;z-index:1}.designbase-figma-container--s .designbase-figma-container__main{padding:var(--db-padding-s)}.designbase-figma-container--m .designbase-figma-container__main{padding:var(--db-padding-m)}.designbase-figma-container--l .designbase-figma-container__main{padding:var(--db-padding-l)}.designbase-figma-container__footer-panel,.designbase-figma-container__header-panel{overflow:visible!important;position:relative;z-index:10}.designbase-figma-header{background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-base);box-sizing:border-box;flex:1;z-index:100}.designbase-figma-header--sticky{position:sticky;top:0}.designbase-figma-header__container{align-items:center;box-sizing:border-box;display:flex;gap:var(--db-gap-s);justify-content:space-between;padding:var(--db-padding-s);width:100%}.designbase-figma-header__center{align-items:center;display:flex;flex:1}.designbase-figma-header__center>*{width:100%}.designbase-figma-header__right{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-xs)}.designbase-figma-header__search-container{align-items:center;box-sizing:border-box;display:flex;padding:var(--db-padding-s);width:100%}.designbase-figma-header__search-container>*{width:100%}.designbase-figma-section{background-color:var(--db-surface-base,#fff);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-xs,0 1px 2px rgba(0,0,0,.05));margin-bottom:var(--db-margin-s);position:relative;transition:opacity var(--db-animation-speed,.2s) var(--db-animation-ease,ease-in-out)}.designbase-figma-section--disabled{opacity:.5}.designbase-figma-section--disabled .designbase-figma-section__header{border-bottom:none}.designbase-figma-section__header{align-items:center;border-bottom:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-s);justify-content:space-between;padding:var(--db-padding-s)}.designbase-figma-section__title-area{min-width:0}.designbase-figma-section__title{align-items:center;color:var(--db-text-primary);display:flex;flex:1;font-size:var(--db-text-s,14px);font-weight:var(--db-weight-bold);gap:var(--db-gap-s);line-height:var(--db-leading-normal);margin:0;min-width:0}.designbase-figma-section__controls{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-figma-section__collapse-icon{align-items:center;color:var(--db-icon-muted,#6b7280);display:inline-flex;font-size:12px;height:20px;justify-content:center;transition:transform var(--db-animation-speed,.2s) var(--db-animation-ease,ease-in-out);user-select:none;width:20px}.designbase-figma-section__collapse-icon--collapsed{transform:rotate(-90deg)}.designbase-figma-section--collapsible .designbase-figma-section__header{transition:background-color var(--db-animation-speed,.2s) var(--db-animation-ease,ease-in-out)}.designbase-figma-section--collapsible .designbase-figma-section__header:hover{background-color:var(--db-interactive-bg-hover,#f9fafb)}.designbase-figma-section--collapsible .designbase-figma-section__header:active{background-color:var(--db-interactive-bg-active,#f3f4f6)}.designbase-figma-section__content{overflow:hidden}.designbase-figma-section--overflow-visible .designbase-figma-section__content,.designbase-figma-section--overflow-visible .designbase-figma-section__content-clip{overflow:visible}.designbase-figma-section__content-clip{height:auto;overflow:hidden;transition:height .25s cubic-bezier(.4,0,.2,1)}.designbase-figma-section__content-inner{display:flex;flex-direction:column;gap:var(--db-gap-s);opacity:1;padding:var(--db-padding-s);transition:opacity .2s cubic-bezier(.4,0,.2,1),padding-top .25s cubic-bezier(.4,0,.2,1),padding-bottom .25s cubic-bezier(.4,0,.2,1)}.designbase-figma-section__content-inner.is-collapsed{opacity:0;padding-bottom:0;padding-top:0}.designbase-figma-sidebar{background-color:var(--db-surface-base);box-sizing:border-box;flex-shrink:0;height:100%;overflow-x:hidden;overflow-y:auto;position:sticky;top:0}.designbase-figma-sidebar__group{margin-bottom:var(--db-margin-m)}.designbase-figma-sidebar__group:last-child{margin-bottom:0}.designbase-figma-sidebar__group-title{color:var(--db-text-tertiary);font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-xs) 0}.designbase-figma-sidebar__button{background-color:transparent;border:none;border-radius:var(--db-radius-m);color:var(--db-text-secondary);cursor:pointer;display:block;font-size:var(--db-text-s);line-height:var(--db-leading-tight);margin-bottom:var(--db-margin-xs);overflow:hidden;padding:var(--db-padding-xs);text-align:left;text-overflow:ellipsis;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap;width:100%}.designbase-figma-sidebar__button--active,.designbase-figma-sidebar__button:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-figma-sidebar__button:last-child{margin-bottom:0}.designbase-figma-payment-badge{align-items:center;display:inline-flex;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-payment-badge__badge{border-radius:var(--db-radius-s);font-size:var(--db-text-xs);font-weight:var(--db-weight-bold);height:24px;line-height:1.2;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-figma-payment-badge.active .designbase-figma-payment-badge__badge{background-color:var(--db-brand-primary);border:none;color:var(--db-text-inverse-primary)}.designbase-figma-payment-badge.free .designbase-figma-payment-badge__badge{background-color:var(--color-aliases-brand-primary-alpha-10);color:var(--db-brand-primary)}.designbase-figma-payment-badge[style*=pointer]:hover{opacity:.8}.designbase-figma-payment-badge[style*=pointer]:active{transform:scale(.95)}.designbase-figma-payment-badge:has(.designbase-spinner){height:24px;min-width:60px}.designbase-figma-language-selector{display:inline-block}.designbase-figma-logo-dropdown{display:inline-block;position:relative}.designbase-figma-logo-dropdown__logo{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-logo-dropdown__logo:hover{opacity:.8}.designbase-figma-logo-dropdown__logo img{display:block;max-height:24px;width:auto}.designbase-figma-logo-dropdown__logo .designbase-logo{display:flex}.designbase-figma-logo-dropdown__menu{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-dropdown);list-style:none;margin:0;padding:var(--db-padding-xs);position:absolute;width:200px;z-index:9999}.designbase-figma-logo-dropdown__item{margin:0}.designbase-figma-logo-dropdown__link{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--db-text-s);padding:var(--db-padding-s);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-figma-logo-dropdown__link:hover{background-color:var(--db-interactive-bg-hover);color:var(--db-text-primary)}.designbase-figma-logo-dropdown__link:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-figma-logo-dropdown__icon{align-items:center;display:flex;font-size:1.2em;height:20px;justify-content:center;margin-right:var(--db-margin-s);width:20px}.designbase-figma-logo-dropdown__text{flex:1;text-align:left}.designbase-figma-logo-dropdown__arrow{color:var(--db-icon-muted);margin-left:auto;opacity:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-logo-dropdown__link:hover .designbase-figma-logo-dropdown__arrow{opacity:1}.designbase-figma-logo-dropdown--bottom-left .designbase-figma-logo-dropdown__menu{left:0;margin-top:var(--db-margin-s);top:100%}.designbase-figma-logo-dropdown--bottom-right .designbase-figma-logo-dropdown__menu{margin-top:var(--db-margin-s);right:0;top:100%}.designbase-figma-logo-dropdown--top-left .designbase-figma-logo-dropdown__menu{bottom:100%;left:0;margin-bottom:var(--db-margin-s)}.designbase-figma-logo-dropdown--top-right .designbase-figma-logo-dropdown__menu{bottom:100%;margin-bottom:var(--db-margin-s);right:0}.designbase-figma-logo-dropdown__menu{opacity:0;pointer-events:none;transform:translateY(-10px);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-logo-dropdown--open .designbase-figma-logo-dropdown__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.designbase-figma-footer{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-muted);height:40px;padding:var(--db-padding-s);width:100%;z-index:9999}.designbase-figma-footer__wrap{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100%}.designbase-figma-footer__left,.designbase-figma-footer__payment-states{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-figma-footer__usage-info{align-items:center;color:var(--db-text-secondary);cursor:help;display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-xs);position:relative}.designbase-figma-footer__usage-info--tooltip:hover:after{background-color:var(--db-surface-inverse);border-radius:var(--db-radius-s);bottom:100%;box-shadow:var(--db-shadow-dropdown);color:var(--db-text-inverse-primary);content:attr(title);font-size:var(--db-text-xs);left:50%;margin-bottom:var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s);position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.designbase-figma-footer__usage-info--tooltip:hover:before{border:4px solid transparent;border-top:4px solid var(--db-surface-inverse);bottom:100%;content:"";left:50%;margin-bottom:calc(var(--db-margin-xs) - 4px);position:absolute;transform:translateX(-50%);z-index:1000}.designbase-figma-footer__unlimited-usage{color:var(--db-brand-primary);cursor:help;font-weight:var(--db-weight-medium);position:relative}.designbase-figma-footer__unlimited-usage--tooltip:hover:after{background-color:var(--db-surface-inverse);border-radius:var(--db-radius-s);bottom:100%;box-shadow:var(--db-shadow-dropdown);color:var(--db-text-inverse-primary);content:attr(title);font-size:var(--db-text-xs);left:50%;margin-bottom:var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s);position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.designbase-figma-footer__unlimited-usage--tooltip:hover:before{border:4px solid transparent;border-top:4px solid var(--db-surface-inverse);bottom:100%;content:"";left:50%;margin-bottom:calc(var(--db-margin-xs) - 4px);position:absolute;transform:translateX(-50%);z-index:1000}.designbase-figma-footer__usage-count{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-figma-footer__max-daily-usage{color:var(--db-text-tertiary)}.designbase-figma-footer__reset-info{color:var(--db-text-tertiary);font-size:var(--db-text-xs)}.designbase-figma-footer__donation{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:center}.designbase-figma-footer__donation-text{color:var(--db-text-secondary);font-size:var(--db-text-xs);white-space:nowrap}.designbase-figma-footer--has-children .designbase-figma-footer__wrap{border-bottom:1px solid var(--db-border-muted);margin-bottom:var(--db-margin-s)}.figma-toast-fixed-wrap{left:0;padding:12px;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.figma-toast-fixed-wrap .designbase-toast{pointer-events:auto}.figma-toast-container{pointer-events:none;position:fixed;z-index:9999}.figma-toast-container .designbase-toast{box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);margin-bottom:8px;max-width:300px;min-width:280px;pointer-events:auto}.figma-toast-container--top-right{right:0;top:0}.figma-toast-container--top-center{left:50%;top:0;transform:translateX(-50%)}.figma-toast-container--bottom-center{bottom:0;left:50%;transform:translateX(-50%)}.figma-toast-container--bottom-right{bottom:0;right:0}.designbase-figma-form-with-submit{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-figma-form-with-submit__field{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-figma-form-with-submit__label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);margin-bottom:0}.designbase-figma-interaction{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);height:40px;overflow:hidden;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-figma-interaction--visible{opacity:1}.designbase-figma-interaction--default{background-color:rgba(240,248,252,.7)}.designbase-figma-interaction--warning{background-color:var(--db-feedback-warning-bg)}.designbase-figma-interaction--error{background-color:var(--db-feedback-error-bg)}.designbase-figma-interaction--success{background-color:var(--db-feedback-success-bg)}.designbase-figma-interaction--info{background-color:var(--db-feedback-info-bg)}.designbase-figma-interaction__content{align-items:center;box-sizing:border-box;display:flex;gap:var(--db-gap-s);height:100%;justify-content:space-between;padding:var(--db-padding-s);width:100%}.designbase-figma-interaction__left{align-items:center;display:flex;flex:1;min-width:0}.designbase-figma-interaction__right{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-figma-interaction__message{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-xs)}.designbase-figma-interaction__text{color:var(--db-text-primary);font-size:var(--db-text-xs);font-weight:var(--db-weight-bold);line-height:1;white-space:nowrap}.designbase-figma-interaction__status-text{font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);line-height:1}.designbase-figma-interaction--warning .designbase-figma-interaction__status-text{color:var(--db-feedback-warning-fg)}.designbase-figma-interaction--error .designbase-figma-interaction__status-text{color:var(--db-feedback-error-fg)}.designbase-figma-interaction--success .designbase-figma-interaction__status-text{color:var(--db-feedback-success-fg)}.designbase-figma-interaction--info .designbase-figma-interaction__status-text{color:var(--db-feedback-info-fg)}.designbase-figma-pricing-comparison{background-color:var(--db-surface-base);border:1px solid var(--db-border-muted);border-radius:var(--db-radius-l);margin:0;overflow:hidden;text-align:left;width:100%}.designbase-figma-pricing-comparison__billing-toggle,.designbase-figma-pricing-comparison__lifetime-info{align-items:center;display:flex;justify-content:center;padding:var(--db-padding-s)}.designbase-figma-pricing-comparison__lifetime-text{color:var(--db-brand-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-bold);margin:0;text-align:center}.designbase-figma-pricing-comparison__discount-badge{background-color:var(--db-feedback-info-bg);border-radius:var(--db-radius-full);color:var(--db-brand-primary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);line-height:1;padding:var(--db-padding-xs);white-space:nowrap}.designbase-figma-pricing-comparison__table{border-collapse:collapse;font-size:var(--db-text-s);width:100%}.designbase-figma-pricing-comparison__table thead th{font-weight:var(--db-weight-bold);padding:var(--db-padding-s) 0}.designbase-figma-pricing-comparison__table tbody td:first-child,.designbase-figma-pricing-comparison__table thead th:first-child{padding:var(--db-padding-s)}.designbase-figma-pricing-comparison__table td,.designbase-figma-pricing-comparison__table th{border-bottom:1px solid var(--db-border-muted);font-size:var(--db-text-xs);padding:var(--db-padding-s) 0;text-align:left}.designbase-figma-pricing-comparison__table td:nth-child(2),.designbase-figma-pricing-comparison__table td:nth-child(3),.designbase-figma-pricing-comparison__table th:nth-child(2),.designbase-figma-pricing-comparison__table th:nth-child(3){text-align:center;width:120px}.designbase-figma-pricing-comparison__table tr:last-child td{border-bottom:none}.designbase-figma-pricing-comparison__recommended{background-color:var(--color-aliases-brand-primary-alpha-10);overflow:visible;position:relative}.designbase-figma-pricing-comparison__plan-name{font-size:var(--db-text-base);font-weight:var(--db-weight-bold)}.designbase-figma-pricing-comparison__recommended-badge{background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);font-size:var(--db-text-xs);left:50%;padding:2px var(--db-padding-s);position:absolute;top:-10px;transform:translate(-50%);white-space:nowrap}.designbase-figma-page-license{background-color:var(--db-surface-layer-1);bottom:39px;height:calc(100vh - 39px);left:0;overflow-y:auto;padding:var(--db-padding-m);position:fixed;right:0;top:0;width:100%;z-index:var(--db-z-modal)}.designbase-figma-page-license__content{display:flex;flex-direction:column;gap:var(--db-gap-m);margin:0 auto;max-width:600px}.designbase-figma-page-license__header{display:flex;flex-direction:column;text-align:center}.designbase-figma-page-license__title{align-items:center;color:var(--db-brand-primary);display:flex;gap:var(--db-gap-xs);justify-content:flex-start}.designbase-figma-page-license__title h2{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);margin:0}.designbase-figma-page-license__description{color:var(--db-text-secondary);font-size:var(--db-text-xs);margin:0;text-align:left}.designbase-figma-page-license__section{background-color:var(--db-surface-base);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-figma-page-license__section-header{align-items:center;display:flex;justify-content:space-between}.designbase-figma-page-license__section-header h3{color:var(--db-text-primary);font-size:var(--db-text-m);font-weight:var(--db-weight-semibold);margin:0}.designbase-figma-page-license__section-header .designbase-button{align-items:center;display:inline-flex;gap:var(--db-gap-2xs)}.designbase-figma-page-license__disclaimer{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-s);color:var(--db-text-tertiary);font-size:var(--db-text-xs);margin:0;padding:var(--db-padding-s);text-align:center}.designbase-figma-page-license__close{position:fixed;right:var(--db-padding-m);top:var(--db-padding-m);z-index:var(--db-z-modal)}.designbase-figma-page-license__license-key{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m);width:100%}.designbase-figma-page-license__license-key span{color:var(--db-text-primary);font-weight:var(--db-weight-bold)}.designbase-figma-page-license__details{align-items:flex-start;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-s);width:100%}.designbase-figma-page-license__activation-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--db-margin-s);width:100%}.designbase-figma-page-license__remaining{color:var(--db-brand-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-bold)}.designbase-figma-page-license__usage{color:var(--db-text-tertiary);font-size:var(--db-text-xs)}.designbase-figma-payment-status{align-items:center;display:flex;flex-direction:column;font-size:var(--db-text-xs);gap:var(--db-gap-s);justify-content:center;text-align:center}.designbase-figma-payment-status__license-key{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m);width:100%}.designbase-figma-payment-status__license-key span{color:var(--db-text-primary);font-weight:var(--db-weight-bold)}.designbase-figma-payment-status__details{align-items:flex-start;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-s);width:100%}.designbase-figma-payment-status__activation-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--db-margin-s);width:100%}.designbase-figma-payment-status__remaining{color:var(--db-brand-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-bold)}.designbase-figma-payment-status__usage{color:var(--db-text-tertiary);font-size:var(--db-text-xs)}.designbase-figma-progress-modal__content{align-items:center;display:flex;flex-direction:column;gap:var(--db-gap-s);min-width:280px;padding:var(--db-padding-m);text-align:center}.designbase-figma-progress-modal__icon{align-items:center;display:flex;height:48px;justify-content:center;margin-bottom:var(--db-margin-s);width:48px}.designbase-figma-progress-modal__icon-loading{block-size:100%;inline-size:100%}.designbase-figma-progress-modal__icon-loading .designbase-spinner{font-size:48px;line-height:1}.designbase-figma-progress-modal__icon-loading .designbase-spinner svg{transform-box:fill-box;transform-origin:50% 50%}.designbase-figma-progress-modal__icon-success{animation:successPop .5s cubic-bezier(.68,-.55,.265,1.55);color:var(--db-feedback-success-fg)}.designbase-figma-progress-modal__icon-success svg{display:block;height:48px;width:48px}.designbase-figma-progress-modal__message{color:var(--db-text-primary);font-size:var(--db-text-m);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0}.designbase-figma-progress-modal__status{color:var(--db-text-secondary);font-size:var(--db-text-s);font-variant-numeric:tabular-nums;font-weight:var(--db-weight-medium)}.designbase-figma-progress-modal__help-text{color:var(--db-text-tertiary);font-size:var(--db-text-xs);line-height:var(--db-leading-relaxed);margin:0}.designbase-figma-progress-modal__actions{margin-top:var(--db-margin-s);width:100%}@keyframes successPop{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.designbase-figma-progress-modal__content{min-width:auto;padding:var(--db-padding-m)}.designbase-figma-progress-modal__message{font-size:var(--db-text-s)}}.designbase-figma-resizable-plugin{position:relative;width:100%}.designbase-figma-resizable-plugin__handle{align-items:center;background-color:transparent;border:none;bottom:0;color:var(--db-icon-muted);cursor:nwse-resize;display:flex;height:20px;justify-content:center;opacity:.3;padding:0;position:fixed;right:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease);width:20px;z-index:var(--db-z-tooltip)}.designbase-figma-resizable-plugin__handle:hover{color:var(--db-icon-default);opacity:1}.designbase-figma-resizable-plugin__handle:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-figma-resizable-plugin__handle.resizing{color:var(--db-brand-primary);opacity:1}.designbase-figma-resizable-plugin__handle img,.designbase-figma-resizable-plugin__handle svg{height:12px;pointer-events:none;width:12px}.designbase-figma-resizable-plugin__handle.resizing:before{bottom:0;content:"";cursor:nwse-resize;left:0;position:fixed;right:0;top:0;z-index:calc(var(--db-z-tooltip) - 1)}.designbase-figma-settings-modal__content{max-height:60vh;overflow-y:auto;padding:var(--db-padding-m)}.designbase-figma-settings-modal__description{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-m)}.designbase-figma-settings-modal__list{display:flex;flex-direction:column;gap:var(--db-gap-s);list-style:none;margin:0;padding:0}.designbase-figma-settings-modal__item{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:move;display:flex;justify-content:space-between;padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none}.designbase-figma-settings-modal__item:hover{background:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-figma-settings-modal__item--disabled{opacity:.6}.designbase-figma-settings-modal__item--disabled .designbase-figma-settings-modal__category-title{color:var(--db-text-disabled);text-decoration:line-through}.designbase-figma-settings-modal__item--dragging{box-shadow:var(--db-shadow-m);opacity:.5;transform:scale(.98)}.designbase-figma-settings-modal__item-info{align-items:center;display:flex;flex:1;gap:var(--db-gap-xs);min-width:0}.designbase-figma-settings-modal__drag-handle{align-items:center;color:var(--db-icon-muted);cursor:move;display:flex;flex-shrink:0;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-settings-modal__drag-handle:hover{color:var(--db-icon-hover)}.designbase-figma-settings-modal__category-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--db-text-m);justify-content:center}.designbase-figma-settings-modal__category-title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-settings-modal__footer{align-items:center;border-top:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-s);justify-content:space-between;padding:var(--db-padding-m)}.designbase-figma-settings-modal__footer-right{display:flex;gap:var(--db-gap-s)}.designbase-figma-settings-modal__groups{display:flex;flex-direction:column;gap:var(--db-gap-l)}.designbase-figma-settings-modal__group{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);overflow:hidden}.designbase-figma-settings-modal__group:hover{border-color:var(--db-border-layer-1)}.designbase-figma-settings-modal__group-header{align-items:center;background:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-figma-settings-modal__group-title-wrapper{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-figma-settings-modal__group-title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);margin:0}.designbase-figma-settings-modal__group-list{padding:var(--db-padding-s)}@media (max-width:640px){.designbase-figma-settings-modal__content{max-height:50vh}.designbase-figma-settings-modal__footer{align-items:stretch;flex-direction:column}.designbase-figma-settings-modal__footer button,.designbase-figma-settings-modal__footer-right{width:100%}.designbase-figma-settings-modal__footer-right button{flex:1}}.designbase-figma-title-description{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.designbase-figma-title-description__icon{margin-bottom:var(--db-margin-xs,4px);max-height:64px;max-width:64px;object-fit:contain}.designbase-figma-title-description__title{color:var(--db-text-primary,#111827);font-size:var(--db-text-l,18px);font-weight:var(--db-weight-semibold,600);line-height:var(--db-leading-tight,1.25);margin:0;margin-bottom:var(--db-margin-xs,4px)}.designbase-figma-title-description__description{word-wrap:break-word;color:var(--db-text-secondary,#6b7280);font-size:var(--db-text-sm,14px);line-height:var(--db-leading-normal,1.5);margin:0;margin-bottom:var(--db-margin-xs,8px);max-width:100%;word-break:break-word}.designbase-figma-title-description__button{margin-bottom:var(--db-margin-xs,8px)}.designbase-figma-title-description__features{background-color:var(--db-surface-layer-1,#fafafa);border:1px solid var(--db-border-base,#eee);border-radius:var(--db-radius-l,12px);list-style:none;margin:0;margin-top:var(--db-margin-s,12px);padding:var(--db-padding-s,12px);text-align:left;width:100%}.designbase-figma-title-description__feature-item{align-items:center;color:var(--db-text-primary,#111827);display:flex;font-size:var(--db-text-sm,14px);gap:var(--db-gap-2xs,4px);line-height:var(--db-leading-tight,1.25);margin-bottom:var(--db-margin-xs,8px)}.designbase-figma-title-description__feature-item:last-child{margin-bottom:0}.designbase-figma-title-description__check-icon{align-items:center;color:var(--db-brand-primary,#3b82f6);display:flex;flex-shrink:0;height:16px;justify-content:center;position:relative;width:16px}.designbase-figma-title-description__check-icon svg{height:100%;width:100%}.designbase-figma-title-description__feature-text{flex:1}.designbase-text-container{align-items:center;display:flex;flex-direction:column;height:auto!important;justify-content:center}.designbase-figma-upgrade-banner{margin-bottom:var(--db-margin-m);overflow:hidden;position:relative}.designbase-figma-upgrade-banner .designbase-random-gradient{border-radius:0}.designbase-figma-upgrade-banner__content{align-items:center;background-color:rgba(var(--db-surface-base),.2);display:flex;flex-direction:row;gap:var(--db-gap-s);justify-content:space-between;padding:var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-figma-upgrade-banner__content--clickable:hover{background-color:rgba(var(--db-surface-base),.3)}.designbase-figma-upgrade-banner__text-wrap{flex:1;text-align:left}.designbase-figma-upgrade-banner__title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-bold);margin:0}.designbase-figma-upgrade-banner__text{color:var(--db-text-primary);font-size:var(--db-text-xs);line-height:var(--db-leading-relaxed);margin:0;width:100%}.designbase-figma-upgrade-banner__icon{align-items:center;color:var(--db-icon-default);display:flex;flex-shrink:0;justify-content:center;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-upgrade-banner--clickable .designbase-figma-upgrade-banner__content:hover .designbase-figma-upgrade-banner__icon{transform:translateX(2px)}.designbase-figma-upgrade-banner button{flex-shrink:0}
1
+ :root{--z-index-foundation-toast:1030;--z-index-foundation-tooltip:1020;--z-index-foundation-popover:1010;--z-index-foundation-modal:1000;--z-index-foundation-auto:auto;--z-index-foundation-50:50;--z-index-foundation-40:40;--z-index-foundation-30:30;--z-index-foundation-20:20;--z-index-foundation-10:10;--z-index-foundation-0:0;--typography-foundation-line-height-loose:2;--typography-foundation-line-height-relaxed:1.625;--typography-foundation-line-height-normal:1.5;--typography-foundation-line-height-snug:1.375;--typography-foundation-line-height-tight:1.25;--typography-foundation-line-height-none:1;--typography-foundation-font-weight-extrabold:800;--typography-foundation-font-weight-bold:700;--typography-foundation-font-weight-semibold:600;--typography-foundation-font-weight-medium:500;--typography-foundation-font-weight-normal:400;--typography-foundation-font-weight-light:300;--typography-foundation-font-size-6xl:3.75rem;--typography-foundation-font-size-5xl:3rem;--typography-foundation-font-size-4xl:2.25rem;--typography-foundation-font-size-3xl:1.875rem;--typography-foundation-font-size-2xl:1.5rem;--typography-foundation-font-size-xl:1.25rem;--typography-foundation-font-size-l:1.125rem;--typography-foundation-font-size-base:1rem;--typography-foundation-font-size-s:0.875rem;--typography-foundation-font-size-xs:0.75rem;--typography-foundation-font-family-mono:"SF Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;--typography-foundation-font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--spacing-foundation-05:0.125rem;--spacing-foundation-96:24rem;--spacing-foundation-80:20rem;--spacing-foundation-72:18rem;--spacing-foundation-64:16rem;--spacing-foundation-60:15rem;--spacing-foundation-56:14rem;--spacing-foundation-52:13rem;--spacing-foundation-48:12rem;--spacing-foundation-44:11rem;--spacing-foundation-40:10rem;--spacing-foundation-36:9rem;--spacing-foundation-32:8rem;--spacing-foundation-28:7rem;--spacing-foundation-24:6rem;--spacing-foundation-20:5rem;--spacing-foundation-16:4rem;--spacing-foundation-14:3.5rem;--spacing-foundation-12:3rem;--spacing-foundation-11:2.75rem;--spacing-foundation-10:2.5rem;--spacing-foundation-9:2.25rem;--spacing-foundation-8:2rem;--spacing-foundation-7:1.75rem;--spacing-foundation-6:1.5rem;--spacing-foundation-5:1.25rem;--spacing-foundation-4:1rem;--spacing-foundation-3:0.75rem;--spacing-foundation-2:0.5rem;--spacing-foundation-1:0.25rem;--spacing-foundation-0:0rem;--size-semantic-modal-xl:62.5rem;--size-semantic-modal-l:50rem;--size-semantic-modal-m:37.5rem;--size-semantic-modal-s:25rem;--size-semantic-card-l:25rem;--size-semantic-card-m:18.75rem;--size-semantic-card-s:12.5rem;--size-foundation-5xl:6rem;--size-foundation-4xl:5rem;--size-foundation-3xl:4rem;--size-foundation-xxl:3rem;--size-foundation-xl:2.5rem;--size-foundation-l:2rem;--size-foundation-m:1.5rem;--size-foundation-s:1.25rem;--size-foundation-xs:1rem;--size-foundation-xxs:0.75rem;--motion-foundation-easing-ease-in-out:ease-in-out;--motion-foundation-easing-ease-out:ease-out;--motion-foundation-easing-ease-in:ease-in;--motion-foundation-easing-ease:ease;--motion-foundation-duration-slow:500ms;--motion-foundation-duration-base:300ms;--motion-foundation-duration-fast:150ms;--layout-foundation-breakpoint-3xl:120rem;--layout-foundation-breakpoint-xxl:90rem;--layout-foundation-breakpoint-xl:80rem;--layout-foundation-breakpoint-l:64rem;--layout-foundation-breakpoint-m:48rem;--layout-foundation-breakpoint-s:30rem;--layout-foundation-breakpoint-xs:0rem;--layout-foundation-grid-gutter-xxl:3rem;--layout-foundation-grid-gutter-xl:2.5rem;--layout-foundation-grid-gutter-l:2rem;--layout-foundation-grid-gutter-m:1.5rem;--layout-foundation-grid-gutter-s:1rem;--layout-foundation-grid-gutter-xs:0.5rem;--layout-foundation-grid-gutter-none:0rem;--layout-foundation-grid-columns-24:24;--layout-foundation-grid-columns-16:16;--layout-foundation-grid-columns-12:12;--layout-foundation-grid-columns-6:6;--layout-foundation-container-padding-xxl:4rem;--layout-foundation-container-padding-xl:3rem;--layout-foundation-container-padding-l:2rem;--layout-foundation-container-padding-m:1.5rem;--layout-foundation-container-padding-s:1rem;--layout-foundation-container-padding-xs:0.5rem;--layout-foundation-container-padding-none:0rem;--layout-foundation-container-max-width-4xl:120rem;--layout-foundation-container-max-width-3xl:100rem;--layout-foundation-container-max-width-xxl:90rem;--layout-foundation-container-max-width-xl:80rem;--layout-foundation-container-max-width-l:64rem;--layout-foundation-container-max-width-m:48rem;--layout-foundation-container-max-width-s:40rem;--layout-foundation-container-max-width-xs:30rem;--layout-foundation-container-max-width-fluid:100%;--opacity-foundation-100:1;--opacity-foundation-95:0.95;--opacity-foundation-90:0.9;--opacity-foundation-80:0.8;--opacity-foundation-75:0.75;--opacity-foundation-70:0.7;--opacity-foundation-60:0.6;--opacity-foundation-50:0.5;--opacity-foundation-40:0.4;--opacity-foundation-30:0.3;--opacity-foundation-25:0.25;--opacity-foundation-20:0.2;--opacity-foundation-10:0.1;--opacity-foundation-5:0.05;--opacity-foundation-0:0;--shadow-foundation-inner:0px 2px 4px 0px rgba(0,0,0,.06);--shadow-foundation-2xl:0px 25px 50px -12px rgba(0,0,0,.25);--shadow-foundation-xl:0px 20px 25px -5px rgba(0,0,0,.1);--shadow-foundation-l:0px 10px 15px -3px rgba(0,0,0,.1);--shadow-foundation-m:0px 4px 6px -1px rgba(0,0,0,.1);--shadow-foundation-base:0px 1px 3px 0px rgba(0,0,0,.1);--shadow-foundation-s:0px 1px 2px 0px rgba(0,0,0,.05);--shadow-foundation-none:0px 0px 0px 0px rgba(0,0,0,.2);--color-aliases-overlay-inverse:hsla(0,0%,100%,.6);--color-aliases-overlay-soft:rgba(0,0,0,.3);--color-aliases-overlay-base:rgba(0,0,0,.6);--color-aliases-text-link-hover:rgba(0,111,255,.9);--color-aliases-surface-alpha-inverse:rgba(0,0,0,.3);--color-aliases-surface-alpha:hsla(0,0%,100%,.3);--color-aliases-surface-transparent:hsla(0,0%,100%,0);--color-aliases-border-alpha-inverse:hsla(0,0%,100%,.1);--color-aliases-border-alpha:rgba(0,0,0,.1);--color-aliases-border-transparent:transparent;--color-aliases-brand-primary-alpha-90:rgba(0,111,255,.9);--color-aliases-brand-primary-alpha-80:rgba(0,111,255,.8);--color-aliases-brand-primary-alpha-70:rgba(0,111,255,.7);--color-aliases-brand-primary-alpha-60:rgba(0,111,255,.6);--color-aliases-brand-primary-alpha-50:rgba(0,111,255,.5);--color-aliases-brand-primary-alpha-40:rgba(0,111,255,.4);--color-aliases-brand-primary-alpha-30:rgba(0,111,255,.3);--color-aliases-brand-primary-alpha-20:rgba(0,111,255,.2);--color-aliases-brand-primary-alpha-10:rgba(0,111,255,.1);--color-foundation-black:#000;--color-foundation-white:#fff;--color-foundation-purple-900:#49169c;--color-foundation-purple-800:#5818bf;--color-foundation-purple-700:#6a1ee3;--color-foundation-purple-600:#7830f7;--color-foundation-purple-500:#8a58ff;--color-foundation-purple-400:#a385ff;--color-foundation-purple-300:#c2b1ff;--color-foundation-purple-200:#dbd4ff;--color-foundation-purple-100:#ece8ff;--color-foundation-purple-50:#f5f2ff;--color-foundation-teal-900:#134e48;--color-foundation-teal-800:#115e56;--color-foundation-teal-700:#0f766b;--color-foundation-teal-600:#0d9485;--color-foundation-teal-500:#14b8a6;--color-foundation-teal-400:#2dd4c2;--color-foundation-teal-300:#5eeadb;--color-foundation-teal-200:#99f6ec;--color-foundation-teal-100:#ccfbf6;--color-foundation-teal-50:#f0fdfc;--color-foundation-green-900:#14532b;--color-foundation-green-800:#166533;--color-foundation-green-700:#15803c;--color-foundation-green-600:#16a34a;--color-foundation-green-500:#22c55e;--color-foundation-green-400:#4ade80;--color-foundation-green-300:#86efad;--color-foundation-green-200:#bbf7d1;--color-foundation-green-100:#dcfce8;--color-foundation-green-50:#f0fdf5;--color-foundation-yellow-900:#74470f;--color-foundation-yellow-800:#89570a;--color-foundation-yellow-700:#a67102;--color-foundation-yellow-600:#d1b400;--color-foundation-yellow-500:#ffd600;--color-foundation-yellow-400:#ffe50d;--color-foundation-yellow-300:#fff441;--color-foundation-yellow-200:#fffd86;--color-foundation-yellow-100:#feffc1;--color-foundation-yellow-50:#ffffe7;--color-foundation-orange-900:#82270c;--color-foundation-orange-800:#82270c;--color-foundation-orange-700:#cc3802;--color-foundation-orange-600:#ff5100;--color-foundation-orange-500:#ff6b0a;--color-foundation-orange-400:#ff8c32;--color-foundation-orange-300:#ffb66d;--color-foundation-orange-200:#ffd5a5;--color-foundation-orange-100:#ffecd3;--color-foundation-orange-50:#fff7ec;--color-foundation-red-900:#7f1d1d;--color-foundation-red-800:#991b1b;--color-foundation-red-700:#b91c1c;--color-foundation-red-600:#dc2626;--color-foundation-red-500:#ef4444;--color-foundation-red-400:#f87171;--color-foundation-red-300:#fca5a5;--color-foundation-red-200:#fecaca;--color-foundation-red-100:#fee2e2;--color-foundation-red-50:#fef2f2;--color-foundation-blue-900:#0d4b9b;--color-foundation-blue-800:#0855c5;--color-foundation-blue-700:#006fff;--color-foundation-blue-600:#0683ff;--color-foundation-blue-500:#1ea2ff;--color-foundation-blue-400:#48c3ff;--color-foundation-blue-300:#83d9ff;--color-foundation-blue-200:#b5e7ff;--color-foundation-blue-100:#d6f0ff;--color-foundation-blue-50:#edf9ff;--color-foundation-neutral-white:#fff;--color-foundation-neutral-1100:#000;--color-foundation-neutral-1000:#17191a;--color-foundation-neutral-900:#2f3133;--color-foundation-neutral-800:#464a4d;--color-foundation-neutral-700:#5e6366;--color-foundation-neutral-600:#757b80;--color-foundation-neutral-500:#8c9499;--color-foundation-neutral-400:#a4adb2;--color-foundation-neutral-300:#bbc5cc;--color-foundation-neutral-200:#e8eef2;--color-foundation-neutral-100:#f2f8fc;--color-foundation-neutral-50:#f8fafc;--color-foundation-neutral-0:#fff;--border-foundation-width-5:0.5rem;--border-foundation-width-4:0.25rem;--border-foundation-width-3:0.125rem;--border-foundation-width-2:0.0625rem;--border-foundation-width-1:0.03125rem;--border-foundation-width-0:0rem;--border-foundation-radius-full:624.9375rem;--border-foundation-radius-7:1.5rem;--border-foundation-radius-6:1rem;--border-foundation-radius-5:0.75rem;--border-foundation-radius-4:0.5rem;--border-foundation-radius-3:0.375rem;--border-foundation-radius-2:0.25rem;--border-foundation-radius-1:0.125rem;--border-foundation-radius-0:0rem;--typography-semantic-line-height-loose:var(--typography-foundation-line-height-loose);--typography-semantic-line-height-relaxed:var(--typography-foundation-line-height-relaxed);--typography-semantic-line-height-normal:var(--typography-foundation-line-height-normal);--typography-semantic-line-height-snug:var(--typography-foundation-line-height-snug);--typography-semantic-line-height-tight:var(--typography-foundation-line-height-tight);--typography-semantic-line-height-none:var(--typography-foundation-line-height-none);--typography-semantic-font-weight-extrabold:var(--typography-foundation-font-weight-extrabold);--typography-semantic-font-weight-bold:var(--typography-foundation-font-weight-bold);--typography-semantic-font-weight-semibold:var(--typography-foundation-font-weight-semibold);--typography-semantic-font-weight-medium:var(--typography-foundation-font-weight-medium);--typography-semantic-font-weight-normal:var(--typography-foundation-font-weight-normal);--typography-semantic-font-weight-light:var(--typography-foundation-font-weight-light);--typography-semantic-font-size-6xl:var(--typography-foundation-font-size-6xl);--typography-semantic-font-size-5xl:var(--typography-foundation-font-size-5xl);--typography-semantic-font-size-4xl:var(--typography-foundation-font-size-4xl);--typography-semantic-font-size-3xl:var(--typography-foundation-font-size-3xl);--typography-semantic-font-size-2xl:var(--typography-foundation-font-size-2xl);--typography-semantic-font-size-xl:var(--typography-foundation-font-size-xl);--typography-semantic-font-size-l:var(--typography-foundation-font-size-l);--typography-semantic-font-size-base:var(--typography-foundation-font-size-base);--typography-semantic-font-size-s:var(--typography-foundation-font-size-s);--typography-semantic-font-size-xs:var(--typography-foundation-font-size-xs);--typography-semantic-font-family-mono:var(--typography-foundation-font-family-mono);--typography-semantic-font-family-primary:var(--typography-foundation-font-family-primary);--spacing-aliases-scale-2xl:var(--spacing-foundation-10);--spacing-aliases-scale-xl:var(--spacing-foundation-8);--spacing-aliases-scale-l:var(--spacing-foundation-5);--spacing-aliases-scale-m:var(--spacing-foundation-3);--spacing-aliases-scale-s:var(--spacing-foundation-2);--spacing-aliases-scale-xs:var(--spacing-foundation-1);--spacing-aliases-scale-xxs:var(--spacing-foundation-05);--size-aliases-5xl:var(--size-foundation-5xl);--size-aliases-4xl:var(--size-foundation-4xl);--size-aliases-3xl:var(--size-foundation-3xl);--size-aliases-xxl:var(--size-foundation-xxl);--size-aliases-xl:var(--size-foundation-xl);--size-aliases-l:var(--size-foundation-l);--size-aliases-m:var(--size-foundation-m);--size-aliases-s:var(--size-foundation-s);--size-aliases-xs:var(--size-foundation-xs);--size-aliases-xxs:var(--size-foundation-xxs);--motion-aliases-easing-standard:var(--motion-foundation-easing-ease-out);--motion-aliases-duration-slow:var(--motion-foundation-duration-slow);--motion-aliases-duration-base:var(--motion-foundation-duration-base);--motion-aliases-duration-fast:var(--motion-foundation-duration-fast);--layout-aliases-breakpoint-3xl:var(--layout-foundation-breakpoint-3xl);--layout-aliases-breakpoint-xxl:var(--layout-foundation-breakpoint-xxl);--layout-aliases-breakpoint-xl:var(--layout-foundation-breakpoint-xl);--layout-aliases-breakpoint-l:var(--layout-foundation-breakpoint-l);--layout-aliases-breakpoint-m:var(--layout-foundation-breakpoint-m);--layout-aliases-breakpoint-s:var(--layout-foundation-breakpoint-s);--layout-aliases-breakpoint-xs:var(--layout-foundation-breakpoint-xs);--layout-aliases-grid-gutter-xxl:var(--layout-foundation-grid-gutter-xxl);--layout-aliases-grid-gutter-xl:var(--layout-foundation-grid-gutter-xl);--layout-aliases-grid-gutter-l:var(--layout-foundation-grid-gutter-l);--layout-aliases-grid-gutter-m:var(--layout-foundation-grid-gutter-m);--layout-aliases-grid-gutter-s:var(--layout-foundation-grid-gutter-s);--layout-aliases-grid-gutter-xs:var(--layout-foundation-grid-gutter-xs);--layout-aliases-grid-gutter-none:var(--layout-foundation-grid-gutter-none);--layout-aliases-grid-columns-24:var(--layout-foundation-grid-columns-24);--layout-aliases-grid-columns-16:var(--layout-foundation-grid-columns-16);--layout-aliases-grid-columns-12:var(--layout-foundation-grid-columns-12);--layout-aliases-grid-columns-6:var(--layout-foundation-grid-columns-6);--layout-aliases-container-padding-xxl:var(--layout-foundation-container-padding-xxl);--layout-aliases-container-padding-xl:var(--layout-foundation-container-padding-xl);--layout-aliases-container-padding-l:var(--layout-foundation-container-padding-l);--layout-aliases-container-padding-m:var(--layout-foundation-container-padding-m);--layout-aliases-container-padding-s:var(--layout-foundation-container-padding-s);--layout-aliases-container-padding-xs:var(--layout-foundation-container-padding-xs);--layout-aliases-container-padding-none:var(--layout-foundation-container-padding-none);--layout-aliases-container-max-width-4xl:var(--layout-foundation-container-max-width-4xl);--layout-aliases-container-max-width-3xl:var(--layout-foundation-container-max-width-3xl);--layout-aliases-container-max-width-xxl:var(--layout-foundation-container-max-width-xxl);--layout-aliases-container-max-width-xl:var(--layout-foundation-container-max-width-xl);--layout-aliases-container-max-width-l:var(--layout-foundation-container-max-width-l);--layout-aliases-container-max-width-m:var(--layout-foundation-container-max-width-m);--layout-aliases-container-max-width-s:var(--layout-foundation-container-max-width-s);--layout-aliases-container-max-width-xs:var(--layout-foundation-container-max-width-xs);--layout-aliases-container-max-width-fluid:var(--layout-foundation-container-max-width-fluid);--opacity-semantic-disabled:var(--opacity-foundation-50);--opacity-semantic-overlay-light:var(--opacity-foundation-25);--opacity-semantic-overlay-medium:var(--opacity-foundation-50);--opacity-semantic-overlay-dark:var(--opacity-foundation-75);--opacity-semantic-hover:var(--opacity-foundation-80);--opacity-semantic-focus:var(--opacity-foundation-90);--shadow-semantic-modal-overlay:var(--shadow-foundation-xl);--shadow-semantic-modal-content:var(--shadow-foundation-2xl);--shadow-semantic-dropdown-default:var(--shadow-foundation-m);--shadow-semantic-tooltip-default:var(--shadow-foundation-s);--shadow-aliases-button-active:var(--shadow-foundation-inner);--shadow-aliases-button-hover:var(--shadow-foundation-s);--shadow-aliases-button-default:var(--shadow-foundation-none);--shadow-aliases-card-elevated:var(--shadow-foundation-l);--shadow-aliases-card-hover:var(--shadow-foundation-m);--shadow-aliases-card-default:var(--shadow-foundation-base);--color-semantic-button-secondary-text-hover:var(--color-aliases-text-link-hover);--color-semantic-button-primary-border-active:var(--color-foundation-blue-900);--color-semantic-button-primary-border-hover:var(--color-foundation-blue-800);--color-semantic-button-primary-bg-active:var(--color-foundation-blue-900);--color-semantic-button-primary-bg-hover:var(--color-foundation-blue-800);--color-aliases-text-inverse-tertiary:var(--color-foundation-neutral-300);--color-aliases-text-inverse-secondary:var(--color-foundation-neutral-200);--color-aliases-text-inverse-primary:var(--color-foundation-neutral-white);--color-aliases-text-link:var(--color-foundation-blue-700);--color-aliases-text-disabled:var(--color-foundation-neutral-400);--color-aliases-text-tertiary:var(--color-foundation-neutral-600);--color-aliases-text-secondary:var(--color-foundation-neutral-800);--color-aliases-text-primary:var(--color-foundation-neutral-1000);--color-aliases-surface-inverse:var(--color-foundation-neutral-1000);--color-aliases-surface-muted:var(--color-foundation-neutral-200);--color-aliases-surface-layer-3:var(--color-foundation-neutral-300);--color-aliases-surface-layer-2:var(--color-foundation-neutral-200);--color-aliases-surface-layer-1:var(--color-foundation-neutral-100);--color-aliases-surface-base:var(--color-foundation-neutral-white);--color-aliases-feedback-info-bg:var(--color-foundation-blue-50);--color-aliases-feedback-info-fg:var(--color-foundation-blue-600);--color-aliases-feedback-error-bg:var(--color-foundation-red-50);--color-aliases-feedback-error-fg:var(--color-foundation-red-600);--color-aliases-feedback-warning-bg:var(--color-foundation-yellow-50);--color-aliases-feedback-warning-fg:var(--color-foundation-yellow-600);--color-aliases-feedback-success-bg:var(--color-foundation-green-50);--color-aliases-feedback-success-fg:var(--color-foundation-green-600);--color-aliases-border-inverse:var(--color-foundation-neutral-900);--color-aliases-border-muted:var(--color-foundation-neutral-100);--color-aliases-border-layer-3:var(--color-foundation-neutral-500);--color-aliases-border-layer-2:var(--color-foundation-neutral-400);--color-aliases-border-layer-1:var(--color-foundation-neutral-300);--color-aliases-border-base:var(--color-foundation-neutral-200);--color-aliases-brand-accent:var(--color-foundation-orange-600);--color-aliases-brand-tertiary:var(--color-foundation-teal-500);--color-aliases-brand-secondary:var(--color-foundation-blue-200);--color-aliases-brand-primary:var(--color-foundation-blue-700);--border-aliases-width-thicker:var(--border-foundation-width-5);--border-aliases-width-thick:var(--border-foundation-width-4);--border-aliases-width-base:var(--border-foundation-width-3);--border-aliases-width-thin:var(--border-foundation-width-2);--border-aliases-width-hairline:var(--border-foundation-width-1);--border-aliases-width-none:var(--border-foundation-width-0);--border-aliases-radius-full:var(--border-foundation-radius-full);--border-aliases-radius-3xl:var(--border-foundation-radius-7);--border-aliases-radius-2xl:var(--border-foundation-radius-6);--border-aliases-radius-xl:var(--border-foundation-radius-5);--border-aliases-radius-l:var(--border-foundation-radius-4);--border-aliases-radius-m:var(--border-foundation-radius-3);--border-aliases-radius-s:var(--border-foundation-radius-2);--border-aliases-radius-xs:var(--border-foundation-radius-1);--border-aliases-radius-none:var(--border-foundation-radius-0);--spacing-aliases-grid-gutter:var(--spacing-aliases-scale-m);--spacing-aliases-container-padding:var(--spacing-aliases-scale-m);--spacing-aliases-margin-2xl:var(--spacing-aliases-scale-2xl);--spacing-aliases-margin-xl:var(--spacing-aliases-scale-xl);--spacing-aliases-margin-l:var(--spacing-aliases-scale-l);--spacing-aliases-margin-m:var(--spacing-aliases-scale-m);--spacing-aliases-margin-s:var(--spacing-aliases-scale-s);--spacing-aliases-margin-xs:var(--spacing-aliases-scale-xs);--spacing-aliases-margin-xxs:var(--spacing-aliases-scale-xxs);--spacing-aliases-padding-2xl:var(--spacing-aliases-scale-2xl);--spacing-aliases-padding-xl:var(--spacing-aliases-scale-xl);--spacing-aliases-padding-l:var(--spacing-aliases-scale-l);--spacing-aliases-padding-m:var(--spacing-aliases-scale-m);--spacing-aliases-padding-s:var(--spacing-aliases-scale-s);--spacing-aliases-padding-xs:var(--spacing-aliases-scale-xs);--spacing-aliases-padding-xxs:var(--spacing-aliases-scale-xxs);--spacing-aliases-gap-2xl:var(--spacing-aliases-scale-2xl);--spacing-aliases-gap-xl:var(--spacing-aliases-scale-xl);--spacing-aliases-gap-l:var(--spacing-aliases-scale-l);--spacing-aliases-gap-m:var(--spacing-aliases-scale-m);--spacing-aliases-gap-s:var(--spacing-aliases-scale-s);--spacing-aliases-gap-xs:var(--spacing-aliases-scale-xs);--spacing-aliases-gap-xxs:var(--spacing-aliases-scale-xxs);--size-semantic-checkbox-xl:var(--size-aliases-xl);--size-semantic-checkbox-l:var(--size-aliases-l);--size-semantic-checkbox-m:var(--size-aliases-m);--size-semantic-checkbox-s:var(--size-aliases-s);--size-semantic-checkbox-xs:var(--size-aliases-xs);--size-semantic-avatar-3xl:var(--size-aliases-3xl);--size-semantic-avatar-2xl:var(--size-aliases-xxl);--size-semantic-avatar-xl:var(--size-aliases-xl);--size-semantic-avatar-l:var(--size-aliases-l);--size-semantic-avatar-m:var(--size-aliases-m);--size-semantic-avatar-s:var(--size-aliases-s);--size-semantic-avatar-xs:var(--size-aliases-xs);--size-semantic-input-xl:var(--size-aliases-xxl);--size-semantic-input-l:var(--size-aliases-xl);--size-semantic-input-m:var(--size-aliases-l);--size-semantic-input-s:var(--size-aliases-m);--size-semantic-input-xs:var(--size-aliases-s);--size-semantic-button-xl:var(--size-aliases-xl);--size-semantic-button-l:var(--size-aliases-l);--size-semantic-button-m:var(--size-aliases-m);--size-semantic-button-s:var(--size-aliases-s);--size-semantic-button-xs:var(--size-aliases-xs);--size-semantic-icon-xl:var(--size-aliases-l);--size-semantic-icon-l:var(--size-aliases-m);--size-semantic-icon-m:var(--size-aliases-s);--size-semantic-icon-s:var(--size-aliases-xs);--size-semantic-icon-xs:var(--size-aliases-xxs);--size-semantic-2xl:var(--size-aliases-xxl);--size-semantic-xl:var(--size-aliases-xl);--size-semantic-l:var(--size-aliases-l);--size-semantic-m:var(--size-aliases-m);--size-semantic-s:var(--size-aliases-s);--size-semantic-xs:var(--size-aliases-xs);--size-semantic-xxs:var(--size-aliases-xxs);--motion-semantic-animation-ease:var(--motion-aliases-easing-standard);--motion-semantic-animation-speed:var(--motion-aliases-duration-base);--layout-semantic-breakpoint-xxl:var(--layout-aliases-breakpoint-xxl);--layout-semantic-breakpoint-xl:var(--layout-aliases-breakpoint-xl);--layout-semantic-breakpoint-l:var(--layout-aliases-breakpoint-l);--layout-semantic-breakpoint-m:var(--layout-aliases-breakpoint-m);--layout-semantic-breakpoint-s:var(--layout-aliases-breakpoint-s);--layout-semantic-breakpoint-xs:var(--layout-aliases-breakpoint-xs);--layout-semantic-grid-gutter-xl:var(--layout-aliases-grid-gutter-xl);--layout-semantic-grid-gutter-l:var(--layout-aliases-grid-gutter-l);--layout-semantic-grid-gutter-m:var(--layout-aliases-grid-gutter-m);--layout-semantic-grid-gutter-s:var(--layout-aliases-grid-gutter-s);--layout-semantic-grid-columns-24:var(--layout-aliases-grid-columns-24);--layout-semantic-grid-columns-12:var(--layout-aliases-grid-columns-12);--layout-semantic-container-padding-l:var(--layout-aliases-container-padding-l);--layout-semantic-container-padding-m:var(--layout-aliases-container-padding-m);--layout-semantic-container-padding-s:var(--layout-aliases-container-padding-s);--layout-semantic-container-padding-none:var(--layout-aliases-container-padding-none);--layout-semantic-container-max-width-xxl:var(--layout-aliases-container-max-width-xxl);--layout-semantic-container-max-width-xl:var(--layout-aliases-container-max-width-xl);--layout-semantic-container-max-width-l:var(--layout-aliases-container-max-width-l);--layout-semantic-container-max-width-m:var(--layout-aliases-container-max-width-m);--layout-semantic-container-max-width-s:var(--layout-aliases-container-max-width-s);--layout-semantic-container-max-width-fluid:var(--layout-aliases-container-max-width-fluid);--shadow-semantic-button-active:var(--shadow-aliases-button-active);--shadow-semantic-button-hover:var(--shadow-aliases-button-hover);--shadow-semantic-button-default:var(--shadow-aliases-button-default);--shadow-semantic-card-elevated:var(--shadow-aliases-card-elevated);--shadow-semantic-card-hover:var(--shadow-aliases-card-hover);--shadow-semantic-card-default:var(--shadow-aliases-card-default);--color-semantic-interactive-bg-info:var(--color-aliases-feedback-info-bg);--color-semantic-interactive-bg-error:var(--color-aliases-feedback-error-bg);--color-semantic-interactive-bg-warning:var(--color-aliases-feedback-warning-bg);--color-semantic-interactive-bg-success:var(--color-aliases-feedback-success-bg);--color-semantic-interactive-bg-muted:var(--color-aliases-surface-muted);--color-semantic-interactive-bg-hover:var(--color-aliases-surface-layer-1);--color-semantic-interactive-bg-default:var(--color-aliases-surface-base);--color-semantic-interactive-border-info:var(--color-aliases-feedback-info-fg);--color-semantic-interactive-border-error:var(--color-aliases-feedback-error-fg);--color-semantic-interactive-border-warning:var(--color-aliases-feedback-warning-fg);--color-semantic-interactive-border-success:var(--color-aliases-feedback-success-fg);--color-semantic-interactive-border-muted:var(--color-aliases-border-muted);--color-semantic-interactive-border-hover:var(--color-aliases-border-layer-1);--color-semantic-interactive-border-default:var(--color-aliases-border-base);--color-semantic-interactive-text-primary:var(--color-aliases-text-link);--color-semantic-interactive-text-inverse:var(--color-aliases-text-inverse-primary);--color-semantic-interactive-text-disabled:var(--color-aliases-text-disabled);--color-semantic-interactive-text-mute:var(--color-aliases-text-tertiary);--color-semantic-interactive-text-hover:var(--color-aliases-text-secondary);--color-semantic-interactive-text-default:var(--color-aliases-text-primary);--color-semantic-field-input-placeholder:var(--color-aliases-text-tertiary);--color-semantic-field-input-text-disabled:var(--color-aliases-text-disabled);--color-semantic-field-input-text-default:var(--color-aliases-text-primary);--color-semantic-field-input-border-error:var(--color-aliases-feedback-error-fg);--color-semantic-field-input-border-focus:var(--color-aliases-brand-primary);--color-semantic-field-input-border-hover:var(--color-aliases-border-layer-1);--color-semantic-field-input-border-default:var(--color-aliases-border-base);--color-semantic-field-input-bg-hover:var(--color-aliases-surface-layer-1);--color-semantic-field-input-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-field-input-bg-default:var(--color-aliases-surface-base);--color-semantic-button-disabled-text-disabled:var(--color-aliases-text-disabled);--color-semantic-button-disabled-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-button-tertiary-border-hover:var(--color-aliases-border-layer-1);--color-semantic-button-tertiary-border-default:var(--color-aliases-border-base);--color-semantic-button-tertiary-text-disabled:var(--color-aliases-text-disabled);--color-semantic-button-tertiary-text-hover:var(--color-aliases-text-secondary);--color-semantic-button-tertiary-text-default:var(--color-aliases-text-primary);--color-semantic-button-tertiary-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-button-tertiary-bg-active:var(--color-aliases-surface-layer-2);--color-semantic-button-tertiary-bg-hover:var(--color-aliases-surface-layer-1);--color-semantic-button-tertiary-bg-default:var(--color-aliases-surface-base);--color-semantic-button-secondary-border-hover:var(--color-aliases-border-layer-1);--color-semantic-button-secondary-border-default:var(--color-aliases-border-base);--color-semantic-button-secondary-text-disabled:var(--color-aliases-text-disabled);--color-semantic-button-secondary-text-default:var(--color-aliases-text-link);--color-semantic-button-secondary-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-button-secondary-bg-active:var(--color-aliases-surface-layer-3);--color-semantic-button-secondary-bg-hover:var(--color-aliases-surface-layer-2);--color-semantic-button-secondary-bg-default:var(--color-aliases-surface-layer-1);--color-semantic-button-primary-border-default:var(--color-aliases-brand-primary);--color-semantic-button-primary-text-disabled:var(--color-aliases-text-disabled);--color-semantic-button-primary-text-default:var(--color-aliases-text-inverse-primary);--color-semantic-button-primary-bg-disabled:var(--color-aliases-surface-muted);--color-semantic-button-primary-bg-default:var(--color-aliases-brand-primary);--color-semantic-icon-inverse-hover:var(--color-aliases-text-inverse-secondary);--color-semantic-icon-inverse:var(--color-aliases-text-inverse-primary);--color-semantic-icon-info:var(--color-aliases-feedback-info-fg);--color-semantic-icon-error:var(--color-aliases-feedback-error-fg);--color-semantic-icon-warning:var(--color-aliases-feedback-warning-fg);--color-semantic-icon-success:var(--color-aliases-feedback-success-fg);--color-semantic-icon-primary:var(--color-aliases-text-link);--color-semantic-icon-disabled:var(--color-aliases-text-disabled);--color-semantic-icon-muted:var(--color-aliases-text-tertiary);--color-semantic-icon-hover:var(--color-aliases-text-secondary);--color-semantic-icon-default:var(--color-aliases-text-primary);--border-semantic-radius-action-pill:var(--border-aliases-radius-full);--border-semantic-radius-action-l:var(--border-aliases-radius-l);--border-semantic-radius-action-m:var(--border-aliases-radius-m);--border-semantic-radius-action-s:var(--border-aliases-radius-s);--border-semantic-radius-checkbox-l:var(--border-aliases-radius-l);--border-semantic-radius-checkbox-m:var(--border-aliases-radius-m);--border-semantic-radius-checkbox-s:var(--border-aliases-radius-s);--border-semantic-radius-modal-l:var(--border-aliases-radius-xl);--border-semantic-radius-modal-m:var(--border-aliases-radius-l);--border-semantic-radius-modal-s:var(--border-aliases-radius-m);--border-semantic-radius-card-l:var(--border-aliases-radius-l);--border-semantic-radius-card-m:var(--border-aliases-radius-m);--border-semantic-radius-card-s:var(--border-aliases-radius-s);--border-semantic-radius-input-l:var(--border-aliases-radius-l);--border-semantic-radius-input-m:var(--border-aliases-radius-m);--border-semantic-radius-input-s:var(--border-aliases-radius-s);--border-semantic-radius-button-pill:var(--border-aliases-radius-full);--border-semantic-radius-button-l:var(--border-aliases-radius-l);--border-semantic-radius-button-m:var(--border-aliases-radius-m);--border-semantic-radius-button-s:var(--border-aliases-radius-m);--border-semantic-radius-full:var(--border-aliases-radius-full);--border-semantic-radius-3xl:var(--border-aliases-radius-3xl);--border-semantic-radius-2xl:var(--border-aliases-radius-2xl);--border-semantic-radius-xl:var(--border-aliases-radius-xl);--border-semantic-radius-l:var(--border-aliases-radius-l);--border-semantic-radius-m:var(--border-aliases-radius-m);--border-semantic-radius-s:var(--border-aliases-radius-s);--spacing-semantic-grid-gutter:var(--spacing-aliases-grid-gutter);--spacing-semantic-container-padding:var(--spacing-aliases-container-padding);--spacing-semantic-margin-xxs:var(--spacing-aliases-margin-xxs);--spacing-semantic-margin-xs:var(--spacing-aliases-margin-xs);--spacing-semantic-margin-s:var(--spacing-aliases-margin-s);--spacing-semantic-margin-m:var(--spacing-aliases-margin-m);--spacing-semantic-margin-l:var(--spacing-aliases-margin-l);--spacing-semantic-margin-xl:var(--spacing-aliases-margin-xl);--spacing-semantic-margin-2xl:var(--spacing-aliases-margin-2xl);--spacing-semantic-padding-xxs:var(--spacing-aliases-padding-xxs);--spacing-semantic-padding-xs:var(--spacing-aliases-padding-xs);--spacing-semantic-padding-s:var(--spacing-aliases-padding-s);--spacing-semantic-padding-m:var(--spacing-aliases-padding-m);--spacing-semantic-padding-l:var(--spacing-aliases-padding-l);--spacing-semantic-padding-xl:var(--spacing-aliases-padding-xl);--spacing-semantic-padding-2xl:var(--spacing-aliases-padding-2xl);--spacing-semantic-gap-xxs:var(--spacing-aliases-gap-xxs);--spacing-semantic-gap-xs:var(--spacing-aliases-gap-xs);--spacing-semantic-gap-s:var(--spacing-aliases-gap-s);--spacing-semantic-gap-m:var(--spacing-aliases-gap-m);--spacing-semantic-gap-l:var(--spacing-aliases-gap-l);--spacing-semantic-gap-xl:var(--spacing-aliases-gap-xl);--spacing-semantic-gap-2xl:var(--spacing-aliases-gap-2xl)}[data-theme=dark]{--color-aliases-overlay-inverse:hsla(0,0%,100%,.6);--color-aliases-overlay-soft:rgba(0,0,0,.3);--color-aliases-overlay-base:rgba(0,0,0,.6);--color-aliases-text-link-hover:rgba(0,111,255,.9);--color-aliases-surface-alpha-inverse:hsla(0,0%,100%,.3);--color-aliases-surface-alpha:rgba(0,0,0,.3);--color-aliases-surface-transparent:transparent;--color-aliases-border-alpha-inverse:rgba(0,0,0,.1);--color-aliases-border-alpha:hsla(0,0%,100%,.1);--color-aliases-border-transparent:transparent;--color-aliases-brand-primary-alpha-90:rgba(0,111,255,.9);--color-aliases-brand-primary-alpha-80:rgba(0,111,255,.8);--color-aliases-brand-primary-alpha-70:rgba(0,111,255,.7);--color-aliases-brand-primary-alpha-60:rgba(0,111,255,.6);--color-aliases-brand-primary-alpha-50:rgba(0,111,255,.5);--color-aliases-brand-primary-alpha-40:rgba(0,111,255,.4);--color-aliases-brand-primary-alpha-30:rgba(0,111,255,.3);--color-aliases-brand-primary-alpha-20:rgba(0,111,255,.2);--color-aliases-brand-primary-alpha-10:rgba(0,111,255,.1);--color-aliases-text-inverse-tertiary:var(--color-foundation-neutral-300);--color-aliases-text-inverse-secondary:var(--color-foundation-neutral-200);--color-aliases-text-inverse-primary:var(--color-foundation-neutral-white);--color-aliases-text-link:var(--color-foundation-blue-700);--color-aliases-text-disabled:var(--color-foundation-neutral-500);--color-aliases-text-tertiary:var(--color-foundation-neutral-300);--color-aliases-text-secondary:var(--color-foundation-neutral-200);--color-aliases-text-primary:var(--color-foundation-neutral-white);--color-aliases-surface-inverse:var(--color-foundation-neutral-white);--color-aliases-surface-muted:var(--color-foundation-neutral-900);--color-aliases-surface-layer-3:var(--color-foundation-neutral-800);--color-aliases-surface-layer-2:var(--color-foundation-neutral-900);--color-aliases-surface-layer-1:var(--color-foundation-neutral-1000);--color-aliases-surface-base:var(--color-foundation-neutral-1100);--color-aliases-feedback-info-bg:var(--color-foundation-blue-100);--color-aliases-feedback-info-fg:var(--color-foundation-blue-600);--color-aliases-feedback-error-bg:var(--color-foundation-red-100);--color-aliases-feedback-error-fg:var(--color-foundation-red-500);--color-aliases-feedback-warning-bg:var(--color-foundation-yellow-100);--color-aliases-feedback-warning-fg:var(--color-foundation-yellow-600);--color-aliases-feedback-success-bg:var(--color-foundation-green-200);--color-aliases-feedback-success-fg:var(--color-foundation-green-600);--color-aliases-border-inverse:var(--color-foundation-neutral-200);--color-aliases-border-muted:var(--color-foundation-neutral-1000);--color-aliases-border-layer-3:var(--color-foundation-neutral-600);--color-aliases-border-layer-2:var(--color-foundation-neutral-700);--color-aliases-border-layer-1:var(--color-foundation-neutral-800);--color-aliases-border-base:var(--color-foundation-neutral-900);--color-aliases-brand-accent:var(--color-foundation-orange-600);--color-aliases-brand-tertiary:var(--color-foundation-teal-500);--color-aliases-brand-secondary:var(--color-foundation-blue-200);--color-aliases-brand-primary:var(--color-foundation-blue-700)}*,:after,:before{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}body{background-color:var(--db-surface-base);color:var(--db-text-primary);font-family:var(--db-font-primary);font-size:var(--font-size-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background:none;border:none;cursor:pointer;outline:none;padding:0}ol,ul{list-style:none;padding:0}a{color:inherit}input,select,textarea{appearance:none;background:transparent;border:none;outline:none}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-muted,#6b7280)}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:focus{outline:none}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.designbase-scrollable{-ms-overflow-style:auto;scrollbar-width:thin}.designbase-scrollable::-webkit-scrollbar{display:block;height:8px;width:8px}.designbase-scrollable::-webkit-scrollbar-track{background:var(--color-bg-secondary,#f3f4f6);border-radius:var(--border-radius-base,4px)}.designbase-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-secondary,#d1d5db);border-radius:var(--border-radius-base,4px)}.designbase-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary,#9ca3af)}.designbase-scrollable::-webkit-scrollbar-corner{background:var(--color-bg-secondary,#f3f4f6)}.designbase-scrollable--thin{scrollbar-width:thin}.designbase-scrollable--thin::-webkit-scrollbar{display:block;height:4px;width:4px}.designbase-scrollable--thin::-webkit-scrollbar-thumb{background:var(--color-border-secondary,#d1d5db);border-radius:2px}.designbase-scrollable--thin::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary,#9ca3af)}.designbase-scrollable--custom{scrollbar-width:thin}.designbase-scrollable--custom::-webkit-scrollbar{display:block;height:6px;width:6px}.designbase-scrollable--custom::-webkit-scrollbar-track{background:transparent}.designbase-scrollable--custom::-webkit-scrollbar-thumb{background:var(--color-border-primary,#d1d5db);border-radius:3px}.designbase-scrollable--custom::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary,#9ca3af)}::selection{background-color:var(--color-text-link,#2563eb);color:var(--color-text-inverse,#fff)}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--db-text-primary:var(--color-aliases-text-primary);--db-text-secondary:var(--color-aliases-text-secondary);--db-text-tertiary:var(--color-aliases-text-tertiary);--db-text-disabled:var(--color-aliases-text-disabled);--db-text-link:var(--color-aliases-text-link);--db-text-link-hover:var(--color-aliases-text-link-hover);--db-text-inverse-primary:var(--color-aliases-text-inverse-primary);--db-text-inverse-secondary:var(--color-aliases-text-inverse-secondary);--db-text-inverse-tertiary:var(--color-aliases-text-inverse-tertiary);--db-brand-primary:var(--color-aliases-brand-primary);--db-brand-secondary:var(--color-aliases-brand-secondary);--db-brand-tertiary:var(--color-aliases-brand-tertiary);--db-brand-accent:var(--color-aliases-brand-accent);--db-surface-base:var(--color-aliases-surface-base);--db-surface-layer-1:var(--color-aliases-surface-layer-1);--db-surface-layer-2:var(--color-aliases-surface-layer-2);--db-surface-layer-3:var(--color-aliases-surface-layer-3);--db-surface-muted:var(--color-aliases-surface-muted);--db-surface-inverse:var(--color-aliases-surface-inverse);--db-surface-transparent:var(--color-aliases-surface-transparent);--db-surface-alpha:var(--color-aliases-surface-alpha);--db-surface-alpha-inverse:var(--color-aliases-surface-alpha-inverse);--db-bg-primary:var(--color-aliases-surface-base);--db-bg-secondary:var(--color-aliases-surface-layer-1);--db-bg-tertiary:var(--color-aliases-surface-layer-2);--db-bg-inverse:var(--color-aliases-surface-inverse);--db-feedback-success-fg:var(--color-aliases-feedback-success-fg);--db-feedback-success-bg:var(--color-aliases-feedback-success-bg);--db-feedback-warning-fg:var(--color-aliases-feedback-warning-fg);--db-feedback-warning-bg:var(--color-aliases-feedback-warning-bg);--db-feedback-error-fg:var(--color-aliases-feedback-error-fg);--db-feedback-error-bg:var(--color-aliases-feedback-error-bg);--db-feedback-info-fg:var(--color-aliases-feedback-info-fg);--db-feedback-info-bg:var(--color-aliases-feedback-info-bg);--db-text-success:var(--color-aliases-feedback-success-fg);--db-text-warning:var(--color-aliases-feedback-warning-fg);--db-text-error:var(--color-aliases-feedback-error-fg);--db-text-info:var(--color-aliases-feedback-info-fg);--db-bg-success:var(--color-aliases-feedback-success-bg);--db-bg-warning:var(--color-aliases-feedback-warning-bg);--db-bg-error:var(--color-aliases-feedback-error-bg);--db-bg-info:var(--color-aliases-feedback-info-bg);--db-border-base:var(--color-aliases-border-base);--db-border-layer-1:var(--color-aliases-border-layer-1);--db-border-layer-2:var(--color-aliases-border-layer-2);--db-border-layer-3:var(--color-aliases-border-layer-3);--db-border-muted:var(--color-aliases-border-muted);--db-border-inverse:var(--color-aliases-border-inverse);--db-border-transparent:var(--color-aliases-border-transparent);--db-border-alpha:var(--color-aliases-border-alpha);--db-border-alpha-inverse:var(--color-aliases-border-alpha-inverse);--db-border-primary:var(--color-aliases-border-base);--db-border-secondary:var(--color-aliases-border-layer-1);--db-border-focus:var(--color-aliases-brand-primary);--db-border-error:var(--color-aliases-feedback-error-fg);--db-border-success:var(--color-aliases-feedback-success-fg);--db-border-warning:var(--color-aliases-feedback-warning-fg);--db-border-info:var(--color-aliases-feedback-info-fg);--db-overlay-base:var(--color-aliases-overlay-base);--db-overlay-soft:var(--color-aliases-overlay-soft);--db-overlay-inverse:var(--color-aliases-overlay-inverse);--db-bg-overlay:var(--color-aliases-overlay-base);--db-icon-default:var(--color-semantic-icon-default);--db-icon-hover:var(--color-semantic-icon-hover);--db-icon-muted:var(--color-semantic-icon-muted);--db-icon-disabled:var(--color-semantic-icon-disabled);--db-icon-primary:var(--color-semantic-icon-primary);--db-icon-success:var(--color-semantic-icon-success);--db-icon-warning:var(--color-semantic-icon-warning);--db-icon-error:var(--color-semantic-icon-error);--db-icon-info:var(--color-semantic-icon-info);--db-icon-inverse:var(--color-semantic-icon-inverse);--db-icon-inverse-hover:var(--color-semantic-icon-inverse-hover);--db-icon-secondary:var(--color-semantic-icon-hover);--db-icon-danger:var(--color-semantic-icon-error);--db-btn-primary-bg:var(--color-semantic-button-primary-bg-default);--db-btn-primary-bg-hover:var(--color-semantic-button-primary-bg-hover);--db-btn-primary-bg-active:var(--color-semantic-button-primary-bg-active);--db-btn-primary-bg-disabled:var(--color-semantic-button-primary-bg-disabled);--db-btn-primary-text:var(--color-semantic-button-primary-text-default);--db-btn-primary-text-disabled:var(--color-semantic-button-primary-text-disabled);--db-btn-primary-border:var(--color-semantic-button-primary-border-default);--db-btn-primary-border-hover:var(--color-semantic-button-primary-border-hover);--db-btn-primary-border-active:var(--color-semantic-button-primary-border-active);--db-btn-secondary-bg:var(--color-semantic-button-secondary-bg-default);--db-btn-secondary-bg-hover:var(--color-semantic-button-secondary-bg-hover);--db-btn-secondary-bg-active:var(--color-semantic-button-secondary-bg-active);--db-btn-secondary-bg-disabled:var(--color-semantic-button-secondary-bg-disabled);--db-btn-secondary-text:var(--color-semantic-button-secondary-text-default);--db-btn-secondary-text-hover:var(--color-semantic-button-secondary-text-hover);--db-btn-secondary-text-disabled:var(--color-semantic-button-secondary-text-disabled);--db-btn-secondary-border:var(--color-semantic-button-secondary-border-default);--db-btn-secondary-border-hover:var(--color-semantic-button-secondary-border-hover);--db-btn-tertiary-bg:var(--color-semantic-button-tertiary-bg-default);--db-btn-tertiary-bg-hover:var(--color-semantic-button-tertiary-bg-hover);--db-btn-tertiary-bg-active:var(--color-semantic-button-tertiary-bg-active);--db-btn-tertiary-bg-disabled:var(--color-semantic-button-tertiary-bg-disabled);--db-btn-tertiary-text:var(--color-semantic-button-tertiary-text-default);--db-btn-tertiary-text-hover:var(--color-semantic-button-tertiary-text-hover);--db-btn-tertiary-text-disabled:var(--color-semantic-button-tertiary-text-disabled);--db-btn-tertiary-border:var(--color-semantic-button-tertiary-border-default);--db-btn-tertiary-border-hover:var(--color-semantic-button-tertiary-border-hover);--db-btn-disabled-bg:var(--color-semantic-button-disabled-bg-disabled);--db-btn-disabled-text:var(--color-semantic-button-disabled-text-disabled);--db-field-bg:var(--color-semantic-field-input-bg-default);--db-field-bg-hover:var(--color-semantic-field-input-bg-hover);--db-field-bg-disabled:var(--color-semantic-field-input-bg-disabled);--db-field-border:var(--color-semantic-field-input-border-default);--db-field-border-hover:var(--color-semantic-field-input-border-hover);--db-field-border-focus:var(--color-semantic-field-input-border-focus);--db-field-border-error:var(--color-semantic-field-input-border-error);--db-field-text:var(--color-semantic-field-input-text-default);--db-field-text-disabled:var(--color-semantic-field-input-text-disabled);--db-field-placeholder:var(--color-semantic-field-input-placeholder);--db-interactive-text:var(--color-semantic-interactive-text-default);--db-interactive-text-hover:var(--color-semantic-interactive-text-hover);--db-interactive-text-mute:var(--color-semantic-interactive-text-mute);--db-interactive-text-disabled:var(--color-semantic-interactive-text-disabled);--db-interactive-text-inverse:var(--color-semantic-interactive-text-inverse);--db-interactive-text-primary:var(--color-semantic-interactive-text-primary);--db-interactive-border:var(--color-semantic-interactive-border-default);--db-interactive-border-hover:var(--color-semantic-interactive-border-hover);--db-interactive-border-muted:var(--color-semantic-interactive-border-muted);--db-interactive-border-success:var(--color-semantic-interactive-border-success);--db-interactive-border-warning:var(--color-semantic-interactive-border-warning);--db-interactive-border-error:var(--color-semantic-interactive-border-error);--db-interactive-border-info:var(--color-semantic-interactive-border-info);--db-interactive-bg:var(--color-semantic-interactive-bg-default);--db-interactive-bg-hover:var(--color-semantic-interactive-bg-hover);--db-interactive-bg-muted:var(--color-semantic-interactive-bg-muted);--db-interactive-bg-success:var(--color-semantic-interactive-bg-success);--db-interactive-bg-warning:var(--color-semantic-interactive-bg-warning);--db-interactive-bg-error:var(--color-semantic-interactive-bg-error);--db-interactive-bg-info:var(--color-semantic-interactive-bg-info);--db-color-primary:var(--color-aliases-brand-primary);--db-color-secondary:var(--color-aliases-brand-secondary);--db-color-tertiary:var(--color-aliases-brand-tertiary);--db-margin-xxs:var(--spacing-semantic-margin-xxs);--db-margin-xs:var(--spacing-semantic-margin-xs);--db-margin-s:var(--spacing-semantic-margin-s);--db-margin-m:var(--spacing-semantic-margin-m);--db-margin-l:var(--spacing-semantic-margin-l);--db-margin-xl:var(--spacing-semantic-margin-xl);--db-margin-2xl:var(--spacing-semantic-margin-2xl);--db-padding-xxs:var(--spacing-semantic-padding-xxs);--db-padding-xs:var(--spacing-semantic-padding-xs);--db-padding-s:var(--spacing-semantic-padding-s);--db-padding-m:var(--spacing-semantic-padding-m);--db-padding-l:var(--spacing-semantic-padding-l);--db-padding-xl:var(--spacing-semantic-padding-xl);--db-padding-2xl:var(--spacing-semantic-padding-2xl);--db-gap-xxs:var(--spacing-semantic-gap-xxs);--db-gap-xs:var(--spacing-semantic-gap-xs);--db-gap-s:var(--spacing-semantic-gap-s);--db-gap-m:var(--spacing-semantic-gap-m);--db-gap-l:var(--spacing-semantic-gap-l);--db-gap-xl:var(--spacing-semantic-gap-xl);--db-gap-2xl:var(--spacing-semantic-gap-2xl);--db-container-padding:var(--spacing-semantic-container-padding);--db-grid-gutter:var(--spacing-semantic-grid-gutter);--db-radius-s:var(--border-semantic-radius-s);--db-radius-m:var(--border-semantic-radius-m);--db-radius-l:var(--border-semantic-radius-l);--db-radius-xl:var(--border-semantic-radius-xl);--db-radius-2xl:var(--border-semantic-radius-2xl);--db-radius-3xl:var(--border-semantic-radius-3xl);--db-radius-full:var(--border-semantic-radius-full);--db-radius-btn-s:var(--border-semantic-radius-button-s);--db-radius-btn-m:var(--border-semantic-radius-button-m);--db-radius-btn-l:var(--border-semantic-radius-button-l);--db-radius-btn-pill:var(--border-semantic-radius-button-pill);--db-radius-input-s:var(--border-semantic-radius-input-s);--db-radius-input-m:var(--border-semantic-radius-input-m);--db-radius-input-l:var(--border-semantic-radius-input-l);--db-radius-card-s:var(--border-semantic-radius-card-s);--db-radius-card-m:var(--border-semantic-radius-card-m);--db-radius-card-l:var(--border-semantic-radius-card-l);--db-radius-modal-s:var(--border-semantic-radius-modal-s);--db-radius-modal-m:var(--border-semantic-radius-modal-m);--db-radius-modal-l:var(--border-semantic-radius-modal-l);--db-radius-action-s:var(--border-semantic-radius-action-s);--db-radius-action-m:var(--border-semantic-radius-action-m);--db-radius-action-l:var(--border-semantic-radius-action-l);--db-radius-action-pill:var(--border-semantic-radius-action-pill);--db-font-primary:var(--typography-semantic-font-family-primary);--db-font-mono:var(--typography-semantic-font-family-mono);--db-text-xs:var(--typography-semantic-font-size-xs);--db-text-s:var(--typography-semantic-font-size-s);--db-text-base:var(--typography-semantic-font-size-base);--db-text-l:var(--typography-semantic-font-size-l);--db-text-xl:var(--typography-semantic-font-size-xl);--db-text-2xl:var(--typography-semantic-font-size-2xl);--db-text-3xl:var(--typography-semantic-font-size-3xl);--db-text-4xl:var(--typography-semantic-font-size-4xl);--db-text-5xl:var(--typography-semantic-font-size-5xl);--db-text-6xl:var(--typography-semantic-font-size-6xl);--db-weight-light:var(--typography-semantic-font-weight-light);--db-weight-normal:var(--typography-semantic-font-weight-normal);--db-weight-medium:var(--typography-semantic-font-weight-medium);--db-weight-semibold:var(--typography-semantic-font-weight-semibold);--db-weight-bold:var(--typography-semantic-font-weight-bold);--db-weight-extrabold:var(--typography-semantic-font-weight-extrabold);--db-leading-none:var(--typography-semantic-line-height-none);--db-leading-tight:var(--typography-semantic-line-height-tight);--db-leading-snug:var(--typography-semantic-line-height-snug);--db-leading-normal:var(--typography-semantic-line-height-normal);--db-leading-relaxed:var(--typography-semantic-line-height-relaxed);--db-leading-loose:var(--typography-semantic-line-height-loose);--db-shadow-card:var(--shadow-semantic-card-default);--db-shadow-card-hover:var(--shadow-semantic-card-hover);--db-shadow-card-elevated:var(--shadow-semantic-card-elevated);--db-shadow-button:var(--shadow-semantic-button-default);--db-shadow-button-hover:var(--shadow-semantic-button-hover);--db-shadow-button-active:var(--shadow-semantic-button-active);--db-shadow-tooltip:var(--shadow-semantic-tooltip-default);--db-shadow-dropdown:var(--shadow-semantic-dropdown-default);--db-shadow-modal:var(--shadow-semantic-modal-content);--db-shadow-modal-overlay:var(--shadow-semantic-modal-overlay);--db-shadow-none:var(--shadow-foundation-none);--db-shadow-xs:var(--shadow-foundation-s);--db-shadow-sm:var(--shadow-foundation-base);--db-shadow-md:var(--shadow-foundation-m);--db-shadow-lg:var(--shadow-foundation-l);--db-shadow-xl:var(--shadow-foundation-xl);--db-shadow-2xl:var(--shadow-foundation-2xl);--db-shadow-inner:var(--shadow-foundation-inner);--db-opacity-focus:var(--opacity-semantic-focus);--db-opacity-hover:var(--opacity-semantic-hover);--db-opacity-overlay-dark:var(--opacity-semantic-overlay-dark);--db-opacity-overlay-medium:var(--opacity-semantic-overlay-medium);--db-opacity-overlay-light:var(--opacity-semantic-overlay-light);--db-opacity-disabled:var(--opacity-semantic-disabled);--db-z-auto:auto;--db-z-0:0;--db-z-10:10;--db-z-20:20;--db-z-30:30;--db-z-40:40;--db-z-50:50;--db-z-modal:1000;--db-z-popover:1010;--db-z-tooltip:1020;--db-z-toast:1030;--db-animation-speed:var(--motion-semantic-animation-speed);--db-animation-ease:var(--motion-semantic-animation-ease);--db-animation-ease-in:ease-in;--db-container-max-width-fluid:var(--layout-semantic-container-max-width-fluid);--db-container-max-width-s:var(--layout-semantic-container-max-width-s);--db-container-max-width-m:var(--layout-semantic-container-max-width-m);--db-container-max-width-l:var(--layout-semantic-container-max-width-l);--db-container-max-width-xl:var(--layout-semantic-container-max-width-xl);--db-container-max-width-xxl:var(--layout-semantic-container-max-width-xxl);--db-container-padding-none:var(--layout-semantic-container-padding-none);--db-container-padding-s:var(--layout-semantic-container-padding-s);--db-container-padding-m:var(--layout-semantic-container-padding-m);--db-container-padding-l:var(--layout-semantic-container-padding-l);--db-grid-columns-12:var(--layout-semantic-grid-columns-12);--db-grid-columns-24:var(--layout-semantic-grid-columns-24);--db-grid-gutter-s:var(--layout-semantic-grid-gutter-s);--db-grid-gutter-m:var(--layout-semantic-grid-gutter-m);--db-grid-gutter-l:var(--layout-semantic-grid-gutter-l);--db-grid-gutter-xl:var(--layout-semantic-grid-gutter-xl);--db-breakpoint-xs:var(--layout-semantic-breakpoint-xs);--db-breakpoint-s:var(--layout-semantic-breakpoint-s);--db-breakpoint-m:var(--layout-semantic-breakpoint-m);--db-breakpoint-l:var(--layout-semantic-breakpoint-l);--db-breakpoint-xl:var(--layout-semantic-breakpoint-xl);--db-breakpoint-xxl:var(--layout-semantic-breakpoint-xxl);--db-size-xxs:var(--size-semantic-xxs);--db-size-xs:var(--size-semantic-xs);--db-size-s:var(--size-semantic-s);--db-size-m:var(--size-semantic-m);--db-size-l:var(--size-semantic-l);--db-size-xl:var(--size-semantic-xl);--db-size-2xl:var(--size-semantic-2xl);--db-size-icon-xs:var(--size-semantic-icon-xs);--db-size-icon-s:var(--size-semantic-icon-s);--db-size-icon-m:var(--size-semantic-icon-m);--db-size-icon-l:var(--size-semantic-icon-l);--db-size-icon-xl:var(--size-semantic-icon-xl);--db-size-button-xs:var(--size-semantic-button-xs);--db-size-button-s:var(--size-semantic-button-s);--db-size-button-m:var(--size-semantic-button-m);--db-size-button-l:var(--size-semantic-button-l);--db-size-button-xl:var(--size-semantic-button-xl);--db-size-input-xs:var(--size-semantic-input-xs);--db-size-input-s:var(--size-semantic-input-s);--db-size-input-m:var(--size-semantic-input-m);--db-size-input-l:var(--size-semantic-input-l);--db-size-input-xl:var(--size-semantic-input-xl);--db-size-avatar-xs:var(--size-semantic-avatar-xs);--db-size-avatar-s:var(--size-semantic-avatar-s);--db-size-avatar-m:var(--size-semantic-avatar-m);--db-size-avatar-l:var(--size-semantic-avatar-l);--db-size-avatar-xl:var(--size-semantic-avatar-xl);--db-size-avatar-2xl:var(--size-semantic-avatar-2xl);--db-size-avatar-3xl:var(--size-semantic-avatar-3xl);--db-size-card-s:var(--size-semantic-card-s);--db-size-card-m:var(--size-semantic-card-m);--db-size-card-l:var(--size-semantic-card-l);--db-size-modal-s:var(--size-semantic-modal-s);--db-size-modal-m:var(--size-semantic-modal-m);--db-size-modal-l:var(--size-semantic-modal-l);--db-size-modal-xl:var(--size-semantic-modal-xl);--db-size-checkbox-xs:var(--size-semantic-checkbox-xs);--db-size-checkbox-s:var(--size-semantic-checkbox-s);--db-size-checkbox-m:var(--size-semantic-checkbox-m);--db-size-checkbox-l:var(--size-semantic-checkbox-l);--db-size-checkbox-xl:var(--size-semantic-checkbox-xl)}h1,h2,h3,h4,h5,h6{color:var(--db-text-primary);font-weight:600;line-height:1.2;margin:0;padding:0;transition:color .3s ease}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--db-margin-l)}h2{font-size:2rem}h2,h3{font-weight:600;margin-bottom:var(--db-margin-m)}h3{font-size:1.75rem}h4{font-size:1.5rem}h4,h5{font-weight:600;margin-bottom:var(--db-margin-s)}h5{font-size:1.25rem}h6{font-size:1rem;font-weight:600;margin-bottom:var(--db-margin-xs)}p{color:var(--db-text-primary);line-height:1.6;margin:0 0 var(--db-margin-m) 0;transition:color .3s ease}a{color:var(--db-text-link);cursor:pointer;text-decoration:none;transition:all .3s ease}a:hover{color:var(--db-text-link-hover)}a:active{color:var(--db-text-link)}a:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}b,strong{font-weight:600}b,blockquote,em,i,strong{color:var(--db-text-primary)}blockquote{background-color:var(--db-surface-layer-1);border-left:2px solid var(--db-border-base);margin:var(--db-margin-m) 0;padding:var(--db-padding-m) var(--db-padding-l)}code{border:1px solid var(--db-border-base);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;padding:.125rem .25rem}code,pre{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}pre{border:1px solid var(--db-border-base);border-radius:8px;margin:var(--db-margin-m) 0;overflow-x:auto;padding:var(--db-padding-m)}pre code{background:none;border:none;color:inherit;padding:0}ol,ul{margin:0;padding-left:0}li,ol,ul{color:var(--db-text-primary)}li{line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-s)}dl{margin:0 0 var(--db-margin-m) 0}dt{color:var(--db-text-primary);font-weight:600;margin-bottom:var(--db-margin-xs)}dd{color:var(--db-text-secondary);margin:0 0 var(--db-margin-s)}hr{background-color:var(--db-border-base);border:none;height:1px;margin:var(--db-margin-l) 0}details{border:1px solid var(--db-border-base);border-radius:8px;margin:var(--db-margin-m) 0;overflow:hidden}summary{background-color:var(--db-surface-layer-1);color:var(--db-text-primary);cursor:pointer;font-weight:600;padding:var(--db-padding-m);transition:background-color .3s ease}summary:hover{background-color:var(--db-surface-layer-2)}summary::-webkit-details-marker{color:var(--db-text-tertiary)}details[open] summary{border-bottom:1px solid var(--db-border-base)}details>div{color:var(--db-text-primary);padding:var(--db-padding-m)}mark{background-color:var(--color-foundation-yellow-200);border-radius:3px;color:var(--color-foundation-yellow-900);padding:var(--db-padding-xxs) var(--db-padding-xs)}del,s{color:var(--db-text-tertiary);text-decoration:line-through}ins,u{color:var(--db-text-primary);text-decoration:underline}small{color:var(--db-text-tertiary);font-size:.875em}big{color:var(--db-text-primary);font-size:1.125em}cite{color:var(--db-text-secondary);font-style:italic}time{color:var(--db-text-tertiary);font-size:.875em}address{color:var(--db-text-secondary);font-style:normal;margin:var(--db-margin-m) 0}article,section{margin-bottom:var(--db-margin-l)}figure{margin:var(--db-margin-l) 0;text-align:center}figcaption{color:var(--db-text-secondary);font-size:.875em;margin-top:var(--db-margin-s)}audio,video{border-radius:8px;max-width:100%}canvas{border:1px solid var(--db-border-base);border-radius:8px}::selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-moz-selection{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--db-surface-layer-2);border-radius:4px}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}[data-theme=dark] code,[data-theme=dark] pre{background-color:var(--db-surface-layer-2);border-color:var(--db-border-base)}[data-theme=dark] blockquote{background-color:var(--db-surface-layer-2);border-left-color:var(--db-border-base)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--db-field-bg);border-color:var(--db-field-border)}[data-theme=brand] h1,[data-theme=brand] h2,[data-theme=brand] h3,[data-theme=brand] h4,[data-theme=brand] h5,[data-theme=brand] h6{color:var(--db-text-primary)}[data-theme=brand] a{color:var(--db-text-link)}.designbase-figma-donation-badge-container{align-items:center;display:flex;flex-direction:row;gap:var(--db-gap-xs)}.designbase-figma-donation-badge__prompt{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:1.4;text-align:center}.designbase-figma-donation-badge__icon{flex-shrink:0;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-donation-badge__text{white-space:nowrap}.designbase-figma-donation-badge__icon{color:var(--designbase-figma-donation-badge-icon-color,var(--db-brand-primary))!important}.designbase-figma-donation-badge--heart:hover .designbase-figma-donation-badge__icon{filter:brightness(1.1);transform:scale(1.15)}.designbase-figma-donation-badge--coffee:hover .designbase-figma-donation-badge__icon{transform:rotate(-10deg) scale(1.1)}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.designbase-figma-donation-badge:hover.designbase-figma-donation-badge--heart .designbase-figma-donation-badge__icon{animation:heartbeat .6s ease-in-out}.designbase-figma-container{background-color:var(--db-surface-base);box-sizing:border-box;display:flex;flex-direction:column;width:100%}.designbase-figma-container--full-height{height:100vh;max-height:100vh;min-height:100vh}.designbase-figma-container__split{height:100%;width:100%}.designbase-figma-container__header{overflow:visible;position:relative;z-index:1}.designbase-figma-container__banner,.designbase-figma-container__header{align-items:center;background-color:var(--db-surface-base);box-sizing:border-box;display:flex;flex-shrink:0}.designbase-figma-container__banner{overflow:hidden;padding:0}.designbase-figma-container--banner-top .designbase-figma-container__banner{border-bottom:1px solid var(--db-border-base)}.designbase-figma-container--banner-bottom .designbase-figma-container__banner{border-top:1px solid var(--db-border-base)}.designbase-figma-container__main{box-sizing:border-box;flex:1;padding:var(--db-padding-m)}.designbase-figma-container__interaction{overflow:hidden}.designbase-figma-container__action,.designbase-figma-container__interaction{align-items:center;background-color:var(--db-surface-base);box-sizing:border-box;display:flex;flex-shrink:0}.designbase-figma-container__action{border-top:1px solid var(--db-border-base);overflow:visible;padding:var(--db-padding-s)}.designbase-figma-container__footer{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;overflow:visible;position:relative;z-index:1}.designbase-figma-container--s .designbase-figma-container__main{padding:var(--db-padding-s)}.designbase-figma-container--m .designbase-figma-container__main{padding:var(--db-padding-m)}.designbase-figma-container--l .designbase-figma-container__main{padding:var(--db-padding-l)}.designbase-figma-container__footer-panel,.designbase-figma-container__header-panel{overflow:visible!important;position:relative;z-index:10}.designbase-figma-header{background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-base);box-sizing:border-box;flex:1;z-index:100}.designbase-figma-header--sticky{position:sticky;top:0}.designbase-figma-header__container{align-items:center;box-sizing:border-box;display:flex;gap:var(--db-gap-s);justify-content:space-between;padding:var(--db-padding-s);width:100%}.designbase-figma-header__center{align-items:center;display:flex;flex:1}.designbase-figma-header__center>*{width:100%}.designbase-figma-header__right{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-xs)}.designbase-figma-header__search-container{align-items:center;box-sizing:border-box;display:flex;padding:var(--db-padding-s);width:100%}.designbase-figma-header__search-container>*{width:100%}.designbase-figma-section{background-color:var(--db-surface-base,#fff);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-xs,0 1px 2px rgba(0,0,0,.05));margin-bottom:var(--db-margin-s);position:relative;transition:opacity var(--db-animation-speed,.2s) var(--db-animation-ease,ease-in-out)}.designbase-figma-section--disabled{opacity:.5}.designbase-figma-section--disabled .designbase-figma-section__header{border-bottom:none}.designbase-figma-section__header{align-items:center;border-bottom:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-s);justify-content:space-between;padding:var(--db-padding-s)}.designbase-figma-section__title-area{min-width:0}.designbase-figma-section__title{align-items:center;color:var(--db-text-primary);display:flex;flex:1;font-size:var(--db-text-s,14px);font-weight:var(--db-weight-bold);gap:var(--db-gap-s);line-height:var(--db-leading-normal);margin:0;min-width:0}.designbase-figma-section__controls{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-figma-section__collapse-icon{align-items:center;color:var(--db-icon-muted,#6b7280);display:inline-flex;font-size:12px;height:20px;justify-content:center;transition:transform var(--db-animation-speed,.2s) var(--db-animation-ease,ease-in-out);user-select:none;width:20px}.designbase-figma-section__collapse-icon--collapsed{transform:rotate(-90deg)}.designbase-figma-section--collapsible .designbase-figma-section__header{transition:background-color var(--db-animation-speed,.2s) var(--db-animation-ease,ease-in-out)}.designbase-figma-section--collapsible .designbase-figma-section__header:hover{background-color:var(--db-interactive-bg-hover,#f9fafb)}.designbase-figma-section--collapsible .designbase-figma-section__header:active{background-color:var(--db-interactive-bg-active,#f3f4f6)}.designbase-figma-section__content{overflow:hidden}.designbase-figma-section--overflow-visible .designbase-figma-section__content,.designbase-figma-section--overflow-visible .designbase-figma-section__content-clip{overflow:visible}.designbase-figma-section__content-clip{height:auto;overflow:hidden;transition:height .25s cubic-bezier(.4,0,.2,1)}.designbase-figma-section__content-inner{display:flex;flex-direction:column;gap:var(--db-gap-s);opacity:1;padding:var(--db-padding-s);transition:opacity .2s cubic-bezier(.4,0,.2,1),padding-top .25s cubic-bezier(.4,0,.2,1),padding-bottom .25s cubic-bezier(.4,0,.2,1)}.designbase-figma-section__content-inner.is-collapsed{opacity:0;padding-bottom:0;padding-top:0}.designbase-figma-sidebar{background-color:var(--db-surface-base);box-sizing:border-box;flex-shrink:0;height:100%;overflow-x:hidden;overflow-y:auto;position:sticky;top:0}.designbase-figma-sidebar__group{margin-bottom:var(--db-margin-m)}.designbase-figma-sidebar__group:last-child{margin-bottom:0}.designbase-figma-sidebar__group-title{color:var(--db-text-tertiary);font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-xs) 0}.designbase-figma-sidebar__button{background-color:transparent;border:none;border-radius:var(--db-radius-m);color:var(--db-text-secondary);cursor:pointer;display:block;font-size:var(--db-text-s);line-height:var(--db-leading-tight);margin-bottom:var(--db-margin-xs);overflow:hidden;padding:var(--db-padding-xs);text-align:left;text-overflow:ellipsis;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap;width:100%}.designbase-figma-sidebar__button--active,.designbase-figma-sidebar__button:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-figma-sidebar__button:last-child{margin-bottom:0}.designbase-figma-payment-badge{align-items:center;display:inline-flex;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-payment-badge__badge{border-radius:var(--db-radius-s);font-size:var(--db-text-xs);font-weight:var(--db-weight-bold);height:24px;line-height:1.2;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-figma-payment-badge.active .designbase-figma-payment-badge__badge{background-color:var(--db-brand-primary);border:none;color:var(--db-text-inverse-primary)}.designbase-figma-payment-badge.free .designbase-figma-payment-badge__badge{background-color:var(--color-aliases-brand-primary-alpha-10);color:var(--db-brand-primary)}.designbase-figma-payment-badge[style*=pointer]:hover{opacity:.8}.designbase-figma-payment-badge[style*=pointer]:active{transform:scale(.95)}.designbase-figma-payment-badge:has(.designbase-spinner){height:24px;min-width:60px}.designbase-figma-language-selector{display:inline-block}.designbase-figma-logo-dropdown{display:inline-block;position:relative}.designbase-figma-logo-dropdown__logo{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-logo-dropdown__logo:hover{opacity:.8}.designbase-figma-logo-dropdown__logo img{display:block;max-height:24px;width:auto}.designbase-figma-logo-dropdown__logo .designbase-logo{display:flex}.designbase-figma-logo-dropdown__menu{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-dropdown);list-style:none;margin:0;padding:var(--db-padding-xs);position:absolute;width:200px;z-index:9999}.designbase-figma-logo-dropdown__item{margin:0}.designbase-figma-logo-dropdown__link{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--db-text-s);padding:var(--db-padding-s);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-figma-logo-dropdown__link:hover{background-color:var(--db-interactive-bg-hover);color:var(--db-text-primary)}.designbase-figma-logo-dropdown__link:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-figma-logo-dropdown__icon{align-items:center;display:flex;font-size:1.2em;height:20px;justify-content:center;margin-right:var(--db-margin-s);width:20px}.designbase-figma-logo-dropdown__text{flex:1;text-align:left}.designbase-figma-logo-dropdown__arrow{color:var(--db-icon-muted);margin-left:auto;opacity:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-logo-dropdown__link:hover .designbase-figma-logo-dropdown__arrow{opacity:1}.designbase-figma-logo-dropdown--bottom-left .designbase-figma-logo-dropdown__menu{left:0;margin-top:var(--db-margin-s);top:100%}.designbase-figma-logo-dropdown--bottom-right .designbase-figma-logo-dropdown__menu{margin-top:var(--db-margin-s);right:0;top:100%}.designbase-figma-logo-dropdown--top-left .designbase-figma-logo-dropdown__menu{bottom:100%;left:0;margin-bottom:var(--db-margin-s)}.designbase-figma-logo-dropdown--top-right .designbase-figma-logo-dropdown__menu{bottom:100%;margin-bottom:var(--db-margin-s);right:0}.designbase-figma-logo-dropdown__menu{opacity:0;pointer-events:none;transform:translateY(-10px);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-logo-dropdown--open .designbase-figma-logo-dropdown__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.designbase-figma-footer{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-muted);height:40px;padding:var(--db-padding-s);width:100%;z-index:9999}.designbase-figma-footer__wrap{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100%}.designbase-figma-footer__left,.designbase-figma-footer__payment-states{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-figma-footer__usage-info{align-items:center;color:var(--db-text-secondary);cursor:help;display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-xs);position:relative}.designbase-figma-footer__usage-info--tooltip:hover:after{background-color:var(--db-surface-inverse);border-radius:var(--db-radius-s);bottom:100%;box-shadow:var(--db-shadow-dropdown);color:var(--db-text-inverse-primary);content:attr(title);font-size:var(--db-text-xs);left:50%;margin-bottom:var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s);position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.designbase-figma-footer__usage-info--tooltip:hover:before{border:4px solid transparent;border-top:4px solid var(--db-surface-inverse);bottom:100%;content:"";left:50%;margin-bottom:calc(var(--db-margin-xs) - 4px);position:absolute;transform:translateX(-50%);z-index:1000}.designbase-figma-footer__unlimited-usage{color:var(--db-brand-primary);cursor:help;font-weight:var(--db-weight-medium);position:relative}.designbase-figma-footer__unlimited-usage--tooltip:hover:after{background-color:var(--db-surface-inverse);border-radius:var(--db-radius-s);bottom:100%;box-shadow:var(--db-shadow-dropdown);color:var(--db-text-inverse-primary);content:attr(title);font-size:var(--db-text-xs);left:50%;margin-bottom:var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s);position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.designbase-figma-footer__unlimited-usage--tooltip:hover:before{border:4px solid transparent;border-top:4px solid var(--db-surface-inverse);bottom:100%;content:"";left:50%;margin-bottom:calc(var(--db-margin-xs) - 4px);position:absolute;transform:translateX(-50%);z-index:1000}.designbase-figma-footer__usage-count{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-figma-footer__max-daily-usage{color:var(--db-text-tertiary)}.designbase-figma-footer__reset-info{color:var(--db-text-tertiary);font-size:var(--db-text-xs)}.designbase-figma-footer__donation{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:center}.designbase-figma-footer__donation-text{color:var(--db-text-secondary);font-size:var(--db-text-xs);white-space:nowrap}.designbase-figma-footer--has-children .designbase-figma-footer__wrap{border-bottom:1px solid var(--db-border-muted);margin-bottom:var(--db-margin-s)}.figma-toast-fixed-wrap{left:0;padding:12px;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.figma-toast-fixed-wrap .designbase-toast{pointer-events:auto}.figma-toast-container{pointer-events:none;position:fixed;z-index:9999}.figma-toast-container .designbase-toast{box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);margin-bottom:8px;max-width:300px;min-width:280px;pointer-events:auto}.figma-toast-container--top-right{right:0;top:0}.figma-toast-container--top-center{left:50%;top:0;transform:translateX(-50%)}.figma-toast-container--bottom-center{bottom:0;left:50%;transform:translateX(-50%)}.figma-toast-container--bottom-right{bottom:0;right:0}.designbase-figma-form-with-submit{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-figma-form-with-submit__field{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-figma-form-with-submit__label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);margin-bottom:0}.designbase-figma-interaction{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);height:40px;overflow:hidden;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-figma-interaction--visible{opacity:1}.designbase-figma-interaction--default{background-color:rgba(240,248,252,.7)}.designbase-figma-interaction--warning{background-color:var(--db-feedback-warning-bg)}.designbase-figma-interaction--error{background-color:var(--db-feedback-error-bg)}.designbase-figma-interaction--success{background-color:var(--db-feedback-success-bg)}.designbase-figma-interaction--info{background-color:var(--db-feedback-info-bg)}.designbase-figma-interaction__content{align-items:center;box-sizing:border-box;display:flex;gap:var(--db-gap-s);height:100%;justify-content:space-between;padding:var(--db-padding-s);width:100%}.designbase-figma-interaction__left{align-items:center;display:flex;flex:1;min-width:0}.designbase-figma-interaction__right{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-figma-interaction__message{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-xs)}.designbase-figma-interaction__text{color:var(--db-text-primary);font-size:var(--db-text-xs);font-weight:var(--db-weight-bold);line-height:1;white-space:nowrap}.designbase-figma-interaction__status-text{font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);line-height:1}.designbase-figma-interaction--warning .designbase-figma-interaction__status-text{color:var(--db-feedback-warning-fg)}.designbase-figma-interaction--error .designbase-figma-interaction__status-text{color:var(--db-feedback-error-fg)}.designbase-figma-interaction--success .designbase-figma-interaction__status-text{color:var(--db-feedback-success-fg)}.designbase-figma-interaction--info .designbase-figma-interaction__status-text{color:var(--db-feedback-info-fg)}.designbase-figma-pricing-comparison{background-color:var(--db-surface-base);border:1px solid var(--db-border-muted);border-radius:var(--db-radius-l);margin:0;overflow:hidden;text-align:left;width:100%}.designbase-figma-pricing-comparison__billing-toggle,.designbase-figma-pricing-comparison__lifetime-info{align-items:center;display:flex;justify-content:center;padding:var(--db-padding-s)}.designbase-figma-pricing-comparison__lifetime-text{color:var(--db-brand-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-bold);margin:0;text-align:center}.designbase-figma-pricing-comparison__discount-badge{background-color:var(--db-feedback-info-bg);border-radius:var(--db-radius-full);color:var(--db-brand-primary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);line-height:1;padding:var(--db-padding-xs);white-space:nowrap}.designbase-figma-pricing-comparison__table{border-collapse:collapse;font-size:var(--db-text-s);width:100%}.designbase-figma-pricing-comparison__table thead th{font-weight:var(--db-weight-bold);padding:var(--db-padding-s) 0}.designbase-figma-pricing-comparison__table tbody td:first-child,.designbase-figma-pricing-comparison__table thead th:first-child{padding:var(--db-padding-s)}.designbase-figma-pricing-comparison__table td,.designbase-figma-pricing-comparison__table th{border-bottom:1px solid var(--db-border-muted);font-size:var(--db-text-xs);padding:var(--db-padding-s) 0;text-align:left}.designbase-figma-pricing-comparison__table td:nth-child(2),.designbase-figma-pricing-comparison__table td:nth-child(3),.designbase-figma-pricing-comparison__table th:nth-child(2),.designbase-figma-pricing-comparison__table th:nth-child(3){text-align:center;width:120px}.designbase-figma-pricing-comparison__table tr:last-child td{border-bottom:none}.designbase-figma-pricing-comparison__recommended{background-color:var(--color-aliases-brand-primary-alpha-10);overflow:visible;position:relative}.designbase-figma-pricing-comparison__plan-name{font-size:var(--db-text-base);font-weight:var(--db-weight-bold)}.designbase-figma-pricing-comparison__recommended-badge{background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);font-size:var(--db-text-xs);left:50%;padding:2px var(--db-padding-s);position:absolute;top:-10px;transform:translate(-50%);white-space:nowrap}.designbase-figma-page-license{background-color:var(--db-surface-layer-1);bottom:39px;height:calc(100vh - 39px);left:0;overflow-y:auto;padding:var(--db-padding-m);position:fixed;right:0;top:0;width:100%;z-index:var(--db-z-modal)}.designbase-figma-page-license__content{display:flex;flex-direction:column;gap:var(--db-gap-m);margin:0 auto;max-width:600px}.designbase-figma-page-license__header{display:flex;flex-direction:column;text-align:center}.designbase-figma-page-license__title{align-items:center;color:var(--db-brand-primary);display:flex;gap:var(--db-gap-xs);justify-content:flex-start}.designbase-figma-page-license__title h2{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);margin:0}.designbase-figma-page-license__description{color:var(--db-text-secondary);font-size:var(--db-text-xs);margin:0;text-align:left}.designbase-figma-page-license__section{background-color:var(--db-surface-base);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-figma-page-license__section-header{align-items:center;display:flex;justify-content:space-between}.designbase-figma-page-license__section-header h3{color:var(--db-text-primary);font-size:var(--db-text-m);font-weight:var(--db-weight-semibold);margin:0}.designbase-figma-page-license__section-header .designbase-button{align-items:center;display:inline-flex;gap:var(--db-gap-2xs)}.designbase-figma-page-license__disclaimer{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-s);color:var(--db-text-tertiary);font-size:var(--db-text-xs);margin:0;padding:var(--db-padding-s);text-align:center}.designbase-figma-page-license__close{position:fixed;right:var(--db-padding-m);top:var(--db-padding-m);z-index:var(--db-z-modal)}.designbase-figma-page-license__license-key{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m);width:100%}.designbase-figma-page-license__license-key span{color:var(--db-text-primary);font-weight:var(--db-weight-bold)}.designbase-figma-page-license__details{align-items:flex-start;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-s);width:100%}.designbase-figma-page-license__activation-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--db-margin-s);width:100%}.designbase-figma-page-license__remaining{color:var(--db-brand-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-bold)}.designbase-figma-page-license__usage{color:var(--db-text-tertiary);font-size:var(--db-text-xs)}.designbase-figma-payment-status{align-items:center;display:flex;flex-direction:column;font-size:var(--db-text-xs);gap:var(--db-gap-s);justify-content:center;text-align:center}.designbase-figma-payment-status__license-key{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m);width:100%}.designbase-figma-payment-status__license-key span{color:var(--db-text-primary);font-weight:var(--db-weight-bold)}.designbase-figma-payment-status__details{align-items:flex-start;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-s);width:100%}.designbase-figma-payment-status__activation-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--db-margin-s);width:100%}.designbase-figma-payment-status__remaining{color:var(--db-brand-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-bold)}.designbase-figma-payment-status__usage{color:var(--db-text-tertiary);font-size:var(--db-text-xs)}.designbase-figma-progress-modal__content{align-items:center;display:flex;flex-direction:column;gap:var(--db-gap-s);min-width:280px;padding:var(--db-padding-m);text-align:center}.designbase-figma-progress-modal__icon{align-items:center;display:flex;height:48px;justify-content:center;margin-bottom:var(--db-margin-s);width:48px}.designbase-figma-progress-modal__icon-loading{block-size:100%;inline-size:100%}.designbase-figma-progress-modal__icon-loading .designbase-spinner{font-size:48px;line-height:1}.designbase-figma-progress-modal__icon-loading .designbase-spinner svg{transform-box:fill-box;transform-origin:50% 50%}.designbase-figma-progress-modal__icon-success{animation:successPop .5s cubic-bezier(.68,-.55,.265,1.55);color:var(--db-feedback-success-fg)}.designbase-figma-progress-modal__icon-success svg{display:block;height:48px;width:48px}.designbase-figma-progress-modal__message{color:var(--db-text-primary);font-size:var(--db-text-m);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0}.designbase-figma-progress-modal__status{color:var(--db-text-secondary);font-size:var(--db-text-s);font-variant-numeric:tabular-nums;font-weight:var(--db-weight-medium)}.designbase-figma-progress-modal__help-text{color:var(--db-text-tertiary);font-size:var(--db-text-xs);line-height:var(--db-leading-relaxed);margin:0}.designbase-figma-progress-modal__actions{margin-top:var(--db-margin-s);width:100%}@keyframes successPop{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.designbase-figma-progress-modal__content{min-width:auto;padding:var(--db-padding-m)}.designbase-figma-progress-modal__message{font-size:var(--db-text-s)}}.designbase-figma-resizable-plugin{position:relative;width:100%}.designbase-figma-resizable-plugin__handle{align-items:center;background-color:transparent;border:none;bottom:0;color:var(--db-icon-muted);cursor:nwse-resize;display:flex;height:20px;justify-content:center;opacity:.3;padding:0;position:fixed;right:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease);width:20px;z-index:var(--db-z-tooltip)}.designbase-figma-resizable-plugin__handle:hover{color:var(--db-icon-default);opacity:1}.designbase-figma-resizable-plugin__handle:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-figma-resizable-plugin__handle.resizing{color:var(--db-brand-primary);opacity:1}.designbase-figma-resizable-plugin__handle img,.designbase-figma-resizable-plugin__handle svg{height:12px;pointer-events:none;width:12px}.designbase-figma-resizable-plugin__handle.resizing:before{bottom:0;content:"";cursor:nwse-resize;left:0;position:fixed;right:0;top:0;z-index:calc(var(--db-z-tooltip) - 1)}.designbase-figma-settings-modal__content{max-height:60vh;overflow-y:auto;padding:var(--db-padding-m)}.designbase-figma-settings-modal__description{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-m)}.designbase-figma-settings-modal__list{display:flex;flex-direction:column;gap:var(--db-gap-s);list-style:none;margin:0;padding:0}.designbase-figma-settings-modal__item{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:move;display:flex;justify-content:space-between;padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none}.designbase-figma-settings-modal__item:hover{background:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-figma-settings-modal__item--disabled{opacity:.6}.designbase-figma-settings-modal__item--disabled .designbase-figma-settings-modal__category-title{color:var(--db-text-disabled);text-decoration:line-through}.designbase-figma-settings-modal__item--dragging{box-shadow:var(--db-shadow-m);opacity:.5;transform:scale(.98)}.designbase-figma-settings-modal__item-info{align-items:center;display:flex;flex:1;gap:var(--db-gap-xs);min-width:0}.designbase-figma-settings-modal__drag-handle{align-items:center;color:var(--db-icon-muted);cursor:move;display:flex;flex-shrink:0;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-settings-modal__drag-handle:hover{color:var(--db-icon-hover)}.designbase-figma-settings-modal__category-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--db-text-m);justify-content:center}.designbase-figma-settings-modal__category-title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-settings-modal__footer{align-items:center;border-top:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-s);justify-content:space-between;padding:var(--db-padding-m)}.designbase-figma-settings-modal__footer-right{display:flex;gap:var(--db-gap-s)}.designbase-figma-settings-modal__groups{display:flex;flex-direction:column;gap:var(--db-gap-l)}.designbase-figma-settings-modal__group{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);overflow:hidden}.designbase-figma-settings-modal__group:hover{border-color:var(--db-border-layer-1)}.designbase-figma-settings-modal__group-header{align-items:center;background:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-figma-settings-modal__group-title-wrapper{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-figma-settings-modal__group-title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);margin:0}.designbase-figma-settings-modal__group-list{padding:var(--db-padding-s)}@media (max-width:640px){.designbase-figma-settings-modal__content{max-height:50vh}.designbase-figma-settings-modal__footer{align-items:stretch;flex-direction:column}.designbase-figma-settings-modal__footer button,.designbase-figma-settings-modal__footer-right{width:100%}.designbase-figma-settings-modal__footer-right button{flex:1}}.designbase-figma-title-description{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.designbase-figma-title-description__icon{margin-bottom:var(--db-margin-xs,4px);max-height:64px;max-width:64px;object-fit:contain}.designbase-figma-title-description__title{color:var(--db-text-primary,#111827);font-size:var(--db-text-l,18px);font-weight:var(--db-weight-semibold,600);line-height:var(--db-leading-tight,1.25);margin:0;margin-bottom:var(--db-margin-xs,4px)}.designbase-figma-title-description__description{word-wrap:break-word;color:var(--db-text-secondary,#6b7280);font-size:var(--db-text-sm,14px);line-height:var(--db-leading-normal,1.5);margin:0;margin-bottom:var(--db-margin-xs,8px);max-width:100%;word-break:break-word}.designbase-figma-title-description__button{margin-bottom:var(--db-margin-xs,8px)}.designbase-figma-title-description__features{background-color:var(--db-surface-layer-1,#fafafa);border:1px solid var(--db-border-base,#eee);border-radius:var(--db-radius-l,12px);list-style:none;margin:0;margin-top:var(--db-margin-s,12px);padding:var(--db-padding-s,12px);text-align:left;width:100%}.designbase-figma-title-description__feature-item{align-items:center;color:var(--db-text-primary,#111827);display:flex;font-size:var(--db-text-sm,14px);gap:var(--db-gap-2xs,4px);line-height:var(--db-leading-tight,1.25);margin-bottom:var(--db-margin-xs,8px)}.designbase-figma-title-description__feature-item:last-child{margin-bottom:0}.designbase-figma-title-description__check-icon{align-items:center;color:var(--db-brand-primary,#3b82f6);display:flex;flex-shrink:0;height:16px;justify-content:center;position:relative;width:16px}.designbase-figma-title-description__check-icon svg{height:100%;width:100%}.designbase-figma-title-description__feature-text{flex:1}.designbase-text-container{align-items:center;display:flex;flex-direction:column;height:auto!important;justify-content:center}.designbase-figma-upgrade-banner{height:60px;overflow:hidden;position:relative;width:100%}.designbase-figma-upgrade-banner .designbase-random-gradient{border-radius:0}.designbase-figma-upgrade-banner__content{align-items:center;background-color:rgba(var(--db-surface-base),.2);display:flex;flex-direction:row;gap:var(--db-gap-s);justify-content:space-between;padding:var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-figma-upgrade-banner__content--clickable:hover{background-color:rgba(var(--db-surface-base),.3)}.designbase-figma-upgrade-banner__text-wrap{flex:1;text-align:left}.designbase-figma-upgrade-banner__title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-bold);margin:0}.designbase-figma-upgrade-banner__text{color:var(--db-text-primary);font-size:var(--db-text-xs);line-height:var(--db-leading-relaxed);margin:0;width:100%}.designbase-figma-upgrade-banner__icon{align-items:center;color:var(--db-icon-default);display:flex;flex-shrink:0;justify-content:center;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-figma-upgrade-banner--clickable .designbase-figma-upgrade-banner__content:hover .designbase-figma-upgrade-banner__icon{transform:translateX(2px)}.designbase-figma-upgrade-banner button{flex-shrink:0}
2
2
  /*# sourceMappingURL=index.css.map */