@designbasekorea/ui 0.2.37 → 0.2.38

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 (7) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.esm.css +1 -1
  4. package/dist/index.esm.css.map +1 -1
  5. package/dist/index.umd.css +1 -1
  6. package/dist/index.umd.css.map +1 -1
  7. 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-accordion{display:flex;flex-direction:column;gap:0}.designbase-accordion .designbase-accordion__content-inner{padding-top:0!important}.designbase-accordion--s .designbase-accordion__trigger{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-accordion--s .designbase-accordion__content-inner{padding:var(--db-padding-s)}.designbase-accordion--s .designbase-accordion__number,.designbase-accordion--s .designbase-accordion__question{font-size:var(--db-text-xs);height:20px;min-width:20px}.designbase-accordion--m .designbase-accordion__trigger{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-accordion--m .designbase-accordion__content-inner{padding:var(--db-padding-m)}.designbase-accordion--l .designbase-accordion__trigger{font-size:var(--db-text-l);padding:var(--db-padding-l)}.designbase-accordion--l .designbase-accordion__content-inner{padding:var(--db-padding-l)}.designbase-accordion--l .designbase-accordion__number,.designbase-accordion--l .designbase-accordion__question{font-size:var(--db-text-base);height:28px;min-width:28px}.designbase-accordion--default{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-card-m)}.designbase-accordion--default .designbase-accordion__item{background-color:transparent;border:none;box-shadow:none;padding:0}.designbase-accordion--bordered .designbase-accordion__item:not(:last-child){border-bottom:1px solid var(--db-border-base)}.designbase-accordion--bordered.designbase-accordion--s .designbase-accordion__item .designbase-accordion__content-inner,.designbase-accordion--bordered.designbase-accordion--s .designbase-accordion__item .designbase-accordion__trigger{padding:var(--db-padding-xs) 0}.designbase-accordion--bordered.designbase-accordion--m .designbase-accordion__item .designbase-accordion__content-inner,.designbase-accordion--bordered.designbase-accordion--m .designbase-accordion__item .designbase-accordion__trigger{padding:var(--db-padding-m) 0}.designbase-accordion--bordered.designbase-accordion--l .designbase-accordion__item .designbase-accordion__content-inner,.designbase-accordion--bordered.designbase-accordion--l .designbase-accordion__item .designbase-accordion__trigger{padding:var(--db-padding-l) 0}.designbase-accordion--separated{gap:var(--db-gap-m)}.designbase-accordion--separated .designbase-accordion__item{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-card-m)}.designbase-accordion--contained{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-card-l);overflow:hidden}.designbase-accordion--contained .designbase-accordion__item{background-color:transparent;border:none;border-radius:0}.designbase-accordion--contained .designbase-accordion__item:not(:last-child){border-bottom:1px solid var(--db-border-base)}.designbase-accordion__item{transition:all .2s ease}.designbase-accordion__item--expanded .designbase-accordion__chevron{transform:rotate(180deg)}.designbase-accordion__item--expanded .designbase-accordion__content{max-height:1000px;opacity:1}.designbase-accordion__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-accordion__item--disabled .designbase-accordion__trigger{color:var(--db-text-disabled);cursor:not-allowed}.designbase-accordion__item--disabled .designbase-accordion__chevron,.designbase-accordion__item--disabled .designbase-accordion__icon{color:var(--db-icon-muted)}.designbase-accordion__trigger{align-items:center;background:none;border:none;color:var(--db-text-primary);cursor:pointer;display:flex;gap:var(--db-gap-m);text-align:left;transition:all .2s ease;width:100%}.designbase-accordion__trigger:hover:not(:disabled){opacity:.6}.designbase-accordion__trigger:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-accordion__trigger:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-accordion__icon{align-items:center;color:var(--db-icon-primary);display:flex;flex-shrink:0;justify-content:center;transition:color .2s ease}.designbase-accordion__number{background-color:var(--db-surface-layer-1);color:var(--db-text-secondary)}.designbase-accordion__number,.designbase-accordion__question{align-items:center;border-radius:var(--db-radius-action-s);display:flex;flex-shrink:0;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);height:24px;justify-content:center;margin-right:var(--db-margin-xs);min-width:24px}.designbase-accordion__question{background-color:var(--db-btn-primary-bg);color:var(--db-text-inverse-primary)}.designbase-accordion__title{color:var(--db-text-primary);flex:1;font-weight:var(--db-weight-bold);line-height:var(--db-leading-snug)}.designbase-accordion__chevron{align-items:center;color:var(--db-icon-muted);display:flex;flex-shrink:0;height:24px;justify-content:center;transition:transform .2s ease;width:24px}.designbase-accordion__content{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.designbase-accordion__content-inner{color:var(--db-text-secondary);line-height:var(--db-leading-snug)}.designbase-accordion--multiple .designbase-accordion__item{margin-bottom:var(--db-margin-xs)}.designbase-accordion--multiple .designbase-accordion__item:last-child{margin-bottom:0}@media (max-width:640px){.designbase-accordion--l .designbase-accordion__content-inner,.designbase-accordion--l .designbase-accordion__trigger,.designbase-accordion--m .designbase-accordion__content-inner,.designbase-accordion--m .designbase-accordion__trigger,.designbase-accordion--s .designbase-accordion__content-inner,.designbase-accordion--s .designbase-accordion__trigger{padding:var(--db-padding-s)}}.designbase-spinner{align-items:center;color:var(--spinner-color,var(--db-icon-primary));display:inline-flex;gap:var(--db-gap-s);justify-content:center;line-height:1;position:relative;vertical-align:middle}.designbase-spinner .designbase-spinner__pulse,.designbase-spinner .designbase-spinner__ripple-circle,.designbase-spinner svg{transform-box:fill-box;transform-origin:50% 50%}.designbase-spinner__label{color:var(--db-text-secondary);font-size:var(--db-text-s);white-space:nowrap}.designbase-spinner--circular .designbase-spinner__circular{animation:db-spinner-rotate var(--spinner-speed,1s) linear infinite;height:1em;width:1em;will-change:transform}.designbase-spinner--circular .designbase-spinner__circular-track{opacity:.2}.designbase-spinner--circular .designbase-spinner__circular-indicator{stroke-dasharray:80;stroke-dashoffset:80;animation:db-spinner-circular-progress var(--spinner-speed,1s) ease-in-out infinite;will-change:stroke-dashoffset}.designbase-spinner--dots .designbase-spinner__dots{display:flex;gap:var(--db-gap-xs)}.designbase-spinner--dots .designbase-spinner__dot{animation:db-spinner-dots-bounce var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:50%;height:.5em;width:.5em;will-change:transform,opacity}.designbase-spinner--dots .designbase-spinner__dot:first-child{animation-delay:-.32s}.designbase-spinner--dots .designbase-spinner__dot:nth-child(2){animation-delay:-.16s}.designbase-spinner--bars .designbase-spinner__bars{display:flex;gap:2px;height:1em}.designbase-spinner--bars .designbase-spinner__bar{animation:db-spinner-bars-wave var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:2px;width:3px;will-change:transform}.designbase-spinner--bars .designbase-spinner__bar:first-child{animation-delay:-.4s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(2){animation-delay:-.3s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(3){animation-delay:-.2s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(4){animation-delay:-.1s}.designbase-spinner--pulse .designbase-spinner__pulse{animation:db-spinner-pulse-scale var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:50%;height:1em;width:1em;will-change:transform,opacity}.designbase-spinner--ripple{height:1em;position:relative;width:1em}.designbase-spinner--ripple .designbase-spinner__ripple-circle{animation:db-spinner-ripple-expand var(--spinner-speed,1s) ease-out infinite;border:2px solid;border-radius:50%;height:100%;inset:0;position:absolute;width:100%;will-change:transform,opacity}.designbase-spinner--ripple .designbase-spinner__ripple-circle:nth-child(2){animation-delay:calc(var(--spinner-speed, 1s)*.5)}.designbase-spinner--xs{font-size:12px}.designbase-spinner--s{font-size:14px}.designbase-spinner--m{font-size:16px}.designbase-spinner--l{font-size:20px}.designbase-spinner--xl{font-size:24px}@keyframes db-spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes db-spinner-circular-progress{0%{stroke-dashoffset:70}50%{stroke-dashoffset:80}to{stroke-dashoffset:70}}@keyframes db-spinner-dots-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes db-spinner-bars-wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes db-spinner-pulse-scale{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.8)}}@keyframes db-spinner-ripple-expand{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.designbase-tooltip{opacity:0;overflow:visible;pointer-events:none;position:fixed;transform:translateZ(0) scale(.98);transform:translate3d(var(--tt-offset-x,0),var(--tt-offset-y,0),0) scale(.98);transition:opacity var(--db-animation-speed) var(--db-animation-ease),visibility var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;will-change:transform,opacity;z-index:var(--db-z-tooltip)}.designbase-tooltip[data-placement-group=top]{--tt-offset-x:0px;--tt-offset-y:-6px}.designbase-tooltip[data-placement-group=bottom]{--tt-offset-x:0px;--tt-offset-y:6px}.designbase-tooltip[data-placement-group=left]{--tt-offset-x:-6px;--tt-offset-y:0px}.designbase-tooltip[data-placement-group=right]{--tt-offset-x:6px;--tt-offset-y:0px}.designbase-tooltip--visible{opacity:1;transform:translateZ(0) scale(1);visibility:visible}.designbase-tooltip__content{word-wrap:break-word;background-color:var(--db-surface-inverse);border:none;border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-tooltip);color:var(--db-text-inverse-primary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);max-width:100%;overflow:visible;padding:var(--db-padding-s) var(--db-padding-m);position:relative;white-space:normal}.designbase-tooltip__arrow{border:6px solid transparent;height:0;pointer-events:none;position:absolute;width:0;z-index:1}.designbase-tooltip__arrow:after{display:none}.designbase-tooltip__arrow--top,.designbase-tooltip__arrow--top-end,.designbase-tooltip__arrow--top-start{border-top-color:var(--db-surface-inverse);top:100%}.designbase-tooltip__arrow--bottom,.designbase-tooltip__arrow--bottom-end,.designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-surface-inverse);bottom:100%}.designbase-tooltip__arrow--left,.designbase-tooltip__arrow--left-end,.designbase-tooltip__arrow--left-start{border-left-color:var(--db-surface-inverse);left:100%}.designbase-tooltip__arrow--right,.designbase-tooltip__arrow--right-end,.designbase-tooltip__arrow--right-start{border-right-color:var(--db-surface-inverse);right:100%}.designbase-tooltip--s .designbase-tooltip__content{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-tooltip--m .designbase-tooltip__content{font-size:var(--db-text-s);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-tooltip--l .designbase-tooltip__content{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-tooltip--default .designbase-tooltip__content{background:var(--db-surface-inverse);color:var(--db-text-inverse-primary)}.designbase-tooltip--default .designbase-tooltip__arrow--top,.designbase-tooltip--default .designbase-tooltip__arrow--top-end,.designbase-tooltip--default .designbase-tooltip__arrow--top-start{border-top-color:var(--db-surface-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--bottom,.designbase-tooltip--default .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--default .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-surface-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--left,.designbase-tooltip--default .designbase-tooltip__arrow--left-end,.designbase-tooltip--default .designbase-tooltip__arrow--left-start{border-left-color:var(--db-surface-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--right,.designbase-tooltip--default .designbase-tooltip__arrow--right-end,.designbase-tooltip--default .designbase-tooltip__arrow--right-start{border-right-color:var(--db-surface-inverse)}.designbase-tooltip--primary .designbase-tooltip__content{background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-tooltip--primary .designbase-tooltip__arrow--top,.designbase-tooltip--primary .designbase-tooltip__arrow--top-end,.designbase-tooltip--primary .designbase-tooltip__arrow--top-start{border-top-color:var(--db-brand-primary)}.designbase-tooltip--primary .designbase-tooltip__arrow--bottom,.designbase-tooltip--primary .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--primary .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-brand-primary)}.designbase-tooltip--primary .designbase-tooltip__arrow--left,.designbase-tooltip--primary .designbase-tooltip__arrow--left-end,.designbase-tooltip--primary .designbase-tooltip__arrow--left-start{border-left-color:var(--db-brand-primary)}.designbase-tooltip--primary .designbase-tooltip__arrow--right,.designbase-tooltip--primary .designbase-tooltip__arrow--right-end,.designbase-tooltip--primary .designbase-tooltip__arrow--right-start{border-right-color:var(--db-brand-primary)}.designbase-tooltip--success .designbase-tooltip__content{background:var(--db-feedback-success-fg);color:var(--db-text-inverse-primary)}.designbase-tooltip--success .designbase-tooltip__arrow--top,.designbase-tooltip--success .designbase-tooltip__arrow--top-end,.designbase-tooltip--success .designbase-tooltip__arrow--top-start{border-top-color:var(--db-feedback-success-fg)}.designbase-tooltip--success .designbase-tooltip__arrow--bottom,.designbase-tooltip--success .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--success .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-feedback-success-fg)}.designbase-tooltip--success .designbase-tooltip__arrow--left,.designbase-tooltip--success .designbase-tooltip__arrow--left-end,.designbase-tooltip--success .designbase-tooltip__arrow--left-start{border-left-color:var(--db-feedback-success-fg)}.designbase-tooltip--success .designbase-tooltip__arrow--right,.designbase-tooltip--success .designbase-tooltip__arrow--right-end,.designbase-tooltip--success .designbase-tooltip__arrow--right-start{border-right-color:var(--db-feedback-success-fg)}.designbase-tooltip--warning .designbase-tooltip__content{background:var(--db-feedback-warning-fg);color:var(--db-text-inverse-primary)}.designbase-tooltip--warning .designbase-tooltip__arrow--top,.designbase-tooltip--warning .designbase-tooltip__arrow--top-end,.designbase-tooltip--warning .designbase-tooltip__arrow--top-start{border-top-color:var(--db-feedback-warning-fg)}.designbase-tooltip--warning .designbase-tooltip__arrow--bottom,.designbase-tooltip--warning .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--warning .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-feedback-warning-fg)}.designbase-tooltip--warning .designbase-tooltip__arrow--left,.designbase-tooltip--warning .designbase-tooltip__arrow--left-end,.designbase-tooltip--warning .designbase-tooltip__arrow--left-start{border-left-color:var(--db-feedback-warning-fg)}.designbase-tooltip--warning .designbase-tooltip__arrow--right,.designbase-tooltip--warning .designbase-tooltip__arrow--right-end,.designbase-tooltip--warning .designbase-tooltip__arrow--right-start{border-right-color:var(--db-feedback-warning-fg)}.designbase-tooltip--danger .designbase-tooltip__content{background:var(--db-feedback-error-fg);color:var(--db-text-inverse-primary)}.designbase-tooltip--danger .designbase-tooltip__arrow--top,.designbase-tooltip--danger .designbase-tooltip__arrow--top-end,.designbase-tooltip--danger .designbase-tooltip__arrow--top-start{border-top-color:var(--db-feedback-error-fg)}.designbase-tooltip--danger .designbase-tooltip__arrow--bottom,.designbase-tooltip--danger .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--danger .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-feedback-error-fg)}.designbase-tooltip--danger .designbase-tooltip__arrow--left,.designbase-tooltip--danger .designbase-tooltip__arrow--left-end,.designbase-tooltip--danger .designbase-tooltip__arrow--left-start{border-left-color:var(--db-feedback-error-fg)}.designbase-tooltip--danger .designbase-tooltip__arrow--right,.designbase-tooltip--danger .designbase-tooltip__arrow--right-end,.designbase-tooltip--danger .designbase-tooltip__arrow--right-start{border-right-color:var(--db-feedback-error-fg)}.designbase-tooltip--info .designbase-tooltip__content{background:var(--db-feedback-info-fg);color:var(--db-text-inverse-primary)}.designbase-tooltip--info .designbase-tooltip__arrow--top,.designbase-tooltip--info .designbase-tooltip__arrow--top-end,.designbase-tooltip--info .designbase-tooltip__arrow--top-start{border-top-color:var(--db-feedback-info-fg)}.designbase-tooltip--info .designbase-tooltip__arrow--bottom,.designbase-tooltip--info .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--info .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-feedback-info-fg)}.designbase-tooltip--info .designbase-tooltip__arrow--left,.designbase-tooltip--info .designbase-tooltip__arrow--left-end,.designbase-tooltip--info .designbase-tooltip__arrow--left-start{border-left-color:var(--db-feedback-info-fg)}.designbase-tooltip--info .designbase-tooltip__arrow--right,.designbase-tooltip--info .designbase-tooltip__arrow--right-end,.designbase-tooltip--info .designbase-tooltip__arrow--right-start{border-right-color:var(--db-feedback-info-fg)}.designbase-tooltip--disabled{opacity:0;pointer-events:none;visibility:hidden}.designbase-tooltip__trigger{display:inline-block}.designbase-button{align-items:center;border:1px solid transparent;cursor:pointer;display:inline-flex;font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);justify-content:center;line-height:1;outline:none;transition:all .15s ease}.designbase-button:focus{box-shadow:0 0 0 1px var(--db-border-focus);outline:none}.designbase-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-button:disabled--secondary{border-color:var(--db-border-secondary-disabled)}.designbase-button:disabled--tertiary{border-color:var(--db-border-secondary-disabled)}.designbase-button--primary{background-color:var(--db-btn-primary-bg);border-color:var(--db-btn-primary-bg);color:var(--db-btn-primary-text)}.designbase-button--primary:hover:not(:disabled){background-color:var(--db-btn-primary-bg-hover);border-color:var(--db-btn-primary-border-hover)}.designbase-button--primary:active:not(:disabled){background-color:var(--db-btn-primary-bg-active);border-color:var(--db-btn-primary-border-active)}.designbase-button--primary:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-button--secondary{background-color:var(--db-btn-secondary-bg);border-color:var(--db-btn-secondary-border);color:var(--db-btn-secondary-text)}.designbase-button--secondary:hover:not(:disabled){background-color:var(--db-btn-secondary-bg-hover);border-color:var(--db-btn-secondary-border-hover);color:var(--db-btn-secondary-text-hover)}.designbase-button--secondary:active:not(:disabled){background-color:var(--db-btn-secondary-bg-active)}.designbase-button--secondary:focus{outline:1px solid var(--db-border-focus);outline-offset:2px}.designbase-button--tertiary{background-color:var(--db-btn-tertiary-bg);border-color:var(--db-btn-tertiary-border);color:var(--db-btn-tertiary-text)}.designbase-button--tertiary:hover:not(:disabled){background-color:var(--db-btn-tertiary-bg-hover);border-color:var(--db-btn-tertiary-border-hover);color:var(--db-btn-tertiary-text-hover)}.designbase-button--tertiary:active:not(:disabled){background-color:var(--db-btn-tertiary-bg-active)}.designbase-button--tertiary:focus{outline:1px solid var(--db-border-focus);outline-offset:2px}.designbase-button--danger{background-color:var(--db-feedback-error-fg);border-color:var(--db-feedback-error-fg);color:var(--db-text-inverse-primary)}.designbase-button--danger:hover:not(:disabled){background-color:var(--color-foundation-red-600);border-color:var(--color-foundation-red-600)}.designbase-button--danger:active:not(:disabled){background-color:var(--color-foundation-red-700);border-color:var(--color-foundation-red-700)}.designbase-button--danger:focus{outline:1px solid var(--db-feedback-error-fg);outline-offset:2px}.designbase-button--ghost{background-color:transparent;border-color:transparent;color:var(--db-text-primary)}.designbase-button--ghost:hover:not(:disabled){background-color:var(--db-surface-layer-1)}.designbase-button--ghost:focus{outline:1px solid var(--db-border-focus);outline-offset:2px}.designbase-button--xs{font-size:var(--db-text-xs);padding:var(--db-padding-xxs)}.designbase-button--s{font-size:var(--db-text-s);padding:var(--db-padding-xs)}.designbase-button--m{font-size:var(--db-text-base);gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-button--l{font-size:var(--db-text-l);gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-button--xl{font-size:var(--db-text-xl);gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-button--radius-s{border-radius:var(--db-radius-btn-s)}.designbase-button--radius-m{border-radius:var(--db-radius-btn-m)}.designbase-button--radius-l{border-radius:var(--db-radius-btn-l)}.designbase-button--radius-pill{border-radius:var(--db-radius-btn-pill)}.designbase-button--icon-only{gap:0;min-width:auto}.designbase-button--icon-only svg{display:block;height:100%;max-width:24px;width:100%}.designbase-button--icon-only.designbase-button--xs{padding:var(--db-padding-xxs)}.designbase-button--icon-only.designbase-button--s{padding:var(--db-padding-xs)}.designbase-button--icon-only.designbase-button--m{padding:var(--db-padding-s)}.designbase-button--icon-only.designbase-button--l{padding:var(--db-padding-m)}.designbase-button--icon-only.designbase-button--xl{padding:var(--db-padding-l)}.designbase-button--full-width{width:100%}.designbase-button--loading{pointer-events:none}.designbase-button--loading .designbase-spinner{color:inherit}.designbase-random-gradient{border-radius:var(--db-radius-l);box-sizing:border-box;overflow:hidden;position:relative}.designbase-random-gradient__background{height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.designbase-random-gradient__overlay{height:100%;inset:0;mix-blend-mode:overlay;position:absolute;width:100%;z-index:1}.designbase-random-gradient__content{height:100%;position:relative;width:100%;z-index:10}.designbase-random-gradient--animated .designbase-random-gradient__background{animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-10%,-10%) scale(1.1)}50%{transform:translate(-5%,10%) scale(1.05)}75%{transform:translate(10%,-5%) scale(1.1)}}.designbase-countdown{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:center}.designbase-countdown--s .designbase-countdown__value{font-size:var(--db-text-lg);min-width:32px;padding:var(--db-padding-xs)}.designbase-countdown--s .designbase-countdown__label{font-size:var(--db-text-xs);margin-top:var(--db-margin-2xs)}.designbase-countdown--s .designbase-countdown__separator{font-size:var(--db-text-base)}.designbase-countdown--m .designbase-countdown__value{font-size:var(--db-text-2xl);min-width:48px;padding:var(--db-padding-s)}.designbase-countdown--m .designbase-countdown__label{font-size:var(--db-text-sm);margin-top:var(--db-margin-xs)}.designbase-countdown--m .designbase-countdown__separator{font-size:var(--db-text-xl)}.designbase-countdown--l .designbase-countdown__value{font-size:var(--db-text-3xl);min-width:64px;padding:var(--db-padding-m)}.designbase-countdown--l .designbase-countdown__label{font-size:var(--db-text-base);margin-top:var(--db-margin-s)}.designbase-countdown--l .designbase-countdown__separator{font-size:var(--db-text-2xl)}.designbase-countdown--default .designbase-countdown__value{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);font-weight:var(--db-weight-bold)}.designbase-countdown--compact{gap:var(--db-gap-xs)}.designbase-countdown--compact .designbase-countdown__value{background-color:var(--db-brand-primary);border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);font-weight:var(--db-weight-bold)}.designbase-countdown--compact .designbase-countdown__label{color:var(--db-text-secondary)}.designbase-countdown--minimal{gap:var(--db-gap-xs)}.designbase-countdown--minimal .designbase-countdown__value{background-color:transparent;color:var(--db-text-primary);font-weight:var(--db-weight-semibold);min-width:auto;padding:0}.designbase-countdown--minimal .designbase-countdown__label{color:var(--db-text-secondary);font-weight:var(--db-weight-normal)}.designbase-countdown--minimal .designbase-countdown__unit{align-items:baseline;display:flex;flex-direction:row;gap:var(--db-gap-2xs)}.designbase-countdown__unit{align-items:center;display:flex;flex-direction:column}.designbase-countdown__value{align-items:center;display:flex;justify-content:center;line-height:1;text-align:center;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-countdown__label{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);text-align:center}.designbase-countdown__separator{align-self:flex-start;color:var(--db-text-secondary);font-weight:var(--db-weight-bold);line-height:1;margin-top:0}.designbase-countdown--with-labels .designbase-countdown__separator{align-self:center;margin-bottom:20px}.designbase-countdown--with-labels.designbase-countdown--s .designbase-countdown__separator{margin-bottom:12px}.designbase-countdown--with-labels.designbase-countdown--l .designbase-countdown__separator{margin-bottom:24px}.designbase-countdown--expired .designbase-countdown__value{background-color:var(--db-surface-subtle);color:var(--db-text-tertiary)}.designbase-countdown--minimal.designbase-countdown--with-labels .designbase-countdown__separator{margin-bottom:0}.designbase-ad-banner{border-radius:var(--db-radius-xl);box-shadow:var(--db-shadow-lg);box-sizing:border-box;overflow:hidden;position:relative}.designbase-ad-banner__gradient-bg{border-radius:inherit}.designbase-ad-banner--with-gradient{background:none!important}.designbase-ad-banner--with-gradient .designbase-ad-banner__content{background:none}.designbase-ad-banner__content{height:100%;position:relative;width:100%}.designbase-ad-banner__close{align-items:center;background:var(--db-surface-layer-1);border:none;border-radius:var(--db-radius-full);color:var(--db-text-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--db-padding-s);position:absolute;right:var(--db-padding-s);top:var(--db-padding-s);transition:background-color var(--db-animation-speed) var(--db-animation-ease);z-index:10}.designbase-ad-banner__countdown{margin-top:var(--db-margin-s)}.designbase-ad-banner__countdown .designbase-countdown{color:inherit}.designbase-ad-banner__main{padding:var(--db-padding-l);position:relative;z-index:1}.designbase-ad-banner__icon{align-items:center;background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-full);color:var(--db-brand-primary);display:flex;flex-shrink:0;gap:var(--db-gap-s);height:max-content;margin-bottom:var(--db-margin-m);padding:var(--db-padding-m);width:max-content}.designbase-ad-banner__icon svg{flex-shrink:0}.designbase-ad-banner__label{font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-ad-banner__text{margin-bottom:var(--db-margin-l)}.designbase-ad-banner__title{font-weight:var(--db-weight-bold);line-height:var(--db-line-height-tight);margin:0 0 var(--db-margin-s) 0}.designbase-ad-banner__subtitle{line-height:var(--db-line-height-base);margin:0;opacity:.9}.designbase-ad-banner__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-ad-banner__progress{background-color:hsla(0,0%,100%,.3);bottom:0;height:4px;left:0;position:absolute;width:100%;z-index:10}.designbase-ad-banner__progress__bar{background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);height:100%;left:0;position:absolute;top:0}.designbase-ad-banner.designbase-ad-banner--with-gradient,.designbase-ad-banner.designbase-ad-banner--with-gradient .designbase-ad-banner__subtitle,.designbase-ad-banner.designbase-ad-banner--with-gradient .designbase-ad-banner__title{color:var(--db-text-inverse-primary)}.designbase-ad-banner.designbase-ad-banner--with-gradient.designbase-ad-banner--gradient-light,.designbase-ad-banner.designbase-ad-banner--with-gradient.designbase-ad-banner--gradient-light .designbase-ad-banner__subtitle,.designbase-ad-banner.designbase-ad-banner--with-gradient.designbase-ad-banner--gradient-light .designbase-ad-banner__title{color:var(--db-text-primary)}.designbase-ad-banner.designbase-ad-banner--with-gradient.designbase-ad-banner--gradient-light .designbase-ad-banner__close{background:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-ad-banner:not(.designbase-ad-banner--with-gradient){background-color:var(--db-surface-base);color:var(--db-text-primary)}.designbase-ad-banner:not(.designbase-ad-banner--with-gradient) .designbase-ad-banner__subtitle,.designbase-ad-banner:not(.designbase-ad-banner--with-gradient) .designbase-ad-banner__title{color:var(--db-text-primary)}.designbase-ad-banner:not(.designbase-ad-banner--with-gradient) .designbase-ad-banner__icon{background-color:var(--db-surface-layer-1)}.designbase-ad-banner:not(.designbase-ad-banner--with-gradient) .designbase-ad-banner__icon svg{color:var(--db-brand-primary)}.designbase-ad-banner--type-hero .designbase-ad-banner__title{font-size:var(--db-text-xl)}.designbase-ad-banner--type-hero .designbase-ad-banner__subtitle{font-size:var(--db-text-l);max-width:800px}.designbase-ad-banner--type-topbar .designbase-ad-banner__main{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.designbase-ad-banner--type-topbar .designbase-ad-banner__icon{margin-bottom:0;margin-right:var(--db-margin-m)}.designbase-ad-banner--type-topbar .designbase-ad-banner__icon svg{animation:bounce 1s ease-in-out infinite}.designbase-ad-banner--type-topbar .designbase-ad-banner__text{flex:1;margin-bottom:0}.designbase-ad-banner--type-topbar .designbase-ad-banner__title{font-size:var(--db-text-l);margin-bottom:0}.designbase-ad-banner--type-topbar .designbase-ad-banner__subtitle{font-size:var(--db-text-s);margin-top:var(--db-margin-xs)}.designbase-ad-banner--type-topbar .designbase-ad-banner__close{margin-left:var(--db-margin-m);position:relative;right:auto;top:auto}.designbase-ad-banner--type-card{max-width:480px}.designbase-ad-banner--type-card .designbase-ad-banner__main{display:flex;gap:var(--db-gap-m)}.designbase-ad-banner--type-card .designbase-ad-banner__icon{flex-shrink:0;margin-bottom:0}.designbase-ad-banner--type-card .designbase-ad-banner__text{flex:1;margin-bottom:0}.designbase-ad-banner--type-card .designbase-ad-banner__title{font-size:var(--db-text-xl)}.designbase-ad-banner--type-card .designbase-ad-banner__subtitle{font-size:var(--db-text-s)}.designbase-ad-banner--type-card .designbase-ad-banner__actions{display:none}.designbase-ad-banner--type-floating{animation:slideUp .5s ease-out;border:1px solid var(--db-border-base);bottom:var(--db-padding-l);max-width:400px;position:fixed;right:var(--db-padding-l);z-index:1000}.designbase-ad-banner--type-floating .designbase-ad-banner__title{font-size:var(--db-text-2xl)}.designbase-ad-banner--type-floating .designbase-ad-banner__subtitle{font-size:var(--db-text-base)}.designbase-ad-banner--variant-primary{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-ad-banner--variant-secondary{background-color:var(--db-brand-secondary);color:var(--db-text-primary)}.designbase-ad-banner--variant-success{background-color:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-ad-banner--variant-warning{background-color:var(--db-feedback-warning-bg);color:var(--db-feedback-warning-fg)}.designbase-ad-banner--variant-error{background-color:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}@media (max-width:768px){.designbase-ad-banner--type-hero{padding:var(--db-padding-xl)}.designbase-ad-banner--type-hero .designbase-ad-banner__title{font-size:var(--db-text-2xl)}.designbase-ad-banner--type-hero .designbase-ad-banner__subtitle{font-size:var(--db-text-base)}.designbase-ad-banner--type-topbar .designbase-ad-banner__main{align-items:flex-start;flex-direction:column;gap:var(--db-gap-m)}.designbase-ad-banner--type-topbar .designbase-ad-banner__actions,.designbase-ad-banner--type-topbar .designbase-ad-banner__cta{width:100%}.designbase-ad-banner--type-card{max-width:100%}.designbase-ad-banner--type-card .designbase-ad-banner__main{flex-direction:column}.designbase-ad-banner--type-floating{bottom:var(--db-padding-m);left:var(--db-padding-m);max-width:none;right:var(--db-padding-m)}}.designbase-alert{background-color:var(--db-surface-base);border:1px solid;border-radius:var(--db-radius-m);box-shadow:none;display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-alert__content{align-items:flex-start;display:flex;gap:var(--db-gap-s)}.designbase-alert__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-alert__body{display:flex;flex:1;flex-direction:column;min-width:0}.designbase-alert__title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-bold);line-height:1.2;margin-bottom:0}.designbase-alert__message{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-snug)}.designbase-alert__close{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.designbase-alert__close:hover{background-color:var(--db-interactive-bg-hover);color:var(--db-icon-hover)}.designbase-alert__close:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-alert__actions{display:flex;gap:var(--db-gap-s);margin-top:var(--db-margin-xs)}.designbase-alert__action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-s)}.designbase-alert--default{background-color:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-alert--default .designbase-alert__icon{color:var(--db-icon-primary)}.designbase-alert--default .designbase-alert__title{color:var(--db-text-primary)}.designbase-alert--default .designbase-alert__message{color:var(--db-text-secondary)}.designbase-alert--default .designbase-alert__actions{border-top-color:var(--db-border-base)}.designbase-alert--info{background-color:var(--db-feedback-info-bg);border-color:var(--db-feedback-info-fg);color:var(--db-feedback-info-fg)}.designbase-alert--info .designbase-alert__icon{color:var(--db-icon-info)}.designbase-alert--info .designbase-alert__message,.designbase-alert--info .designbase-alert__title{color:var(--db-feedback-info-fg)}.designbase-alert--info .designbase-alert__actions{border-top-color:var(--db-feedback-info-fg)}.designbase-alert--success{background-color:var(--db-feedback-success-bg);border-color:var(--db-feedback-success-fg);color:var(--db-feedback-success-fg)}.designbase-alert--success .designbase-alert__icon{color:var(--db-icon-success)}.designbase-alert--success .designbase-alert__message,.designbase-alert--success .designbase-alert__title{color:var(--db-feedback-success-fg)}.designbase-alert--success .designbase-alert__actions{border-top-color:var(--db-feedback-success-fg)}.designbase-alert--warning{background-color:var(--db-feedback-warning-bg);border-color:var(--db-feedback-warning-fg);color:var(--db-feedback-warning-fg)}.designbase-alert--warning .designbase-alert__icon{color:var(--db-icon-warning)}.designbase-alert--warning .designbase-alert__message,.designbase-alert--warning .designbase-alert__title{color:var(--db-feedback-warning-fg)}.designbase-alert--warning .designbase-alert__actions{border-top-color:var(--db-feedback-warning-fg)}.designbase-alert--danger{background-color:var(--db-feedback-error-bg);border-color:var(--db-feedback-error-fg);color:var(--db-feedback-error-fg)}.designbase-alert--danger .designbase-alert__icon{color:var(--db-icon-error)}.designbase-alert--danger .designbase-alert__message,.designbase-alert--danger .designbase-alert__title{color:var(--db-feedback-error-fg)}.designbase-alert--danger .designbase-alert__actions{border-top-color:var(--db-feedback-error-fg)}.designbase-alert--s{padding:var(--db-padding-xs)}.designbase-alert--s .designbase-alert__title{font-size:var(--db-text-s);margin-bottom:var(--db-margin-xs)}.designbase-alert--s .designbase-alert__message{font-size:var(--db-text-xs)}.designbase-alert--s .designbase-alert__close{height:16px;width:16px}.designbase-alert--m{padding:var(--db-padding-s)}.designbase-alert--m .designbase-alert__title{font-size:var(--db-text-base);margin-bottom:var(--db-margin-xs)}.designbase-alert--m .designbase-alert__message{font-size:var(--db-text-s)}.designbase-alert--m .designbase-alert__close{height:20px;width:20px}.designbase-alert--l{padding:var(--db-padding-m)}.designbase-alert--l .designbase-alert__title{font-size:var(--db-text-l);margin-bottom:var(--db-margin-s)}.designbase-alert--l .designbase-alert__message{font-size:var(--db-text-base)}.designbase-alert--l .designbase-alert__close{height:24px;width:24px}.designbase-alert--with-icon .designbase-alert__body{padding-left:0}.designbase-alert--closable .designbase-alert__body{padding-right:0}.designbase-animation-background{display:block;overflow:hidden;position:relative;transition:all .3s ease}.designbase-animation-background--clickable{cursor:pointer;user-select:none}.designbase-animation-background--clickable:hover{transform:scale(1.02)}.designbase-animation-background--clickable:active{transform:scale(.98)}.designbase-animation-background--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-animation-background__canvas{display:block;height:100%;width:100%}.designbase-animation-background--gradient.designbase-animation-background--visible{animation:gradientMove var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--gradient.designbase-animation-background--animating{animation:gradientPulse var(--db-animation-speed) ease-in-out}.designbase-animation-background--rainbow.designbase-animation-background--visible{animation:rainbowMove var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--rainbow.designbase-animation-background--animating{animation:rainbowPulse var(--db-animation-speed) ease-in-out}.designbase-animation-background--pulse.designbase-animation-background--visible{animation:pulse var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--pulse.designbase-animation-background--animating{animation:pulseIntense var(--db-animation-speed) ease-in-out}.designbase-animation-background--wave:before{animation:waveMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(45deg,var(--wave-colors));background-size:400% 400%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--wave.designbase-animation-background--visible{animation:waveFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--wave.designbase-animation-background--animating:before{animation:waveIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--aurora:before{animation:auroraMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(45deg,var(--aurora-colors));background-size:400% 400%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--aurora.designbase-animation-background--visible{animation:auroraFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--aurora.designbase-animation-background--animating:before{animation:auroraIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--fire:before{animation:fireMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to top,var(--fire-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--fire.designbase-animation-background--visible{animation:fireFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--fire.designbase-animation-background--animating:before{animation:fireIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--ocean:before{animation:oceanMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to bottom,var(--ocean-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--ocean.designbase-animation-background--visible{animation:oceanFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--ocean.designbase-animation-background--animating:before{animation:oceanIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--sunset:before{animation:sunsetMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to bottom,var(--sunset-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--sunset.designbase-animation-background--visible{animation:sunsetFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--sunset.designbase-animation-background--animating:before{animation:sunsetIntense var(--db-animation-speed) ease-in-out infinite}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientPulse{0%,to{background-position:0 50%;opacity:1}50%{background-position:100% 50%;opacity:.8}}@keyframes rainbowMove{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}}@keyframes rainbowPulse{0%,to{background-position:0 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes pulseIntense{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes waveMove{0%,to{background-position:0 50%;transform:translateY(0)}50%{background-position:100% 50%;transform:translateY(-10px)}}@keyframes waveFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes waveIntense{0%,to{background-position:0 50%;transform:translateY(0) scale(1)}50%{background-position:100% 50%;transform:translateY(-20px) scale(1.05)}}@keyframes auroraMove{0%,to{background-position:0 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}}@keyframes auroraFadeIn{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes auroraIntense{0%,to{background-position:0 50%;filter:hue-rotate(0deg) brightness(1)}50%{background-position:100% 50%;filter:hue-rotate(1turn) brightness(1.2)}}@keyframes fireMove{0%,to{background-position:50% 100%;filter:brightness(1)}50%{background-position:50% 0;filter:brightness(1.3)}}@keyframes fireFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fireIntense{0%,to{background-position:50% 100%;filter:brightness(1) saturate(1)}50%{background-position:50% 0;filter:brightness(1.5) saturate(1.5)}}@keyframes oceanMove{0%,to{background-position:0 100%;filter:hue-rotate(0deg)}50%{background-position:100% 0;filter:hue-rotate(30deg)}}@keyframes oceanFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes oceanIntense{0%,to{background-position:0 100%;filter:hue-rotate(0deg) brightness(1)}50%{background-position:100% 0;filter:hue-rotate(60deg) brightness(1.2)}}@keyframes sunsetMove{0%,to{background-position:0 0;filter:brightness(1)}50%{background-position:100% 100%;filter:brightness(1.2)}}@keyframes sunsetFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sunsetIntense{0%,to{background-position:0 0;filter:brightness(1) saturate(1)}50%{background-position:100% 100%;filter:brightness(1.4) saturate(1.3)}}@media (max-width:768px){.designbase-animation-background--clickable:hover{transform:none}}.designbase-animation-text{cursor:default;display:inline-block;position:relative;transition:all .3s ease}.designbase-animation-text--xs{font-size:var(--db-text-xs)}.designbase-animation-text--s{font-size:var(--db-text-s)}.designbase-animation-text--m{font-size:var(--db-text-base)}.designbase-animation-text--l{font-size:var(--db-text-l)}.designbase-animation-text--xl{font-size:var(--db-text-xl)}.designbase-animation-text--2xl{font-size:var(--db-text-2xl)}.designbase-animation-text--3xl{font-size:var(--db-text-3xl)}.designbase-animation-text--light{font-weight:var(--db-weight-light)}.designbase-animation-text--normal{font-weight:var(--db-weight-normal)}.designbase-animation-text--medium{font-weight:var(--db-weight-medium)}.designbase-animation-text--semibold{font-weight:var(--db-weight-semibold)}.designbase-animation-text--bold{font-weight:var(--db-weight-bold)}.designbase-animation-text--extrabold{font-weight:var(--db-weight-extrabold)}.designbase-animation-text--left{text-align:left}.designbase-animation-text--center{text-align:center}.designbase-animation-text--right{text-align:right}.designbase-animation-text--justify{text-align:justify}.designbase-animation-text--primary{color:var(--db-text-primary)}.designbase-animation-text--secondary{color:var(--db-text-secondary)}.designbase-animation-text--success{color:var(--db-green-600)}.designbase-animation-text--warning{color:var(--db-yellow-600)}.designbase-animation-text--error{color:var(--db-red-600)}.designbase-animation-text--info{color:var(--db-color-info)}.designbase-animation-text--custom{color:var(--db-text-custom)}.designbase-animation-text--clickable{cursor:pointer;user-select:none}.designbase-animation-text--clickable:hover{transform:scale(1.05)}.designbase-animation-text--clickable:active{transform:scale(.95)}.designbase-animation-text--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-animation-text--fade{opacity:0;transform:translateY(20px)}.designbase-animation-text--fade.designbase-animation-text--visible{opacity:1;transform:translateY(0);transition:opacity var(--db-animation-speed) ease,transform var(--db-animation-speed) ease}.designbase-animation-text--fade.designbase-animation-text--animating{animation:fadeInOut var(--db-animation-speed) ease-in-out}.designbase-animation-text--slide{opacity:0;overflow:hidden}.designbase-animation-text--slide.designbase-animation-text--visible{animation:slideIn var(--db-animation-speed) ease-out;opacity:1}.designbase-animation-text--slide.designbase-animation-text--animating{animation:slideInOut var(--db-animation-speed) ease-in-out}.designbase-animation-text--slide--left{transform:translateX(-100%)}.designbase-animation-text--slide--left.designbase-animation-text--visible{transform:translateX(0)}.designbase-animation-text--slide--right{transform:translateX(100%)}.designbase-animation-text--slide--right.designbase-animation-text--visible{transform:translateX(0)}.designbase-animation-text--slide--up{transform:translateY(100%)}.designbase-animation-text--slide--up.designbase-animation-text--visible{transform:translateY(0)}.designbase-animation-text--slide--down{transform:translateY(-100%)}.designbase-animation-text--slide--down.designbase-animation-text--visible{transform:translateY(0)}.designbase-animation-text--bounce.designbase-animation-text--visible{animation:bounceIn var(--db-animation-speed) ease-out}.designbase-animation-text--bounce.designbase-animation-text--animating{animation:bounce var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--shake.designbase-animation-text--visible{animation:shakeIn var(--db-animation-speed) ease-out}.designbase-animation-text--shake.designbase-animation-text--animating{animation:shake var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--glow.designbase-animation-text--visible{animation:glowIn var(--db-animation-speed) ease-out}.designbase-animation-text--glow.designbase-animation-text--animating{animation:glow var(--db-animation-speed) ease-in-out infinite;text-shadow:0 0 10px var(--db-glow-color),0 0 20px var(--db-glow-color),0 0 30px var(--db-glow-color)}.designbase-animation-text--gradient.designbase-animation-text--visible{animation:gradientIn var(--db-animation-speed) ease-out}.designbase-animation-text--gradient.designbase-animation-text--animating{animation:gradient var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--wave.designbase-animation-text--visible{animation:waveIn var(--db-animation-speed) ease-out}.designbase-animation-text--wave.designbase-animation-text--animating{animation:wave var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--wave span{animation:waveChar var(--db-animation-speed) ease-in-out infinite;display:inline-block}.designbase-animation-text--wave span:first-child{animation-delay:.1s}.designbase-animation-text--wave span:nth-child(2){animation-delay:.2s}.designbase-animation-text--wave span:nth-child(3){animation-delay:.3s}.designbase-animation-text--wave span:nth-child(4){animation-delay:.4s}.designbase-animation-text--wave span:nth-child(5){animation-delay:.5s}.designbase-animation-text--wave span:nth-child(6){animation-delay:.6s}.designbase-animation-text--wave span:nth-child(7){animation-delay:.7s}.designbase-animation-text--wave span:nth-child(8){animation-delay:.8s}.designbase-animation-text--wave span:nth-child(9){animation-delay:.9s}.designbase-animation-text--wave span:nth-child(10){animation-delay:1s}.designbase-animation-text--wave span:nth-child(11){animation-delay:1.1s}.designbase-animation-text--wave span:nth-child(12){animation-delay:1.2s}.designbase-animation-text--wave span:nth-child(13){animation-delay:1.3s}.designbase-animation-text--wave span:nth-child(14){animation-delay:1.4s}.designbase-animation-text--wave span:nth-child(15){animation-delay:1.5s}.designbase-animation-text--wave span:nth-child(16){animation-delay:1.6s}.designbase-animation-text--wave span:nth-child(17){animation-delay:1.7s}.designbase-animation-text--wave span:nth-child(18){animation-delay:1.8s}.designbase-animation-text--wave span:nth-child(19){animation-delay:1.9s}.designbase-animation-text--wave span:nth-child(20){animation-delay:2s}.designbase-animation-text--flip{perspective:1000px}.designbase-animation-text--flip.designbase-animation-text--visible{animation:flipIn var(--db-animation-speed) ease-out}.designbase-animation-text--flip.designbase-animation-text--animating{animation:flip var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--scale.designbase-animation-text--visible{animation:scaleIn var(--db-animation-speed) ease-out}.designbase-animation-text--scale.designbase-animation-text--animating{animation:scale var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--typing{border-right:2px solid;overflow:hidden;white-space:nowrap}.designbase-animation-text--typing.designbase-animation-text--visible{animation:typing var(--db-animation-speed) steps(40)}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}}@keyframes slideInOut{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shakeIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes glowIn{0%{opacity:0;text-shadow:none}to{opacity:1;text-shadow:0 0 10px var(--glow-color),0 0 20px var(--glow-color)}}@keyframes glow{0%,to{text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color)}50%{text-shadow:0 0 20px var(--glow-color),0 0 30px var(--glow-color),0 0 40px var(--glow-color)}}@keyframes gradientIn{0%{background-position:0 50%;opacity:0}to{background-position:100% 50%;opacity:1}}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes waveIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes waveChar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes flip{0%,to{transform:perspective(400px) rotateY(0deg)}50%{transform:perspective(400px) rotateY(180deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes typing{0%{width:0}to{width:100%}}@media (max-width:768px){.designbase-animation-text--3xl{font-size:var(--db-text-2xl)}.designbase-animation-text--2xl{font-size:var(--db-text-xl)}.designbase-animation-text--xl{font-size:var(--db-text-l)}}.designbase-audio-player{background:var(--db-surface-base);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-sm);font-family:var(--db-font-primary);line-height:var(--db-leading-normal);padding:var(--db-padding-m);position:relative;transition:all .3s ease;width:100%}.designbase-audio-player--size-s{max-width:240px;padding:var(--db-padding-s)}.designbase-audio-player--size-m{max-width:320px;padding:var(--db-padding-m)}.designbase-audio-player--size-l{max-width:400px;padding:var(--db-padding-l)}.designbase-audio-player--size-xl{max-width:480px;padding:var(--db-padding-xl)}.designbase-audio-player--playing .designbase-audio-player__play-button{background:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-audio-player--paused .designbase-audio-player__play-button{background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-audio-player--muted .designbase-audio-player__volume-slider{opacity:.5}.designbase-audio-player--error .designbase-audio-player__error,.designbase-audio-player--loading .designbase-audio-player__loading{opacity:1;visibility:visible}.designbase-audio-player--shuffle .designbase-audio-player__control-button[data-shuffle]{color:var(--db-icon-default)}.designbase-audio-player--repeat-none .designbase-audio-player__control-button[data-repeat]{color:var(--db-text-secondary)}.designbase-audio-player--repeat-all .designbase-audio-player__control-button[data-repeat],.designbase-audio-player--repeat-one .designbase-audio-player__control-button[data-repeat]{color:var(--db-icon-default)}.designbase-audio-player__loading{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__loading .designbase-audio-player__spinner{animation:spin 1s linear infinite;border-top:2px solid var(--db-border-base);border:2px solid var(--db-border-base);border-radius:50%;border-top-color:var(--db-icon-primary);height:24px;width:24px}.designbase-audio-player__error{background:var(--db-feedback-error-bg);border:1px solid var(--db-feedback-error-bg);border-radius:var(--db-radius-m);color:var(--db-feedback-error-fg);left:50%;opacity:0;padding:var(--db-padding-s);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__error p{font-size:var(--db-text-s);margin:0 0 var(--db-margin-s) 0}.designbase-audio-player__error button{background:var(--db-button-error-bg);border:none;border-radius:var(--db-radius-s);color:var(--db-button-error-text);cursor:pointer;font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s);transition:background-color .2s ease}.designbase-audio-player__error button:hover{background:var(--db-button-error-bg-hover)}.designbase-audio-player__album-art{border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-md);flex-shrink:0;height:80px;margin:0 auto var(--db-margin-s) auto;overflow:hidden;transition:transform .3s ease;width:80px}.designbase-audio-player__album-art img{height:100%;object-fit:cover;width:100%}.designbase-audio-player__album-art .album-placeholder{align-items:center;background:var(--db-surface-layer-1);color:var(--db-white);display:flex;font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);height:100%;justify-content:center;width:100%}.designbase-audio-player__main{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-audio-player__info{align-items:center;display:flex;flex-direction:column;gap:var(--db-gap-xs);margin-bottom:var(--db-margin-s)}.designbase-audio-player__title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);line-height:1.2;margin:0}.designbase-audio-player__artist{color:var(--db-text-tertiary);font-size:var(--db-text-base);line-height:1.2;margin:0}.designbase-audio-player__album{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:1.2;margin:0}.designbase-audio-player__progress{background:var(--db-surface-layer-1);border-radius:var(--db-radius-full);cursor:pointer;height:6px;margin:var(--db-margin-s) 0;position:relative;transition:height .2s ease}.designbase-audio-player__progress .designbase-audio-player__progress-bar{background:var(--db-brand-primary);border-radius:var(--db-radius-full);height:100%;position:relative;transition:width .1s ease}.designbase-audio-player__progress .designbase-audio-player__progress-bar:after{background:var(--db-brand-primary);border-radius:50%;box-shadow:var(--db-shadow-md);content:"";height:16px;position:absolute;right:0;top:0;top:50%;transform:translate(50%,-50%);width:16px}.designbase-audio-player__progress .designbase-audio-player__progress-handle{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:50%;box-shadow:var(--db-shadow-md);height:16px;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:16px}.designbase-audio-player__progress:hover .designbase-audio-player__progress-handle{opacity:1}.designbase-audio-player__controls{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:space-between}.designbase-audio-player__left-controls,.designbase-audio-player__right-controls{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-audio-player__center-controls,.designbase-audio-player__control-button{align-items:center;display:flex;justify-content:center}.designbase-audio-player__control-button{background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-default);cursor:pointer;height:32px;padding:var(--db-padding-xs);transition:all .2s ease;width:32px}.designbase-audio-player__control-button:hover{background:var(--db-surface-layer-1)}.designbase-audio-player__control-button:disabled{cursor:not-allowed;opacity:.5}.designbase-audio-player__control-button:disabled:hover{background:none;transform:none}.designbase-audio-player__play-button{align-items:center;background:var(--db-brand-primary);border:none;border-radius:50%;box-shadow:var(--db-shadow-l);color:var(--db-text-inverse-primary);cursor:pointer;display:flex;font-size:var(--db-text-xl);height:56px;justify-content:center;transition:all .3s ease;width:56px}.designbase-audio-player__bottom-controls{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:space-between}.designbase-audio-player__left-bottom,.designbase-audio-player__right-bottom{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-audio-player__time{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);min-width:80px}.designbase-audio-player__volume{align-items:center;display:flex;position:relative}.designbase-audio-player__volume .designbase-audio-player__volume-slider{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);bottom:100%;box-shadow:var(--db-shadow-xl);left:50%;min-width:120px;opacity:0;padding:var(--db-padding-s);position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]{background:var(--db-surface-layer-1);border-radius:var(--db-radius-full);cursor:pointer;height:4px;outline:none;width:100px}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--db-brand-primary);border-radius:50%;box-shadow:var(--db-shadow-md);cursor:pointer;height:16px;width:16px}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]::-moz-range-thumb{background:var(--db-color-info);border:none;border-radius:50%;box-shadow:var(--db-shadow-md);cursor:pointer;height:16px;width:16px}.designbase-audio-player__volume .designbase-audio-player__volume-slider .volume-label{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-text-xs);justify-content:space-between}.designbase-audio-player__volume:hover .designbase-audio-player__volume-slider{opacity:1;visibility:visible}.designbase-audio-player__volume .designbase-audio-player__control-button{position:relative}.designbase-audio-player__volume .designbase-audio-player__control-button:after{border-bottom:6px solid var(--db-white);border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:50%;margin-top:2px;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .3s ease;width:0}.designbase-audio-player__volume:hover .designbase-audio-player__control-button:after{opacity:1}.designbase-audio-player__settings{position:relative}.designbase-audio-player__settings .designbase-audio-player__settings-menu{background:var(--audio-controls-bg);border:1px solid var(--audio-border-color);border-radius:var(--db-radius-m);bottom:100%;box-shadow:var(--db-shadow-lg);margin-bottom:var(--db-margin-xs);min-width:150px;padding:var(--db-padding-m);position:absolute;right:0;z-index:20}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group{margin-bottom:var(--db-margin-sm)}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group:last-child{margin-bottom:0}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group label{color:var(--audio-controls-color);display:block;font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group select{background:var(--db-surface-base);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-s);color:var(--db-text-primary);font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s);width:100%}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group select:focus{border-color:var(--db-color-info);outline:none}.designbase-audio-player__playlist{margin-top:var(--db-margin-l)}.designbase-audio-player__playlist h4{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-audio-player__playlist .designbase-audio-player__playlist-tracks{display:flex;flex-direction:column;gap:var(--db-gap-xs);max-height:200px;overflow-y:auto}.designbase-audio-player__playlist .designbase-audio-player__playlist-track{align-items:center;background:var(--db-surface-layer-1);border-radius:var(--db-radius-s);cursor:pointer;display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s);transition:background-color .2s ease}.designbase-audio-player__playlist .designbase-audio-player__playlist-track:hover{background:var(--db-surface-layer-2)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active{background:var(--db-surface-layer-1);border-left:2px solid var(--db-brand-primary)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active .designbase-audio-player__playlist-track-artist,.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active .designbase-audio-player__playlist-track-title{color:var(--db-text-primary)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track img{border-radius:var(--db-radius-s);height:40px;object-fit:cover;width:40px}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-info{flex:1;min-width:0}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-artist{color:var(--db-text-tertiary);font-size:var(--db-text-xs);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.designbase-audio-player--size-l,.designbase-audio-player--size-m,.designbase-audio-player--size-xl{max-width:100%}.designbase-audio-player__play-button{height:40px;width:40px}.designbase-audio-player__settings-menu{min-width:120px}.designbase-audio-player__volume-slider input[type=range]{width:60px}.designbase-audio-player__controls,.designbase-audio-player__left-controls,.designbase-audio-player__right-controls{gap:var(--db-gap-xs)}}.designbase-audio-player:focus-within{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-badge{align-items:center;border:1px solid transparent;border-radius:var(--db-radius-m);display:inline-flex;font-weight:var(--db-weight-medium);justify-content:center;line-height:1;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap}.designbase-badge--s{font-size:var(--db-text-xs);padding:var(--db-padding-xxs)}.designbase-badge--m{font-size:var(--db-text-s);padding:var(--db-padding-xs)}.designbase-badge--l{font-size:var(--db-text-base);padding:var(--db-padding-s)}.designbase-badge--primary{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-badge--secondary{background-color:var(--db-surface-layer-2);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-badge--tertiary{background-color:var(--db-surface-layer-1);border-color:var(--db-border-muted);color:var(--db-text-secondary)}.designbase-badge--info{background-color:var(--db-feedback-info-fg);border-color:var(--db-feedback-info-fg);color:var(--db-text-inverse-primary)}.designbase-badge--success{background-color:var(--db-feedback-success-fg);border-color:var(--db-feedback-success-fg);color:var(--db-text-inverse-primary)}.designbase-badge--warning{background-color:var(--db-feedback-warning-fg);border-color:var(--db-feedback-warning-fg);color:var(--db-text-inverse-primary)}.designbase-badge--danger{background-color:var(--db-feedback-error-fg);border-color:var(--db-feedback-error-fg);color:var(--db-text-inverse-primary)}.designbase-badge--dot{border:none;border-radius:50%;height:8px;min-height:8px;min-width:8px;padding:0;width:8px}.designbase-badge--dot.designbase-badge--s{height:6px;min-height:6px;min-width:6px;width:6px}.designbase-badge--dot.designbase-badge--l{height:10px;min-height:10px;min-width:10px;width:10px}.designbase-badge--number{border-radius:var(--db-radius-action-pill);justify-content:center;min-width:20px}.designbase-badge--number.designbase-badge--s{min-width:16px}.designbase-badge--number.designbase-badge--l{min-width:24px}.designbase-badge--text{border-radius:var(--db-radius-action-m)}.designbase-badge--outlined{background-color:transparent}.designbase-badge--outlined.designbase-badge--primary{border-color:var(--db-brand-primary);color:var(--db-brand-primary)}.designbase-badge--outlined.designbase-badge--secondary{border-color:var(--db-border-base);color:var(--db-text-secondary)}.designbase-badge--outlined.designbase-badge--info{border-color:var(--db-feedback-info-fg);color:var(--db-feedback-info-fg)}.designbase-badge--outlined.designbase-badge--success{border-color:var(--db-feedback-success-fg);color:var(--db-feedback-success-fg)}.designbase-badge--outlined.designbase-badge--warning{border-color:var(--db-feedback-warning-fg);color:var(--db-feedback-warning-fg)}.designbase-badge--outlined.designbase-badge--danger{border-color:var(--db-feedback-error-fg);color:var(--db-feedback-error-fg)}.designbase-badge--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-badge:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-avatar{align-items:center;background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-full);display:inline-flex;height:var(--db-size-m);justify-content:center;position:relative;transition:all .2s ease;user-select:none;width:var(--db-size-m)}.designbase-avatar__image{border-radius:var(--db-radius-full);height:100%;object-fit:cover;overflow:hidden;transition:opacity .2s ease;width:100%}.designbase-avatar__image--error{opacity:0}.designbase-avatar__fallback{background-color:var(--db-surface-layer-1);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);line-height:1;text-transform:uppercase}.designbase-avatar__fallback,.designbase-avatar__icon{align-items:center;border-radius:var(--db-radius-full);color:var(--db-text-secondary);display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.designbase-avatar__icon{font-size:var(--db-text-base)}.designbase-avatar__icon svg{display:block}.designbase-avatar__loading{border-radius:var(--db-radius-full);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.designbase-avatar__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--db-surface-layer-1) 0,var(--db-surface-layer-2) 50%,var(--db-surface-layer-1) 100%);background-size:200% 100%;height:100%;width:100%}.designbase-avatar__initials{align-items:center;border-radius:var(--db-radius-full);display:flex;font-weight:var(--db-weight-semibold);height:100%;justify-content:center;line-height:1;overflow:hidden;text-transform:uppercase;width:100%}.designbase-avatar__status{border:2px solid var(--db-surface-base);border-radius:var(--db-radius-full);bottom:0;height:12px;position:absolute;right:0;width:12px;z-index:10}.designbase-avatar__status--online{background-color:var(--db-icon-success)}.designbase-avatar__status--offline{background-color:var(--db-text-tertiary)}.designbase-avatar__status--away{background-color:var(--db-icon-warning)}.designbase-avatar__status--busy{background-color:var(--db-icon-danger)}.designbase-avatar__badge{pointer-events:none;position:absolute;right:calc(var(--db-margin-xs)*-1);top:calc(var(--db-margin-xs)*-1);z-index:30}.designbase-avatar--xs{height:var(--db-size-avatar-xs);width:var(--db-size-avatar-xs)}.designbase-avatar--xs .designbase-avatar__icon,.designbase-avatar--xs .designbase-avatar__initials{font-size:var(--db-text-xs)}.designbase-avatar--xs .designbase-avatar__status{height:8px;width:8px}.designbase-avatar--s{height:var(--db-size-avatar-s);width:var(--db-size-avatar-s)}.designbase-avatar--s .designbase-avatar__initials{font-size:var(--db-text-xs)}.designbase-avatar--s .designbase-avatar__icon{font-size:var(--db-text-s)}.designbase-avatar--s .designbase-avatar__status{height:10px;width:10px}.designbase-avatar--m{height:var(--db-size-avatar-m);width:var(--db-size-avatar-m)}.designbase-avatar--m .designbase-avatar__initials{font-size:var(--db-text-s)}.designbase-avatar--m .designbase-avatar__icon{font-size:var(--db-text-base)}.designbase-avatar--m .designbase-avatar__status{height:12px;width:12px}.designbase-avatar--l{height:var(--db-size-avatar-l);width:var(--db-size-avatar-l)}.designbase-avatar--l .designbase-avatar__initials{font-size:var(--db-text-base)}.designbase-avatar--l .designbase-avatar__icon{font-size:var(--db-text-l)}.designbase-avatar--l .designbase-avatar__status{height:14px;width:14px}.designbase-avatar--xl{height:var(--db-size-avatar-xl);width:var(--db-size-avatar-xl)}.designbase-avatar--xl .designbase-avatar__initials{font-size:var(--db-text-l)}.designbase-avatar--xl .designbase-avatar__icon{font-size:var(--db-text-xl)}.designbase-avatar--xl .designbase-avatar__status{height:16px;width:16px}.designbase-avatar--2xl{height:var(--db-size-avatar-2xl);width:var(--db-size-avatar-2xl)}.designbase-avatar--2xl .designbase-avatar__initials{font-size:var(--db-text-xl)}.designbase-avatar--2xl .designbase-avatar__icon{font-size:var(--db-text-2xl)}.designbase-avatar--2xl .designbase-avatar__status{height:18px;width:18px}.designbase-avatar--default{background-color:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-avatar--primary{background-color:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-avatar--success{background-color:var(--db-bg-success);border-color:var(--db-border-success);color:var(--db-text-success)}.designbase-avatar--warning{background-color:var(--db-bg-warning);border-color:var(--db-border-warning);color:var(--db-text-warning)}.designbase-avatar--danger{background-color:var(--db-bg-error);border-color:var(--db-border-error);color:var(--db-text-error)}.designbase-avatar--info{background-color:var(--db-bg-info);border-color:var(--db-border-info);color:var(--db-text-info)}.designbase-avatar--clickable{cursor:pointer}.designbase-avatar--clickable:hover{box-shadow:var(--db-shadow-card);transform:scale(1.05)}.designbase-avatar--clickable:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-avatar--loading .designbase-avatar__fallback,.designbase-avatar--loading .designbase-avatar__icon,.designbase-avatar--loading .designbase-avatar__image{opacity:.5}.designbase-avatar--loading:after{animation:designbase-avatar-spin 1s linear infinite;border:2px solid var(--db-border-base);border-radius:var(--db-radius-full);border-top-color:var(--db-border-focus);content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.designbase-avatar-group{align-items:flex-start;display:flex}.designbase-avatar-group__item{margin-left:calc(var(--db-margin-xxs)*-1)}.designbase-avatar-group__item:first-child{margin-left:0}.designbase-avatar-group--m .designbase-avatar-group__item,.designbase-avatar-group--s .designbase-avatar-group__item,.designbase-avatar-group--xs .designbase-avatar-group__item{margin-left:calc(var(--db-margin-xs)*-1)}.designbase-avatar-group--2xl .designbase-avatar-group__item,.designbase-avatar-group--l .designbase-avatar-group__item,.designbase-avatar-group--xl .designbase-avatar-group__item{margin-left:calc(var(--db-margin-s)*-1)}.designbase-avatar-group__overflow{align-items:center;background-color:var(--db-surface-layer-1);border:2px solid var(--db-border-base);border-radius:var(--db-radius-full);color:var(--db-text-secondary);display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);height:var(--db-size-m);justify-content:center;line-height:1;min-width:var(--db-size-m);padding:0 var(--db-padding-s);z-index:1}.designbase-avatar-group--xs .designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-xs);min-width:var(--db-size-xs);padding:0 var(--db-padding-xs)}.designbase-avatar-group--s .designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-s);min-width:var(--db-size-s);padding:0 var(--db-padding-xs)}.designbase-avatar-group--m .designbase-avatar-group__overflow{font-size:var(--db-text-s);height:var(--db-size-m);min-width:var(--db-size-m);padding:0 var(--db-padding-s)}.designbase-avatar-group--l .designbase-avatar-group__overflow{font-size:var(--db-text-base);height:var(--db-size-l);min-width:var(--db-size-l);padding:0 var(--db-padding-s)}.designbase-avatar-group--xl .designbase-avatar-group__overflow{font-size:var(--db-text-l);height:var(--db-size-xl);min-width:var(--db-size-xl);padding:0 var(--db-padding-m)}.designbase-avatar-group--2xl .designbase-avatar-group__overflow{font-size:var(--db-text-xl);height:var(--db-size-2xl);min-width:var(--db-size-2xl);padding:0 var(--db-padding-m)}.designbase-avatar-group--max-2 .designbase-avatar-group__item:nth-child(n+3),.designbase-avatar-group--max-3 .designbase-avatar-group__item:nth-child(n+4),.designbase-avatar-group--max-4 .designbase-avatar-group__item:nth-child(n+5),.designbase-avatar-group--max-5 .designbase-avatar-group__item:nth-child(n+6){display:none}@media (max-width:640px){.designbase-avatar-group__item{margin-left:calc(var(--db-margin-xs)*-1)}.designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-s);min-width:var(--db-size-s);padding:0 var(--db-padding-xs)}}@keyframes designbase-avatar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.designbase-backdrop{transition:all var(--backdrop-animation-duration,.3s) ease-in-out}.designbase-backdrop--blur{backdrop-filter:blur(var(--backdrop-blur-amount,4px));-webkit-backdrop-filter:blur(var(--backdrop-blur-amount,4px))}.designbase-backdrop--fade.designbase-backdrop--open{animation:backdrop-fade-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--fade:not(.designbase-backdrop--open){animation:backdrop-fade-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--slide.designbase-backdrop--open{animation:backdrop-slide-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--slide:not(.designbase-backdrop--open){animation:backdrop-slide-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--zoom.designbase-backdrop--open{animation:backdrop-zoom-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--zoom:not(.designbase-backdrop--open){animation:backdrop-zoom-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--none{transition:none}.designbase-backdrop:focus{outline:none}.designbase-backdrop:focus-visible{outline:2px solid var(--db-color-info);outline-offset:2px}@media (prefers-contrast:high){.designbase-backdrop{background-color:rgba(0,0,0,.8)}}@media (prefers-reduced-motion:reduce){.designbase-backdrop{animation:none!important;transition:none!important}}@media (hover:none) and (pointer:coarse){.designbase-backdrop{min-height:44px;min-width:44px}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}@keyframes backdrop-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes backdrop-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (max-width:768px){.designbase-backdrop{padding:16px}}@media (max-width:480px){.designbase-backdrop{padding:8px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.designbase-backdrop--blur{backdrop-filter:blur(calc(var(--backdrop-blur-amount, 4px)*.5));-webkit-backdrop-filter:blur(calc(var(--backdrop-blur-amount, 4px)*.5))}}@media print{.designbase-backdrop{display:none!important}}.designbase-banner{border:1px solid;border-radius:var(--db-radius-m);overflow:hidden}.designbase-banner,.designbase-banner__container{align-items:center;display:flex;position:relative;width:100%}.designbase-banner__container{gap:var(--db-gap-m);z-index:2}.designbase-banner__icon{align-items:center;color:inherit;display:flex;flex-shrink:0;justify-content:center}.designbase-banner__image{border-radius:var(--db-radius-s);flex-shrink:0;overflow:hidden}.designbase-banner__image img{height:100%;object-fit:cover;width:100%}.designbase-banner__content{flex:1;min-width:0}.designbase-banner__title{color:inherit;font-weight:var(--db-weight-semibold);line-height:var(--db-leading-tight);margin:0}.designbase-banner__description{color:inherit;line-height:var(--db-leading-normal);margin:var(--db-margin-xs) 0 0 0;opacity:.9}.designbase-banner__actions{display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-banner__background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.designbase-banner__overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.designbase-banner--s{padding:var(--db-padding-s)}.designbase-banner--s .designbase-banner__title{font-size:var(--db-text-base)}.designbase-banner--s .designbase-banner__description{font-size:var(--db-text-s)}.designbase-banner--s .designbase-banner__icon{height:20px;width:20px}.designbase-banner--s .designbase-banner__image{height:32px;width:32px}.designbase-banner--m{padding:var(--db-padding-m)}.designbase-banner--m .designbase-banner__title{font-size:var(--db-text-l)}.designbase-banner--m .designbase-banner__description{font-size:var(--db-text-base)}.designbase-banner--m .designbase-banner__icon{height:24px;width:24px}.designbase-banner--m .designbase-banner__image{height:40px;width:40px}.designbase-banner--l{padding:var(--db-padding-l)}.designbase-banner--l .designbase-banner__title{font-size:var(--db-text-xl)}.designbase-banner--l .designbase-banner__description{font-size:var(--db-text-l)}.designbase-banner--l .designbase-banner__icon{height:32px;width:32px}.designbase-banner--l .designbase-banner__image{height:48px;width:48px}.designbase-banner--primary{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary)}.designbase-banner--primary,.designbase-banner--primary .designbase-banner__description,.designbase-banner--primary .designbase-banner__icon,.designbase-banner--primary .designbase-banner__title{color:var(--db-text-inverse-primary)}.designbase-banner--secondary{background-color:var(--db-brand-secondary);border-color:var(--db-brand-secondary);color:var(--db-text-primary)}.designbase-banner--secondary .designbase-banner__icon{color:var(--db-icon-primary)}.designbase-banner--secondary .designbase-banner__description{color:var(--db-text-secondary)}.designbase-banner--tertiary{background-color:var(--db-surface-layer-1);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-banner--tertiary .designbase-banner__icon{color:var(--db-icon-primary)}.designbase-banner--tertiary .designbase-banner__description{color:var(--db-text-secondary)}.designbase-banner--image{background-color:transparent;border:none}.designbase-banner--image,.designbase-banner--image .designbase-banner__description,.designbase-banner--image .designbase-banner__icon,.designbase-banner--image .designbase-banner__title{color:var(--db-text-inverse-primary)}@media (max-width:768px){.designbase-banner--l{padding:var(--db-padding-m)}.designbase-banner--l .designbase-banner__title{font-size:var(--db-text-l)}.designbase-banner--l .designbase-banner__description{font-size:var(--db-text-base)}.designbase-banner__container{flex-wrap:wrap;gap:var(--db-gap-s)}.designbase-banner__actions{justify-content:flex-start;width:100%}}.designbase-bottom-navigation{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);position:relative;width:100%;z-index:var(--db-z-navigation)}.designbase-bottom-navigation--fixed{bottom:0;left:0;position:fixed;right:0}.designbase-bottom-navigation__container{align-items:stretch;display:flex;margin:0 auto;max-width:100%}.designbase-bottom-navigation__item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:60px;padding:var(--db-padding-xs) var(--db-padding-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-bottom-navigation__item:hover:not(.designbase-bottom-navigation__item--disabled){background-color:var(--db-interactive-bg-hover)}.designbase-bottom-navigation__item:focus{outline:2px solid var(--db-border-focus);outline-offset:-2px}.designbase-bottom-navigation__item--active{background-color:var(--db-brand-primary-alpha-10);color:var(--db-brand-primary)}.designbase-bottom-navigation__item--active .designbase-bottom-navigation__icon{color:var(--db-brand-primary)}.designbase-bottom-navigation__item--active .designbase-bottom-navigation__label{color:var(--db-brand-primary);font-weight:var(--db-weight-medium)}.designbase-bottom-navigation__item--disabled{cursor:not-allowed;opacity:.5}.designbase-bottom-navigation__item-content{align-items:center;display:flex;flex-direction:column;gap:var(--db-gap-xs);width:100%}.designbase-bottom-navigation__icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.designbase-bottom-navigation__icon{color:var(--db-icon-muted);transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-bottom-navigation__label{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight);max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap}.designbase-bottom-navigation__badge{border-radius:9px;font-size:10px;height:18px;line-height:1;min-width:18px;padding:2px 4px;position:absolute;right:-8px;top:-4px}.designbase-bottom-navigation--s .designbase-bottom-navigation__item{min-height:48px;padding:var(--db-padding-xs)}.designbase-bottom-navigation--s .designbase-bottom-navigation__label{font-size:10px}.designbase-bottom-navigation--m .designbase-bottom-navigation__item{min-height:60px}.designbase-bottom-navigation--l .designbase-bottom-navigation__item{min-height:72px;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-bottom-navigation--l .designbase-bottom-navigation__label{font-size:var(--db-text-s)}.designbase-bottom-navigation--glass{backdrop-filter:blur(10px);background-color:rgba(var(--db-surface-base-rgb),.8);border-top:1px solid rgba(var(--db-border-base-rgb),.2)}.designbase-bottom-navigation--transparent{background-color:transparent;border-top:none}@supports (padding-bottom:env(safe-area-inset-bottom)){.designbase-bottom-navigation--fixed{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:480px){.designbase-bottom-navigation__item{padding:var(--db-padding-xs)}.designbase-bottom-navigation__label{font-size:10px}}@media (prefers-color-scheme:dark){.designbase-bottom-navigation--glass{background-color:rgba(var(--db-surface-base-rgb),.9)}}.designbase-bottom-sheet{background-color:var(--db-surface-base);border-radius:var(--db-radius-xl) var(--db-radius-xl) 0 0;bottom:0;box-shadow:var(--db-shadow-xl);display:flex;flex-direction:column;left:0;max-height:100vh;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform var(--db-animation-speed,.3s) ease-out;z-index:var(--db-z-index,1001)}.designbase-bottom-sheet--open{transform:translateY(0)}.designbase-bottom-sheet--dragging{cursor:grabbing;transition:none;user-select:none}.designbase-bottom-sheet--s{max-height:40vh}.designbase-bottom-sheet--m{max-height:60vh}.designbase-bottom-sheet--l{max-height:80vh}.designbase-bottom-sheet--xl{max-height:90vh}.designbase-bottom-sheet--full,.designbase-bottom-sheet--fullscreen{border-radius:0;max-height:100vh}.designbase-bottom-sheet--fade.designbase-bottom-sheet--open{animation:bottom-sheet-fade-in var(--db-animation-speed,.3s) ease-out}.designbase-bottom-sheet--fade:not(.designbase-bottom-sheet--open){animation:bottom-sheet-fade-out var(--db-animation-speed,.3s) ease-in}.designbase-bottom-sheet--scale.designbase-bottom-sheet--open{animation:bottom-sheet-scale-in var(--db-animation-speed,.3s) ease-out}.designbase-bottom-sheet--scale:not(.designbase-bottom-sheet--open){animation:bottom-sheet-scale-out var(--db-animation-speed,.3s) ease-in}.designbase-bottom-sheet--none{transition:none}.designbase-bottom-sheet__handle{background-color:var(--db-border-base);border-radius:2px;cursor:grab;height:4px;margin:var(--db-margin-s) auto;transition:background-color var(--db-animation-speed,.2s) ease;width:40px}.designbase-bottom-sheet__handle:hover{background-color:var(--db-border-secondary)}.designbase-bottom-sheet__handle:active{cursor:grabbing}.designbase-bottom-sheet__header{background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-m)}.designbase-bottom-sheet__header--sticky{position:sticky;top:0;z-index:10}.designbase-bottom-sheet__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0}.designbase-bottom-sheet__subtitle{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-normal);margin:0}.designbase-bottom-sheet__content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto;padding:var(--db-padding-m)}.designbase-bottom-sheet__content::-webkit-scrollbar{width:6px}.designbase-bottom-sheet__content::-webkit-scrollbar-track{background:transparent}.designbase-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:3px}.designbase-bottom-sheet__content::-webkit-scrollbar-thumb:hover{background-color:var(--db-border-secondary)}.designbase-bottom-sheet__footer{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-bottom-sheet__footer--sticky{bottom:0;position:sticky;z-index:10}.designbase-bottom-sheet:focus{outline:none}.designbase-bottom-sheet:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.designbase-bottom-sheet{animation:none!important;transition:none!important}}@media (hover:none) and (pointer:coarse){.designbase-bottom-sheet .designbase-bottom-sheet__handle{height:6px;margin:var(--db-margin-m) auto;width:60px}}.designbase-backdrop{align-items:center;background-color:rgba(0,0,0,var(--backdrop-opacity,.5));bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all var(--db-animation-speed) ease-in-out;visibility:hidden;z-index:var(--backdrop-z-index,1000)}.designbase-backdrop--blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.designbase-backdrop--open{opacity:1;visibility:visible}.designbase-backdrop--bottom-sheet{align-items:flex-end;justify-content:flex-end}@keyframes bottom-sheet-fade-in{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bottom-sheet-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100%) scale(.95)}}@keyframes bottom-sheet-scale-in{0%{transform:translateY(100%) scale(.8)}to{transform:translateY(0) scale(1)}}@keyframes bottom-sheet-scale-out{0%{transform:translateY(0) scale(1)}to{transform:translateY(100%) scale(.8)}}@media (max-width:768px){.designbase-bottom-sheet__header{padding:var(--db-padding-s) var(--db-padding-m) var(--db-padding-xs)}.designbase-bottom-sheet__content,.designbase-bottom-sheet__footer{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-bottom-sheet__title{font-size:var(--db-text-l)}}@media (max-width:480px){.designbase-bottom-sheet{border-radius:var(--db-radius-l) var(--db-radius-l) 0 0}.designbase-bottom-sheet__header{padding:var(--db-padding-xs) var(--db-padding-s) var(--db-padding-xxs)}.designbase-bottom-sheet__content,.designbase-bottom-sheet__footer{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-bottom-sheet__title{font-size:var(--db-text-base)}.designbase-bottom-sheet__subtitle{font-size:var(--db-text-xs)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.designbase-bottom-sheet{box-shadow:var(--db-shadow-lg)}}@media print{.designbase-bottom-sheet{display:none!important}}.designbase-bottom-sheet:focus-within{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-breadcrumbs{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-text-s)}.designbase-breadcrumbs__list{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.designbase-breadcrumbs__item{align-items:center;display:flex;margin-bottom:0}.designbase-breadcrumbs__link{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-secondary);display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs);text-decoration:none;transition:all .2s ease}.designbase-breadcrumbs__link:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-breadcrumbs__link:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-breadcrumbs__link--active{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-breadcrumbs__link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-breadcrumbs__text{align-items:center;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-breadcrumbs__text--active{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-breadcrumbs__text--disabled{opacity:var(--db-opacity-50)}.designbase-breadcrumbs__icon{align-items:center;display:flex;font-size:var(--db-text-s);height:16px;justify-content:center;width:16px}.designbase-breadcrumbs__label{white-space:nowrap}.designbase-breadcrumbs__separator{align-items:center;color:var(--db-text-tertiary);display:flex;font-size:var(--db-text-xs);height:16px;justify-content:center;margin:0 var(--db-margin-xs);width:16px}.designbase-breadcrumbs--contained{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-breadcrumb);padding:var(--db-padding-s)}.designbase-breadcrumbs--underlined{border-bottom:1px solid var(--db-border-base);padding-bottom:var(--db-padding-xs)}.designbase-breadcrumbs--s{font-size:var(--db-text-xs)}.designbase-breadcrumbs--s .designbase-breadcrumbs__link,.designbase-breadcrumbs--s .designbase-breadcrumbs__text{padding:var(--db-padding-xs)}.designbase-breadcrumbs--s .designbase-breadcrumbs__icon,.designbase-breadcrumbs--s .designbase-breadcrumbs__separator{font-size:var(--db-text-xs);height:12px;width:12px}.designbase-breadcrumbs--m{font-size:var(--db-text-s)}.designbase-breadcrumbs--l{font-size:var(--db-text-base)}.designbase-breadcrumbs--l .designbase-breadcrumbs__link,.designbase-breadcrumbs--l .designbase-breadcrumbs__text{padding:var(--db-padding-s)}.designbase-breadcrumbs--l .designbase-breadcrumbs__icon{font-size:var(--db-text-base);height:20px;width:20px}.designbase-breadcrumbs--l .designbase-breadcrumbs__separator{font-size:var(--db-text-s);height:20px;width:20px}.designbase-breadcrumbs--minimal .designbase-breadcrumbs__link,.designbase-breadcrumbs--minimal .designbase-breadcrumbs__text{padding:var(--db-padding-xs) 0}.designbase-breadcrumbs--minimal .designbase-breadcrumbs__separator{margin:0 var(--db-margin-xs)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__link{background-color:var(--db-white);border:1px solid var(--db-border-base)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__link:hover{background-color:var(--db-bg-selected);border-color:var(--db-color-info)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__text{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base)}.designbase-breadcrumbs--collapsed .designbase-breadcrumbs__separator{position:relative}.designbase-breadcrumbs--collapsed .designbase-breadcrumbs__separator:before{content:"...";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.designbase-breadcrumbs__list{flex-wrap:wrap}.designbase-breadcrumbs__item{margin-bottom:var(--db-margin-xs)}.designbase-breadcrumbs__separator{margin:0 var(--db-margin-xs) var(--db-margin-xs) var(--db-margin-xs)}}.designbase-breadcrumbs:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-segment-control{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-l);display:flex;gap:0;padding:var(--db-padding-xs);position:relative;width:fit-content}.designbase-segment-control__segment{align-items:center;background:none;border:1px solid transparent;border-radius:var(--db-radius-m);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);justify-content:center;line-height:var(--db-leading-tight);min-width:0;outline:none;padding:var(--db-padding-s);position:relative;transition:all .15s ease-in-out;z-index:1}.designbase-segment-control__segment:hover:not(.designbase-segment-control__segment--disabled){color:var(--db-text-primary)}.designbase-segment-control__segment:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-segment-control__segment--selected{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);box-shadow:var(--db-shadow-sm);color:var(--db-text-primary)}.designbase-segment-control__segment--focused{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-segment-control__segment--disabled{background-color:var(--db-surface-layer-1);color:var(--db-text-disabled);cursor:not-allowed}.designbase-segment-control__segment-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:0;opacity:0;overflow:hidden;transition:all .15s ease-in-out;width:0}.designbase-segment-control__segment--selected .designbase-segment-control__segment-icon,.designbase-segment-control__segment:hover:not(.designbase-segment-control__segment--disabled) .designbase-segment-control__segment-icon{margin-right:var(--db-gap-xs);opacity:1;width:auto}.designbase-segment-control__segment-label{white-space:nowrap}.designbase-segment-control__indicator{background-color:var(--db-surface-base);border-radius:var(--db-radius-m);bottom:var(--db-spacing-2);box-shadow:var(--db-shadow-sm);left:var(--db-spacing-2);pointer-events:none;position:absolute;top:var(--db-spacing-2);transition:transform .2s ease-in-out;z-index:0}.designbase-segment-control--s{border-radius:var(--db-radius-m);padding:var(--db-padding-xxs)}.designbase-segment-control--s .designbase-segment-control__segment{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs)}.designbase-segment-control--s .designbase-segment-control__indicator{bottom:var(--db-spacing-1);left:var(--db-spacing-1);top:var(--db-spacing-1)}.designbase-segment-control--m{border-radius:var(--db-radius-l);padding:var(--db-padding-xs)}.designbase-segment-control--m .designbase-segment-control__segment{font-size:var(--db-text-s);line-height:var(--db-leading-tight);padding:var(--db-padding-s)}.designbase-segment-control--m .designbase-segment-control__indicator{bottom:var(--db-spacing-2);left:var(--db-spacing-2);top:var(--db-spacing-2)}.designbase-segment-control--l{border-radius:var(--db-radius-xl);padding:var(--db-padding-s)}.designbase-segment-control--l .designbase-segment-control__segment{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-segment-control--l .designbase-segment-control__indicator{bottom:var(--db-spacing-3);left:var(--db-spacing-3);top:var(--db-spacing-3)}.designbase-segment-control--full-width{width:100%}.designbase-segment-control--full-width .designbase-segment-control__segment{flex:1;min-width:0}.designbase-segment-control--disabled{cursor:not-allowed;opacity:.6}.designbase-segment-control--disabled .designbase-segment-control__segment{cursor:not-allowed}.designbase-modal{background-color:var(--db-surface-base);border-radius:var(--db-radius-modal-m);box-shadow:var(--db-shadow-modal);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;transform:translateY(0);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-modal__overlay{align-items:center;backdrop-filter:blur(4px);background-color:var(--db-overlay-base);display:flex;inset:0;justify-content:center;padding:var(--db-padding-l);position:fixed;z-index:var(--db-z-modal)}.designbase-modal__content{display:flex;flex-direction:column;height:100%;overflow:auto}.designbase-modal__header{align-items:center;background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-muted);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-m)}.designbase-modal__header-content{flex:1}.designbase-modal__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0}.designbase-modal__close-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-muted);cursor:pointer;display:flex;height:var(--db-size-button-m);justify-content:center;margin-left:var(--db-margin-m);transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-button-m)}.designbase-modal__close-button:hover{background-color:var(--db-interactive-bg-hover);color:var(--db-icon-hover)}.designbase-modal__close-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-modal__body{flex:1;overflow-y:auto;padding:var(--db-padding-m)}.designbase-modal__footer{align-items:center;background-color:var(--db-surface-base);border-top:1px solid var(--db-border-muted);display:flex;flex-shrink:0;gap:var(--db-gap-s);justify-content:flex-end;padding:var(--db-padding-m)}.designbase-modal--s{max-width:var(--db-size-modal-s);width:100%}.designbase-modal--m{max-width:var(--db-size-modal-m);width:100%}.designbase-modal--l{max-width:var(--db-size-modal-l);width:100%}.designbase-modal--xl{max-width:var(--db-size-modal-xl);width:100%}.designbase-modal--full{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.designbase-modal--full .designbase-modal__overlay{padding:0}.designbase-modal[data-state=entered],.designbase-modal[data-state=entering]{opacity:1;transform:translateY(0)}.designbase-modal[data-state=exiting]{opacity:0;transform:translateY(-10px)}.designbase-modal__overlay[data-state=entered],.designbase-modal__overlay[data-state=entering]{opacity:1}.designbase-modal__overlay[data-state=exiting]{opacity:0}.designbase-label{color:var(--db-text-primary,#111827);cursor:pointer;display:inline-block;font-weight:var(--db-weight-medium,500);line-height:var(--db-leading-normal,1.5);transition:color var(--db-animation-speed,.2s) ease}.designbase-label--s{font-size:var(--db-text-xs)}.designbase-label--m{font-size:var(--db-text-s)}.designbase-label--l{font-size:var(--db-text-base)}.designbase-label__required{color:var(--db-feedback-error-fg,#dc2626);font-weight:var(--db-weight-semibold,600);margin-left:var(--db-margin-xs)}.designbase-label--disabled{color:var(--db-text-disabled,#9ca3af);cursor:not-allowed;opacity:.6}.designbase-label--error{color:var(--db-feedback-error-fg,#dc2626)}.designbase-label:not(.designbase-label--disabled):hover{color:var(--db-text-secondary,#6b7280)}.designbase-label:has(+* input:focus),.designbase-label:has(+* textarea:focus),.designbase-label:has(+:focus){color:var(--db-brand-primary,#3b82f6)}.designbase-input{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-input__wrapper{align-items:center;display:flex;position:relative}.designbase-input__field{background-color:var(--db-field-bg);border:1px solid var(--db-field-border);border-radius:var(--db-radius-input-m);color:var(--db-field-text);outline:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-input__field::placeholder{color:var(--db-field-placeholder)}.designbase-input__field:hover:not(:disabled):not(:focus){background-color:var(--db-field-bg-hover);border-color:var(--db-field-border-hover)}.designbase-input__field:focus{border-color:var(--db-field-border-focus);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10)}.designbase-input__field:disabled{background-color:var(--db-field-bg-disabled);color:var(--db-field-text-disabled);cursor:not-allowed}.designbase-input__field:read-only{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-input__end-icon,.designbase-input__start-icon{color:var(--db-icon-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.designbase-input__start-icon{left:var(--db-padding-s)}.designbase-input__end-icon{right:var(--db-padding-s)}.designbase-input__password-toggle{background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-muted);cursor:pointer;padding:var(--db-padding-xs);position:absolute;right:var(--db-padding-s);top:50%;transform:translateY(-50%);transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:1}.designbase-input__password-toggle:hover:not(:disabled){background-color:var(--db-surface-hover);color:var(--db-icon-hover)}.designbase-input__password-toggle:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-input__password-toggle:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-input__helper-text{color:var(--db-text-secondary)}.designbase-input__error-message,.designbase-input__helper-text{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:0}.designbase-input__error-message{color:var(--db-text-error)}.designbase-input--s .designbase-input__field{font-size:var(--db-text-s);line-height:var(--db-leading-normal);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-input--s.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-s) + 16px + var(--db-padding-xs))}.designbase-input--s.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-s) + 16px + var(--db-padding-xs))}.designbase-input--m .designbase-input__field{font-size:var(--db-text-s);line-height:var(--db-leading-normal);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-input--m.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-m) + 20px + var(--db-padding-xs))}.designbase-input--m.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-m) + 20px + var(--db-padding-xs))}.designbase-input--l .designbase-input__field{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-input--l.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-l) + 24px + var(--db-padding-xs))}.designbase-input--l.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-l) + 24px + var(--db-padding-xs))}.designbase-input--error .designbase-input__field{border-color:var(--db-field-border-error)}.designbase-input--error .designbase-input__field:focus{border-color:var(--db-field-border-error);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10)}.designbase-input--disabled .designbase-input__field{background-color:var(--db-field-bg-disabled);color:var(--db-field-text-disabled);cursor:not-allowed}.designbase-input--disabled .designbase-input__end-icon,.designbase-input--disabled .designbase-input__start-icon{color:var(--db-icon-disabled)}.designbase-input--readonly .designbase-input__field{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-input--full-width{width:100%}.designbase-checkbox{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-s);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-checkbox__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-checkbox__visual{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-action-s);color:var(--db-icon-default);display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{align-items:center;color:inherit;display:flex;height:100%;justify-content:center;width:100%}.designbase-checkbox__visual .designbase-checkbox__check-icon svg,.designbase-checkbox__visual .designbase-checkbox__indeterminate-icon svg{color:inherit;height:60%;width:60%}.designbase-checkbox__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-checkbox .designbase-checkbox__visual{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-checkbox:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual{background-color:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-checkbox.designbase-checkbox--selected .designbase-checkbox__visual{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-icon-inverse)}.designbase-checkbox.designbase-checkbox--selected .designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox.designbase-checkbox--selected .designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{color:var(--db-icon-inverse)}.designbase-checkbox.designbase-checkbox--selected:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual{background-color:var(--color-foundation-blue-800);border-color:var(--color-foundation-blue-800);color:var(--db-icon-inverse)}.designbase-checkbox.designbase-checkbox--selected:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox.designbase-checkbox--selected:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{color:var(--db-icon-inverse)}.designbase-checkbox--no-label{gap:0}.designbase-checkbox--s{font-size:var(--db-text-xs)}.designbase-checkbox--s .designbase-checkbox__visual{height:var(--db-size-checkbox-xs);width:var(--db-size-checkbox-xs)}.designbase-checkbox--m{font-size:var(--db-text-s)}.designbase-checkbox--m .designbase-checkbox__visual{height:var(--db-size-checkbox-s);width:var(--db-size-checkbox-s)}.designbase-checkbox--l{font-size:var(--db-text-base)}.designbase-checkbox--l .designbase-checkbox__visual{height:var(--db-size-checkbox-m);width:var(--db-size-checkbox-m)}.designbase-checkbox--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-checkbox--disabled .designbase-checkbox__visual{background-color:var(--db-surface-muted);border-color:var(--db-border-muted);color:var(--db-icon-disabled)}.designbase-checkbox--disabled .designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox--disabled .designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{color:var(--db-icon-disabled)}.designbase-checkbox--disabled .designbase-checkbox__label{color:var(--db-text-disabled)}.designbase-checkbox--readonly{cursor:default}.designbase-checkbox:focus-within .designbase-checkbox__visual{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-select{display:flex;flex-direction:column;gap:var(--db-gap-xs);position:relative}.designbase-select__label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-select__required{color:var(--db-feedback-error-fg);margin-left:var(--db-margin-xs)}.designbase-select__trigger{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:pointer;display:flex;gap:var(--db-gap-s);justify-content:space-between;outline:none;padding:var(--db-padding-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-select__trigger:hover:not(.designbase-select__trigger--disabled){border-color:var(--db-border-layer-1)}.designbase-select__trigger--focused,.designbase-select__trigger:focus{border-color:var(--db-brand-primary);box-shadow:0 0 0 3px var(--db-brand-primary-alpha-10)}.designbase-select__value{align-items:center;display:flex;flex:1;min-width:0}.designbase-select__single-value{color:var(--db-text-primary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__tags{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--db-gap-xs);min-height:20px;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--db-border-base) transparent;scrollbar-width:thin}.designbase-select__tags::-webkit-scrollbar{height:4px}.designbase-select__tags::-webkit-scrollbar-track{background:transparent}.designbase-select__tags::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:2px}.designbase-select__tags::-webkit-scrollbar-thumb:hover{background-color:var(--db-border-layer-1)}.designbase-select__tag{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-primary);display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs)}.designbase-select__tag-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__tag-remove{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-primary);cursor:pointer;display:flex;height:16px;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:16px}.designbase-select__tag-remove:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-select__search-input{background:none;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);line-height:var(--db-leading-tight);min-width:60px;outline:none}.designbase-select__search-input::placeholder{color:var(--db-text-tertiary)}.designbase-select__indicators{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-xs)}.designbase-select__clear-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:20px}.designbase-select__clear-button:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-select__chevron{align-items:center;color:var(--db-text-secondary);display:flex;height:20px;justify-content:center;transition:transform .15s ease-in-out;width:20px}.designbase-select__dropdown{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);left:0;opacity:0;position:absolute;right:0;transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-select__dropdown--open{opacity:1;visibility:visible}.designbase-select__dropdown--bottom{top:100%;transform:translateY(-4px)}.designbase-select__dropdown--bottom.designbase-select__dropdown--open{transform:translateY(0)}.designbase-select__dropdown--top{bottom:100%;transform:translateY(4px)}.designbase-select__dropdown--top.designbase-select__dropdown--open{transform:translateY(0)}.designbase-select__dropdown--full{width:100%}.designbase-select__dropdown--auto{min-width:100%;width:auto}.designbase-select__options{max-height:200px;overflow-y:auto;padding:var(--db-padding-xs)}.designbase-select__option{align-items:center;border-radius:var(--db-radius-s);cursor:pointer;display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-select__option:hover:not(.designbase-select__option--disabled){background-color:var(--db-surface-layer-1)}.designbase-select__option--selected{background-color:var(--db-brand-primary-alpha-10);color:var(--db-text-primary)}.designbase-select__option--focused{background-color:var(--db-surface-layer-1)}.designbase-select__option--disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-select__checkbox{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.designbase-select__checkbox .designbase-checkbox{margin:0;min-height:auto;padding:0}.designbase-select__checkbox .designbase-checkbox__visual{height:16px;width:16px}.designbase-select__option-label{flex:1;font-size:var(--db-text-s);line-height:var(--db-leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__no-options{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);padding:var(--db-padding-m);text-align:center}.designbase-select__helper-text{color:var(--db-text-secondary)}.designbase-select__error-message,.designbase-select__helper-text{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:0}.designbase-select__error-message{color:var(--db-feedback-error-fg)}.designbase-select--s .designbase-select__trigger{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-select--s .designbase-select__search-input,.designbase-select--s .designbase-select__single-value,.designbase-select--s .designbase-select__trigger{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-select--m .designbase-select__trigger{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-select--m .designbase-select__search-input,.designbase-select--m .designbase-select__single-value,.designbase-select--m .designbase-select__trigger{font-size:var(--db-text-s);line-height:var(--db-leading-tight)}.designbase-select--l .designbase-select__trigger{padding:var(--db-padding-m) var(--db-padding-l)}.designbase-select--l .designbase-select__search-input,.designbase-select--l .designbase-select__single-value,.designbase-select--l .designbase-select__trigger{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-select--error .designbase-select__trigger{border-color:var(--db-feedback-error-fg)}.designbase-select--error .designbase-select__trigger:focus{border-color:var(--db-feedback-error-fg);box-shadow:0 0 0 3px var(--db-feedback-error-bg)}.designbase-select--disabled .designbase-select__trigger{background-color:var(--db-surface-disabled);border-color:var(--db-border-disabled);color:var(--db-text-disabled);cursor:not-allowed}.designbase-select--disabled .designbase-select__single-value{color:var(--db-text-disabled)}.designbase-select--readonly .designbase-select__trigger{background-color:var(--db-surface-disabled);color:var(--db-text-primary);cursor:default}.designbase-select--full-width{width:100%}.designbase-select--multiple .designbase-select__trigger{min-height:40px}@media (max-width:640px){.designbase-select .designbase-select__dropdown{border-radius:var(--db-radius-l) var(--db-radius-l) 0 0;bottom:0;left:0;max-height:50vh;position:fixed;right:0;top:auto}.designbase-select .designbase-select__options{max-height:none}}.designbase-calendar{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);display:flex;flex-direction:column;overflow:hidden}.designbase-calendar__header{align-items:center;background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-m)}.designbase-calendar__navigation{align-items:center;display:flex;gap:var(--db-gap-m)}.designbase-calendar__nav-button{align-items:center;background-color:var(--db-surface-base);border:none;border-radius:var(--db-radius-m);color:var(--db-icon-default);cursor:pointer;display:flex;font-size:var(--db-text-base);height:var(--db-size-m);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-m)}.designbase-calendar__nav-button:hover:not(:disabled){background-color:var(--db-surface-layer-1);color:var(--db-brand-primary)}.designbase-calendar__nav-button:active:not(:disabled){transform:scale(.95)}.designbase-calendar__nav-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-calendar__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0;min-width:120px;text-align:center}.designbase-calendar__body{flex:1;overflow:hidden}.designbase-calendar__month-view{display:flex;flex-direction:column;height:100%}.designbase-calendar__weekdays{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:grid;grid-template-columns:repeat(7,1fr)}.designbase-calendar__weekday{border-right:1px solid var(--db-border-base);color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);padding:var(--db-padding-s);text-align:center}.designbase-calendar__weekday:last-child{border-right:none}.designbase-calendar__days{display:grid;flex:1;gap:0;grid-template-columns:repeat(7,1fr);min-height:400px}.designbase-calendar__day{border-bottom:1px solid var(--db-border-base);border-right:1px solid var(--db-border-base);cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:var(--db-padding-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__day:hover{background-color:var(--db-surface-layer-1)}.designbase-calendar__day:nth-child(7n){border-right:none}.designbase-calendar__day--current-month{background-color:var(--db-surface-base)}.designbase-calendar__day:not(.designbase-calendar__day--current-month){background-color:var(--db-surface-layer-1);color:var(--db-text-tertiary)}.designbase-calendar__day:not(.designbase-calendar__day--current-month) .designbase-calendar__day-number{color:var(--db-text-tertiary)}.designbase-calendar__day--today{background-color:var(--db-surface-layer-1)}.designbase-calendar__day--today .designbase-calendar__day-number{align-items:center;background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);display:flex;font-weight:var(--db-weight-semibold);height:var(--db-size-m);justify-content:center;width:var(--db-size-m)}.designbase-calendar__day--weekend{background-color:var(--db-surface-base)}.designbase-calendar__day-number{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-calendar__day-events{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-xs);position:relative}.designbase-calendar__event-bar{align-items:center;border-radius:3px;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;font-size:11px;font-weight:var(--db-weight-medium);height:20px;overflow:hidden;padding:0 var(--db-padding-xs);position:relative;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap;z-index:3}.designbase-calendar__event-bar:hover{box-shadow:var(--db-shadow-md);transform:translateY(-1px)}.designbase-calendar__event-bar--dragging{opacity:var(--db-opacity-disabled);transform:rotate(5deg)}.designbase-calendar__event-bar--drag-over{border:2px dashed var(--db-brand-primary)}.designbase-calendar__event-bar--meeting{background-color:var(--color-foundation-blue-500)}.designbase-calendar__event-bar--task{background-color:var(--color-foundation-yellow-500)}.designbase-calendar__event-bar--reminder{background-color:var(--color-foundation-green-500)}.designbase-calendar__event-bar--birthday{background-color:var(--color-foundation-red-500)}.designbase-calendar__event-bar--holiday{background-color:var(--color-foundation-blue-500)}.designbase-calendar__event-bar--custom{background-color:var(--color-foundation-gray-500)}.designbase-calendar__event-title{font-size:10px;line-height:var(--db-leading-none);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-calendar__drop-zone{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:1}.designbase-calendar__drop-zone--active{background-color:var(--color-foundation-blue-50);border:2px dashed var(--db-brand-primary);pointer-events:auto;z-index:2}.designbase-calendar__more-events{color:var(--db-text-secondary);font-size:10px;font-weight:var(--db-weight-medium)}.designbase-calendar__week-view{display:flex;flex-direction:column;height:100%}.designbase-calendar__week-header{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:grid;grid-template-columns:60px repeat(7,1fr)}.designbase-calendar__time-column-header,.designbase-calendar__week-day-header{border-right:1px solid var(--db-border-base);padding:var(--db-padding-m) var(--db-padding-s)}.designbase-calendar__week-day-header{cursor:pointer;text-align:center;transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-day-header:hover{background-color:var(--db-surface-layer-2)}.designbase-calendar__week-day-header:last-child{border-right:none}.designbase-calendar__week-day-header--today{background-color:var(--db-surface-layer-1);color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-calendar__week-day-name{color:var(--db-text-secondary);display:block;font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs)}.designbase-calendar__week-day-number{color:var(--db-text-primary);display:block;font-size:var(--db-text-base);font-weight:var(--db-weight-medium)}.designbase-calendar__week-grid{display:flex;flex:1;overflow:hidden}.designbase-calendar__time-column{background-color:var(--db-surface-layer-1);border-right:1px solid var(--db-border-base);width:60px}.designbase-calendar__time-slot{align-items:center;border-bottom:1px solid var(--db-border-secondary);display:flex;height:60px;justify-content:center}.designbase-calendar__time-label{color:var(--db-text-secondary);font-size:11px;font-weight:var(--db-weight-medium)}.designbase-calendar__week-columns{display:grid;flex:1;grid-template-columns:repeat(7,1fr)}.designbase-calendar__week-column{border-right:1px solid var(--db-border-secondary)}.designbase-calendar__week-column:last-child{border-right:none}.designbase-calendar__week-cell{border-bottom:1px solid var(--db-border-secondary);cursor:pointer;height:60px;position:relative;transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-cell:active,.designbase-calendar__week-cell:hover{background-color:var(--db-surface-layer-2)}.designbase-calendar__week-event{color:var(--db-text-inverse-primary);font-size:10px;font-weight:var(--db-weight-medium);text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-event:hover{box-shadow:var(--db-shadow-md);transform:scale(1.02)}.designbase-calendar__year-view{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:var(--db-padding-l)}.designbase-calendar__year-month{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:pointer;padding:var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__year-month:hover{border-color:var(--db-brand-primary);box-shadow:var(--db-shadow-sm)}.designbase-calendar__year-month-title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0;text-align:center}.designbase-calendar__year-month-events{display:flex;flex-direction:column;gap:4px;min-height:80px}.designbase-calendar__year-event{border-radius:2px;height:4px}.designbase-calendar__year-event,.designbase-calendar__year-event--meeting{background-color:var(--color-foundation-blue-500)}.designbase-calendar__year-event--task{background-color:var(--color-foundation-yellow-500)}.designbase-calendar__year-event--reminder{background-color:var(--color-foundation-green-500)}.designbase-calendar__year-event--birthday{background-color:var(--color-foundation-red-500)}.designbase-calendar__year-event--holiday{background-color:var(--color-foundation-blue-500)}.designbase-calendar__year-event--custom{background-color:var(--color-foundation-gray-500)}.designbase-calendar__year-more-events{color:var(--db-text-secondary);font-size:11px;font-style:italic;text-align:center}.designbase-calendar__event-form{display:flex;flex-direction:column;gap:16px}.designbase-calendar__form-row{display:flex;flex-direction:column;gap:8px}.designbase-calendar__form-row label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-calendar__form-row input[type=checkbox]{margin-right:8px}.designbase-calendar__time-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.designbase-calendar__color-picker{display:flex;flex-wrap:wrap;gap:8px}.designbase-calendar__color-option{border:2px solid transparent;border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.designbase-calendar__color-option:hover{transform:scale(1.1)}.designbase-calendar__color-option--selected{border-color:var(--db-text-primary);transform:scale(1.1)}.designbase-calendar__form-info{background-color:var(--db-surface-layer-1);border-left:4px solid var(--db-brand-primary);border-radius:var(--db-radius-s);padding:var(--db-padding-s)}.designbase-calendar__form-info p{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0}.designbase-calendar__modal-actions{align-items:center;display:flex;justify-content:space-between;width:100%}.designbase-calendar__modal-buttons{display:flex;gap:8px}.designbase-calendar__input{border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-s);transition:border-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-calendar__input:focus{border-color:var(--db-brand-primary);box-shadow:0 0 0 2px var(--color-foundation-blue-100);outline:none}.designbase-calendar__input::placeholder{color:var(--db-text-disabled)}.designbase-calendar__select{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);cursor:pointer;font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-s);transition:border-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-calendar__select:focus{border-color:var(--db-brand-primary);box-shadow:0 0 0 2px var(--color-foundation-blue-100);outline:none}@media (max-width:768px){.designbase-calendar__header{flex-direction:column;gap:12px;padding:12px 16px}.designbase-calendar__navigation{justify-content:space-between;width:100%}.designbase-calendar__title{min-width:auto}.designbase-calendar__days{min-height:300px}.designbase-calendar__day{min-height:60px;padding:4px}.designbase-calendar__day-number{font-size:12px}.designbase-calendar__event-dot{height:6px;width:6px}.designbase-calendar__year-view{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.designbase-calendar__year-month{padding:12px}.designbase-calendar__year-month-title{font-size:14px}.designbase-calendar__week-header{grid-template-columns:50px repeat(7,1fr)}.designbase-calendar__time-column{width:50px}.designbase-calendar__time-slot{height:50px}.designbase-calendar__time-label{font-size:10px}.designbase-calendar__week-cell{height:50px}}@media (max-width:480px){.designbase-calendar__year-view{gap:8px;grid-template-columns:1fr;padding:12px}.designbase-calendar__week-header{grid-template-columns:40px repeat(7,1fr)}.designbase-calendar__time-column{width:40px}.designbase-calendar__time-slot,.designbase-calendar__week-cell{height:40px}.designbase-calendar__week-day-header{padding:8px 4px}.designbase-calendar__week-day-name{font-size:var(--db-text-xs)}.designbase-calendar__week-day-number{font-size:var(--db-text-s)}}.designbase-image{background-color:var(--db-surface-layer-1);display:block;overflow:hidden;position:relative}.designbase-image__img{height:100%;object-fit:cover;opacity:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image__img--loaded{opacity:1}.designbase-image__img--error{opacity:0}.designbase-image--ratio-auto .designbase-image__img{object-fit:contain}.designbase-image--ratio-1-1{aspect-ratio:1/1}.designbase-image--ratio-16-9{aspect-ratio:16/9}.designbase-image--ratio-4-3{aspect-ratio:4/3}.designbase-image--ratio-3-2{aspect-ratio:3/2}.designbase-image--ratio-3-4{aspect-ratio:3/4}.designbase-image--ratio-2-1{aspect-ratio:2/1}.designbase-image--fit-cover .designbase-image__img{object-fit:cover}.designbase-image--fit-contain .designbase-image__img{object-fit:contain}.designbase-image--fit-fill .designbase-image__img{object-fit:fill}.designbase-image--fit-none .designbase-image__img{object-fit:none}.designbase-image--fit-scale-down .designbase-image__img{object-fit:scale-down}.designbase-image--rounded{border-radius:var(--db-radius-m)}.designbase-image--rounded-sm{border-radius:var(--db-radius-s)}.designbase-image--rounded-md{border-radius:var(--db-radius-m)}.designbase-image--rounded-lg{border-radius:var(--db-radius-l)}.designbase-image--rounded-full{border-radius:var(--db-radius-full)}.designbase-image--shadow,.designbase-image--shadow-sm{box-shadow:var(--db-shadow-sm)}.designbase-image--shadow-md{box-shadow:var(--db-shadow-md)}.designbase-image--shadow-lg{box-shadow:var(--db-shadow-lg)}.designbase-image--hover{cursor:pointer;transition:transform var(--db-animation-speed) var(--db-animation-ease),box-shadow var(--db-animation-speed) var(--db-animation-ease)}.designbase-image--hover:hover{box-shadow:var(--db-shadow-lg);transform:translateY(-2px)}.designbase-image--hover:active{transform:translateY(0)}.designbase-image--full-width{width:100%}.designbase-image--full-height{height:100%}.designbase-image--clickable{cursor:pointer}.designbase-image--error .designbase-image__img,.designbase-image--loading .designbase-image__img{opacity:0}.designbase-image__placeholder{align-items:center;background-color:var(--db-surface-layer-1);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image__placeholder--visible{opacity:1}.designbase-image__placeholder--skeleton .designbase-image__skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--db-bg-muted) 25%,var(--db-surface-layer-1) 50%,var(--db-bg-muted) 75%);background-size:200% 100%;height:100%;width:100%}.designbase-image__placeholder--blur .designbase-image__blur{background-color:var(--db-surface-layer-1);filter:blur(10px);height:100%;transform:scale(1.1);width:100%}.designbase-image__error{align-items:center;background-color:var(--db-surface-layer-1);color:var(--db-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:var(--db-padding-m);position:absolute;text-align:center;top:0;width:100%}.designbase-image__error-text{font-size:var(--db-text-s);line-height:var(--db-leading-tight);margin-top:var(--db-margin-s)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.designbase-image__error{padding:var(--db-padding-s)}.designbase-image__error-text{font-size:var(--db-text-xs)}}.designbase-card{--card-padding:var(--db-padding-m);--card-gap:var(--db-gap-m);--card-title-size:var(--db-text-l);--card-subtitle-size:var(--db-text-base);--card-desc-size:var(--db-text-base);--card-radius:var(--db-radius-l);--card-image-height:160px;--card-title-weight:var(--db-weight-semibold);border:1px solid var(--db-border-base);border-radius:var(--card-radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.designbase-card,.designbase-card.designbase-card--default{background:var(--db-surface-base);box-shadow:var(--db-shadow-card)}.designbase-card.designbase-card--default{border:1px solid var(--db-border-base)}.designbase-card.designbase-card--elevated{background:var(--db-surface-base);border:1px solid var(--db-border-layer-1);box-shadow:var(--db-shadow-card-hover)}.designbase-card.designbase-card--outlined{background:var(--db-surface-base);border:2px solid var(--db-border-layer-1);box-shadow:none}.designbase-card.designbase-card--filled{background:var(--db-surface-layer-1);border:1px solid var(--db-border-layer-2);box-shadow:none}.designbase-card.designbase-card--flat{background:transparent;border:1px solid transparent;box-shadow:none}.designbase-card.designbase-card--s{--card-padding:var(--db-padding-s);--card-gap:var(--db-gap-s);--card-title-size:var(--db-text-base);--card-subtitle-size:var(--db-text-s);--card-desc-size:var(--db-text-s);--card-radius:var(--db-radius-m);--card-image-height:120px;--card-title-weight:var(--db-weight-semibold)}.designbase-card.designbase-card--m{--card-padding:var(--db-padding-m);--card-gap:var(--db-gap-m);--card-title-size:var(--db-text-l);--card-subtitle-size:var(--db-text-base);--card-desc-size:var(--db-text-base);--card-radius:var(--db-radius-l);--card-image-height:160px;--card-title-weight:var(--db-weight-semibold)}.designbase-card.designbase-card--l{--card-padding:var(--db-padding-l);--card-gap:var(--db-gap-m);--card-title-size:var(--db-text-xl);--card-subtitle-size:var(--db-text-l);--card-desc-size:var(--db-text-l);--card-radius:var(--db-radius-xl);--card-image-height:200px;--card-title-weight:var(--db-weight-bold)}.designbase-card.designbase-card--xl{--card-padding:var(--db-padding-xl);--card-gap:var(--db-gap-l);--card-title-size:var(--db-text-2xl);--card-subtitle-size:var(--db-text-xl);--card-desc-size:var(--db-text-xl);--card-radius:var(--db-radius-2xl);--card-image-height:240px;--card-title-weight:var(--db-weight-bold)}.designbase-card.designbase-card--horizontal{flex-direction:row}.designbase-card.designbase-card--horizontal .designbase-card__image--left,.designbase-card.designbase-card--horizontal .designbase-card__image--right{flex:0 0 auto;height:auto;width:180px}.designbase-card.designbase-card--horizontal .designbase-card__image--right{order:2}.designbase-card.designbase-card--horizontal .designbase-card__content{display:flex;flex:1;flex-direction:column;justify-content:center}.designbase-card.designbase-card--compact{--card-padding:var(--db-padding-s);--card-gap:var(--db-gap-s)}.designbase-card.designbase-card--clickable{cursor:pointer;user-select:none}.designbase-card.designbase-card--clickable:hover{box-shadow:var(--db-shadow-card-hover);transform:translateY(-2px)}.designbase-card.designbase-card--clickable:active{transform:translateY(0)}.designbase-card.designbase-card--hoverable:hover{border-color:var(--db-border-layer-1);box-shadow:var(--db-shadow-card-hover)}.designbase-card.designbase-card--selectable{cursor:pointer}.designbase-card.designbase-card--selectable:hover{border-color:var(--db-border-layer-1)}.designbase-card.designbase-card--selected{background:var(--db-surface-layer-1);border-color:var(--db-brand-primary)}.designbase-card.designbase-card--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-card.designbase-card--loading{pointer-events:none}.designbase-card.designbase-card--full-width{width:100%}.designbase-card__image{background:var(--db-surface-layer-1);overflow:hidden;position:relative}.designbase-card__image--bottom,.designbase-card__image--top{height:var(--card-image-height)}.designbase-card__image--left,.designbase-card__image--right{height:100%}.designbase-card__image--background{inset:0;position:absolute;z-index:1}.designbase-card__image-element{display:block;height:100%;object-fit:cover;width:100%}.designbase-card__image-element:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-card__content{display:flex;flex:1;flex-direction:column;gap:var(--card-gap);padding:var(--card-padding)}.designbase-card__icon{align-items:center;color:var(--db-icon-primary);display:flex}.designbase-card__header{display:flex;flex-direction:column;gap:var(--db-gap-xs);margin:0}.designbase-card__title{color:var(--db-text-primary);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--db-leading-snug);margin:0}.designbase-card__subtitle{color:var(--db-text-secondary);font-size:var(--card-subtitle-size);font-weight:var(--db-weight-normal);line-height:var(--db-leading-normal);margin:0}.designbase-card__description{color:var(--db-text-secondary);font-size:var(--card-desc-size);line-height:var(--db-leading-relaxed);margin:0}.designbase-card__body{color:var(--db-text-primary);line-height:var(--db-leading-relaxed);margin:0}.designbase-card__tags{display:flex;flex-wrap:wrap;gap:var(--db-gap-xs)}.designbase-card__tag{background:var(--db-surface-layer-2);border:1px solid var(--db-border-muted);border-radius:var(--db-radius-m);color:var(--db-text-primary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-card__meta{color:var(--db-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--db-text-s);gap:var(--db-gap-s)}.designbase-card__meta-item{align-items:center;display:inline-flex;gap:var(--db-gap-xs);white-space:nowrap}.designbase-card__meta-label{color:var(--db-text-secondary);font-weight:var(--db-weight-medium)}.designbase-card__meta-sep{color:var(--db-text-tertiary)}.designbase-card__meta-value{color:var(--db-text-primary)}.designbase-card__actions{border-top:1px solid var(--db-border-muted);display:flex;flex-wrap:wrap;gap:var(--db-gap-s);margin-top:auto;padding-top:var(--db-padding-s)}.designbase-card__select-overlay{backdrop-filter:blur(2px);background:var(--db-surface-alpha);border-radius:var(--db-radius-s);left:var(--db-padding-s);padding:var(--db-padding-xs);position:absolute;top:var(--db-padding-s);z-index:5}.designbase-card__select-input{cursor:pointer;height:16px;width:16px}.designbase-card__loading-overlay{background:var(--db-surface-transparent);display:grid;inset:0;place-items:center;position:absolute;z-index:10}.designbase-card__loading-spinner{animation:cardLoadingSpin 1s linear infinite;border-top:3px solid var(--db-border-muted);border:3px solid var(--db-border-muted);border-radius:50%;border-top-color:var(--db-brand-primary);height:32px;width:32px}@keyframes cardLoadingSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.designbase-card.designbase-card--horizontal{flex-direction:column}.designbase-card.designbase-card--horizontal .designbase-card__image--left,.designbase-card.designbase-card--horizontal .designbase-card__image--right{height:var(--card-image-height);order:-1;width:100%}.designbase-card__actions{flex-direction:column}.designbase-card__actions .designbase-button{width:100%}}.designbase-card.designbase-card--clickable:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-indicator{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-indicator--horizontal{flex-direction:row}.designbase-indicator--vertical{align-items:center;flex-direction:column}.designbase-indicator--dots{gap:var(--db-gap-m)}.designbase-indicator--line{align-items:center;gap:var(--db-gap-s)}.designbase-indicator__dot{background-color:var(--db-border-base);border-radius:50%;height:12px;position:relative;transition:transform .2s ease;width:12px}.designbase-indicator__dot--active{background-color:var(--db-brand-primary)}.designbase-indicator__circle{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:100%}.designbase-indicator__circle-bg{opacity:.2}.designbase-indicator__circle-progress{transition:stroke-dashoffset .1s linear}.designbase-indicator__line-segment{background-color:var(--db-border-base);border-radius:999px;height:6px;overflow:hidden;position:relative;width:40px}.designbase-indicator__line-segment--active{background-color:var(--db-brand-primary)}.designbase-indicator__line-segment--current{background-color:var(--db-border-base)}.designbase-indicator--vertical .designbase-indicator__line-segment{height:40px;width:6px}.designbase-indicator__line-fill{background-color:var(--db-brand-primary);height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left center;transition:transform .05s linear;width:100%}.designbase-carousel{overflow:hidden;position:relative;width:100%}.designbase-carousel--size-s .designbase-carousel__container{height:200px}.designbase-carousel--size-s .designbase-carousel__slide-title{font-size:var(--db-text-s)}.designbase-carousel--size-s .designbase-carousel__slide-description{font-size:var(--db-text-xs)}.designbase-carousel--size-s .designbase-carousel__nav-button{height:32px;width:32px}.designbase-carousel--size-s .designbase-carousel__indicator{height:8px;width:8px}.designbase-carousel--size-s .designbase-carousel__action-button{height:28px;width:28px}.designbase-carousel--size-m .designbase-carousel__container{height:300px}.designbase-carousel--size-m .designbase-carousel__slide-title{font-size:var(--db-text-base)}.designbase-carousel--size-m .designbase-carousel__slide-description{font-size:var(--db-text-s)}.designbase-carousel--size-m .designbase-carousel__nav-button{height:40px;width:40px}.designbase-carousel--size-m .designbase-carousel__indicator{height:10px;width:10px}.designbase-carousel--size-m .designbase-carousel__action-button{height:32px;width:32px}.designbase-carousel--size-l .designbase-carousel__container{height:400px}.designbase-carousel--size-l .designbase-carousel__slide-title{font-size:var(--db-text-l)}.designbase-carousel--size-l .designbase-carousel__slide-description{font-size:var(--db-text-base)}.designbase-carousel--size-l .designbase-carousel__nav-button{height:48px;width:48px}.designbase-carousel--size-l .designbase-carousel__indicator{height:12px;width:12px}.designbase-carousel--size-l .designbase-carousel__action-button{height:36px;width:36px}.designbase-carousel--size-xl .designbase-carousel__container{height:500px}.designbase-carousel--size-xl .designbase-carousel__slide-title{font-size:var(--db-text-xl)}.designbase-carousel--size-xl .designbase-carousel__slide-description{font-size:var(--db-text-l)}.designbase-carousel--size-xl .designbase-carousel__nav-button{height:56px;width:56px}.designbase-carousel--size-xl .designbase-carousel__indicator{height:14px;width:14px}.designbase-carousel--size-xl .designbase-carousel__action-button{height:40px;width:40px}.designbase-carousel--variant-default .designbase-carousel__slide{border-radius:var(--db-radius-m);overflow:hidden}.designbase-carousel--variant-cards .designbase-carousel__slide{background:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-md);overflow:hidden}.designbase-carousel--variant-gallery .designbase-carousel__slide{border-radius:var(--db-radius-s);overflow:hidden}.designbase-carousel--variant-gallery .designbase-carousel__slide-image{overflow:hidden;position:relative}.designbase-carousel--variant-gallery .designbase-carousel__slide-img{transition:transform .3s ease}.designbase-carousel--variant-gallery .designbase-carousel__slide:hover .designbase-carousel__slide-img{transform:scale(1.05)}.designbase-carousel--variant-hero .designbase-carousel__container{height:600px}.designbase-carousel--variant-hero .designbase-carousel__slide{overflow:hidden;position:relative}.designbase-carousel--variant-hero .designbase-carousel__slide-info{background:rgba(0,0,0,.7);border-radius:var(--db-radius-l);left:50%;max-width:80%;padding:var(--db-padding-xl);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.designbase-carousel--variant-hero .designbase-carousel__slide-title{font-size:var(--db-text-3xl);margin-bottom:var(--db-margin-md)}.designbase-carousel--variant-hero .designbase-carousel__slide-description{font-size:var(--db-text-l)}.designbase-carousel--variant-testimonial .designbase-carousel__slide{align-items:center;background:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--db-padding-xl);text-align:center}.designbase-carousel--variant-testimonial .designbase-carousel__slide-description{font-size:var(--db-text-l);font-style:italic;margin-bottom:var(--db-margin-lg)}.designbase-carousel--variant-testimonial .designbase-carousel__slide-meta{font-weight:var(--db-weight-semibold)}.designbase-carousel--theme-light{color:var(--db-text-primary)}.designbase-carousel--theme-dark{color:var(--db-text-inverse-primary)}.designbase-carousel--theme-dark .designbase-carousel__slide{background:var(--db-bg-inverse)}.designbase-carousel--theme-dark .designbase-carousel__action-button,.designbase-carousel--theme-dark .designbase-carousel__autoplay-button,.designbase-carousel--theme-dark .designbase-carousel__fullscreen-button,.designbase-carousel--theme-dark .designbase-carousel__nav-button,.designbase-carousel--theme-dark .designbase-carousel__quick-nav-button{background:var(--db-overlay-base);color:var(--db-text-inverse-primary)}.designbase-carousel--theme-dark .designbase-carousel__action-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__autoplay-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__fullscreen-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__nav-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__quick-nav-button:hover:not(:disabled){background:var(--db-overlay-base)}.designbase-carousel--transition-slide .designbase-carousel__track{transition:transform .3s ease}.designbase-carousel--transition-fade .designbase-carousel__slide{opacity:0;transition:opacity .3s ease}.designbase-carousel--transition-fade .designbase-carousel__slide--active{opacity:1}.designbase-carousel--transition-zoom .designbase-carousel__slide{transform:scale(.8);transition:transform .3s ease}.designbase-carousel--transition-zoom .designbase-carousel__slide--active{transform:scale(1)}.designbase-carousel--transition-flip .designbase-carousel__slide{transform:rotateY(90deg);transition:transform .6s ease}.designbase-carousel--transition-flip .designbase-carousel__slide--active{transform:rotateY(0deg)}.designbase-carousel--transition-cube .designbase-carousel__track{perspective:1000px;transform-style:preserve-3d}.designbase-carousel--transition-cube .designbase-carousel__slide{transform:rotateY(0deg) translateZ(0);transition:transform .6s ease}.designbase-carousel--indicator-dots .designbase-carousel__indicator-dot{border-radius:50%}.designbase-carousel--indicator-lines .designbase-carousel__indicator-line{background:var(--db-border-base);border-radius:2px;height:3px;transition:all .2s ease;width:100%}.designbase-carousel--indicator-lines .designbase-carousel__indicator--active .designbase-carousel__indicator-line{background:var(--db-color-info);transform:scaleX(1.5)}.designbase-carousel--indicator-numbers .designbase-carousel__indicator-number{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);transition:all .2s ease}.designbase-carousel--indicator-numbers .designbase-carousel__indicator--active .designbase-carousel__indicator-number{color:var(--db-color-info);font-weight:var(--db-weight-semibold)}.designbase-carousel--indicator-thumbnails .designbase-carousel__indicator-thumbnail{border-radius:var(--border-radius-semantic-radius-sm,4px);height:100%;object-fit:cover;opacity:.6;transition:all .2s ease;width:100%}.designbase-carousel--indicator-thumbnails .designbase-carousel__indicator--active .designbase-carousel__indicator-thumbnail{opacity:1;transform:scale(1.1)}.designbase-carousel--disabled,.designbase-carousel--readonly .designbase-carousel__action-button,.designbase-carousel--readonly .designbase-carousel__autoplay-button,.designbase-carousel--readonly .designbase-carousel__fullscreen-button,.designbase-carousel--readonly .designbase-carousel__indicator,.designbase-carousel--readonly .designbase-carousel__nav-button,.designbase-carousel--readonly .designbase-carousel__quick-nav-button{opacity:.5;pointer-events:none}.designbase-carousel--dragging{cursor:grabbing;user-select:none}.designbase-carousel--dragging .designbase-carousel__track{transition:none;will-change:transform}.designbase-carousel--dragging .designbase-carousel__slide{pointer-events:none}.designbase-carousel--fullscreen{background:var(--db-surface-base);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.designbase-carousel--fullscreen .designbase-carousel__container{height:100vh}.designbase-carousel--transitioning .designbase-carousel__track{pointer-events:none}.designbase-carousel__container{border-radius:var(--db-radius-l);height:300px;overflow:hidden;position:relative;width:100%}.designbase-carousel__track{-webkit-user-drag:none;height:100%;touch-action:pan-y pinch-zoom;user-select:none;width:100%}.designbase-carousel__slide,.designbase-carousel__track{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.designbase-carousel__slide{cursor:pointer;flex-direction:column;flex-shrink:0;pointer-events:auto;position:relative;touch-action:none}.designbase-carousel__slide:hover{transform:translateY(-2px)}.designbase-carousel__slide-image{flex:1;overflow:hidden;position:relative}.designbase-carousel__slide-img{-webkit-user-drag:none;height:100%;object-fit:cover;pointer-events:none;transition:transform .3s ease;user-select:none;width:100%}.designbase-carousel__slide-content{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--db-padding-l)}.designbase-carousel__slide-info{background:linear-gradient(transparent,rgba(0,0,0,.7));bottom:0;color:var(--db-text-inverse-primary);left:0;padding:var(--db-padding-l);position:absolute;right:0}.designbase-carousel__slide-title{font-weight:var(--db-weight-semibold);line-height:1.4;margin:0 0 var(--db-margin-xs) 0}.designbase-carousel__slide-description{font-size:var(--db-text-s);line-height:1.5;margin:0;opacity:.9}.designbase-carousel__slide-meta{align-items:center;display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-s);margin-top:var(--db-margin-sm);opacity:.8}.designbase-carousel__slide-author,.designbase-carousel__slide-date,.designbase-carousel__slide-rating{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-carousel__slide-actions{display:flex;flex-direction:column;gap:var(--db-gap-xs);position:absolute;right:var(--db-margin-md);top:var(--db-margin-md);z-index:10}.designbase-carousel__action-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.designbase-carousel__action-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__action-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__action-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__action-button--active{background:var(--db-color-info)}.designbase-carousel__action-button--active:hover:not(:disabled){background:var(--db-blue-700)}.designbase-carousel__action-button--like.designbase-carousel__action-button--active{background:var(--db-red-600)}.designbase-carousel__action-button--like.designbase-carousel__action-button--active:hover:not(:disabled){background:var(--db-red-700)}.designbase-carousel__nav-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.designbase-carousel__nav-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.designbase-carousel__nav-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__nav-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__nav-button--prev{left:var(--db-margin-s)}.designbase-carousel__nav-button--next{right:var(--db-margin-s)}.designbase-carousel__quick-nav-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.3);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:10}.designbase-carousel__quick-nav-button:hover:not(:disabled){background:rgba(0,0,0,.5);transform:translateY(-50%) scale(1.1)}.designbase-carousel__quick-nav-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__quick-nav-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__quick-nav-button--first{left:var(--db-margin-sm)}.designbase-carousel__quick-nav-button--last{right:var(--db-margin-sm)}.designbase-carousel__fullscreen-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--db-margin-m);top:var(--db-margin-m);transition:all .2s ease;width:36px;z-index:10}.designbase-carousel__fullscreen-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__fullscreen-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__fullscreen-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__controls{align-items:center;display:flex;gap:var(--db-gap-l);justify-content:center;margin-top:var(--db-margin-md);padding:var(--db-padding-m)}.designbase-carousel__indicators{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:center}.designbase-carousel__indicator{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:10px;justify-content:center;padding:0;transition:all .2s ease;width:10px}.designbase-carousel__indicator:hover:not(:disabled){transform:scale(1.2)}.designbase-carousel__indicator:focus{outline:2px solid var(--color-semantic-primary-default,#3b82f6);outline-offset:2px}.designbase-carousel__indicator:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__indicator-dot{background:var(--db-border-base);border-radius:50%;height:100%;transition:all .2s ease;width:100%}.designbase-carousel__indicator--active .designbase-carousel__indicator-dot{background:var(--db-color-info);transform:scale(1.2)}.designbase-carousel__autoplay-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.designbase-carousel__autoplay-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__autoplay-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__autoplay-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.designbase-carousel__container{height:250px}.designbase-carousel__nav-button{height:36px;width:36px}.designbase-carousel__nav-button--prev{left:var(--db-margin-s)}.designbase-carousel__nav-button--next{right:var(--db-margin-s)}.designbase-carousel__action-button{height:28px;width:28px}.designbase-carousel__slide-info{padding:var(--db-padding-m)}.designbase-carousel__slide-title{font-size:var(--db-text-s)}.designbase-carousel__slide-description{font-size:var(--db-text-xs)}.designbase-carousel__controls{flex-direction:column;gap:var(--db-gap-s)}}@media (max-width:480px){.designbase-carousel__container{height:200px}.designbase-carousel__nav-button{height:32px;width:32px}.designbase-carousel__nav-button--prev{left:var(--db-margin-xs)}.designbase-carousel__nav-button--next{right:var(--db-margin-xs)}.designbase-carousel__action-button{height:24px;width:24px}.designbase-carousel__slide-info{padding:var(--db-padding-s)}.designbase-carousel__controls{margin-top:var(--db-margin-s)}}.designbase-chip{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-full);color:var(--db-text-primary);display:inline-flex;font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap}.designbase-chip__end-icon,.designbase-chip__start-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-chip__end-icon svg,.designbase-chip__start-icon svg{display:block}.designbase-chip__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-chip__delete-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-full);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-xs);height:var(--db-size-s);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-s)}.designbase-chip__delete-button:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-chip__delete-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-chip__delete-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-chip--s{font-size:var(--db-text-xs);gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-chip--s .designbase-chip__end-icon svg,.designbase-chip--s .designbase-chip__start-icon svg{height:12px;width:12px}.designbase-chip--s .designbase-chip__delete-button{font-size:12px;height:12px;width:12px}.designbase-chip--m{font-size:var(--db-text-s);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-chip--m .designbase-chip__end-icon svg,.designbase-chip--m .designbase-chip__start-icon svg{height:16px;width:16px}.designbase-chip--m .designbase-chip__delete-button{font-size:12px;height:16px;width:16px}.designbase-chip--l{font-size:var(--db-text-base);gap:var(--db-gap-s);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-chip--l .designbase-chip__end-icon svg,.designbase-chip--l .designbase-chip__start-icon svg{height:20px;width:20px}.designbase-chip--l .designbase-chip__delete-button{font-size:14px;height:20px;width:20px}.designbase-chip--default{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-chip--default,.designbase-chip--default .designbase-chip__end-icon,.designbase-chip--default .designbase-chip__start-icon{color:var(--db-text-primary)}.designbase-chip--default .designbase-chip__delete-button{color:var(--db-text-secondary)}.designbase-chip--default .designbase-chip__delete-button:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-chip--primary{background-color:var(--color-foundation-blue-50);border-color:var(--color-foundation-blue-200)}.designbase-chip--primary,.designbase-chip--primary .designbase-chip__end-icon,.designbase-chip--primary .designbase-chip__start-icon{color:var(--color-foundation-blue-700)}.designbase-chip--primary .designbase-chip__delete-button{color:var(--color-foundation-blue-600)}.designbase-chip--primary .designbase-chip__delete-button:hover{background-color:var(--color-foundation-blue-100);color:var(--color-foundation-blue-800)}.designbase-chip--success{background-color:var(--color-foundation-green-50);border-color:var(--color-foundation-green-200)}.designbase-chip--success,.designbase-chip--success .designbase-chip__end-icon,.designbase-chip--success .designbase-chip__start-icon{color:var(--color-foundation-green-700)}.designbase-chip--success .designbase-chip__delete-button{color:var(--color-foundation-green-600)}.designbase-chip--success .designbase-chip__delete-button:hover{background-color:var(--color-foundation-green-100);color:var(--color-foundation-green-800)}.designbase-chip--warning{background-color:var(--color-foundation-yellow-50);border-color:var(--color-foundation-yellow-200)}.designbase-chip--warning,.designbase-chip--warning .designbase-chip__end-icon,.designbase-chip--warning .designbase-chip__start-icon{color:var(--color-foundation-yellow-700)}.designbase-chip--warning .designbase-chip__delete-button{color:var(--color-foundation-yellow-600)}.designbase-chip--warning .designbase-chip__delete-button:hover{background-color:var(--color-foundation-yellow-100);color:var(--color-foundation-yellow-800)}.designbase-chip--danger{background-color:var(--color-foundation-red-50);border-color:var(--color-foundation-red-200)}.designbase-chip--danger,.designbase-chip--danger .designbase-chip__end-icon,.designbase-chip--danger .designbase-chip__start-icon{color:var(--color-foundation-red-700)}.designbase-chip--danger .designbase-chip__delete-button{color:var(--color-foundation-red-600)}.designbase-chip--danger .designbase-chip__delete-button:hover{background-color:var(--color-foundation-red-100);color:var(--color-foundation-red-800)}.designbase-chip--info{background-color:var(--color-foundation-blue-50);border-color:var(--color-foundation-blue-200)}.designbase-chip--info,.designbase-chip--info .designbase-chip__end-icon,.designbase-chip--info .designbase-chip__start-icon{color:var(--color-foundation-blue-700)}.designbase-chip--info .designbase-chip__delete-button{color:var(--color-foundation-blue-600)}.designbase-chip--info .designbase-chip__delete-button:hover{background-color:var(--color-foundation-blue-100);color:var(--color-foundation-blue-800)}.designbase-chip--neutral{background-color:var(--db-surface-layer-1);border-color:var(--db-border-muted)}.designbase-chip--neutral,.designbase-chip--neutral .designbase-chip__end-icon,.designbase-chip--neutral .designbase-chip__start-icon{color:var(--db-text-secondary)}.designbase-chip--neutral .designbase-chip__delete-button{color:var(--db-text-tertiary)}.designbase-chip--neutral .designbase-chip__delete-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-secondary)}.designbase-chip--deletable{padding-right:var(--db-padding-s)}.designbase-chip--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-chip--selected{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-chip--clickable{cursor:pointer}.designbase-chip--clickable:hover{box-shadow:var(--db-shadow-sm);transform:translateY(-1px)}.designbase-chip--clickable:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-chip--full-width{justify-content:center;width:100%}@media (max-width:640px){.designbase-chip__label{max-width:120px}}.designbase-color-picker{display:inline-flex;position:relative}.designbase-color-picker__trigger{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:pointer;display:flex;gap:var(--db-gap-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-color-picker__trigger:hover{border-color:var(--db-border-layer-1)}.designbase-color-picker__trigger:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-color-picker__color-display{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-color-picker__color-box{border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);box-shadow:var(--db-shadow-xs);height:var(--db-size-m);position:relative;width:var(--db-size-m)}.designbase-color-picker__color-box:before{background-image:linear-gradient(45deg,var(--db-border-base) 25%,transparent 25%),linear-gradient(-45deg,var(--db-border-base) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--db-border-base) 75%),linear-gradient(-45deg,transparent 75%,var(--db-border-base) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:var(--db-radius-s);content:"";inset:0;position:absolute;z-index:-1}.designbase-color-picker__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);min-width:80px;outline:none;padding:0;text-transform:uppercase}.designbase-color-picker__input::placeholder{color:var(--db-text-tertiary)}.designbase-color-picker__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-color-picker__toggle{align-items:center;background:transparent;border:none;color:var(--db-icon-default);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-color-picker__toggle:hover:not(:disabled){color:var(--db-icon-hover)}.designbase-color-picker__toggle:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-color-picker__toggle svg{transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-color-picker--open .designbase-color-picker__toggle svg{transform:rotate(180deg)}.designbase-color-picker__dropdown{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);min-width:320px;padding:var(--db-padding-m);position:absolute;z-index:var(--db-z-popover)}.designbase-color-picker--bottom-left .designbase-color-picker__dropdown{left:0;top:calc(100% + var(--db-margin-xs))}.designbase-color-picker--bottom-right .designbase-color-picker__dropdown{right:0;top:calc(100% + var(--db-margin-xs))}.designbase-color-picker--top-left .designbase-color-picker__dropdown{bottom:calc(100% + var(--db-margin-xs));left:0}.designbase-color-picker--top-right .designbase-color-picker__dropdown{bottom:calc(100% + var(--db-margin-xs));right:0}.designbase-color-picker__selector{display:flex;flex-direction:column;gap:var(--db-gap-m)}.designbase-color-picker__color-area{border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:crosshair;height:200px;overflow:hidden;position:relative;width:100%}.designbase-color-picker__color-field{cursor:crosshair;height:100%;position:relative;width:100%}.designbase-color-picker__color-pointer{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px}.designbase-color-picker__controls{align-items:center;display:flex;flex-direction:row;gap:var(--db-gap-s)}.designbase-color-picker__slider-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.designbase-color-picker__eyedropper{align-items:center;background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-icon-default);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:32px}.designbase-color-picker__eyedropper:hover{background-color:var(--db-surface-base);color:var(--db-icon-hover)}.designbase-color-picker__alpha-slider,.designbase-color-picker__hue-slider{height:16px;position:relative;width:100%}.designbase-color-picker__slider{-webkit-appearance:none;appearance:none;background:transparent;border-radius:var(--db-radius-full);cursor:pointer;height:8px;outline:none;position:relative;top:-6px;width:100%}.designbase-color-picker__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--db-surface-base);border:2px solid #fff;border-radius:var(--db-radius-full);box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:pointer;height:16px;width:16px}.designbase-color-picker__slider::-webkit-slider-thumb:hover{transform:scale(1.07)}.designbase-color-picker__slider::-moz-range-thumb{background:var(--db-surface-base);border:2px solid #fff;border-radius:var(--db-radius-full);box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:pointer;height:16px;width:16px}.designbase-color-picker__slider::-moz-range-thumb:hover{transform:scale(1.07)}.designbase-color-picker__slider--alpha,.designbase-color-picker__slider--hue{border-radius:var(--db-radius-full)}.designbase-color-picker__value-display{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-color-picker__value-input{flex:1}.designbase-color-picker__alpha-input-wrap{align-items:center;display:flex;gap:4px}.designbase-color-picker__alpha-input{width:45px}.designbase-color-picker__alpha-suffix{color:var(--db-text-secondary);font-size:var(--db-text-xs);padding-right:2px}.designbase-color-picker__copy-button,.designbase-color-picker__copy-button-inline{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-default);cursor:pointer;display:flex;flex-shrink:0;height:var(--db-size-s);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-s)}.designbase-color-picker__copy-button-inline:hover:not(:disabled),.designbase-color-picker__copy-button:hover:not(:disabled){background-color:var(--db-surface-layer-1);color:var(--db-icon-hover)}.designbase-color-picker__copy-button-inline:disabled,.designbase-color-picker__copy-button:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-color-picker--s .designbase-color-picker__trigger{gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-color-picker--s .designbase-color-picker__dropdown{padding:var(--db-padding-xs)}.designbase-color-picker--s .designbase-color-picker__color-box{height:var(--db-size-s);width:var(--db-size-s)}.designbase-color-picker--s .designbase-color-picker__input{font-size:var(--db-text-xs)}.designbase-color-picker--s .designbase-color-picker__toggle svg{height:14px;width:14px}.designbase-color-picker--m .designbase-color-picker__trigger{gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-color-picker--m .designbase-color-picker__dropdown{padding:var(--db-padding-s)}.designbase-color-picker--m .designbase-color-picker__color-box{height:var(--db-size-m);width:var(--db-size-m)}.designbase-color-picker--m .designbase-color-picker__input{font-size:var(--db-text-s)}.designbase-color-picker--m .designbase-color-picker__toggle svg{height:16px;width:16px}.designbase-color-picker--l .designbase-color-picker__trigger{gap:var(--db-gap-m);padding:var(--db-padding-m)}.designbase-color-picker--l .designbase-color-picker__dropdown{padding:var(--db-padding-m)}.designbase-color-picker--l .designbase-color-picker__color-box{height:var(--db-size-l);width:var(--db-size-l)}.designbase-color-picker--l .designbase-color-picker__input{font-size:var(--db-text-base)}.designbase-color-picker--l .designbase-color-picker__toggle svg{height:18px;width:18px}.designbase-color-picker--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-color-picker--readonly .designbase-color-picker__trigger{background-color:var(--db-surface-muted)}.designbase-color-picker--readonly .designbase-color-picker__input{cursor:default}.designbase-color-picker--readonly .designbase-color-picker__toggle{cursor:default;opacity:var(--db-opacity-disabled)}.designbase-color-picker--no-input .designbase-color-picker__trigger{gap:var(--db-gap-xs)}.designbase-color-picker--no-input .designbase-color-picker__input{display:none}@media (max-width:420px){.designbase-color-picker__dropdown{min-width:240px}}.designbase-confirm__overlay{align-items:center;animation:fadeIn .2s ease;background-color:var(--db-overlay-base);bottom:0;display:flex;justify-content:center;left:0;padding:var(--db-padding-m);position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-confirm__modal{animation:slideIn .2s ease;background-color:var(--db-surface-base);border-radius:var(--db-radius-xl);box-shadow:var(--db-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.designbase-confirm__modal--s{width:240px}.designbase-confirm__modal--m{width:320px}.designbase-confirm__modal--l{width:480px}.designbase-confirm__header{align-items:flex-start;display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-m);padding-bottom:0}.designbase-confirm__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-confirm__title-area{flex:1;min-width:0}.designbase-confirm__title{color:var(--db-text-primary);font-size:var(--db-text-l);line-height:var(--db-leading-normal);margin:0}.designbase-confirm__content{color:var(--db-text-secondary);flex:1;font-size:var(--db-text-s);line-height:var(--db-leading-relaxed);overflow-y:auto;padding:var(--db-padding-m);padding-top:0}.designbase-confirm__footer{border-top:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-s);justify-content:flex-end;padding:var(--db-padding-m)}.designbase-confirm__modal--info .designbase-confirm__icon{color:var(--db-blue-500)}.designbase-confirm__modal--success .designbase-confirm__icon{color:var(--db-green-500)}.designbase-confirm__modal--warning .designbase-confirm__icon{color:var(--db-yellow-500)}.designbase-confirm__modal--danger .designbase-confirm__icon{color:var(--db-red-500)}.designbase-confirm--s .designbase-confirm__header{padding:var(--db-padding-s) 0}.designbase-confirm--s .designbase-confirm__title{font-size:var(--db-text-base)}.designbase-confirm--s .designbase-confirm__content{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-confirm--s .designbase-confirm__footer{padding:var(--db-padding-s)}.designbase-confirm--m .designbase-confirm__header{padding:var(--db-padding-m)}.designbase-confirm--m .designbase-confirm__title{font-size:var(--db-text-l)}.designbase-confirm--m .designbase-confirm__content{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-confirm--m .designbase-confirm__footer{padding:0 var(--db-padding-m)}.designbase-confirm--l .designbase-confirm__header{padding:var(--db-padding-l)}.designbase-confirm--l .designbase-confirm__title{font-size:var(--db-text-xl)}.designbase-confirm--l .designbase-confirm__content{font-size:var(--db-text-l);padding:var(--db-padding-l)}.designbase-confirm--l .designbase-confirm__footer{padding:var(--db-padding-l)}@media (max-width:640px){.designbase-confirm__overlay{padding:var(--db-padding-s)}.designbase-confirm__modal{margin:0;max-width:100%;width:100%!important}.designbase-confirm__footer{flex-direction:column-reverse}.designbase-confirm__footer .designbase-button{width:100%}}.designbase-container{box-sizing:border-box;margin:0 auto;width:100%}.designbase-container--size-s{max-width:var(--db-container-max-width-s)}.designbase-container--size-m{max-width:var(--db-container-max-width-m)}.designbase-container--size-l{max-width:var(--db-container-max-width-l)}.designbase-container--size-xl{max-width:var(--db-container-max-width-xl)}.designbase-container--size-full{max-width:100%}.designbase-container--padding-none{padding-left:var(--db-container-padding-none);padding-right:var(--db-container-padding-none)}.designbase-container--padding-s{padding-left:var(--db-container-padding-s);padding-right:var(--db-container-padding-s)}.designbase-container--padding-m{padding-left:var(--db-container-padding-m);padding-right:var(--db-container-padding-m)}.designbase-container--padding-l,.designbase-container--padding-xl{padding-left:var(--db-container-padding-l);padding-right:var(--db-container-padding-l)}.designbase-container--margin-none{margin-bottom:0;margin-top:0}.designbase-container--margin-sm{margin-bottom:var(--spacing-semantic-margin-sm,8px);margin-top:var(--spacing-semantic-margin-sm,8px)}.designbase-container--margin-md{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}.designbase-container--margin-lg{margin-bottom:var(--spacing-semantic-margin-lg,24px);margin-top:var(--spacing-semantic-margin-lg,24px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-xl,32px);margin-top:var(--spacing-semantic-margin-xl,32px)}.designbase-container--border{border:1px solid var(--db-border-base)}.designbase-container--rounded{border-radius:var(--db-radius-m)}.designbase-container--rounded-sm{border-radius:var(--db-radius-s)}.designbase-container--rounded-md{border-radius:var(--db-radius-m)}.designbase-container--rounded-lg{border-radius:var(--db-radius-l)}.designbase-container--shadow,.designbase-container--shadow-sm{box-shadow:var(--db-shadow-sm)}.designbase-container--shadow-md{box-shadow:var(--db-shadow-md)}.designbase-container--shadow-lg{box-shadow:var(--db-shadow-lg)}@media (max-width:768px){.designbase-container--padding-lg{padding-left:var(--spacing-semantic-padding-md,16px);padding-right:var(--spacing-semantic-padding-md,16px)}.designbase-container--padding-xl{padding-left:var(--spacing-semantic-padding-lg,24px);padding-right:var(--spacing-semantic-padding-lg,24px)}.designbase-container--margin-lg{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-lg,24px);margin-top:var(--spacing-semantic-margin-lg,24px)}}@media (max-width:480px){.designbase-container--padding-lg,.designbase-container--padding-md{padding-left:var(--spacing-semantic-padding-sm,12px);padding-right:var(--spacing-semantic-padding-sm,12px)}.designbase-container--padding-xl{padding-left:var(--spacing-semantic-padding-md,16px);padding-right:var(--spacing-semantic-padding-md,16px)}.designbase-container--margin-lg,.designbase-container--margin-md{margin-bottom:var(--spacing-semantic-margin-sm,8px);margin-top:var(--spacing-semantic-margin-sm,8px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}}.designbase-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.designbase-menu-item__content{align-items:center;border-radius:var(--db-radius-m);cursor:default;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__content--clickable{cursor:pointer}.designbase-menu-item__content--clickable:hover{background-color:var(--db-surface-layer-1)}.designbase-menu-item__content--clickable:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-menu-item__icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__icon--primary{color:var(--db-icon-primary)}.designbase-menu-item__icon--success{color:var(--db-icon-success)}.designbase-menu-item__icon--warning{color:var(--db-icon-warning)}.designbase-menu-item__icon--danger{color:var(--db-icon-error)}.designbase-menu-item__icon--info{color:var(--db-icon-info)}.designbase-menu-item__icon--active{color:var(--db-icon-primary)}.designbase-menu-item__icon--disabled{color:var(--db-icon-disabled)}.designbase-menu-item__label{color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-menu-item__expand-icon{align-items:center;color:var(--db-text-secondary);display:flex;height:16px;justify-content:center;transition:transform .2s ease;width:16px}.designbase-menu-item__children{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-menu-item__children--dropdown{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-card-md);box-shadow:var(--db-shadow-lg);left:0;min-width:200px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:100%;transform:translateY(-10px);z-index:var(--db-z-popover)}.designbase-menu-item__children--accordion,.designbase-menu-item__children--dropdown{margin-top:var(--db-margin-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__children--accordion{max-height:0;overflow:hidden;padding-left:var(--db-padding-m)}.designbase-menu-item--dropdown{position:relative}.designbase-menu-item--expanded .designbase-menu-item__children--dropdown{opacity:1;transform:translateY(0)}.designbase-menu-item--expanded .designbase-menu-item__children--accordion{max-height:500px}.designbase-menu-item__child{align-items:center;border-radius:var(--db-radius-action-md);cursor:pointer;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__child:hover{background-color:var(--db-surface-layer-1)}.designbase-menu-item__child:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-menu-item__child--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-menu-item__child--active .designbase-menu-item__child-icon{color:var(--db-icon-info)}.designbase-menu-item__child--active .designbase-menu-item__child-label{color:var(--db-feedback-info-fg);font-weight:var(--db-weight-semibold)}.designbase-menu-item__child--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-menu-item__child--disabled:hover{background-color:transparent}.designbase-menu-item__child-icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;justify-content:center}.designbase-menu-item__child-label{color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-menu-item--inline{align-items:center;display:inline-flex;flex-direction:row;width:auto}.designbase-menu-item--inline .designbase-menu-item__content{padding:var(--db-padding-xs)}.designbase-menu-item--block{align-items:flex-start;display:flex;flex-direction:column;width:100%}.designbase-menu-item--block .designbase-menu-item__content{width:100%}.designbase-menu-item--s .designbase-menu-item__content{padding:var(--db-padding-xs)}.designbase-menu-item--s .designbase-menu-item__label{font-size:var(--db-text-xs)}.designbase-menu-item--s .designbase-menu-item__children{padding-left:var(--db-padding-s)}.designbase-menu-item--s .designbase-menu-item__child{padding:var(--db-padding-xs)}.designbase-menu-item--s .designbase-menu-item__child-label{font-size:var(--db-text-xs)}.designbase-menu-item--m .designbase-menu-item__content{padding:var(--db-padding-s)}.designbase-menu-item--m .designbase-menu-item__label{font-size:var(--db-text-s)}.designbase-menu-item--m .designbase-menu-item__children{padding-left:var(--db-padding-s)}.designbase-menu-item--m .designbase-menu-item__child{padding:var(--db-padding-s)}.designbase-menu-item--m .designbase-menu-item__child-label{font-size:var(--db-text-s)}.designbase-menu-item--l .designbase-menu-item__content{padding:var(--db-padding-m)}.designbase-menu-item--l .designbase-menu-item__label{font-size:var(--db-text-base)}.designbase-menu-item--l .designbase-menu-item__children{padding-left:var(--db-padding-m)}.designbase-menu-item--l .designbase-menu-item__child{padding:var(--db-padding-m)}.designbase-menu-item--l .designbase-menu-item__child-label{font-size:var(--db-text-base)}.designbase-menu-item--default .designbase-menu-item__content{color:var(--db-text-primary)}.designbase-menu-item--primary .designbase-menu-item__content,.designbase-menu-item--primary .designbase-menu-item__label{color:var(--db-text-link)}.designbase-menu-item--primary .designbase-menu-item__icon{color:var(--db-icon-primary)}.designbase-menu-item--success .designbase-menu-item__content,.designbase-menu-item--success .designbase-menu-item__label{color:var(--db-feedback-success-fg)}.designbase-menu-item--success .designbase-menu-item__icon{color:var(--db-icon-success)}.designbase-menu-item--warning .designbase-menu-item__content,.designbase-menu-item--warning .designbase-menu-item__label{color:var(--db-feedback-warning-fg)}.designbase-menu-item--warning .designbase-menu-item__icon{color:var(--db-icon-warning)}.designbase-menu-item--danger .designbase-menu-item__content,.designbase-menu-item--danger .designbase-menu-item__label{color:var(--db-feedback-error-fg)}.designbase-menu-item--danger .designbase-menu-item__icon{color:var(--db-icon-error)}.designbase-menu-item--info .designbase-menu-item__content,.designbase-menu-item--info .designbase-menu-item__label{color:var(--db-text-link)}.designbase-menu-item--info .designbase-menu-item__icon{color:var(--db-icon-info)}.designbase-menu-item--depth-1 .designbase-menu-item__content{padding-left:var(--db-padding-m)}.designbase-menu-item--depth-2 .designbase-menu-item__content{padding-left:var(--db-padding-l)}.designbase-menu-item--depth-3 .designbase-menu-item__content{padding-left:var(--db-padding-xl)}.designbase-menu-item--active .designbase-menu-item__content{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-menu-item--active .designbase-menu-item__icon{color:var(--db-icon-info)}.designbase-menu-item--active .designbase-menu-item__label{color:var(--db-feedback-info-fg);font-weight:var(--db-weight-semibold)}.designbase-menu-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-menu-item--disabled .designbase-menu-item__content{cursor:not-allowed}.designbase-menu-item--disabled .designbase-menu-item__content:hover{background-color:transparent}@media (max-width:640px){.designbase-menu-item__label{max-width:120px}.designbase-menu-item__child-label{max-width:100px}}.designbase-divider{background:none;border:none;border-color:var(--db-border-base);display:block;outline:none}.designbase-divider--horizontal{border-top-style:solid;border-top-width:1px;margin:var(--db-margin-m) 0;width:100%}.designbase-divider--vertical{border-left-style:solid;border-left-width:1px;display:inline-block;height:1em;margin:0 var(--db-margin-s);vertical-align:middle;width:1px}.designbase-divider--dashed{border-style:dashed}.designbase-divider--dotted{border-style:dotted}.designbase-divider--horizontal.designbase-divider--thick{border-top-width:2px}.designbase-divider--horizontal.designbase-divider--thin{border-top-width:.5px}.designbase-divider--vertical.designbase-divider--thick{border-left-width:2px}.designbase-divider--vertical.designbase-divider--thin{border-left-width:.5px}.designbase-divider--primary{border-color:var(--db-color-info)}.designbase-divider--secondary{border-color:var(--db-border-secondary)}.designbase-divider--success{border-color:var(--db-color-success)}.designbase-divider--warning{border-color:var(--db-color-warning)}.designbase-divider--danger{border-color:var(--db-color-danger)}.designbase-divider--info{border-color:var(--db-color-info)}.designbase-divider--light{border-color:var(--db-border-muted)}.designbase-divider--dark{border-color:var(--db-border-base)}.designbase-divider--no-margin{margin:0}.designbase-divider--margin-sm{margin:var(--db-margin-s) 0}.designbase-divider--margin-md{margin:var(--db-margin-m) 0}.designbase-divider--margin-lg{margin:var(--db-margin-l) 0}.designbase-divider--margin-xl{margin:var(--db-margin-xl) 0}.designbase-divider--vertical.designbase-divider--no-margin{margin:0}.designbase-divider--vertical.designbase-divider--margin-sm{margin:0 var(--db-margin-xs)}.designbase-divider--vertical.designbase-divider--margin-md{margin:0 var(--db-margin-s)}.designbase-divider--vertical.designbase-divider--margin-lg{margin:0 var(--db-margin-m)}.designbase-divider--vertical.designbase-divider--margin-xl{margin:0 var(--db-margin-l)}@media (max-width:768px){.designbase-divider--horizontal{margin:var(--db-margin-m) 0}.designbase-divider--vertical{margin:0 var(--db-margin-s)}}.designbase-divider:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-context-menu{animation:contextMenuFadeIn var(--db-animation-speed) var(--db-animation-ease);background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);max-width:200px;min-width:120px;padding:var(--db-padding-xs);position:fixed;z-index:var(--db-z-popover)}.designbase-context-menu__item-wrapper{position:relative}.designbase-context-menu__submenu{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);left:100%;max-width:200px;min-width:120px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:0;transform:translateX(-10px);transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-context-menu__submenu--open{opacity:1;transform:translateX(0);visibility:visible}.designbase-context-menu .designbase-menu-item{border-radius:var(--db-radius-s);width:100%}.designbase-context-menu .designbase-menu-item .designbase-menu-item__content{display:flex;text-align:left;width:100%}.designbase-context-menu .designbase-menu-item--disabled{cursor:not-allowed}.designbase-context-menu .designbase-menu-item--disabled:hover{background-color:transparent}.designbase-context-menu .designbase-divider{border-color:var(--db-border-base);margin:var(--db-margin-xs) 0}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.designbase-context-menu{max-width:calc(100vw - 32px);min-width:180px}.designbase-context-menu__submenu{max-width:calc(100vw - 64px);min-width:180px}}.designbase-date-picker{display:inline-flex;position:relative;width:100%}.designbase-date-picker__trigger{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s);width:100%}.designbase-date-picker__icon-display,.designbase-date-picker__toggle{align-items:center;background:transparent;border:none;color:var(--db-icon-default);cursor:pointer;display:inline-flex;justify-content:center}.designbase-date-picker__icon-display:disabled,.designbase-date-picker__toggle:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-date-picker__icon-display:hover:not(:disabled),.designbase-date-picker__toggle:hover:not(:disabled){color:var(--db-icon-hover)}.designbase-date-picker__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);min-width:90px;outline:none;padding:0}.designbase-date-picker__input::placeholder{color:var(--db-text-tertiary)}.designbase-date-picker__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-date-picker--open .designbase-date-picker__toggle svg{transform:rotate(180deg)}.designbase-date-picker__dropdown{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);left:0;min-width:320px;position:absolute;top:calc(100% + var(--db-margin-xs));z-index:1000}.designbase-date-picker__selector{display:flex;flex-direction:column}.designbase-date-picker__header{align-items:center;border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-s)}.designbase-date-picker__nav-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-m);color:var(--db-text-secondary);cursor:pointer;display:flex;height:var(--db-size-m);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-m)}.designbase-date-picker__nav-button:hover:not(:disabled){background:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-date-picker__nav-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-date-picker__nav-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-date-picker__current-month{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__weekdays{border-bottom:1px solid var(--db-border-base);display:grid;grid-template-columns:repeat(7,1fr)}.designbase-date-picker__weekday{align-items:center;color:var(--db-text-secondary);display:flex;font-weight:var(--db-weight-medium);justify-content:center;text-align:center}.designbase-date-picker__weekday:first-child{color:var(--db-feedback-error-fg);font-weight:var(--db-weight-semibold)}.designbase-date-picker__weekday:last-child{color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__grid{background:var(--db-border-base);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.designbase-date-picker__date{align-items:center;background:var(--db-surface-base);border:none;border-radius:0;color:var(--db-text-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:var(--db-weight-medium);justify-content:center;min-height:40px;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-date-picker__date:hover:not(.designbase-date-picker__date--disabled):not(.designbase-date-picker__date--outside){background:var(--db-surface-layer-1)}.designbase-date-picker__date:focus{outline:2px solid var(--db-border-focus);outline-offset:-2px;z-index:1}.designbase-date-picker__date--outside{background:var(--db-surface-layer-1);color:var(--db-text-tertiary);cursor:default}.designbase-date-picker__date--outside:hover{background:var(--db-surface-layer-1)}.designbase-date-picker__date--today{background:var(--db-surface-base);color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__date--today:before{background:var(--db-brand-primary);border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:4px}.designbase-date-picker__date--selected{background:var(--db-brand-primary);border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__date--selected:hover{background:var(--db-brand-primary)!important}.designbase-date-picker__date--in-range{background:var(--color-foundation-blue-100);color:var(--db-brand-primary)}.designbase-date-picker__date--range-start{background:var(--db-brand-primary);border-bottom-left-radius:var(--db-radius-s);border-bottom-right-radius:0;border-top-left-radius:var(--db-radius-s);border-top-right-radius:0;color:var(--db-text-inverse-primary)}.designbase-date-picker__date--range-end{background:var(--db-brand-primary);border-bottom-left-radius:0;border-bottom-right-radius:var(--db-radius-s);border-top-left-radius:0;border-top-right-radius:var(--db-radius-s);color:var(--db-text-inverse-primary)}.designbase-date-picker__date--weekend{color:var(--db-feedback-error-fg)}.designbase-date-picker__date--selected.designbase-date-picker__date--weekend{color:var(--db-text-inverse-primary)}.designbase-date-picker__date--disabled{background:var(--db-surface-layer-1);color:var(--db-text-tertiary);cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-date-picker__date--disabled:hover{background:var(--db-surface-layer-1)}.designbase-date-picker__date--has-events{font-weight:var(--db-weight-semibold)}.designbase-date-picker__date-number{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.designbase-date-picker__events{align-items:center;display:flex;gap:2px;justify-content:center;margin-top:2px}.designbase-date-picker__event{background:var(--db-feedback-info-fg);border-radius:50%;height:4px;width:4px}.designbase-date-picker__event--badge{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);display:flex;font-size:10px;font-weight:var(--db-weight-medium);height:16px;justify-content:center;width:16px}.designbase-date-picker__event-count{color:var(--db-text-secondary);font-size:10px;font-weight:var(--db-weight-medium)}.designbase-date-picker__footer{align-items:center;border-top:1px solid var(--db-border-base);display:flex;justify-content:center;padding:var(--db-padding-s)}.designbase-date-picker__today-button{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:pointer;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);padding:var(--db-padding-xs) var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-date-picker__today-button:hover:not(:disabled){background:var(--db-surface-layer-2);border-color:var(--db-border-layer-1)}.designbase-date-picker__today-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-date-picker__today-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-date-picker__modal-footer{display:flex;gap:var(--db-gap-s);justify-content:flex-end}.designbase-date-picker--s .designbase-date-picker__trigger{gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-date-picker--s .designbase-date-picker__input{font-size:var(--db-text-xs)}.designbase-date-picker--s .designbase-date-picker__dropdown{min-width:280px}.designbase-date-picker--m .designbase-date-picker__input{font-size:var(--db-text-s)}.designbase-date-picker--l .designbase-date-picker__trigger{padding:var(--db-padding-m)}.designbase-date-picker--l .designbase-date-picker__input{font-size:var(--db-text-base)}.designbase-date-picker--l .designbase-date-picker__dropdown{min-width:360px}.designbase-date-picker--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-date-picker--readonly .designbase-date-picker__trigger{background:var(--db-surface-muted)}.designbase-date-picker--readonly .designbase-date-picker__toggle{cursor:default}@media (max-width:480px){.designbase-date-picker__dropdown{left:50%;min-width:260px;transform:translateX(-50%)}}.designbase-date-picker--inline{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);display:flex;flex-direction:column;overflow:hidden}.designbase-date-picker--inline--size-s{width:280px}.designbase-date-picker--inline--size-s .designbase-date-picker__header{padding:var(--db-padding-xs)}.designbase-date-picker--inline--size-s .designbase-date-picker__current-month{font-size:var(--db-text-base);font-weight:var(--db-weight-medium)}.designbase-date-picker--inline--size-s .designbase-date-picker__weekdays{padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-s .designbase-date-picker__weekday{font-size:var(--db-text-xs);padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-s .designbase-date-picker__date{font-size:var(--db-text-xs);min-height:32px}.designbase-date-picker--inline--size-s .designbase-date-picker__footer{padding:var(--db-padding-xs)}.designbase-date-picker--inline--size-m{width:320px}.designbase-date-picker--inline--size-m .designbase-date-picker__header{padding:var(--db-padding-s)}.designbase-date-picker--inline--size-m .designbase-date-picker__current-month{font-size:var(--db-text-l);font-weight:var(--db-weight-semibold)}.designbase-date-picker--inline--size-m .designbase-date-picker__weekday{font-size:var(--db-text-s);padding:var(--db-padding-s) 0}.designbase-date-picker--inline--size-m .designbase-date-picker__date{font-size:var(--db-text-s);min-height:40px}.designbase-date-picker--inline--size-m .designbase-date-picker__footer{padding:var(--db-padding-s)}.designbase-date-picker--inline--size-l{width:360px}.designbase-date-picker--inline--size-l .designbase-date-picker__header{padding:var(--db-padding-m)}.designbase-date-picker--inline--size-l .designbase-date-picker__current-month{font-size:var(--db-text-m);font-weight:var(--db-weight-semibold)}.designbase-date-picker--inline--size-l .designbase-date-picker__weekday{font-size:var(--db-text-m);padding:var(--db-padding-s) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__date{font-size:var(--db-text-m);min-height:48px}.designbase-date-picker--inline--size-l .designbase-date-picker__footer{padding:var(--db-padding-m)}.designbase-date-picker--inline--variant-default{background:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-date-picker--inline--variant-outlined{background:transparent;border-color:var(--db-border-base)}.designbase-date-picker--inline--variant-filled{background:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-date-picker--inline--disabled{opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-date-picker--inline--disabled .designbase-date-picker__nav-button,.designbase-date-picker--inline--disabled .designbase-date-picker__today-button{cursor:not-allowed}.designbase-date-picker--inline--readonly .designbase-date-picker__date{cursor:default}.designbase-date-picker--inline--readonly .designbase-date-picker__date:hover{background:var(--db-surface-base)}.designbase-date-picker--inline--readonly .designbase-date-picker__nav-button,.designbase-date-picker--inline--readonly .designbase-date-picker__today-button{cursor:default}.designbase-date-picker--inline--readonly .designbase-date-picker__nav-button:hover,.designbase-date-picker--inline--readonly .designbase-date-picker__today-button:hover{background:transparent}@media (max-width:768px){.designbase-date-picker__dropdown{left:50%!important;margin:0;max-width:400px;position:fixed;top:50%!important;transform:translate(-50%,-50%);width:calc(100vw - 32px)}.designbase-date-picker--inline--size-l{width:320px}.designbase-date-picker--inline--size-l .designbase-date-picker__header{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-date-picker--inline--size-l .designbase-date-picker__current-month{font-size:var(--db-text-l)}.designbase-date-picker--inline--size-l .designbase-date-picker__weekdays{padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__weekday{font-size:var(--db-text-base);padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__date{font-size:var(--db-text-base);min-height:40px}.designbase-date-picker--inline--size-l .designbase-date-picker__footer{padding:var(--db-padding-s) var(--db-padding-m)}}@media (max-width:480px){.designbase-date-picker__dropdown{width:calc(100vw - 16px)}.designbase-date-picker--inline{max-width:320px;width:100%}.designbase-date-picker--inline--size-l .designbase-date-picker__header,.designbase-date-picker--inline--size-m .designbase-date-picker__header{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-date-picker--inline--size-l .designbase-date-picker__current-month,.designbase-date-picker--inline--size-m .designbase-date-picker__current-month{font-size:var(--db-text-base)}.designbase-date-picker--inline--size-l .designbase-date-picker__weekdays,.designbase-date-picker--inline--size-m .designbase-date-picker__weekdays{padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__weekday,.designbase-date-picker--inline--size-m .designbase-date-picker__weekday{font-size:var(--db-text-s);padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__date,.designbase-date-picker--inline--size-m .designbase-date-picker__date{font-size:var(--db-text-s);min-height:32px}.designbase-date-picker--inline--size-l .designbase-date-picker__footer,.designbase-date-picker--inline--size-m .designbase-date-picker__footer{padding:var(--db-padding-xs) var(--db-padding-s)}}.designbase-drawer{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-drawer__overlay{background-color:var(--db-overlay-base);bottom:0;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;top:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease-in)}.designbase-drawer__overlay--open{opacity:1}.designbase-drawer__container{background-color:var(--db-surface-base);box-shadow:var(--db-shadow-drawer);display:flex;flex-direction:column;pointer-events:auto;position:absolute;transition:transform var(--db-animation-speed) var(--db-animation-ease-in)}.designbase-drawer__container--left{border-right:1px solid var(--db-border-base);bottom:0;left:0;top:0;transform:translateX(-100%)}.designbase-drawer__container--left.designbase-drawer__container--open{transform:translateX(0)}.designbase-drawer__container--right{border-left:1px solid var(--db-border-base);bottom:0;right:0;top:0;transform:translateX(100%)}.designbase-drawer__container--right.designbase-drawer__container--open{transform:translateX(0)}.designbase-drawer__container--top{border-bottom:1px solid var(--db-border-base);left:0;right:0;top:0;transform:translateY(-100%)}.designbase-drawer__container--top.designbase-drawer__container--open{transform:translateY(0)}.designbase-drawer__container--bottom{border-top:1px solid var(--db-border-base);bottom:0;left:0;right:0;transform:translateY(100%)}.designbase-drawer__container--bottom.designbase-drawer__container--open{transform:translateY(0)}.designbase-drawer--s .designbase-drawer__container--left,.designbase-drawer--s .designbase-drawer__container--right{width:320px}.designbase-drawer--s .designbase-drawer__container--bottom,.designbase-drawer--s .designbase-drawer__container--top{height:320px}.designbase-drawer--m .designbase-drawer__container--left,.designbase-drawer--m .designbase-drawer__container--right{width:480px}.designbase-drawer--m .designbase-drawer__container--bottom,.designbase-drawer--m .designbase-drawer__container--top{height:480px}.designbase-drawer--l .designbase-drawer__container--left,.designbase-drawer--l .designbase-drawer__container--right{width:640px}.designbase-drawer--l .designbase-drawer__container--bottom,.designbase-drawer--l .designbase-drawer__container--top{height:640px}.designbase-drawer--xl .designbase-drawer__container--left,.designbase-drawer--xl .designbase-drawer__container--right{width:800px}.designbase-drawer--xl .designbase-drawer__container--bottom,.designbase-drawer--xl .designbase-drawer__container--top{height:800px}.designbase-drawer--full .designbase-drawer__container--left,.designbase-drawer--full .designbase-drawer__container--right{width:100vw}.designbase-drawer--full .designbase-drawer__container--bottom,.designbase-drawer--full .designbase-drawer__container--top{height:100vh}.designbase-drawer__header{align-items:center;background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-base);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-m)}.designbase-drawer__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);line-height:1.4;margin:0}.designbase-drawer__close-button{flex-shrink:0;margin-left:var(--db-margin-s)}.designbase-drawer__content{flex:1;overflow-x:hidden;overflow-y:auto;padding:var(--db-padding-m)}.designbase-drawer__content::-webkit-scrollbar{width:6px}.designbase-drawer__content::-webkit-scrollbar-track{background:var(--db-surface-layer-1)}.designbase-drawer__content::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:3px}.designbase-drawer__content::-webkit-scrollbar-thumb:hover{background:var(--db-border-secondary)}.designbase-drawer--animating{pointer-events:none}.designbase-drawer--animating .designbase-drawer__container{pointer-events:auto}@media (max-width:768px){.designbase-drawer--l .designbase-drawer__container--left,.designbase-drawer--l .designbase-drawer__container--right,.designbase-drawer--m .designbase-drawer__container--left,.designbase-drawer--m .designbase-drawer__container--right,.designbase-drawer--xl .designbase-drawer__container--left,.designbase-drawer--xl .designbase-drawer__container--right{width:100vw}.designbase-drawer--l .designbase-drawer__container--bottom,.designbase-drawer--l .designbase-drawer__container--top,.designbase-drawer--m .designbase-drawer__container--bottom,.designbase-drawer--m .designbase-drawer__container--top,.designbase-drawer--xl .designbase-drawer__container--bottom,.designbase-drawer--xl .designbase-drawer__container--top{height:100vh}.designbase-drawer__content,.designbase-drawer__header{padding:var(--db-padding-s)}.designbase-drawer__title{font-size:var(--db-text-m)}}@media (max-width:480px){.designbase-drawer--s .designbase-drawer__container--left,.designbase-drawer--s .designbase-drawer__container--right{width:100vw}.designbase-drawer--s .designbase-drawer__container--bottom,.designbase-drawer--s .designbase-drawer__container--top{height:100vh}}.designbase-drawer:focus-visible{outline:none}.designbase-drawer__container:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:-2px}.designbase-drawer__container{backface-visibility:hidden;will-change:transform}.designbase-drawer__overlay{will-change:opacity}.designbase-dropdown{display:inline-block;position:relative}.designbase-dropdown__trigger--open .designbase-button__end-icon{transform:rotate(180deg)}.designbase-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);left:0;min-width:200px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:100%;transform:translateY(-4px);transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-dropdown__menu--open{opacity:1;transform:translateY(0);visibility:visible}.designbase-dropdown__menu--bottom-left{left:0;top:100%;transform:translateY(-4px)}.designbase-dropdown__menu--bottom-left.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--bottom-right{left:auto;right:0;top:100%;transform:translateY(-4px)}.designbase-dropdown__menu--bottom-right.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--top-left{bottom:100%;left:0;top:auto;transform:translateY(4px)}.designbase-dropdown__menu--top-left.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--top-right{bottom:100%;left:auto;right:0;top:auto;transform:translateY(4px)}.designbase-dropdown__menu--top-right.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__item{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);gap:var(--db-gap-s);line-height:var(--db-leading-tight);outline:none;padding:var(--db-padding-s);text-align:left;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-dropdown__item:focus,.designbase-dropdown__item:hover:not(.designbase-dropdown__item--disabled){background-color:var(--db-surface-layer-1)}.designbase-dropdown__item:focus{outline:2px solid var(--db-border-focus);outline-offset:-2px}.designbase-dropdown__item--focused{background-color:var(--db-surface-layer-1)}.designbase-dropdown__item--disabled{background-color:var(--db-surface-muted);color:var(--db-text-disabled);cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-dropdown__item-icon{align-items:center;color:var(--db-icon-default);display:flex;flex-shrink:0;justify-content:center}.designbase-dropdown__item-label{flex:1;white-space:nowrap}.designbase-dropdown__divider{background-color:var(--db-border-base);height:1px;margin:var(--db-margin-xs) 0}.designbase-dropdown--s .designbase-dropdown__item{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-dropdown--m .designbase-dropdown__item{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-dropdown--l .designbase-dropdown__item{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-dropdown--full-width{width:100%}.designbase-dropdown--full-width .designbase-dropdown__menu{min-width:100%;width:100%}.designbase-dropzone{align-items:center;background:var(--db-surface-base);border:1px dashed var(--db-border-base);border-radius:var(--db-radius-l);cursor:pointer;display:flex;justify-content:center;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-dropzone--size-s{min-height:80px;padding:var(--db-padding-s)}.designbase-dropzone--size-s .designbase-dropzone__icon{height:var(--db-size-icon-m);margin-bottom:var(--db-margin-xs);width:var(--db-size-icon-m)}.designbase-dropzone--size-s .designbase-dropzone__title{font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-dropzone--size-s .designbase-dropzone__description{font-size:var(--db-text-xs)}.designbase-dropzone--size-m{min-height:120px;padding:var(--db-padding-m)}.designbase-dropzone--size-m .designbase-dropzone__icon{height:var(--db-size-icon-l);margin-bottom:var(--db-margin-s);width:var(--db-size-icon-l)}.designbase-dropzone--size-m .designbase-dropzone__title{font-size:var(--db-text-base);font-weight:var(--db-weight-semibold)}.designbase-dropzone--size-m .designbase-dropzone__description{font-size:var(--db-text-s)}.designbase-dropzone--size-l{min-height:160px;padding:var(--db-padding-l)}.designbase-dropzone--size-l .designbase-dropzone__icon{height:var(--db-size-icon-xl);margin-bottom:var(--db-margin-m);width:var(--db-size-icon-xl)}.designbase-dropzone--size-l .designbase-dropzone__title{font-size:var(--db-text-l);font-weight:var(--db-weight-semibold)}.designbase-dropzone--size-l .designbase-dropzone__description{font-size:var(--db-text-base)}.designbase-dropzone--variant-default{background:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-dropzone--variant-outlined{background:transparent;border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-dropzone--variant-filled{background:var(--db-surface-layer-1);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-dropzone:hover:not(.designbase-dropzone--disabled):not(.designbase-dropzone--readonly){background:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-dropzone:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-dropzone--drag-over{background:var(--color-foundation-blue-50);border-color:var(--db-brand-primary);color:var(--db-brand-primary)}.designbase-dropzone--drag-over .designbase-dropzone__icon{color:var(--db-brand-primary)}.designbase-dropzone--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-dropzone--disabled,.designbase-dropzone--disabled:hover{background:var(--db-surface-muted);border-color:var(--db-border-muted)}.designbase-dropzone--readonly{background:var(--db-surface-muted);cursor:default}.designbase-dropzone--readonly:hover{background:var(--db-surface-muted);border-color:var(--db-border-base)}.designbase-dropzone__content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.designbase-dropzone__icon{align-items:center;color:var(--db-icon-default);display:flex;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-dropzone__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--db-margin-s)}.designbase-dropzone__image img{border-radius:var(--db-radius-m);height:auto;max-width:100%}.designbase-dropzone__title{color:inherit;line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-xs)}.designbase-dropzone__description{color:var(--db-text-secondary);line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-s)}.designbase-dropzone__button{background:var(--db-brand-primary);border:none;border-radius:var(--db-radius-m);color:var(--db-text-inverse-primary);cursor:pointer;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-dropzone__button:hover:not(:disabled){background:var(--color-foundation-blue-800)}.designbase-dropzone__button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-dropzone__button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-dropzone__size-limit{color:var(--db-text-tertiary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium)}.designbase-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--db-padding-xl);text-align:center}.designbase-empty-state__content{align-items:center;display:flex;flex-direction:column;max-width:400px;width:100%}.designbase-empty-state__icon{color:var(--db-icon-muted)}.designbase-empty-state__icon,.designbase-empty-state__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--db-margin-l)}.designbase-empty-state__image-element{border-radius:var(--db-radius-m);height:auto;max-width:100%}.designbase-empty-state__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-snug);margin:0 0 var(--db-margin-s) 0}.designbase-empty-state__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-l)}.designbase-empty-state__actions{display:flex;flex-wrap:wrap;gap:var(--db-gap-s);justify-content:center}.designbase-empty-state--s{min-height:200px;padding:var(--db-padding-m)}.designbase-empty-state--s .designbase-empty-state__icon{margin-bottom:var(--db-margin-s)}.designbase-empty-state--s .designbase-empty-state__title{font-size:var(--db-text-base);line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-xs)}.designbase-empty-state--s .designbase-empty-state__description{font-size:var(--db-text-s);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-s)}.designbase-empty-state--m{min-height:300px;padding:var(--db-padding-xl)}.designbase-empty-state--m .designbase-empty-state__icon{margin-bottom:var(--db-margin-l)}.designbase-empty-state--m .designbase-empty-state__title{font-size:var(--db-text-xl);line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-s)}.designbase-empty-state--m .designbase-empty-state__description{font-size:var(--db-text-base);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-l)}.designbase-empty-state--l{min-height:400px;padding:var(--db-padding-2xl)}.designbase-empty-state--l .designbase-empty-state__icon{margin-bottom:var(--db-margin-xl)}.designbase-empty-state--l .designbase-empty-state__title{font-size:var(--db-text-2xl);line-height:var(--db-leading-tight);margin-bottom:var(--db-margin-m)}.designbase-empty-state--l .designbase-empty-state__description{font-size:var(--db-text-l);line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-xl)}.designbase-empty-state--no-data .designbase-empty-state__icon,.designbase-empty-state--no-results .designbase-empty-state__icon{color:var(--db-icon-muted)}.designbase-empty-state--no-access .designbase-empty-state__icon{color:var(--db-icon-warning)}.designbase-empty-state--error .designbase-empty-state__icon{color:var(--db-icon-error)}.designbase-empty-state--onboarding .designbase-empty-state__icon{color:var(--db-icon-info)}.designbase-empty-state--onboarding .designbase-empty-state__title{color:var(--db-text-primary)}.designbase-empty-state--onboarding .designbase-empty-state__description{color:var(--db-text-secondary)}.designbase-progressbar,.designbase-progressbar__container{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-progressbar__container--top{flex-direction:column}.designbase-progressbar__container--bottom{flex-direction:column-reverse}.designbase-progressbar__container--inside{flex-direction:column}.designbase-progressbar__track{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-full);overflow:hidden;position:relative;width:100%}.designbase-progressbar__fill{align-items:center;background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);display:flex;height:100%;justify-content:center;position:relative;transition:width var(--db-animation-speed) var(--db-animation-ease)}.designbase-progressbar__fill-label{color:var(--db-text-inverse-primary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);line-height:var(--db-leading-tight);white-space:nowrap;z-index:1}.designbase-progressbar__label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-progressbar__label--bottom,.designbase-progressbar__label--top{text-align:left}.designbase-progressbar__label--inside{display:none}.designbase-progressbar--s .designbase-progressbar__track{height:6px}.designbase-progressbar--s .designbase-progressbar__label{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-progressbar--m .designbase-progressbar__track{height:8px}.designbase-progressbar--m .designbase-progressbar__label{font-size:var(--db-text-s);line-height:var(--db-leading-normal)}.designbase-progressbar--l .designbase-progressbar__track{height:12px}.designbase-progressbar--l .designbase-progressbar__label{font-size:var(--db-text-m);line-height:var(--db-leading-normal)}.designbase-progressbar--default .designbase-progressbar__fill,.designbase-progressbar--primary .designbase-progressbar__fill{background-color:var(--db-brand-primary)}.designbase-progressbar--success .designbase-progressbar__fill{background-color:var(--db-feedback-success-fg)}.designbase-progressbar--warning .designbase-progressbar__fill{background-color:var(--db-feedback-warning-fg)}.designbase-progressbar--danger .designbase-progressbar__fill{background-color:var(--db-feedback-error-fg)}.designbase-progressbar--animated .designbase-progressbar__fill,.designbase-progressbar--striped .designbase-progressbar__fill{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.designbase-progressbar--animated .designbase-progressbar__fill{animation:progressbar-stripes 1s linear infinite}.designbase-progressbar--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-progressbar--disabled .designbase-progressbar__track{background-color:var(--db-surface-layer-1)}.designbase-progressbar--disabled .designbase-progressbar__fill{background-color:var(--db-text-disabled)}.designbase-progressbar--disabled .designbase-progressbar__label{color:var(--db-text-disabled)}.designbase-progressbar--full-width{width:100%}.designbase-progressbar--completed .designbase-progressbar__fill{background-color:var(--db-feedback-success-fg)}.designbase-progressbar--completed .designbase-progressbar__label{color:var(--db-feedback-success-fg)}@keyframes progressbar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (max-width:640px){.designbase-progressbar--l .designbase-progressbar__track{height:10px}.designbase-progressbar--l .designbase-progressbar__label{font-size:var(--db-text-s);line-height:var(--db-leading-normal)}}.designbase-progressbar:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-file-uploader{display:flex;flex-direction:column;gap:var(--db-gap-m)}.designbase-file-uploader--size-s .designbase-file-uploader__file-error{font-size:var(--db-text-xs)}.designbase-file-uploader--size-s .designbase-file-uploader__remove-button,.designbase-file-uploader--size-s .designbase-file-uploader__retry-button{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-file-uploader--size-m .designbase-file-uploader__file-error{font-size:var(--db-text-s)}.designbase-file-uploader--size-m .designbase-file-uploader__remove-button,.designbase-file-uploader--size-m .designbase-file-uploader__retry-button{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-file-uploader--size-l .designbase-file-uploader__file-error{font-size:var(--db-text-base)}.designbase-file-uploader--size-l .designbase-file-uploader__remove-button,.designbase-file-uploader--size-l .designbase-file-uploader__retry-button{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-file-uploader--variant-default .designbase-file-uploader__file-list{background:var(--db-surface-base);border:1px solid var(--db-border-base)}.designbase-file-uploader--variant-outlined .designbase-file-uploader__file-list{background:transparent;border:1px solid var(--db-border-base)}.designbase-file-uploader--variant-filled .designbase-file-uploader__file-list{background:var(--db-surface-layer-1);border:1px solid var(--db-border-base)}.designbase-file-uploader--disabled{opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-file-uploader--readonly .designbase-file-uploader__remove-button,.designbase-file-uploader--readonly .designbase-file-uploader__retry-button{cursor:default;opacity:var(--db-opacity-disabled)}.designbase-file-uploader__file-list{border-radius:var(--db-radius-l);overflow:hidden}.designbase-file-uploader__file-list-title{background:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);color:var(--db-text-primary);font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-file-uploader__file-items{display:flex;flex-direction:column}.designbase-file-uploader__file-item{align-items:center;border-bottom:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-m);justify-content:space-between;padding:var(--db-padding-s);transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__file-item:last-child{border-bottom:none}.designbase-file-uploader__file-item:hover{background:var(--db-surface-layer-1)}.designbase-file-uploader__file-item--pending .designbase-file-uploader__file-icon{color:var(--db-icon-muted)}.designbase-file-uploader__file-item--uploading .designbase-file-uploader__file-icon{color:var(--db-brand-primary)}.designbase-file-uploader__file-item--success .designbase-file-uploader__file-icon{color:var(--db-icon-success)}.designbase-file-uploader__file-item--error .designbase-file-uploader__file-icon{color:var(--db-icon-error)}.designbase-file-uploader__file-info{align-items:center;display:flex;flex:1;gap:var(--db-gap-s);min-width:0}.designbase-file-uploader__file-icon{align-items:center;color:var(--db-icon-default);display:flex;flex-shrink:0;height:var(--db-size-m);justify-content:center;width:var(--db-size-m)}.designbase-file-uploader__file-icon .designbase-spinner{height:var(--db-size-s);width:var(--db-size-s)}.designbase-file-uploader__file-details{display:flex;flex:1;flex-direction:column;min-width:0}.designbase-file-uploader__file-name{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-file-uploader__file-size{color:var(--db-text-secondary);font-size:var(--db-text-xs)}.designbase-file-uploader__file-error{color:var(--db-icon-error);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium)}.designbase-file-uploader__progress{align-items:center;display:flex;gap:var(--db-gap-s);margin:0 var(--db-margin-l);min-width:120px}.designbase-file-uploader__file-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-file-uploader__retry-button{background:var(--db-surface-base);border:1px solid var(--db-brand-primary);border-radius:var(--db-radius-m);color:var(--db-brand-primary);cursor:pointer;font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__retry-button:hover:not(:disabled){background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-file-uploader__retry-button:focus{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-file-uploader__retry-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-file-uploader__remove-button{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-secondary);cursor:pointer;font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__remove-button:hover:not(:disabled){background:var(--db-feedback-error-bg);border-color:var(--db-icon-error);color:var(--db-icon-error)}.designbase-file-uploader__remove-button:focus{outline:2px solid var(--db-icon-error);outline-offset:2px}.designbase-file-uploader__remove-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-fab{align-items:center;background-color:var(--db-brand-primary);border:none;border-radius:var(--db-radius-full);bottom:var(--db-margin-xl);box-shadow:var(--db-shadow-button);color:var(--db-text-inverse-primary);cursor:pointer;display:flex;font-family:var(--db-font-primary);height:var(--db-size-button-m);justify-content:center;min-height:var(--db-size-button-m);min-width:var(--db-size-button-m);outline:none;overflow:hidden;position:fixed;right:var(--db-margin-xl);transition:all .2s ease;user-select:none;width:var(--db-size-button-m);z-index:var(--db-z-50)}.designbase-fab:hover:not(:disabled){box-shadow:var(--db-shadow-button-hover);transform:translateY(-2px) scale(1.05)}.designbase-fab:active:not(:disabled){box-shadow:var(--db-shadow-button-active);transform:translateY(0) scale(.95)}.designbase-fab:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-fab--s{height:var(--db-size-button-s);min-height:var(--db-size-button-s);min-width:var(--db-size-button-s);width:var(--db-size-button-s)}.designbase-fab--m{height:var(--db-size-button-m);min-height:var(--db-size-button-m);min-width:var(--db-size-button-m);width:var(--db-size-button-m)}.designbase-fab--l{height:var(--db-size-button-l);min-height:var(--db-size-button-l);min-width:var(--db-size-button-l);width:var(--db-size-button-l)}.designbase-fab--primary{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-fab--primary:hover:not(:disabled){background-color:var(--db-btn-primary-bg-hover)}.designbase-fab--primary:active:not(:disabled){background-color:var(--db-btn-primary-bg-active)}.designbase-fab--secondary{background-color:var(--db-btn-secondary-bg);border:1px solid var(--db-btn-secondary-border);color:var(--db-btn-secondary-text)}.designbase-fab--secondary:hover:not(:disabled){background-color:var(--db-btn-secondary-bg-hover);border-color:var(--db-btn-secondary-border-hover);color:var(--db-btn-secondary-text-hover)}.designbase-fab--secondary:active:not(:disabled){background-color:var(--db-btn-secondary-bg-active)}.designbase-fab--tertiary{background-color:var(--db-btn-tertiary-bg);border:1px solid var(--db-btn-tertiary-border);color:var(--db-btn-tertiary-text)}.designbase-fab--tertiary:hover:not(:disabled){background-color:var(--db-btn-tertiary-bg-hover);border-color:var(--db-btn-tertiary-border-hover);color:var(--db-btn-tertiary-text-hover)}.designbase-fab--tertiary:active:not(:disabled){background-color:var(--db-btn-tertiary-bg-active)}.designbase-fab--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-fab--disabled:hover{box-shadow:var(--db-shadow-button);transform:none}.designbase-fab--loading{cursor:wait;pointer-events:none}.designbase-fab__icon{align-items:center;display:flex;font-size:var(--db-text-xl);justify-content:center;line-height:var(--db-leading-none)}.designbase-fab--s .designbase-fab__icon{font-size:var(--db-text-base)}.designbase-fab--m .designbase-fab__icon{font-size:var(--db-text-xl)}.designbase-fab--l .designbase-fab__icon{font-size:var(--db-text-2xl)}.designbase-fab__icon .designbase-spinner{height:100%;width:100%}@media (prefers-reduced-motion:reduce){.designbase-fab{transition:none}.designbase-fab:active:not(:disabled),.designbase-fab:hover:not(:disabled){transform:none}}@media (hover:none) and (pointer:coarse){.designbase-fab:hover:not(:disabled){transform:none}.designbase-fab:active:not(:disabled){transform:scale(.95)}}@media (max-width:768px){.designbase-fab{bottom:var(--db-margin-l);right:var(--db-margin-l)}}@media (max-width:480px){.designbase-fab{bottom:var(--db-margin-m);right:var(--db-margin-m)}}@media print{.designbase-fab{display:none!important}}.designbase-radio{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-s);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-radio__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-radio__visual{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);display:flex;flex-shrink:0;justify-content:center;position:relative}.designbase-radio__dot,.designbase-radio__visual{border-radius:50%;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-radio__dot{height:60%;width:60%}.designbase-radio__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-radio .designbase-radio__visual{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-radio:hover:not(.designbase-radio--disabled) .designbase-radio__visual{background-color:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-radio.designbase-radio--selected .designbase-radio__visual{background-color:var(--db-surface-base);border-color:var(--db-brand-primary)}.designbase-radio.designbase-radio--selected .designbase-radio__dot{background-color:var(--db-brand-primary)}.designbase-radio.designbase-radio--selected:hover:not(.designbase-radio--disabled) .designbase-radio__visual{background-color:var(--db-surface-base);border-color:var(--color-foundation-blue-800)}.designbase-radio.designbase-radio--selected:hover:not(.designbase-radio--disabled) .designbase-radio__dot{background-color:var(--color-foundation-blue-800)}.designbase-radio--no-label{gap:0}.designbase-radio--s{font-size:var(--db-text-xs)}.designbase-radio--s .designbase-radio__visual{height:var(--db-size-xs);width:var(--db-size-xs)}.designbase-radio--m{font-size:var(--db-text-s)}.designbase-radio--m .designbase-radio__visual{height:var(--db-size-s);width:var(--db-size-s)}.designbase-radio--l{font-size:var(--db-text-base)}.designbase-radio--l .designbase-radio__visual{height:var(--db-size-m);width:var(--db-size-m)}.designbase-radio--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-radio--disabled .designbase-radio__visual{background-color:var(--db-surface-muted);border-color:var(--db-border-muted)}.designbase-radio--disabled .designbase-radio__label{color:var(--db-text-disabled)}.designbase-radio--readonly{cursor:default}.designbase-radio:focus-within .designbase-radio__visual{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-textarea{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-textarea__wrapper{align-items:stretch;display:flex;position:relative}.designbase-textarea__field{background-color:var(--db-field-bg);border:1px solid var(--db-field-border);border-radius:var(--db-radius-m);color:var(--db-field-text);font-family:inherit;font-size:var(--db-text-base);line-height:var(--db-leading-normal);min-height:100px;padding:var(--db-padding-s);resize:vertical;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-textarea__field::placeholder{color:var(--db-field-placeholder)}.designbase-textarea__field:focus{border-color:var(--db-field-border-focus);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10);outline:none}.designbase-textarea__field:hover:not(:disabled):not(:focus){background-color:var(--db-field-bg-hover);border-color:var(--db-field-border-hover)}.designbase-textarea__footer{align-items:center;display:flex;justify-content:space-between;min-height:20px}.designbase-textarea__helper-text{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-textarea__error-message{color:var(--db-feedback-error-fg);font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-textarea__character-count{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-textarea__character-count--top{margin-bottom:var(--db-margin-xs)}.designbase-textarea__character-count--bottom{margin-left:auto}.designbase-textarea__character-count-text--error{color:var(--db-feedback-error-fg)}.designbase-textarea--s .designbase-textarea__field{font-size:var(--db-text-sm);line-height:var(--db-leading-tight);padding:var(--db-padding-xs)}.designbase-textarea--s .designbase-textarea__character-count,.designbase-textarea--s .designbase-textarea__error-message,.designbase-textarea--s .designbase-textarea__helper-text{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-textarea--m .designbase-textarea__field{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-s)}.designbase-textarea--l .designbase-textarea__field{font-size:var(--db-text-l);line-height:var(--db-leading-relaxed);padding:var(--db-padding-m)}.designbase-textarea--l .designbase-textarea__character-count,.designbase-textarea--l .designbase-textarea__error-message,.designbase-textarea--l .designbase-textarea__helper-text{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-textarea--error .designbase-textarea__field{border-color:var(--db-field-border-error)}.designbase-textarea--error .designbase-textarea__field:focus{border-color:var(--db-field-border-error);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10)}.designbase-textarea--disabled .designbase-textarea__field{background-color:var(--db-field-bg-disabled);border-color:var(--db-border-muted);color:var(--db-field-text-disabled);cursor:not-allowed}.designbase-textarea--disabled .designbase-textarea__field::placeholder{color:var(--db-field-text-disabled)}.designbase-textarea--readonly .designbase-textarea__field{background-color:var(--db-surface-layer-1);border-color:var(--db-border-muted);color:var(--db-text-primary);cursor:default}.designbase-textarea--readonly .designbase-textarea__field:focus{border-color:var(--db-border-muted);box-shadow:none}.designbase-textarea--full-width{width:100%}.designbase-textarea--not-resizable .designbase-textarea__field{resize:none}@media (max-width:640px){.designbase-textarea__footer{align-items:flex-start;flex-direction:column;gap:var(--db-gap-xs)}.designbase-textarea__character-count--bottom{margin-left:0}}.designbase-time-picker{display:inline-flex;position:relative;width:100%}.designbase-time-picker__trigger{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s);width:100%}.designbase-time-picker__icon-display,.designbase-time-picker__toggle{align-items:center;background:transparent;border:none;color:var(--db-icon-default);cursor:pointer;display:inline-flex;justify-content:center}.designbase-time-picker__icon-display:disabled,.designbase-time-picker__toggle:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-time-picker__icon-display:hover:not(:disabled),.designbase-time-picker__toggle:hover:not(:disabled){color:var(--db-icon-hover)}.designbase-time-picker__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);min-width:90px;outline:none;padding:0}.designbase-time-picker__input::placeholder{color:var(--db-text-tertiary)}.designbase-time-picker__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-time-picker--open .designbase-time-picker__toggle svg{transform:rotate(180deg)}.designbase-time-picker__dropdown{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);left:0;min-width:280px;padding:var(--db-padding-m);position:absolute;top:calc(100% + var(--db-margin-xs));z-index:1000}.designbase-time-picker__selector{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-time-picker__picker-wheels{display:flex;gap:var(--db-gap-s);justify-content:center}.designbase-time-picker__wheel-container{align-items:center;display:flex;flex:1 1 80px;flex-direction:column;gap:var(--db-gap-xs);max-width:80px}.designbase-time-picker__wheel-label{color:var(--db-text-secondary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs);text-align:center}.designbase-time-picker__wheel-viewport{height:200px;overflow:hidden;position:relative;width:100%}.designbase-time-picker__wheel{-ms-overflow-style:none;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;padding-top:80px;position:relative;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.designbase-time-picker__wheel::-webkit-scrollbar{display:none}.designbase-time-picker__wheel-item{align-items:center;color:var(--db-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--db-text-base);font-weight:var(--db-weight-medium);height:40px;justify-content:center;scroll-snap-align:center}.designbase-time-picker__wheel-item:hover{color:var(--db-text-primary)}.designbase-time-picker__wheel-item--selected{color:var(--db-brand-primary);font-weight:var(--db-weight-bold)}.designbase-time-picker__wheel-center-indicator{background:transparent;border-bottom:2px solid var(--db-brand-primary);border-top:2px solid var(--db-brand-primary);height:40px;left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}.designbase-time-picker__wheel-fade{height:80px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.designbase-time-picker .wheel-fade--top{background:linear-gradient(to bottom,var(--db-surface-base) 0,transparent 100%);top:0}.designbase-time-picker .wheel-fade--bottom{background:linear-gradient(to top,var(--db-surface-base) 0,transparent 100%);bottom:0}.designbase-time-picker__preview{align-items:center;background:var(--db-surface-layer-1);border-radius:var(--db-radius-m);display:flex;gap:var(--db-gap-s);justify-content:center;padding:var(--db-padding-s)}.designbase-time-picker__preview-time{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold)}.designbase-time-picker__dropdown-actions{display:flex;justify-content:flex-end}.designbase-time-picker__modal-footer{display:flex;gap:var(--db-gap-s);justify-content:flex-end}.designbase-time-picker--s .designbase-time-picker__trigger{gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-time-picker--s .designbase-time-picker__input{font-size:var(--db-text-xs)}.designbase-time-picker--s .designbase-time-picker__dropdown{min-width:280px}.designbase-time-picker--m .designbase-time-picker__input{font-size:var(--db-text-s)}.designbase-time-picker--m .designbase-time-picker__dropdown{min-width:320px}.designbase-time-picker--l .designbase-time-picker__trigger{padding:var(--db-padding-m)}.designbase-time-picker--l .designbase-time-picker__input{font-size:var(--db-text-base)}.designbase-time-picker--l .designbase-time-picker__dropdown{min-width:400px}.designbase-time-picker--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-time-picker--readonly .designbase-time-picker__trigger{background:var(--db-surface-muted)}.designbase-time-picker--readonly .designbase-time-picker__toggle{cursor:default}@media (max-width:480px){.designbase-time-picker__dropdown{left:50%;min-width:260px;transform:translateX(-50%)}}.designbase-form{width:100%}.designbase-form__fields{display:grid;gap:var(--db-gap-l)}.designbase-form--columns-1 .designbase-form__fields{grid-template-columns:1fr}.designbase-form--columns-2 .designbase-form__fields{grid-template-columns:repeat(2,1fr)}.designbase-form__field-wrapper{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-form__label{color:var(--db-text-primary);display:block;font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-form__required{color:var(--db-icon-error);margin-left:var(--db-margin-xxs)}.designbase-form--s .designbase-form__field,.designbase-form--s .designbase-form__label{font-size:var(--db-text-s)}.designbase-form--s .designbase-form__error,.designbase-form--s .designbase-form__help{font-size:var(--db-text-xs)}.designbase-form--m .designbase-form__field,.designbase-form--m .designbase-form__label{font-size:var(--db-text-base)}.designbase-form--m .designbase-form__error,.designbase-form--m .designbase-form__help{font-size:var(--db-text-s)}.designbase-form--l .designbase-form__field,.designbase-form--l .designbase-form__label{font-size:var(--db-text-l)}.designbase-form--l .designbase-form__error,.designbase-form--l .designbase-form__help{font-size:var(--db-text-base)}.designbase-form--default{background:none;border:none;padding:0}.designbase-form--bordered{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);box-shadow:var(--db-shadow-sm)}.designbase-form--bordered,.designbase-form--filled{border-radius:var(--db-radius-l);padding:var(--db-padding-xl)}.designbase-form--filled{background-color:var(--db-surface-layer-1);border:none}.designbase-form__header{margin-bottom:var(--db-margin-l)}.designbase-form__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);line-height:var(--db-leading-tight);margin:0 0 var(--db-margin-xs) 0}.designbase-form__description{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-normal);margin:0}.designbase-form__field{transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-form__field--error{border-color:var(--db-icon-error)!important;box-shadow:0 0 0 2px var(--db-feedback-error-bg)}.designbase-form__radio-group{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-form__radio-group .designbase-radio{margin-bottom:0}.designbase-form__checkbox-group{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-form__checkbox-group .designbase-checkbox{margin-bottom:0}.designbase-form__error{animation:formErrorSlideIn var(--db-animation-speed) var(--db-animation-ease);color:var(--db-icon-error)}.designbase-form__error,.designbase-form__help{font-size:var(--db-text-xs);line-height:var(--db-leading-normal)}.designbase-form__help{color:var(--db-text-tertiary)}.designbase-form__actions{display:flex;gap:var(--db-gap-s);margin-top:var(--db-margin-l)}@media (max-width:768px){.designbase-form--columns-2 .designbase-form__fields{grid-template-columns:1fr}.designbase-form__actions{flex-direction:column}.designbase-form__actions .designbase-button{width:100%}}@keyframes formErrorSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes formFieldSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.designbase-form__field-wrapper--error .designbase-form__label{color:var(--db-red-500)}.designbase-form__field-wrapper--success .designbase-form__field{border-color:var(--db-green-500);box-shadow:0 0 0 2px rgba(40,167,69,.1)}.designbase-form__field-wrapper--warning .designbase-form__field{border-color:var(--db-yellow-500);box-shadow:0 0 0 2px rgba(255,193,7,.1)}.designbase-form--loading{opacity:.7;pointer-events:none}.designbase-form--loading .designbase-form__field{background-color:var(--db-surface-layer-1)}.designbase-form--disabled{opacity:.6;pointer-events:none}.designbase-form--disabled .designbase-form__field{background-color:var(--db-surface-layer-1);cursor:not-allowed}.designbase-gradient{align-items:center;background-position:50%;background-size:200% 200%;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.designbase-gradient--size-s{border-radius:var(--db-radius-m);height:80px;width:120px}.designbase-gradient--size-m{border-radius:var(--db-radius-l);height:120px;width:200px}.designbase-gradient--size-l{border-radius:var(--db-radius-xl);height:180px;width:300px}.designbase-gradient--size-xl{border-radius:var(--db-radius-2xl);height:240px;width:400px}.designbase-gradient--size-full{border-radius:0;height:100%;width:100%}.designbase-gradient--full-width{width:100%}.designbase-gradient--full-height{height:100%}.designbase-gradient--variant-animated{animation:gradient-shift 3s ease-in-out infinite}.designbase-gradient--variant-mesh{animation:mesh-rotate 8s ease-in-out infinite;background-size:400% 400%}.designbase-gradient--direction-to-right{background:linear-gradient(to right,var(--gradient-colors))}.designbase-gradient--direction-to-left{background:linear-gradient(to left,var(--gradient-colors))}.designbase-gradient--direction-to-bottom{background:linear-gradient(to bottom,var(--gradient-colors))}.designbase-gradient--direction-to-top{background:linear-gradient(to top,var(--gradient-colors))}.designbase-gradient--direction-to-bottom-right{background:linear-gradient(to bottom right,var(--gradient-colors))}.designbase-gradient--direction-to-bottom-left{background:linear-gradient(to bottom left,var(--gradient-colors))}.designbase-gradient--direction-to-top-right{background:linear-gradient(to top right,var(--gradient-colors))}.designbase-gradient--direction-to-top-left{background:linear-gradient(to top left,var(--gradient-colors))}.designbase-gradient--direction-radial{background:radial-gradient(circle,var(--gradient-colors));background-size:100% 100%}.designbase-gradient:hover{box-shadow:var(--db-shadow-lg);transform:scale(1.02)}.designbase-gradient:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-gradient:before{background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 50%,transparent);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.designbase-gradient:hover:before{opacity:1}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mesh-rotate{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}:root{--gradient-colors:#ff6b6b,#4ecdc4,#45b7d1,#96ceb4}@media (max-width:768px){.designbase-gradient--size-xl{height:180px;width:300px}.designbase-gradient--size-l{height:150px;width:250px}}@media (max-width:480px){.designbase-gradient--size-xl{height:150px;width:250px}.designbase-gradient--size-l{height:120px;width:200px}.designbase-gradient--size-m{height:90px;width:150px}}.gradient-sunset{background:linear-gradient(45deg,#ff6b6b,#feca57,#ff9ff3,#54a0ff)}.gradient-ocean{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-forest{background:linear-gradient(45deg,#11998e,#38ef7d)}.gradient-sunrise{background:linear-gradient(45deg,#ff9a9e,#fecfef 50%,#fecfef)}.gradient-aurora{background:linear-gradient(45deg,#a8edea,#fed6e3)}.gradient-cosmic{animation:gradient-shift 6s ease infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3);background-size:400% 400%}.gradient-neon{animation:gradient-shift 4s ease infinite;background:linear-gradient(45deg,#ff006e,#8338ec,#3a86ff);background-size:200% 200%}.gradient-pastel{background:linear-gradient(45deg,#ffd1dc,#e0f7fa,#f3e5f5,#fff3e0)}.gradient-metallic{animation:gradient-shift 5s ease infinite;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:300% 300%}.designbase-grid{display:flex;flex-direction:column;padding:var(--ion-grid-padding,16px);width:100%}.designbase-grid--fixed{margin:0 auto;width:var(--ion-grid-width,100%)}@media (min-width:576px){.designbase-grid--fixed{width:var(--ion-grid-width-sm,540px)}}@media (min-width:768px){.designbase-grid--fixed{width:var(--ion-grid-width-md,720px)}}@media (min-width:992px){.designbase-grid--fixed{width:var(--ion-grid-width-lg,960px)}}@media (min-width:1200px){.designbase-grid--fixed{width:var(--ion-grid-width-xl,1140px)}}.designbase-grid--no-padding{padding:0}.designbase-grid__row{display:flex;flex-wrap:wrap;margin:calc(var(--ion-grid-column-padding, 8px)*-1)}.designbase-grid__row--align-start{align-items:flex-start}.designbase-grid__row--align-center{align-items:center}.designbase-grid__row--align-end{align-items:flex-end}.designbase-grid__row--align-stretch{align-items:stretch}.designbase-grid__row--justify-start{justify-content:flex-start}.designbase-grid__row--justify-center{justify-content:center}.designbase-grid__row--justify-end{justify-content:flex-end}.designbase-grid__row--justify-around{justify-content:space-around}.designbase-grid__row--justify-between{justify-content:space-between}.designbase-grid__row--justify-evenly{justify-content:space-evenly}.designbase-grid__col{box-sizing:border-box;flex:1;padding:var(--ion-grid-column-padding,8px)}.designbase-grid__col--xs-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--xs-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--xs-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--xs-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--xs-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--xs-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--xs-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--xs-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--xs-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--xs-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--xs-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--xs-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--xs-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--xs-offset-1{margin-left:8.33333%}.designbase-grid__col--xs-offset-2{margin-left:16.66667%}.designbase-grid__col--xs-offset-3{margin-left:25%}.designbase-grid__col--xs-offset-4{margin-left:33.33333%}.designbase-grid__col--xs-offset-5{margin-left:41.66667%}.designbase-grid__col--xs-offset-6{margin-left:50%}.designbase-grid__col--xs-offset-7{margin-left:58.33333%}.designbase-grid__col--xs-offset-8{margin-left:66.66667%}.designbase-grid__col--xs-offset-9{margin-left:75%}.designbase-grid__col--xs-offset-10{margin-left:83.33333%}.designbase-grid__col--xs-offset-11{margin-left:91.66667%}.designbase-grid__col--xs-push-1{margin-left:8.33333%}.designbase-grid__col--xs-push-2{margin-left:16.66667%}.designbase-grid__col--xs-push-3{margin-left:25%}.designbase-grid__col--xs-push-4{margin-left:33.33333%}.designbase-grid__col--xs-push-5{margin-left:41.66667%}.designbase-grid__col--xs-push-6{margin-left:50%}.designbase-grid__col--xs-push-7{margin-left:58.33333%}.designbase-grid__col--xs-push-8{margin-left:66.66667%}.designbase-grid__col--xs-push-9{margin-left:75%}.designbase-grid__col--xs-push-10{margin-left:83.33333%}.designbase-grid__col--xs-push-11{margin-left:91.66667%}.designbase-grid__col--xs-pull-1{margin-left:-8.33333%}.designbase-grid__col--xs-pull-2{margin-left:-16.66667%}.designbase-grid__col--xs-pull-3{margin-left:-25%}.designbase-grid__col--xs-pull-4{margin-left:-33.33333%}.designbase-grid__col--xs-pull-5{margin-left:-41.66667%}.designbase-grid__col--xs-pull-6{margin-left:-50%}.designbase-grid__col--xs-pull-7{margin-left:-58.33333%}.designbase-grid__col--xs-pull-8{margin-left:-66.66667%}.designbase-grid__col--xs-pull-9{margin-left:-75%}.designbase-grid__col--xs-pull-10{margin-left:-83.33333%}.designbase-grid__col--xs-pull-11{margin-left:-91.66667%}@media (min-width:576px){.designbase-grid__col--sm-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--sm-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--sm-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--sm-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--sm-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--sm-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--sm-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--sm-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--sm-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--sm-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--sm-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--sm-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--sm-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--sm-offset-1{margin-left:8.33333%}.designbase-grid__col--sm-offset-2{margin-left:16.66667%}.designbase-grid__col--sm-offset-3{margin-left:25%}.designbase-grid__col--sm-offset-4{margin-left:33.33333%}.designbase-grid__col--sm-offset-5{margin-left:41.66667%}.designbase-grid__col--sm-offset-6{margin-left:50%}.designbase-grid__col--sm-offset-7{margin-left:58.33333%}.designbase-grid__col--sm-offset-8{margin-left:66.66667%}.designbase-grid__col--sm-offset-9{margin-left:75%}.designbase-grid__col--sm-offset-10{margin-left:83.33333%}.designbase-grid__col--sm-offset-11{margin-left:91.66667%}.designbase-grid__col--sm-push-1{margin-left:8.33333%}.designbase-grid__col--sm-push-2{margin-left:16.66667%}.designbase-grid__col--sm-push-3{margin-left:25%}.designbase-grid__col--sm-push-4{margin-left:33.33333%}.designbase-grid__col--sm-push-5{margin-left:41.66667%}.designbase-grid__col--sm-push-6{margin-left:50%}.designbase-grid__col--sm-push-7{margin-left:58.33333%}.designbase-grid__col--sm-push-8{margin-left:66.66667%}.designbase-grid__col--sm-push-9{margin-left:75%}.designbase-grid__col--sm-push-10{margin-left:83.33333%}.designbase-grid__col--sm-push-11{margin-left:91.66667%}.designbase-grid__col--sm-pull-1{margin-left:-8.33333%}.designbase-grid__col--sm-pull-2{margin-left:-16.66667%}.designbase-grid__col--sm-pull-3{margin-left:-25%}.designbase-grid__col--sm-pull-4{margin-left:-33.33333%}.designbase-grid__col--sm-pull-5{margin-left:-41.66667%}.designbase-grid__col--sm-pull-6{margin-left:-50%}.designbase-grid__col--sm-pull-7{margin-left:-58.33333%}.designbase-grid__col--sm-pull-8{margin-left:-66.66667%}.designbase-grid__col--sm-pull-9{margin-left:-75%}.designbase-grid__col--sm-pull-10{margin-left:-83.33333%}.designbase-grid__col--sm-pull-11{margin-left:-91.66667%}}@media (min-width:768px){.designbase-grid__col--md-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--md-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--md-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--md-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--md-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--md-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--md-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--md-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--md-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--md-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--md-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--md-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--md-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--md-offset-1{margin-left:8.33333%}.designbase-grid__col--md-offset-2{margin-left:16.66667%}.designbase-grid__col--md-offset-3{margin-left:25%}.designbase-grid__col--md-offset-4{margin-left:33.33333%}.designbase-grid__col--md-offset-5{margin-left:41.66667%}.designbase-grid__col--md-offset-6{margin-left:50%}.designbase-grid__col--md-offset-7{margin-left:58.33333%}.designbase-grid__col--md-offset-8{margin-left:66.66667%}.designbase-grid__col--md-offset-9{margin-left:75%}.designbase-grid__col--md-offset-10{margin-left:83.33333%}.designbase-grid__col--md-offset-11{margin-left:91.66667%}.designbase-grid__col--md-push-1{margin-left:8.33333%}.designbase-grid__col--md-push-2{margin-left:16.66667%}.designbase-grid__col--md-push-3{margin-left:25%}.designbase-grid__col--md-push-4{margin-left:33.33333%}.designbase-grid__col--md-push-5{margin-left:41.66667%}.designbase-grid__col--md-push-6{margin-left:50%}.designbase-grid__col--md-push-7{margin-left:58.33333%}.designbase-grid__col--md-push-8{margin-left:66.66667%}.designbase-grid__col--md-push-9{margin-left:75%}.designbase-grid__col--md-push-10{margin-left:83.33333%}.designbase-grid__col--md-push-11{margin-left:91.66667%}.designbase-grid__col--md-pull-1{margin-left:-8.33333%}.designbase-grid__col--md-pull-2{margin-left:-16.66667%}.designbase-grid__col--md-pull-3{margin-left:-25%}.designbase-grid__col--md-pull-4{margin-left:-33.33333%}.designbase-grid__col--md-pull-5{margin-left:-41.66667%}.designbase-grid__col--md-pull-6{margin-left:-50%}.designbase-grid__col--md-pull-7{margin-left:-58.33333%}.designbase-grid__col--md-pull-8{margin-left:-66.66667%}.designbase-grid__col--md-pull-9{margin-left:-75%}.designbase-grid__col--md-pull-10{margin-left:-83.33333%}.designbase-grid__col--md-pull-11{margin-left:-91.66667%}}@media (min-width:992px){.designbase-grid__col--lg-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--lg-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--lg-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--lg-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--lg-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--lg-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--lg-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--lg-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--lg-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--lg-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--lg-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--lg-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--lg-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--lg-offset-1{margin-left:8.33333%}.designbase-grid__col--lg-offset-2{margin-left:16.66667%}.designbase-grid__col--lg-offset-3{margin-left:25%}.designbase-grid__col--lg-offset-4{margin-left:33.33333%}.designbase-grid__col--lg-offset-5{margin-left:41.66667%}.designbase-grid__col--lg-offset-6{margin-left:50%}.designbase-grid__col--lg-offset-7{margin-left:58.33333%}.designbase-grid__col--lg-offset-8{margin-left:66.66667%}.designbase-grid__col--lg-offset-9{margin-left:75%}.designbase-grid__col--lg-offset-10{margin-left:83.33333%}.designbase-grid__col--lg-offset-11{margin-left:91.66667%}.designbase-grid__col--lg-push-1{margin-left:8.33333%}.designbase-grid__col--lg-push-2{margin-left:16.66667%}.designbase-grid__col--lg-push-3{margin-left:25%}.designbase-grid__col--lg-push-4{margin-left:33.33333%}.designbase-grid__col--lg-push-5{margin-left:41.66667%}.designbase-grid__col--lg-push-6{margin-left:50%}.designbase-grid__col--lg-push-7{margin-left:58.33333%}.designbase-grid__col--lg-push-8{margin-left:66.66667%}.designbase-grid__col--lg-push-9{margin-left:75%}.designbase-grid__col--lg-push-10{margin-left:83.33333%}.designbase-grid__col--lg-push-11{margin-left:91.66667%}.designbase-grid__col--lg-pull-1{margin-left:-8.33333%}.designbase-grid__col--lg-pull-2{margin-left:-16.66667%}.designbase-grid__col--lg-pull-3{margin-left:-25%}.designbase-grid__col--lg-pull-4{margin-left:-33.33333%}.designbase-grid__col--lg-pull-5{margin-left:-41.66667%}.designbase-grid__col--lg-pull-6{margin-left:-50%}.designbase-grid__col--lg-pull-7{margin-left:-58.33333%}.designbase-grid__col--lg-pull-8{margin-left:-66.66667%}.designbase-grid__col--lg-pull-9{margin-left:-75%}.designbase-grid__col--lg-pull-10{margin-left:-83.33333%}.designbase-grid__col--lg-pull-11{margin-left:-91.66667%}}@media (min-width:1200px){.designbase-grid__col--xl-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--xl-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--xl-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--xl-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--xl-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--xl-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--xl-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--xl-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--xl-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--xl-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--xl-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--xl-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--xl-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--xl-offset-1{margin-left:8.33333%}.designbase-grid__col--xl-offset-2{margin-left:16.66667%}.designbase-grid__col--xl-offset-3{margin-left:25%}.designbase-grid__col--xl-offset-4{margin-left:33.33333%}.designbase-grid__col--xl-offset-5{margin-left:41.66667%}.designbase-grid__col--xl-offset-6{margin-left:50%}.designbase-grid__col--xl-offset-7{margin-left:58.33333%}.designbase-grid__col--xl-offset-8{margin-left:66.66667%}.designbase-grid__col--xl-offset-9{margin-left:75%}.designbase-grid__col--xl-offset-10{margin-left:83.33333%}.designbase-grid__col--xl-offset-11{margin-left:91.66667%}.designbase-grid__col--xl-push-1{margin-left:8.33333%}.designbase-grid__col--xl-push-2{margin-left:16.66667%}.designbase-grid__col--xl-push-3{margin-left:25%}.designbase-grid__col--xl-push-4{margin-left:33.33333%}.designbase-grid__col--xl-push-5{margin-left:41.66667%}.designbase-grid__col--xl-push-6{margin-left:50%}.designbase-grid__col--xl-push-7{margin-left:58.33333%}.designbase-grid__col--xl-push-8{margin-left:66.66667%}.designbase-grid__col--xl-push-9{margin-left:75%}.designbase-grid__col--xl-push-10{margin-left:83.33333%}.designbase-grid__col--xl-push-11{margin-left:91.66667%}.designbase-grid__col--xl-pull-1{margin-left:-8.33333%}.designbase-grid__col--xl-pull-2{margin-left:-16.66667%}.designbase-grid__col--xl-pull-3{margin-left:-25%}.designbase-grid__col--xl-pull-4{margin-left:-33.33333%}.designbase-grid__col--xl-pull-5{margin-left:-41.66667%}.designbase-grid__col--xl-pull-6{margin-left:-50%}.designbase-grid__col--xl-pull-7{margin-left:-58.33333%}.designbase-grid__col--xl-pull-8{margin-left:-66.66667%}.designbase-grid__col--xl-pull-9{margin-left:-75%}.designbase-grid__col--xl-pull-10{margin-left:-83.33333%}.designbase-grid__col--xl-pull-11{margin-left:-91.66667%}}:root{--ion-grid-padding:16px;--ion-grid-padding-xs:16px;--ion-grid-padding-sm:16px;--ion-grid-padding-md:16px;--ion-grid-padding-lg:16px;--ion-grid-padding-xl:16px;--ion-grid-column-padding:8px;--ion-grid-column-padding-xs:8px;--ion-grid-column-padding-sm:8px;--ion-grid-column-padding-md:8px;--ion-grid-column-padding-lg:8px;--ion-grid-column-padding-xl:8px;--ion-grid-width:100%;--ion-grid-width-xs:100%;--ion-grid-width-sm:540px;--ion-grid-width-md:720px;--ion-grid-width-lg:960px;--ion-grid-width-xl:1140px;--ion-grid-columns:12}.designbase-grid[role=grid] .designbase-grid__row{role:"row"}.designbase-grid[role=grid] .designbase-grid__col{role:"gridcell"}.designbase-grid__col{backface-visibility:hidden;will-change:flex-basis,max-width,margin-left}.designbase-stat{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;font-family:var(--db-font-family);gap:var(--db-gap-s);padding:var(--db-padding-m);transition:all .2s ease}.designbase-stat--size-s{gap:var(--db-gap-xs);padding:var(--db-padding-s)}.designbase-stat--size-s .designbase-stat__value{font-size:var(--db-text-l);font-weight:var(--db-weight-semibold)}.designbase-stat--size-s .designbase-stat__label{font-size:var(--db-text-s)}.designbase-stat--size-s .designbase-stat__icon{font-size:var(--db-text-base)}.designbase-stat--size-m{gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-stat--size-m .designbase-stat__value{font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold)}.designbase-stat--size-m .designbase-stat__label{font-size:var(--db-text-base)}.designbase-stat--size-m .designbase-stat__icon{font-size:var(--db-text-xl)}.designbase-stat--size-l{gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-stat--size-l .designbase-stat__value{font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold)}.designbase-stat--size-l .designbase-stat__label{font-size:var(--db-text-l)}.designbase-stat--size-l .designbase-stat__icon{font-size:var(--db-text-2xl)}.designbase-stat--size-xl{gap:var(--db-gap-l);padding:var(--db-padding-xl)}.designbase-stat--size-xl .designbase-stat__value{font-size:var(--db-text-3xl);font-weight:var(--db-weight-bold)}.designbase-stat--size-xl .designbase-stat__label{font-size:var(--db-text-xl)}.designbase-stat--size-xl .designbase-stat__icon{font-size:var(--db-text-3xl)}.designbase-stat--variant-minimal{background:transparent;border:none;padding:var(--db-padding-xs)}.designbase-stat--variant-minimal .designbase-stat__label,.designbase-stat--variant-minimal .designbase-stat__value{opacity:.8}.designbase-stat--variant-card{border:1px solid var(--db-border-base);box-shadow:var(--db-shadow-sm)}.designbase-stat--variant-colored{border:none}.designbase-stat--variant-colored,.designbase-stat--variant-colored .designbase-stat__change,.designbase-stat--variant-colored .designbase-stat__description,.designbase-stat--variant-colored .designbase-stat__icon,.designbase-stat--variant-colored .designbase-stat__label,.designbase-stat--variant-colored .designbase-stat__value{color:var(--db-text-inverse-primary)}.designbase-stat--layout-horizontal{align-items:center;flex-direction:row}.designbase-stat--layout-vertical{align-items:flex-start;flex-direction:column;text-align:left}.designbase-stat--layout-reverse{align-items:center;flex-direction:row-reverse}.designbase-stat--color-primary{--stat-color:var(--db-brand-primary)}.designbase-stat--color-secondary{--stat-color:var(--db-text-secondary)}.designbase-stat--color-success{--stat-color:var(--db-feedback-success-fg)}.designbase-stat--color-warning{--stat-color:var(--db-feedback-warning-fg)}.designbase-stat--color-error{--stat-color:var(--db-feedback-error-fg)}.designbase-stat--color-info{--stat-color:var(--db-feedback-info-fg)}.designbase-stat--clickable{cursor:pointer}.designbase-stat--clickable:hover{box-shadow:var(--db-shadow-md);transform:translateY(-2px)}.designbase-stat--clickable:active{transform:translateY(0)}.designbase-stat--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-stat--animated .designbase-stat__value{animation:stat-pulse 2s infinite}.designbase-stat--with-progress{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}.designbase-stat--with-change .designbase-stat__content,.designbase-stat--with-description .designbase-stat__content{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-stat__icon{align-items:center;color:var(--stat-color,var(--db-blue-600));display:flex;flex-shrink:0;justify-content:center}.designbase-stat__icon--left{order:1}.designbase-stat__icon--right{order:3}.designbase-stat__content{flex:1;min-width:0}.designbase-stat__main{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-stat__value{color:var(--stat-color,var(--db-text-primary));line-height:1.2}.designbase-stat__label{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);line-height:1.4}.designbase-stat__change{font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-stat__change--increase{color:var(--db-green-600)}.designbase-stat__change--decrease{color:var(--db-red-600)}.designbase-stat__description{color:var(--db-text-tertiary);font-size:var(--db-text-s);line-height:1.4}.designbase-stat__progress{width:100%}@keyframes stat-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.designbase-stat--size-l{gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-stat--size-l .designbase-stat__value{font-size:var(--db-text-xl)}.designbase-stat--size-l .designbase-stat__label{font-size:var(--db-text-base)}.designbase-stat--size-l .designbase-stat__icon{font-size:var(--db-text-xl)}.designbase-stat--size-xl{gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-stat--size-xl .designbase-stat__value{font-size:var(--db-text-2xl)}.designbase-stat--size-xl .designbase-stat__label{font-size:var(--db-text-l)}.designbase-stat--size-xl .designbase-stat__icon{font-size:var(--db-text-2xl)}.designbase-stat--layout-vertical{align-items:center;text-align:center}}@media (max-width:480px){.designbase-stat--size-m{gap:var(--db-gap-xs);padding:var(--db-padding-s)}.designbase-stat--size-m .designbase-stat__value{font-size:var(--db-text-l)}.designbase-stat--size-m .designbase-stat__label{font-size:var(--db-text-s)}.designbase-stat--size-m .designbase-stat__icon{font-size:var(--db-text-base)}.designbase-stat--layout-reverse{align-items:flex-start;flex-direction:column;text-align:left}}.designbase-hero-feature{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.designbase-hero-feature--size-s{min-height:300px;padding:var(--db-padding-lg) var(--db-padding-s)}.designbase-hero-feature--size-s .designbase-hero-feature__title{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-s .designbase-hero-feature__subtitle{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-s .designbase-hero-feature__description{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-hero-feature--size-m{min-height:400px;padding:var(--db-padding-xl) var(--db-padding-m)}.designbase-hero-feature--size-m .designbase-hero-feature__title{font-size:var(--db-text-3xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-m .designbase-hero-feature__subtitle{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-m .designbase-hero-feature__description{font-size:var(--db-text-l);line-height:var(--db-leading-normal)}.designbase-hero-feature--size-l{min-height:500px;padding:var(--db-padding-2xl) var(--db-padding-l)}.designbase-hero-feature--size-l .designbase-hero-feature__title{font-size:var(--db-text-4xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-l .designbase-hero-feature__subtitle{font-size:var(--db-text-3xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-l .designbase-hero-feature__description{font-size:var(--db-text-xl);line-height:var(--db-leading-relaxed)}.designbase-hero-feature--size-xl{min-height:600px;padding:var(--db-padding-3xl) var(--db-padding-xl)}.designbase-hero-feature--size-xl .designbase-hero-feature__title{font-size:var(--db-text-5xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-xl .designbase-hero-feature__subtitle{font-size:var(--db-text-4xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-xl .designbase-hero-feature__description{font-size:var(--db-text-2xl);line-height:var(--db-leading-relaxed)}.designbase-hero-feature--full-height{min-height:100vh}.designbase-hero-feature--theme-light{background:var(--db-surface-base);color:var(--db-text-primary)}.designbase-hero-feature--theme-dark{background:var(--db-bg-inverse);color:var(--db-text-inverse-primary)}.designbase-hero-feature--theme-gradient{background:linear-gradient(135deg,var(--db-blue-600) 0,var(--db-blue-400) 100%);color:var(--db-text-inverse-primary)}.designbase-hero-feature--theme-image{background:var(--db-surface-base);color:var(--db-text-primary)}.designbase-hero-feature--alignment-left .designbase-hero-feature__content{align-items:flex-start;text-align:left}.designbase-hero-feature--alignment-center .designbase-hero-feature__content{align-items:center;text-align:center}.designbase-hero-feature--alignment-right .designbase-hero-feature__content{align-items:flex-end;text-align:right}.designbase-hero-feature--animated .designbase-hero-feature__buttons,.designbase-hero-feature--animated .designbase-hero-feature__description,.designbase-hero-feature--animated .designbase-hero-feature__subtitle,.designbase-hero-feature--animated .designbase-hero-feature__title{animation:fadeInUp .8s ease-out}.designbase-hero-feature--animated .designbase-hero-feature__badge{animation:fadeInDown .6s ease-out}.designbase-hero-feature--animated .designbase-hero-feature__stats{animation:fadeInUp 1s ease-out .2s both}.designbase-hero-feature--parallax .designbase-hero-feature__image--parallax{transform:translateZ(0);will-change:transform}.designbase-hero-feature__container{align-items:center;display:flex;gap:var(--db-gap-l);justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.designbase-hero-feature__content{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-s);max-width:600px}.designbase-hero-feature__icon{align-items:center;background:var(--db-color-info);border-radius:var(--db-radius-l);color:var(--db-white);display:flex;height:64px;justify-content:center;margin-bottom:var(--db-margin-sm);width:64px}.designbase-hero-feature__badge{align-items:center;border-radius:var(--db-radius-s);display:inline-flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:1;margin-bottom:var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s);white-space:nowrap;width:fit-content}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-solid{background:var(--db-color-info);color:var(--db-white)}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-color-info);color:var(--db-color-info)}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-soft{background:var(--db-blue-100);color:var(--db-blue-700)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-solid{background:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-border-base);color:var(--db-text-secondary)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-soft{background:var(--db-surface-layer-2);color:var(--db-text-secondary)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-solid{background:var(--db-green-600);color:var(--db-white)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-green-600);color:var(--db-green-600)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-soft{background:var(--db-green-100);color:var(--db-green-700)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-solid{background:var(--db-yellow-600);color:var(--db-white)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-yellow-600);color:var(--db-yellow-700)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-soft{background:var(--db-yellow-100);color:var(--db-yellow-700)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-solid{background:var(--db-red-600);color:var(--db-white)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-red-600);color:var(--db-red-600)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-soft{background:var(--db-red-100);color:var(--db-red-700)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-solid{background:var(--db-color-info);color:var(--db-white)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-color-info);color:var(--db-color-info)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-soft{background:var(--db-blue-100);color:var(--db-blue-700)}.designbase-hero-feature__title{color:inherit;font-weight:var(--db-weight-bold);line-height:1.2;margin:0}.designbase-hero-feature__subtitle{color:inherit;font-weight:var(--db-weight-semibold);line-height:1.3;margin:0;opacity:.8}.designbase-hero-feature__description{color:inherit;line-height:1.6;margin:0;max-width:500px;opacity:.7}.designbase-hero-feature__buttons{display:flex;flex-wrap:wrap;gap:var(--db-gap-s);margin-top:var(--db-margin-sm)}.designbase-hero-feature__button{align-items:center;border:none;border-radius:var(--db-radius-m);cursor:pointer;display:inline-flex;font-size:var(--db-text-base);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);padding:var(--db-padding-sm) var(--db-padding-l);text-decoration:none;transition:all .2s ease}.designbase-hero-feature__button--size-s{font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-m)}.designbase-hero-feature__button--size-m{font-size:var(--db-text-base);padding:var(--db-padding-sm) var(--db-padding-l)}.designbase-hero-feature__button--size-l{font-size:var(--db-text-l);padding:var(--db-padding-md) var(--db-padding-xl)}.designbase-hero-feature__button--variant-primary{background:var(--db-color-info);color:var(--db-white)}.designbase-hero-feature__button--variant-primary:hover{background:var(--db-blue-700);transform:translateY(-1px)}.designbase-hero-feature__button--variant-secondary{background:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-hero-feature__button--variant-secondary:hover{background:var(--db-bg-hover);transform:translateY(-1px)}.designbase-hero-feature__button--variant-outline{background:transparent;border:2px solid var(--db-color-info);color:var(--db-color-info)}.designbase-hero-feature__button--variant-outline:hover{background:var(--db-color-info);border-color:var(--db-color-info)}.designbase-hero-feature__button--variant-ghost{background:transparent;color:var(--db-color-info)}.designbase-hero-feature__button--variant-ghost:hover{background:var(--db-blue-100)}.designbase-hero-feature__button-icon{align-items:center;display:flex;justify-content:center}.designbase-hero-feature__stats{display:flex;flex-wrap:wrap;gap:var(--db-gap-m);margin-top:var(--db-margin-md)}.designbase-hero-feature__stat{align-items:flex-start;display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-hero-feature__stat-value{color:inherit;font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold);line-height:1}.designbase-hero-feature__stat-label{color:inherit;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);opacity:.7}.designbase-hero-feature__stat-description{color:inherit;font-size:var(--db-text-xs);opacity:.5}.designbase-hero-feature__image{align-items:center;display:flex;flex:1;justify-content:center;max-width:500px}.designbase-hero-feature__image img{border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-lg);height:auto;transition:transform .3s ease;width:100%}.designbase-hero-feature__image img:hover{transform:scale(1.02)}.designbase-hero-feature__background-video{object-fit:cover}.designbase-hero-feature__background-image,.designbase-hero-feature__background-video,.designbase-hero-feature__overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.designbase-hero-feature--variant-split .designbase-hero-feature__container{flex-direction:row}.designbase-hero-feature--variant-centered .designbase-hero-feature__container{flex-direction:column;text-align:center}.designbase-hero-feature--variant-centered .designbase-hero-feature__content{align-items:center;text-align:center}.designbase-hero-feature--variant-overlay .designbase-hero-feature__content{position:relative;z-index:3}.designbase-hero-feature--variant-minimal .designbase-hero-feature__content{max-width:800px}.designbase-hero-feature--variant-minimal .designbase-hero-feature__title{font-size:var(--db-text-4xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.designbase-hero-feature--size-l,.designbase-hero-feature--size-xl{padding:var(--db-padding-lg) var(--db-padding-s)}.designbase-hero-feature--size-l .designbase-hero-feature__title,.designbase-hero-feature--size-xl .designbase-hero-feature__title{font-size:var(--db-text-3xl)}.designbase-hero-feature--size-l .designbase-hero-feature__subtitle,.designbase-hero-feature--size-xl .designbase-hero-feature__subtitle{font-size:var(--db-text-2xl)}.designbase-hero-feature--size-l .designbase-hero-feature__description,.designbase-hero-feature--size-xl .designbase-hero-feature__description{font-size:var(--db-text-l)}.designbase-hero-feature--variant-split .designbase-hero-feature__container{flex-direction:column;gap:var(--db-gap-m)}.designbase-hero-feature--variant-split .designbase-hero-feature__image{max-width:100%}.designbase-hero-feature__buttons{flex-direction:column;width:100%}.designbase-hero-feature__button{justify-content:center;width:100%}.designbase-hero-feature__stats{flex-direction:column;gap:var(--db-gap-s)}}.designbase-lightbox{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.designbase-lightbox--size-s .designbase-lightbox__modal{max-height:80vh;max-width:600px}.designbase-lightbox--size-s .designbase-lightbox__image{max-height:400px;max-width:500px}.designbase-lightbox--size-s .designbase-lightbox__thumbnail{height:60px;width:60px}.designbase-lightbox--size-m .designbase-lightbox__modal{max-height:85vh;max-width:800px}.designbase-lightbox--size-m .designbase-lightbox__image{max-height:500px;max-width:700px}.designbase-lightbox--size-m .designbase-lightbox__thumbnail{height:80px;width:80px}.designbase-lightbox--size-l .designbase-lightbox__modal{max-height:90vh;max-width:1000px}.designbase-lightbox--size-l .designbase-lightbox__image{max-height:600px;max-width:900px}.designbase-lightbox--size-l .designbase-lightbox__thumbnail{height:100px;width:100px}.designbase-lightbox--size-xl .designbase-lightbox__modal{max-height:95vh;max-width:1200px}.designbase-lightbox--size-xl .designbase-lightbox__image{max-height:700px;max-width:1100px}.designbase-lightbox--size-xl .designbase-lightbox__thumbnail{height:120px;width:120px}.designbase-lightbox__modal{background:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-xl)}.designbase-lightbox--fullscreen .designbase-lightbox__overlay{padding:0!important}.designbase-lightbox--fullscreen .designbase-lightbox__modal{border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.designbase-lightbox__overlay{align-items:center;backdrop-filter:blur(4px);background:var(--db-overlay-base);bottom:0;display:flex;justify-content:center;left:0;padding:var(--db-padding-l);position:absolute;right:0;top:0}.designbase-lightbox__modal{display:flex;flex-direction:column;height:100%;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}.designbase-lightbox__header{align-items:center;background:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-s)}.designbase-lightbox__title{align-items:center;display:flex;flex:1;gap:var(--db-gap-s);min-width:0}.designbase-lightbox__title-text{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-lightbox__counter{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-s);color:var(--db-text-secondary);flex-shrink:0;font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-lightbox__header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-lightbox__toolbar-button{align-items:center;background:transparent;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-xs);font-weight:var(--db-weight-normal);height:var(--db-size-button-l);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-button-l)}.designbase-lightbox__toolbar-button:hover{background:var(--db-surface-hover);border-color:var(--db-border-hover);color:var(--db-text-primary)}.designbase-lightbox__toolbar-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-lightbox__close-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;height:var(--db-size-button-l);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-button-l)}.designbase-lightbox__close-button:hover{background:var(--db-surface-hover);color:var(--db-text-primary)}.designbase-lightbox__close-button:focus{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-lightbox__content{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.designbase-lightbox__nav-button{align-items:center;background:var(--db-overlay-base);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:var(--db-size-button-xl);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-button-xl);z-index:10}.designbase-lightbox__nav-button:hover{background:var(--db-surface-inverse);transform:translateY(-50%) scale(1.1)}.designbase-lightbox__nav-button:focus{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-lightbox__nav-button--prev{left:var(--db-padding-m)}.designbase-lightbox__nav-button--next{right:var(--db-padding-m)}.designbase-lightbox__image-container{align-items:center;background:var(--db-surface-layer-2);display:flex;flex:1;justify-content:center;min-height:200px;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;user-select:none}.designbase-lightbox__image{max-height:100%;max-width:100%;object-fit:contain;opacity:0;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-lightbox__image--loaded{opacity:1}.designbase-lightbox__image--dragging{transition:none}.designbase-lightbox__loading{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column;gap:var(--db-gap-m);justify-content:center}.designbase-lightbox__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--db-border-base);border:3px solid var(--db-border-base);border-radius:50%;border-top-color:var(--db-brand-primary);height:32px;width:32px}.designbase-lightbox__loading-text{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0}.designbase-lightbox__error{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column;gap:var(--db-gap-m);justify-content:center}.designbase-lightbox__error-icon{font-size:var(--db-text-xl)}.designbase-lightbox__error-text{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0}.designbase-lightbox__description{background:var(--db-surface-layer-1);border-top:1px solid var(--db-border-base);flex-shrink:0;padding:var(--db-padding-s)}.designbase-lightbox__description-text{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:1.6;margin:0}.designbase-lightbox__thumbnails{background:var(--db-surface-layer-1);border-top:1px solid var(--db-border-base);flex-shrink:0;padding:var(--db-padding-s)}.designbase-lightbox__thumbnails-container{display:flex;gap:var(--db-gap-s);overflow-x:auto;scrollbar-color:var(--db-border-base) transparent;scrollbar-width:thin}.designbase-lightbox__thumbnails-container::-webkit-scrollbar{height:6px}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-track{background:transparent}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:3px}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-thumb:hover{background:var(--db-border-hover)}.designbase-lightbox__thumbnail{align-items:center;background:transparent;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:pointer;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;transition:all var(--db-animation-speed) var(--db-animation-ease);width:80px}.designbase-lightbox__thumbnail:hover{border-color:var(--db-brand-primary)}.designbase-lightbox__thumbnail:focus{outline:1px solid var(--db-brand-primary);outline-offset:1px}.designbase-lightbox__thumbnail--active{border-color:var(--db-brand-primary);box-shadow:0 0 0 2px var(--db-brand-primary)}.designbase-lightbox__thumbnail-image{border-radius:var(--db-radius-s);height:100%;object-fit:cover;width:100%}@media (max-width:768px){.designbase-lightbox__overlay{padding:var(--db-padding-m)}.designbase-lightbox__modal{max-height:95vh}.designbase-lightbox__header{align-items:stretch;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-lightbox__header-actions,.designbase-lightbox__title{justify-content:center}.designbase-lightbox__nav-button{height:40px;width:40px}.designbase-lightbox__nav-button--prev{left:var(--db-padding-m)}.designbase-lightbox__nav-button--next{right:var(--db-padding-m)}.designbase-lightbox__thumbnails{padding:var(--db-padding-m)}.designbase-lightbox__thumbnail{height:80px;width:80px}}@media (max-width:480px){.designbase-lightbox__header,.designbase-lightbox__overlay{padding:var(--db-padding-s)}.designbase-lightbox__title-text{font-size:var(--db-text-m)}.designbase-lightbox__toolbar-button{height:32px;width:32px}.designbase-lightbox__close-button,.designbase-lightbox__nav-button{height:36px;width:36px}.designbase-lightbox__nav-button--prev{left:var(--db-padding-s)}.designbase-lightbox__nav-button--next{right:var(--db-padding-s)}.designbase-lightbox__thumbnails{padding:var(--db-padding-s)}.designbase-lightbox__thumbnail{height:60px;width:60px}}.designbase-image-list{display:flex;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-image-list--grid{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(var(--columns,3),1fr)}.designbase-image-list--grid.designbase-image-list--columns-1{grid-template-columns:1fr}.designbase-image-list--grid.designbase-image-list--columns-2{grid-template-columns:repeat(2,1fr)}.designbase-image-list--grid.designbase-image-list--columns-3{grid-template-columns:repeat(3,1fr)}.designbase-image-list--grid.designbase-image-list--columns-4{grid-template-columns:repeat(4,1fr)}.designbase-image-list--grid.designbase-image-list--columns-5{grid-template-columns:repeat(5,1fr)}.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(6,1fr)}.designbase-image-list--list{flex-direction:column;gap:var(--db-gap-s)}.designbase-image-list--list .designbase-image-list__item{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;gap:var(--db-gap-m);padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--list .designbase-image-list__item:hover{box-shadow:var(--db-shadow-md);transform:translateY(-1px)}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__image{border-radius:var(--db-radius-s);flex-shrink:0;height:80px;overflow:hidden;width:120px}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay{background:none;color:var(--db-text-primary);flex:1;opacity:1;padding:0;position:static;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay .designbase-image-list__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-bold);margin:0 0 var(--db-margin-xs) 0;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay .designbase-image-list__description{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--gallery{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.designbase-image-list--gallery .designbase-image-list__item{border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-md);overflow:hidden;position:relative;transition:transform var(--db-animation-speed) var(--db-animation-ease),box-shadow var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--gallery .designbase-image-list__item:hover{box-shadow:var(--db-shadow-lg);transform:translateY(-4px)}.designbase-image-list--gallery .designbase-image-list__item:hover .designbase-image-list__overlay{opacity:1}.designbase-image-list--carousel{display:flex;gap:var(--db-gap-m);overflow-x:auto;padding:var(--db-padding-s) 0;scroll-snap-type:x mandatory}.designbase-image-list--carousel::-webkit-scrollbar{height:6px}.designbase-image-list--carousel::-webkit-scrollbar-track{background:var(--db-surface-layer-1);border-radius:var(--db-radius-s)}.designbase-image-list--carousel::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:var(--db-radius-s)}.designbase-image-list--carousel::-webkit-scrollbar-thumb:hover{background:var(--db-border-hover)}.designbase-image-list--carousel .designbase-image-list__carousel-item{flex:0 0 auto;max-width:300px;min-width:200px;scroll-snap-align:start}.designbase-image-list--spacing-xs{gap:var(--db-gap-xs)}.designbase-image-list--spacing-s{gap:var(--db-gap-s)}.designbase-image-list--spacing-m{gap:var(--db-gap-m)}.designbase-image-list--spacing-l{gap:var(--db-gap-l)}.designbase-image-list--spacing-xl{gap:var(--db-gap-xl)}.designbase-image-list__item{border-radius:var(--db-radius-m);cursor:pointer;overflow:hidden;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list__item:hover .designbase-image-list__overlay{opacity:1}.designbase-image-list__image{height:100%;transition:transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image-list--hover .designbase-image-list__image:hover{transform:scale(1.05)}.designbase-image-list__overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:var(--db-text-inverse-primary);left:0;opacity:0;padding:var(--db-padding-m);pointer-events:none;position:absolute;right:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list__title{color:var(--db-text-inverse-primary);font-size:var(--db-text-m);font-weight:var(--db-weight-semibold);line-height:1.3;margin:0}.designbase-image-list__description{color:var(--db-text-inverse-secondary);font-size:var(--db-text-s);line-height:1.4;margin:0}.designbase-image-list__metadata{color:var(--db-text-inverse-primary);display:flex;flex-direction:row;font-size:var(--db-text-xs);gap:var(--db-gap-xs);pointer-events:none;position:absolute;right:var(--db-margin-s);top:var(--db-margin-s)}.designbase-image-list__date,.designbase-image-list__size{background:rgba(0,0,0,.6);border-radius:var(--db-radius-s);padding:var(--db-padding-xs)}@media (max-width:1200px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-4,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-3,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-4,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(2,1fr)}.designbase-image-list--responsive.designbase-image-list--list .designbase-image-list__item{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}.designbase-image-list--responsive.designbase-image-list--list .designbase-image-list__item .designbase-image-list__image{height:120px;width:100%}}@media (max-width:480px){.designbase-image-list--responsive.designbase-image-list--gallery,.designbase-image-list--responsive.designbase-image-list--grid{grid-template-columns:1fr}.designbase-image-list--responsive .designbase-image-list__carousel-item{max-width:200px;min-width:150px}}.designbase-image-list__item:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-image-list__item{backface-visibility:hidden;will-change:transform}.designbase-image-list__image{will-change:transform}.designbase-list{display:flex;flex-direction:column;width:100%}.designbase-list--size-s{gap:var(--db-gap-s)}.designbase-list--size-s .designbase-list__item{font-size:var(--db-text-s);line-height:var(--db-leading-normal);padding:var(--db-padding-xs)}.designbase-list--size-s .designbase-list__item-title{font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-list--size-s .designbase-list__item-description{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-list--size-s .designbase-list__item-icon{height:var(--db-size-sm);margin-right:var(--db-margin-xs);width:var(--db-size-sm)}.designbase-list--size-s .designbase-list__item-image{height:var(--db-size-md);margin-right:var(--db-margin-xs);width:var(--db-size-md)}.designbase-list--size-m{gap:var(--db-gap-s)}.designbase-list--size-m .designbase-list__item{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-s)}.designbase-list--size-m .designbase-list__item-title{font-size:var(--db-text-base);font-weight:var(--db-weight-medium)}.designbase-list--size-m .designbase-list__item-description{font-size:var(--db-text-s);line-height:var(--db-leading-normal)}.designbase-list--size-m .designbase-list__item-icon{height:var(--db-size-md);margin-right:var(--db-margin-s);width:var(--db-size-md)}.designbase-list--size-m .designbase-list__item-image{height:var(--db-size-lg);margin-right:var(--db-margin-s);width:var(--db-size-lg)}.designbase-list--size-l{gap:var(--db-gap-m)}.designbase-list--size-l .designbase-list__item{font-size:var(--db-text-l);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-list--size-l .designbase-list__item-title{font-size:var(--db-text-l);font-weight:var(--db-weight-medium)}.designbase-list--size-l .designbase-list__item-description{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-list--size-l .designbase-list__item-icon{height:var(--db-size-md);margin-right:var(--db-margin-m);width:var(--db-size-md)}.designbase-list--size-l .designbase-list__item-image{height:var(--db-size-xl);margin-right:var(--db-margin-m);width:var(--db-size-xl)}.designbase-list--layout-horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-list--layout-horizontal .designbase-list__item{flex:1;max-width:300px;min-width:200px}.designbase-list--spacing-none .designbase-list__item{margin-bottom:0}.designbase-list--spacing-sm .designbase-list__item{margin-bottom:var(--db-margin-xs)}.designbase-list--spacing-md .designbase-list__item{margin-bottom:var(--db-margin-s)}.designbase-list--spacing-lg .designbase-list__item{margin-bottom:var(--db-margin-m)}.designbase-list--variant-default .designbase-list__item{background:var(--db-surface-base);border-radius:var(--db-radius-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-default .designbase-list__item:hover{background:var(--db-surface-layer-1)}.designbase-list--variant-bordered .designbase-list__item{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-bordered .designbase-list__item:hover{border-color:var(--db-border-layer-1);box-shadow:var(--db-shadow-card)}.designbase-list--variant-card .designbase-list__item{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-card);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-card .designbase-list__item:hover{box-shadow:var(--db-shadow-card-hover);transform:translateY(-1px)}.designbase-list--variant-minimal .designbase-list__item{background:transparent;border:none;border-bottom:1px solid var(--db-border-base);border-radius:0;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-minimal .designbase-list__item:last-child{border-bottom:none}.designbase-list--variant-minimal .designbase-list__item:hover{background:var(--db-surface-layer-1)}.designbase-list--selectable .designbase-list__item{cursor:pointer}.designbase-list--selectable .designbase-list__item--selected{background:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-list--selectable .designbase-list__item--selected:hover{background:var(--db-brand-secondary)}.designbase-list--draggable .designbase-list__item{cursor:grab}.designbase-list--draggable .designbase-list__item--dragging{cursor:grabbing;opacity:var(--db-opacity-disabled)}.designbase-list--loading .designbase-list__item{pointer-events:none}.designbase-list__item{align-items:center;background:var(--db-surface-base);border-radius:var(--db-radius-m);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list__item--alignment-start{align-items:flex-start}.designbase-list__item--alignment-center{align-items:center}.designbase-list__item--alignment-end{align-items:flex-end}.designbase-list__item--alignment-stretch{align-items:stretch}.designbase-list__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-list__item--clickable{cursor:pointer}.designbase-list__item--clickable:hover{background:var(--db-surface-layer-1)}.designbase-list__item--clickable:active{transform:translateY(1px)}.designbase-list__item-checkbox{align-items:center;display:flex;margin-right:var(--db-margin-s)}.designbase-list__item-checkbox input[type=checkbox],.designbase-list__item-checkbox input[type=radio]{cursor:pointer;height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-list__item-icon{align-items:center;color:var(--db-text-tertiary);display:flex;flex-shrink:0;justify-content:center}.designbase-list__item-image{border-radius:var(--db-radius-s);flex-shrink:0;overflow:hidden}.designbase-list__item-image img{height:100%;object-fit:cover;width:100%}.designbase-list__item-content{flex:1;min-width:0}.designbase-list__item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--db-margin-xs)}.designbase-list__item-title{color:var(--db-text-primary);font-weight:var(--db-weight-medium);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-list__item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--db-text-tertiary);display:-webkit-box;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.designbase-list__item-meta{display:flex;flex-direction:column;gap:var(--db-gap-xs);margin-top:var(--db-margin-s)}.designbase-list__item-meta-item{align-items:center;color:var(--db-text-tertiary);display:flex;font-size:var(--db-text-xs)}.designbase-list__item-meta-label{font-weight:var(--db-weight-medium);margin-right:var(--db-margin-xs)}.designbase-list__item-meta-value{color:var(--db-text-secondary)}.designbase-list__item-actions{flex-shrink:0;gap:var(--db-gap-s);margin-left:var(--db-margin-s)}.designbase-list__item-action,.designbase-list__item-actions{align-items:center;display:flex}.designbase-list__item-drag-handle{align-items:center;color:var(--db-text-tertiary);cursor:grab;display:flex;flex-shrink:0;height:var(--db-size-md);justify-content:center;margin-left:var(--db-margin-s);width:var(--db-size-md)}.designbase-list__item-drag-handle:hover{color:var(--db-text-secondary)}.designbase-list__item--loading .designbase-list__item-skeleton{align-items:center;display:flex;width:100%}.designbase-list__item--loading .designbase-list__item-skeleton-icon{animation:pulse 1.5s ease-in-out infinite;background:var(--db-surface-layer-2);border-radius:var(--db-radius-s);height:var(--db-size-icon-m);margin-right:var(--db-margin-s);width:var(--db-size-icon-m)}.designbase-list__item--loading .designbase-list__item-skeleton-content{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-s)}.designbase-list__item--loading .designbase-list__item-skeleton-title{animation:pulse 1.5s ease-in-out infinite;background:var(--db-surface-layer-2);border-radius:var(--db-radius-s);height:16px;width:60%}.designbase-list__item--loading .designbase-list__item-skeleton-description{animation:pulse 1.5s ease-in-out infinite;background:var(--db-surface-layer-2);border-radius:var(--db-radius-s);height:12px;width:80%}.designbase-list__empty{align-items:center;color:var(--db-text-tertiary);display:flex;justify-content:center;padding:var(--db-padding-l);text-align:center}@media (max-width:768px){.designbase-list--layout-horizontal{flex-direction:column}.designbase-list--layout-horizontal .designbase-list__item{max-width:none;min-width:auto}.designbase-list__item-actions{margin-left:var(--db-margin-s)}.designbase-list__item-meta{flex-direction:column;gap:var(--db-gap-xs)}}.designbase-logo{align-items:center;display:inline-flex;font-family:var(--db-font-primary);font-weight:var(--db-weight-bold);justify-content:center;line-height:1;text-decoration:none;transition:all .15s ease-in-out}.designbase-logo__text{color:var(--db-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-logo__image{object-fit:contain}.designbase-logo__image,.designbase-logo__svg{display:block;height:auto;max-width:100%}.designbase-logo__svg svg{display:block;height:auto;width:100%}.designbase-logo--svg{color:var(--db-text-primary)}.designbase-logo__link{align-items:center;color:inherit;display:inline-flex;justify-content:center;text-decoration:none}.designbase-logo__link:hover{text-decoration:none}.designbase-logo--xs .designbase-logo__text{font-size:var(--db-text-xs);line-height:var(--db-leading-normal)}.designbase-logo--xs .designbase-logo__image{max-height:16px}.designbase-logo--s .designbase-logo__text{font-size:var(--db-text-s);line-height:var(--db-leading-normal)}.designbase-logo--s .designbase-logo__image{max-height:20px}.designbase-logo--m .designbase-logo__text{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-logo--m .designbase-logo__image{max-height:24px}.designbase-logo--l .designbase-logo__text{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-logo--l .designbase-logo__image{max-height:32px}.designbase-logo--xl .designbase-logo__text{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-logo--xl .designbase-logo__image{max-height:40px}.designbase-logo--default .designbase-logo__text{color:var(--db-text-primary)}.designbase-logo--primary .designbase-logo__text{color:var(--db-color-primary)}.designbase-logo--secondary .designbase-logo__text{color:var(--db-text-secondary)}.designbase-logo--white .designbase-logo__text{color:var(--db-text-inverse-primary)}.designbase-logo--dark .designbase-logo__text{color:var(--db-text-primary)}.designbase-logo--clickable{cursor:pointer}.designbase-logo--clickable:hover{opacity:.8;transform:translateY(-1px)}.designbase-logo--clickable:active{transform:translateY(0)}.designbase-logo--full-width{justify-content:flex-start;width:100%}.designbase-logo--full-width .designbase-logo__text{flex:1;min-width:0}.designbase-logo--full-width .designbase-logo__image{flex-shrink:0}@media (max-width:640px){.designbase-logo--l .designbase-logo__text{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-logo--l .designbase-logo__image{max-height:24px}.designbase-logo--xl .designbase-logo__text{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-logo--xl .designbase-logo__image{max-height:32px}}.designbase-logo:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-markdown-editor{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);display:flex;flex-direction:column;font-family:var(--db-font-primary);transition:all .2s ease}.designbase-markdown-editor--size-s .designbase-markdown-editor__toolbar{gap:var(--db-gap-xs);padding:var(--db-padding-s)}.designbase-markdown-editor--size-s .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-s .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-markdown-editor--size-s .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-s .designbase-markdown-editor__preview,.designbase-markdown-editor--size-s .designbase-markdown-editor__textarea{font-size:var(--db-text-s);padding:var(--db-padding-m)}.designbase-markdown-editor--size-s .designbase-markdown-editor__status{font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-markdown-editor--size-m .designbase-markdown-editor__toolbar{gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-markdown-editor--size-m .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-m .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-markdown-editor--size-m .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-m .designbase-markdown-editor__preview,.designbase-markdown-editor--size-m .designbase-markdown-editor__textarea{font-size:var(--db-text-base);padding:var(--db-padding-l)}.designbase-markdown-editor--size-m .designbase-markdown-editor__status{font-size:var(--db-text-s);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-markdown-editor--size-l .designbase-markdown-editor__toolbar{gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-markdown-editor--size-l .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-l .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-markdown-editor--size-l .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-l .designbase-markdown-editor__preview,.designbase-markdown-editor--size-l .designbase-markdown-editor__textarea{font-size:var(--db-text-l);padding:var(--db-padding-xl)}.designbase-markdown-editor--size-l .designbase-markdown-editor__status{font-size:var(--db-text-base);padding:var(--db-padding-l) var(--db-padding-xl)}.designbase-markdown-editor--variant-default{background:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-markdown-editor--variant-outlined{background:transparent;border-color:var(--db-border-base)}.designbase-markdown-editor--variant-filled{background:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-markdown-editor--mode-edit .designbase-markdown-editor__content,.designbase-markdown-editor--mode-preview .designbase-markdown-editor__content{display:block}.designbase-markdown-editor--mode-split .designbase-markdown-editor__content{display:flex;gap:var(--db-gap-m)}.designbase-markdown-editor--mode-split .designbase-markdown-editor__edit-panel,.designbase-markdown-editor--mode-split .designbase-markdown-editor__preview-panel{flex:1}.designbase-markdown-editor--mode-code .designbase-markdown-editor__content{display:block}.designbase-markdown-editor--theme-light{color:var(--db-text-primary)}.designbase-markdown-editor--theme-dark{background:var(--db-bg-inverse);border-color:var(--db-border-base);color:var(--db-text-inverse-primary)}.designbase-markdown-editor--focused{border-color:var(--db-color-info);box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-markdown-editor--disabled,.designbase-markdown-editor--readonly .designbase-markdown-editor__toolbar{opacity:.5;pointer-events:none}.designbase-markdown-editor__toolbar{align-items:center;background:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);border-radius:var(--db-radius-l) var(--db-radius-l) 0 0;display:flex;flex-wrap:wrap}.designbase-markdown-editor__mode-buttons{align-items:center;display:flex;gap:var(--db-gap-xs);margin-right:var(--db-margin-md)}.designbase-markdown-editor__mode-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;font-weight:var(--db-weight-medium);justify-content:center;padding:var(--db-padding-s);transition:all .2s ease}.designbase-markdown-editor__mode-button:hover:not(.designbase-markdown-editor__mode-button--disabled){background:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-markdown-editor__mode-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-markdown-editor__mode-button--active{background:var(--db-color-info);color:var(--db-white)}.designbase-markdown-editor__mode-button--disabled{cursor:not-allowed;opacity:.5}.designbase-markdown-editor__toolbar-separator{background:var(--db-border-base);height:24px;margin:0 var(--db-margin-md);width:1px}.designbase-markdown-editor__toolbar-item{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;font-weight:var(--db-weight-medium);justify-content:center;padding:var(--db-padding-s);position:relative;transition:all .2s ease}.designbase-markdown-editor__toolbar-item:hover:not(.designbase-markdown-editor__toolbar-item--disabled){background:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-markdown-editor__toolbar-item:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-markdown-editor__toolbar-item--active{background:var(--db-color-info);color:var(--db-white)}.designbase-markdown-editor__toolbar-item--disabled{cursor:not-allowed;opacity:.5}.designbase-markdown-editor__toolbar-shortcut{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-secondary);font-size:var(--db-text-xs);left:50%;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}.designbase-markdown-editor__toolbar-item:hover .designbase-markdown-editor__toolbar-shortcut{opacity:1}.designbase-markdown-editor__file-upload{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--db-padding-s);transition:all .2s ease}.designbase-markdown-editor__file-upload:hover{background:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-markdown-editor__file-upload:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-markdown-editor__content{flex:1;min-height:200px}.designbase-markdown-editor__edit-panel{height:100%}.designbase-markdown-editor__textarea{background:transparent;border:none;color:inherit;font-family:Monaco,Menlo,Ubuntu Mono,monospace;height:100%;line-height:1.6;min-height:inherit;outline:none;resize:vertical;width:100%}.designbase-markdown-editor__textarea::placeholder{color:var(--db-text-tertiary)}.designbase-markdown-editor__textarea:disabled{cursor:not-allowed}.designbase-markdown-editor__preview-panel{height:100%;overflow-y:auto}.designbase-markdown-editor__preview{color:inherit;line-height:1.6}.designbase-markdown-editor__preview h1,.designbase-markdown-editor__preview h2,.designbase-markdown-editor__preview h3,.designbase-markdown-editor__preview h4,.designbase-markdown-editor__preview h5,.designbase-markdown-editor__preview h6{font-weight:var(--db-weight-semibold);line-height:1.3;margin:var(--db-margin-lg) 0 var(--db-margin-md) 0}.designbase-markdown-editor__preview h1{font-size:var(--db-text-3xl)}.designbase-markdown-editor__preview h2{font-size:var(--db-text-2xl)}.designbase-markdown-editor__preview h3{font-size:var(--db-text-xl)}.designbase-markdown-editor__preview p{margin:0 0 var(--db-margin-m) 0}.designbase-markdown-editor__preview strong{font-weight:var(--db-weight-semibold)}.designbase-markdown-editor__preview em{font-style:italic}.designbase-markdown-editor__preview del{text-decoration:line-through}.designbase-markdown-editor__preview code{background:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 6px}.designbase-markdown-editor__preview pre{background:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);margin:var(--db-margin-lg) 0;overflow-x:auto;padding:var(--db-padding-l)}.designbase-markdown-editor__preview pre code{background:none;border:none;color:inherit;padding:0}.designbase-markdown-editor__preview a{color:var(--db-color-info);text-decoration:none}.designbase-markdown-editor__preview a:hover{text-decoration:underline}.designbase-markdown-editor__preview img{border-radius:var(--db-radius-m);height:auto;max-width:100%}.designbase-markdown-editor__preview blockquote{background:var(--db-surface-layer-1);border-left:4px solid var(--db-color-info);border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;font-style:italic;margin:var(--db-margin-lg) 0;padding:var(--db-padding-md) var(--db-padding-l)}.designbase-markdown-editor__preview ol,.designbase-markdown-editor__preview ul{margin:var(--db-margin-md) 0;padding-left:var(--db-padding-xl)}.designbase-markdown-editor__preview li{margin:var(--db-margin-xs) 0}.designbase-markdown-editor__preview table{border-collapse:collapse;margin:var(--db-margin-lg) 0;width:100%}.designbase-markdown-editor__preview td,.designbase-markdown-editor__preview th{border:1px solid var(--db-border-base);padding:var(--db-padding-sm) var(--db-padding-m);text-align:left}.designbase-markdown-editor__preview th{background:var(--db-surface-layer-1);font-weight:var(--db-weight-semibold)}.designbase-markdown-editor__preview hr{border:none;border-top:1px solid var(--db-border-base);margin:var(--db-margin-xl) 0}.designbase-markdown-editor__code-panel{height:100%;overflow-y:auto}.designbase-markdown-editor__code-view{word-wrap:break-word;background:var(--db-surface-layer-1);border:none;border-radius:0;color:var(--db-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;height:100%;line-height:1.6;margin:0;min-height:inherit;outline:none;overflow-wrap:break-word;white-space:pre-wrap;width:100%}.designbase-markdown-editor__code-view code{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;padding:0}.designbase-markdown-editor__status{align-items:center;background:var(--db-surface-layer-1);border-radius:0 0 var(--db-radius-l) var(--db-radius-l);border-top:1px solid var(--db-border-base);color:var(--db-text-secondary);display:flex;gap:var(--db-gap-l)}.designbase-markdown-editor__last-saved,.designbase-markdown-editor__line-count,.designbase-markdown-editor__word-count{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-markdown-editor__last-saved{color:var(--db-green-600)}.designbase-markdown-editor__saving{align-items:center;color:var(--db-color-info);display:flex;gap:var(--db-gap-xs)}@media (max-width:768px){.designbase-markdown-editor--mode-split .designbase-markdown-editor__content{flex-direction:column}.designbase-markdown-editor__toolbar{gap:var(--db-gap-xs)}.designbase-markdown-editor__mode-buttons{margin-right:var(--db-margin-s)}.designbase-markdown-editor__mode-button,.designbase-markdown-editor__toolbar-item{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-markdown-editor__status{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}}@media (max-width:480px){.designbase-markdown-editor__toolbar{padding:var(--db-padding-s)}.designbase-markdown-editor__code-view,.designbase-markdown-editor__preview,.designbase-markdown-editor__textarea{font-size:var(--db-text-s);padding:var(--db-padding-m)}.designbase-markdown-editor__status{font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m)}}.designbase-masonry{display:flex;gap:var(--db-gap-m);width:100%}.designbase-masonry__column{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-m)}.designbase-masonry--columns-1 .designbase-masonry__column,.designbase-masonry--columns-2 .designbase-masonry__column,.designbase-masonry--columns-3 .designbase-masonry__column,.designbase-masonry--columns-4 .designbase-masonry__column,.designbase-masonry--columns-5 .designbase-masonry__column,.designbase-masonry--columns-6 .designbase-masonry__column{flex:1}.designbase-masonry--spacing-xs,.designbase-masonry--spacing-xs .designbase-masonry__column{gap:var(--db-gap-xs)}.designbase-masonry--spacing-s,.designbase-masonry--spacing-s .designbase-masonry__column{gap:var(--db-gap-s)}.designbase-masonry--spacing-m,.designbase-masonry--spacing-m .designbase-masonry__column{gap:var(--db-gap-m)}.designbase-masonry--spacing-l,.designbase-masonry--spacing-l .designbase-masonry__column{gap:var(--db-gap-l)}.designbase-masonry--spacing-xl,.designbase-masonry--spacing-xl .designbase-masonry__column{gap:var(--db-gap-xl)}.designbase-masonry__item{border-radius:var(--db-radius-m);cursor:pointer;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-masonry__item--visible{opacity:1;transform:translateY(0)}.designbase-masonry__item:hover .designbase-masonry__overlay{opacity:1}.designbase-masonry__item:hover .designbase-masonry__image{transform:scale(1.05)}.designbase-masonry__image{display:block;height:auto;transition:transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-masonry__overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:var(--db-text-inverse-primary);left:0;opacity:0;padding:var(--db-padding-m);pointer-events:none;position:absolute;right:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-masonry__title{color:var(--db-text-inverse-primary);font-size:var(--db-text-m);font-weight:var(--db-weight-semibold);line-height:1.3;margin:0 0 var(--db-margin-xs) 0}.designbase-masonry__description{color:var(--db-text-inverse-secondary);font-size:var(--db-text-s);line-height:1.4;margin:0}.designbase-masonry__metadata{color:var(--db-text-inverse-primary);display:flex;flex-direction:row;font-size:var(--db-text-xs);gap:var(--db-gap-xs);pointer-events:none;position:absolute;right:var(--db-margin-s);top:var(--db-margin-s)}.designbase-masonry__date,.designbase-masonry__size{background:rgba(0,0,0,.6);border-radius:var(--db-radius-s);padding:var(--db-padding-xs)}.designbase-masonry--animation-fade .designbase-masonry__item,.designbase-masonry--animation-fade .designbase-masonry__item--visible{animation:masonryFadeIn .6s ease forwards}.designbase-masonry--animation-slide .designbase-masonry__item,.designbase-masonry--animation-slide .designbase-masonry__item--visible{animation:masonrySlideIn .6s ease forwards}.designbase-masonry--animation-zoom .designbase-masonry__item,.designbase-masonry--animation-zoom .designbase-masonry__item--visible{animation:masonryZoomIn .6s ease forwards}.designbase-masonry--animation-none .designbase-masonry__item{animation:none;opacity:1;transform:none}@media (max-width:1200px){.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+5),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+5){display:none}}@media (max-width:992px){.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+4),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+4),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+4){display:none}}@media (max-width:768px){.designbase-masonry--responsive.designbase-masonry--columns-3 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+3){display:none}}@media (max-width:480px){.designbase-masonry--responsive.designbase-masonry--columns-2 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-3 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+2){display:none}}.designbase-masonry--infinite-scroll{max-height:80vh;overflow-y:auto}.designbase-masonry--infinite-scroll::-webkit-scrollbar{width:6px}.designbase-masonry--infinite-scroll::-webkit-scrollbar-track{background:var(--db-surface-layer-1);border-radius:var(--db-radius-s)}.designbase-masonry--infinite-scroll::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:var(--db-radius-s)}.designbase-masonry--infinite-scroll::-webkit-scrollbar-thumb:hover{background:var(--db-border-hover)}.designbase-masonry__item:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-masonry__item{backface-visibility:hidden;will-change:transform,opacity}.designbase-masonry__image{will-change:transform}@keyframes masonryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes masonrySlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes masonryZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.designbase-onboarding-modal{align-items:center;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:var(--db-padding-m);position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-onboarding-modal__overlay{animation:fadeIn .3s ease;backdrop-filter:blur(4px);background-color:var(--db-overlay-base);bottom:0;left:0;position:absolute;right:0;top:0}.designbase-onboarding-modal__content{animation:slideUp .3s ease;background-color:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:400px;overflow:hidden;position:relative;width:100%}.designbase-onboarding-modal__close-button{align-items:center;background-color:var(--db-surface-layer-1);border:none;border-radius:var(--db-radius-full);color:var(--db-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--db-padding-m);top:var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease);width:32px;z-index:10}.designbase-onboarding-modal__close-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-onboarding-modal__close-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-onboarding-modal__main{align-items:center;display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:var(--db-padding-xl) var(--db-padding-l) var(--db-padding-l);text-align:center}.designbase-onboarding-modal__image{align-items:center;border-radius:var(--db-radius-m);display:flex;justify-content:center;margin-bottom:var(--db-margin-l);max-width:280px;overflow:hidden;width:100%}.designbase-onboarding-modal__image img{display:block;height:auto;width:100%}.designbase-onboarding-modal__text{margin-bottom:var(--db-margin-l);width:100%}.designbase-onboarding-modal__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);line-height:var(--db-leading-tight);margin:0 0 var(--db-margin-m) 0}.designbase-onboarding-modal__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);margin:0}.designbase-onboarding-modal__content-area{margin-top:var(--db-margin-m)}.designbase-onboarding-modal__navigation{align-items:center;background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-m);justify-content:space-between;padding:var(--db-padding-m);position:relative}.designbase-onboarding-modal__navigation .designbase-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:480px){.designbase-onboarding-modal{padding:var(--db-padding-s)}.designbase-onboarding-modal__content{max-height:95vh;max-width:100%}.designbase-onboarding-modal__main{padding:var(--db-padding-l) var(--db-padding-m) var(--db-padding-m)}.designbase-onboarding-modal__image{margin-bottom:var(--db-margin-m);max-width:240px}.designbase-onboarding-modal__title{font-size:var(--db-text-l)}.designbase-onboarding-modal__description{font-size:var(--db-text-sm)}.designbase-onboarding-modal__navigation{gap:var(--db-gap-s);padding:var(--db-padding-m)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.designbase-tutorial{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-tutorial__overlay{animation:fadeIn .3s ease;backdrop-filter:blur(2px);background-color:var(--db-overlay-backdrop);bottom:0;left:0;pointer-events:auto;position:absolute;right:0;top:0}.designbase-tutorial__popover{animation:slideIn .3s ease;background-color:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-xl);max-width:320px;min-width:280px;pointer-events:auto;position:absolute;z-index:10000}.designbase-tutorial__popover:before{border:8px solid transparent;content:"";height:0;position:absolute;width:0}.designbase-tutorial__popover--top:before{border-top-color:var(--db-surface-base);bottom:-16px;left:50%;transform:translateX(-50%)}.designbase-tutorial__popover--bottom:before{border-bottom-color:var(--db-surface-base);left:50%;top:-16px;transform:translateX(-50%)}.designbase-tutorial__popover--left:before{border-left-color:var(--db-surface-base);right:-16px;top:50%;transform:translateY(-50%)}.designbase-tutorial__popover--right:before{border-right-color:var(--db-surface-base);left:-16px;top:50%;transform:translateY(-50%)}.designbase-tutorial__close-button{align-items:center;background-color:var(--db-surface-layer-1);border:none;border-radius:var(--db-radius-full);color:var(--db-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:var(--db-padding-s);top:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease);width:24px;z-index:10}.designbase-tutorial__close-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-tutorial__close-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-tutorial__content{display:flex;flex-direction:column;gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-tutorial__text{flex:1}.designbase-tutorial__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-bold);line-height:var(--db-leading-tight);margin:0 0 var(--db-margin-s) 0}.designbase-tutorial__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);margin:0}.designbase-tutorial__children{margin-top:var(--db-margin-s)}.designbase-tutorial__navigation{align-items:center;border-top:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-m);justify-content:space-between;padding-top:var(--db-padding-s)}.designbase-tutorial__target{animation:pulse 2s infinite!important;border-radius:var(--db-radius-m)!important;box-shadow:0 0 0 3px var(--db-brand-primary-alpha-20)!important;outline:3px solid var(--db-brand-primary)!important;outline-offset:2px!important;position:relative!important;z-index:1001!important}@media (max-width:480px){.designbase-tutorial__popover{margin:0 var(--db-padding-m);max-width:calc(100vw - 32px);min-width:280px}.designbase-tutorial__content{padding:var(--db-padding-m)}.designbase-tutorial__title{font-size:var(--db-text-base)}.designbase-tutorial__description{font-size:var(--db-text-sm)}.designbase-tutorial__navigation{flex-direction:column;gap:var(--db-gap-s)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.designbase-search-bar{display:inline-flex;position:relative;width:auto}.designbase-search-bar--full-width{width:100%}.designbase-search-bar__container{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-search-bar__container:hover{border-color:var(--db-border-secondary)}.designbase-search-bar__container:focus-within{border-color:var(--db-field-border-focus);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10)}.designbase-search-bar__search-icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;height:100%;justify-content:center;margin-right:-8px;pointer-events:none;width:40px}.designbase-search-bar__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);font-weight:var(--db-weight-normal);line-height:1.5;min-width:0;outline:none;padding:var(--db-padding-s) var(--db-padding-m);padding-left:var(--db-padding-xs);width:100%}.designbase-search-bar__input::placeholder{color:var(--db-text-tertiary)}.designbase-search-bar__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-search-bar__input:read-only{color:var(--db-text-secondary)}.designbase-search-bar__clear-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:var(--db-size-xl);justify-content:center;margin-right:var(--db-margin-xs);transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-xl)}.designbase-search-bar__clear-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-search-bar__clear-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-search-bar__clear-button:active{background-color:var(--db-border-base)}.designbase-search-bar--s .designbase-search-bar__container{min-height:32px}.designbase-search-bar--s .designbase-search-bar__search-icon{width:32px}.designbase-search-bar--s .designbase-search-bar__input{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s);padding-left:var(--db-padding-xxs)}.designbase-search-bar--s .designbase-search-bar__clear-button{height:24px;width:24px}.designbase-search-bar--m .designbase-search-bar__container{min-height:40px}.designbase-search-bar--m .designbase-search-bar__search-icon{width:40px}.designbase-search-bar--m .designbase-search-bar__input{font-size:var(--db-text-s);padding:var(--db-padding-s) var(--db-padding-m);padding-left:var(--db-padding-xs)}.designbase-search-bar--m .designbase-search-bar__clear-button{height:32px;width:32px}.designbase-search-bar--l .designbase-search-bar__container{min-height:48px}.designbase-search-bar--l .designbase-search-bar__search-icon{width:48px}.designbase-search-bar--l .designbase-search-bar__input{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l);padding-left:var(--db-padding-s)}.designbase-search-bar--l .designbase-search-bar__clear-button{height:40px;width:40px}.designbase-search-bar--default .designbase-search-bar__container{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-search-bar--outlined .designbase-search-bar__container{background-color:transparent;border-color:var(--db-border-base)}.designbase-search-bar--filled .designbase-search-bar__container{background-color:var(--db-surface-layer-1);border-color:transparent}.designbase-search-bar--filled:hover .designbase-search-bar__container{background-color:var(--db-surface-layer-2)}.designbase-search-bar--filled:focus-within .designbase-search-bar__container{background-color:var(--db-surface-base);border-color:var(--db-field-border-focus)}.designbase-search-bar--disabled .designbase-search-bar__container{background-color:var(--db-surface-layer-1);border-color:var(--db-border-muted);cursor:not-allowed}.designbase-search-bar--disabled .designbase-search-bar__search-icon{color:var(--db-text-disabled)}.designbase-search-bar--disabled .designbase-search-bar__clear-button{display:none}.designbase-search-bar--readonly .designbase-search-bar__container{background-color:var(--db-surface-layer-1)}.designbase-search-bar--readonly .designbase-search-bar__clear-button{display:none}.designbase-search-bar:focus-within .designbase-search-bar__search-icon{color:var(--db-icon-primary)}.designbase-search-bar--has-value .designbase-search-bar__search-icon{color:var(--db-icon-primary)}.designbase-search-bar__recent-searches{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.designbase-search-bar__recent-header{align-items:center;background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-s)}.designbase-search-bar__recent-title{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-search-bar__clear-all-button{background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-tertiary);cursor:pointer;font-size:var(--db-text-xs);padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-search-bar__clear-all-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-secondary)}.designbase-search-bar__recent-list{max-height:200px;overflow-y:auto}.designbase-search-bar__recent-item{align-items:center;border-bottom:1px solid var(--db-border-muted);display:flex;padding:var(--db-padding-xs)}.designbase-search-bar__recent-item:last-child{border-bottom:none}.designbase-search-bar__recent-item:hover{background-color:var(--db-surface-layer-1)}.designbase-search-bar__recent-search-button{background:transparent;border:none;color:var(--db-text-primary);cursor:pointer;flex:1;font-size:var(--db-text-s);padding:var(--db-padding-xs);text-align:left;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-search-bar__recent-search-button:hover{color:var(--db-brand-primary)}.designbase-search-bar__recent-remove-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:var(--db-margin-s);transition:all var(--db-animation-speed) var(--db-animation-ease);width:24px}.designbase-search-bar__recent-remove-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-secondary)}.designbase-search-bar__suggestions{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.designbase-search-bar__suggestions-header{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-s)}.designbase-search-bar__suggestions-title{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-search-bar__suggestions-list{display:flex;flex-direction:column}.designbase-search-bar__suggestion-item{background:transparent;border:none;border-bottom:1px solid var(--db-border-muted);color:var(--db-text-primary);cursor:pointer;font-size:var(--db-text-s);padding:var(--db-padding-s);text-align:left;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-search-bar__suggestion-item:last-child{border-bottom:none}.designbase-search-bar__suggestion-item:hover{background-color:var(--db-surface-layer-1)}.designbase-search-bar__suggestion-item--active{background-color:var(--db-brand-primary-alpha-10);color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-navbar{background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-base);position:relative;z-index:var(--db-z-50)}.designbase-navbar__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width,1200px);padding:0 var(--db-padding-m)}.designbase-navbar__container--full-width{max-width:none}.designbase-navbar__left,.designbase-navbar__right{align-items:center;display:flex}.designbase-navbar__right{gap:var(--db-gap-s)}.designbase-navbar__brand,.designbase-navbar__logo{align-items:center;display:flex}.designbase-navbar__logo{cursor:pointer;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__logo:hover{opacity:.8}.designbase-navbar__logo:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-navbar__logo-text{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-bold);text-decoration:none}.designbase-navbar__nav{align-items:center;display:flex}@media (max-width:767px){.designbase-navbar__nav--desktop{display:none}}.designbase-navbar__nav-list{align-items:center;display:flex;gap:var(--db-gap-s);list-style:none;margin:0;padding:0}.designbase-navbar__nav-item{flex-shrink:0;margin:0;position:relative}.designbase-navbar__nav-link{align-items:center;background:none;border:none;border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);padding:var(--db-padding-s);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__nav-link:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-navbar__nav-link:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-navbar__nav-link--active{background-color:var(--db-feedback-info-bg);border-radius:var(--db-radius-m);color:var(--db-feedback-info-fg)}.designbase-navbar__nav-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__nav-link--has-children .designbase-navbar__chevron{color:var(--db-text-tertiary);font-size:12px;margin-left:auto;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__nav-link--has-children .designbase-navbar__chevron--expanded{transform:rotate(180deg)}.designbase-navbar__dropdown{position:relative}.designbase-navbar__dropdown:hover .designbase-navbar__dropdown-menu{display:flex}.designbase-navbar__dropdown-toggle{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-navbar__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-lg);display:none;flex-direction:column;gap:var(--db-gap-xs);left:0;list-style:none;min-width:120px;padding:var(--db-padding-xs);position:absolute;top:100%;z-index:var(--db-z-popover)}.designbase-navbar__dropdown-menu li{margin:0}.designbase-navbar__dropdown-item{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);gap:var(--db-gap-xs);padding:var(--db-padding-s) var(--db-padding-m);position:relative;text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__dropdown-item:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__dropdown-item--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-navbar__dropdown-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__dropdown-item--has-children{padding:0}.designbase-navbar__dropdown-item--has-children .designbase-navbar__chevron{color:var(--db-text-tertiary);font-size:12px;margin-left:auto;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__submenu{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);display:none;left:100%;list-style:none;margin-left:var(--db-margin-xs);min-width:180px;padding:var(--db-padding-xs);position:absolute;top:0;z-index:var(--db-z-popover)}.designbase-navbar__dropdown-item:hover .designbase-navbar__submenu{display:block}.designbase-navbar__search{align-items:center;display:flex;margin:0 var(--db-margin-m)}.designbase-navbar__search-input-wrapper{align-items:center;display:flex;position:relative}.designbase-navbar__search-icon{color:var(--db-text-secondary);font-size:var(--db-text-s);left:var(--db-padding-s);pointer-events:none;position:absolute}.designbase-navbar__search-input{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-full);font-size:var(--db-text-s);min-width:200px;padding:var(--db-padding-s) var(--db-padding-s) var(--db-padding-s) var(--db-padding-xl);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__search-input:focus{background-color:var(--db-surface-base);border-color:var(--db-brand-primary);box-shadow:0 0 0 3px var(--db-brand-primary-alpha);outline:none}.designbase-navbar__search-input::placeholder{color:var(--db-text-tertiary)}.designbase-navbar__user-menu{align-items:center;display:flex;flex-shrink:0}.designbase-navbar__user-dropdown{position:relative}.designbase-navbar__user-toggle{align-items:center;background:none;border:none;border-radius:var(--db-radius-m);cursor:pointer;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__user-toggle:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__user-toggle:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-navbar__user-avatar{object-fit:cover}.designbase-navbar__user-avatar,.designbase-navbar__user-avatar-placeholder{border-radius:var(--db-radius-full);height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-navbar__user-avatar-placeholder{align-items:center;background-color:var(--db-blue-500);color:var(--db-text-inverse-primary);display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);justify-content:center}.designbase-navbar__user-name{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-navbar__user-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-lg);display:flex;flex-direction:column;gap:0;list-style:none;margin-top:var(--db-margin-xs);min-width:200px;padding:var(--db-padding-xs);position:absolute;right:0;top:100%;z-index:var(--db-z-popover)}.designbase-navbar__user-info{border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-navbar__user-email{color:var(--db-text-secondary);font-size:var(--db-text-xs)}.designbase-navbar__user-dropdown-item{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);gap:var(--db-gap-xs);padding:var(--db-padding-s) var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-navbar__user-dropdown-item:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__user-dropdown-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__auth-button{background-color:var(--db-blue-500);border:none;border-radius:var(--db-radius-m);color:var(--db-text-inverse-primary);cursor:pointer;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-l);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__auth-button:hover{background-color:var(--db-brand-primary)}.designbase-navbar__auth-button:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-navbar__mobile-toggle{background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:none;padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}@media (max-width:767px){.designbase-navbar__mobile-toggle{align-items:center;display:flex;flex-direction:column;justify-content:center}}.designbase-navbar__mobile-toggle:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__mobile-toggle:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-navbar__mobile-toggle-line{background-color:var(--db-text-primary);display:block;height:2px;margin:2px 0;transform-origin:center;transition:all .3s ease;width:20px}.designbase-navbar__mobile-menu{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);box-shadow:var(--db-shadow-lg);box-sizing:border-box;display:flex;flex-direction:column;left:0;padding:var(--db-padding-m);position:absolute;right:0;top:100%;z-index:var(--db-z-50)}.designbase-navbar__mobile-menu-close,.designbase-navbar__mobile-menu-header{display:none}.designbase-navbar__mobile-search{border-bottom:1px solid var(--db-border-base);margin-bottom:var(--db-margin-m);padding-bottom:var(--db-padding-m)}.designbase-navbar__mobile-nav-list{display:flex;flex-direction:column;gap:var(--db-gap-s);list-style:none;margin:0;padding:0}.designbase-navbar__mobile-nav-item{border-bottom:1px solid var(--db-border-secondary);width:100%}.designbase-navbar__mobile-nav-link{align-items:center;box-sizing:border-box;color:var(--db-text-primary);display:flex;font-size:var(--db-text-base);gap:var(--db-gap-s);padding:var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-navbar__mobile-nav-link:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__mobile-nav-link--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-navbar__mobile-nav-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__mobile-submenu{background-color:var(--db-surface-layer-1);list-style:none;margin:0;padding:0}.designbase-navbar__mobile-submenu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m) var(--db-padding-s) var(--db-padding-xl);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-submenu-link:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__mobile-submenu-link--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-navbar__mobile-submenu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__mobile-user{border-top:1px solid var(--db-border-base);margin-top:var(--db-margin-m);padding-top:var(--db-padding-m)}.designbase-navbar__mobile-user-info{align-items:center;display:flex;gap:var(--db-gap-m);margin-bottom:var(--db-margin-m)}.designbase-navbar__mobile-user-avatar{border-radius:var(--db-radius-full);height:var(--db-size-2xl);object-fit:cover;width:var(--db-size-2xl)}.designbase-navbar__mobile-user-avatar-placeholder{align-items:center;background-color:var(--db-blue-500);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);display:flex;font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);height:var(--db-size-2xl);justify-content:center;width:var(--db-size-2xl)}.designbase-navbar__mobile-user-name{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs)}.designbase-navbar__mobile-user-email{color:var(--db-text-secondary);font-size:var(--db-text-s)}.designbase-navbar__mobile-user-menu{list-style:none;margin:0;padding:0}.designbase-navbar__mobile-user-menu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);gap:var(--db-gap-s);padding:var(--db-padding-s) 0;text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-user-menu-link:hover{color:var(--db-brand-primary)}.designbase-navbar__mobile-user-menu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar--s .designbase-navbar__container{height:48px}.designbase-navbar--s .designbase-navbar__logo-text{font-size:var(--db-text-l)}.designbase-navbar--s .designbase-navbar__nav-link{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-navbar--s .designbase-navbar__search-input{font-size:var(--db-text-xs);min-width:150px}.designbase-navbar--s .designbase-navbar__user-avatar,.designbase-navbar--s .designbase-navbar__user-avatar-placeholder{font-size:var(--db-text-xs);height:24px;width:24px}.designbase-navbar--s .designbase-navbar__user-name{font-size:var(--db-text-xs)}.designbase-navbar--m .designbase-navbar__container{height:64px}.designbase-navbar--l .designbase-navbar__container{height:80px}.designbase-navbar--l .designbase-navbar__logo-text{font-size:var(--db-text-xl)}.designbase-navbar--l .designbase-navbar__nav-link{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-navbar--l .designbase-navbar__search-input{font-size:var(--db-text-base);min-width:250px}.designbase-navbar--l .designbase-navbar__user-avatar,.designbase-navbar--l .designbase-navbar__user-avatar-placeholder{font-size:var(--db-text-base);height:40px;width:40px}.designbase-navbar--l .designbase-navbar__user-name{font-size:var(--db-text-base)}.designbase-navbar--transparent{background-color:transparent;border-bottom:none}.designbase-navbar--fixed{left:0;position:fixed;right:0;top:0}.designbase-navbar--sticky{position:sticky;top:0}.designbase-navbar--shadow{box-shadow:var(--db-shadow-sm)}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:first-child{transform:rotate(45deg) translate(4px,4px)}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:nth-child(2){opacity:0}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:767px){.designbase-navbar__nav--desktop,.designbase-navbar__search,.designbase-navbar__user-menu{display:none}.designbase-navbar__mobile-toggle{display:flex}.designbase-navbar__container{padding:0 var(--db-padding-s)}.designbase-navbar__right{gap:var(--db-gap-m)}}@media (max-width:480px){.designbase-navbar__logo-text{font-size:var(--db-text-l)}.designbase-navbar__mobile-menu{max-height:calc(100vh - 64px)}}.designbase-pagination{align-items:center;display:flex;gap:var(--db-gap-m);justify-content:center}.designbase-pagination__container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-pagination__container--full-width{justify-content:space-between;width:100%}.designbase-pagination__total{color:var(--db-text-secondary);font-size:var(--db-text-s);white-space:nowrap}.designbase-pagination__nav{align-items:center;display:flex}.designbase-pagination__list{gap:var(--db-gap-xs);list-style:none;padding:0}.designbase-pagination__item,.designbase-pagination__list{align-items:center;display:flex;margin:0}.designbase-pagination__button{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);height:36px;justify-content:center;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-pagination__button:hover{background-color:var(--db-surface-layer-2);border-color:var(--db-border-secondary);color:var(--db-text-primary)}.designbase-pagination__button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-pagination__button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-pagination__button--active{background-color:var(--db-color-primary);border-color:var(--db-color-primary);color:var(--db-text-inverse-primary)}.designbase-pagination__button--active:hover{background-color:var(--db-color-info-hover);border-color:var(--db-color-info-hover);color:var(--db-text-inverse-primary)}.designbase-pagination__button--first i,.designbase-pagination__button--last i,.designbase-pagination__button--next i,.designbase-pagination__button--previous i{font-size:var(--db-text-s)}.designbase-pagination__ellipsis{align-items:center;display:flex;height:36px;justify-content:center;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-pagination__ellipsis-text{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-pagination__page-size,.designbase-pagination__page-size-label{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-pagination__page-size-label{color:var(--db-text-secondary);cursor:pointer;font-size:var(--db-text-s)}.designbase-pagination__page-size-select:disabled{cursor:not-allowed;opacity:.5}.designbase-pagination--s .designbase-pagination__button{font-size:var(--db-text-xs)}.designbase-pagination--s .designbase-pagination__button,.designbase-pagination--s .designbase-pagination__ellipsis{height:32px;min-width:32px;padding:var(--db-padding-xs) var(--db-padding-xs)}.designbase-pagination--s .designbase-pagination__ellipsis-text,.designbase-pagination--s .designbase-pagination__page-size-label,.designbase-pagination--s .designbase-pagination__total{font-size:var(--db-text-xs)}.designbase-pagination--m .designbase-pagination__button{font-size:var(--db-text-s)}.designbase-pagination--m .designbase-pagination__button,.designbase-pagination--m .designbase-pagination__ellipsis{height:36px;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-pagination--m .designbase-pagination__ellipsis-text,.designbase-pagination--m .designbase-pagination__page-size-label,.designbase-pagination--m .designbase-pagination__total{font-size:var(--db-text-s)}.designbase-pagination--m .designbase-pagination__page-size-select{min-width:80px}.designbase-pagination--l .designbase-pagination__button{font-size:var(--db-text-base)}.designbase-pagination--l .designbase-pagination__button,.designbase-pagination--l .designbase-pagination__ellipsis{height:44px;min-width:44px;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-pagination--l .designbase-pagination__ellipsis-text,.designbase-pagination--l .designbase-pagination__page-size-label,.designbase-pagination--l .designbase-pagination__total{font-size:var(--db-text-base)}.designbase-pagination--l .designbase-pagination__page-size-select{min-width:80px}.designbase-pagination--outlined .designbase-pagination__button{background-color:transparent;border:2px solid var(--db-border-base)}.designbase-pagination--outlined .designbase-pagination__button:hover{border-color:var(--db-color-info);color:var(--db-color-info)}.designbase-pagination--outlined .designbase-pagination__button--active{background-color:transparent;border-color:var(--db-color-info);color:var(--db-color-info)}.designbase-pagination--outlined .designbase-pagination__button--active:hover{background-color:var(--db-bg-selected)}.designbase-pagination--minimal .designbase-pagination__button{background-color:transparent;border:none;border-radius:var(--db-radius-s)}.designbase-pagination--minimal .designbase-pagination__button:hover{background-color:var(--db-surface-layer-2)}.designbase-pagination--minimal .designbase-pagination__button--active{background-color:var(--db-bg-selected);color:var(--db-text-selected)}.designbase-pagination--minimal .designbase-pagination__button--active:hover{background-color:var(--db-bg-selected-hover)}.designbase-pagination--left{justify-content:flex-start}.designbase-pagination--center{justify-content:center}.designbase-pagination--right{justify-content:flex-end}.designbase-pagination--disabled{opacity:var(--db-opacity-60);pointer-events:none}.designbase-pagination--disabled .designbase-pagination__button,.designbase-pagination--disabled .designbase-pagination__page-size-select{cursor:not-allowed}.designbase-pagination--full-width{width:100%}@media (max-width:640px){.designbase-pagination,.designbase-pagination__container{flex-direction:column;gap:var(--db-gap-s)}.designbase-pagination__container{width:100%}.designbase-pagination__container--full-width{flex-direction:column}.designbase-pagination__list{flex-wrap:wrap;justify-content:center}.designbase-pagination__button{font-size:var(--db-text-xs);height:32px;min-width:32px}.designbase-pagination__ellipsis{height:32px;min-width:32px}.designbase-pagination__ellipsis-text{font-size:var(--db-text-xs)}.designbase-pagination__total{font-size:var(--db-text-xs);text-align:center}.designbase-pagination__page-size{justify-content:center}.designbase-pagination__page-size-label{font-size:var(--db-text-xs)}.designbase-pagination__page-size-select{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-xs)}}@media (max-width:480px){.designbase-pagination__list{gap:var(--db-gap-xs)}.designbase-pagination__button{font-size:var(--db-text-xs)}.designbase-pagination__button,.designbase-pagination__ellipsis{height:28px;min-width:28px;padding:var(--db-padding-xs)}.designbase-pagination__ellipsis-text{font-size:var(--db-text-xs)}}.designbase-pagination:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-popover{opacity:0;pointer-events:auto;position:fixed;transform:translateZ(0) scale(.98);transform:translate3d(var(--enter-offset-x,0),var(--enter-offset-y,0),0) scale(.98);transition:opacity var(--db-animation-speed) var(--db-animation-ease),visibility var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;will-change:transform,opacity;z-index:var(--db-z-popover)}.designbase-popover[data-placement-group=top]{--enter-offset-x:0px;--enter-offset-y:-6px}.designbase-popover[data-placement-group=bottom]{--enter-offset-x:0px;--enter-offset-y:6px}.designbase-popover[data-placement-group=left]{--enter-offset-x:-6px;--enter-offset-y:0px}.designbase-popover[data-placement-group=right]{--enter-offset-x:6px;--enter-offset-y:0px}.designbase-popover--visible{opacity:1;transform:translateZ(0) scale(1);visibility:visible}.designbase-popover__content{word-wrap:break-word;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-popover);color:var(--db-text-primary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);max-width:100%;overflow:hidden;position:relative;white-space:normal}.designbase-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--db-padding-s);padding-bottom:0!important}.designbase-popover__title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-font-weight-semibold);line-height:var(--db-leading-tight);margin:0}.designbase-popover__body{padding:var(--db-padding-s)}.designbase-popover__close-button{flex-shrink:0;height:auto;margin-left:var(--db-margin-s);min-width:auto;width:auto}.designbase-popover__arrow{border:4px solid transparent;height:0;position:absolute;width:0}.designbase-popover__arrow--top,.designbase-popover__arrow--top-end,.designbase-popover__arrow--top-start{border-top-color:var(--db-surface-base);top:100%}.designbase-popover__arrow--bottom,.designbase-popover__arrow--bottom-end,.designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-surface-base);bottom:100%}.designbase-popover__arrow--left,.designbase-popover__arrow--left-end,.designbase-popover__arrow--left-start{border-left-color:var(--db-surface-base);left:100%}.designbase-popover__arrow--right,.designbase-popover__arrow--right-end,.designbase-popover__arrow--right-start{border-right-color:var(--db-surface-base);right:100%}.designbase-popover--s .designbase-popover__header{padding:var(--db-padding-s)}.designbase-popover--s .designbase-popover__body{font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-popover--s .designbase-popover__title{font-size:var(--db-text-s)}.designbase-popover--m .designbase-popover__header{padding:var(--db-padding-m)}.designbase-popover--m .designbase-popover__body{font-size:var(--db-text-s);padding:var(--db-padding-m)}.designbase-popover--m .designbase-popover__title{font-size:var(--db-text-base)}.designbase-popover--l .designbase-popover__header{padding:var(--db-padding-l)}.designbase-popover--l .designbase-popover__body{font-size:var(--db-text-base);padding:var(--db-padding-l)}.designbase-popover--l .designbase-popover__title{font-size:var(--db-text-l)}.designbase-popover--default .designbase-popover__content{background:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-popover--default .designbase-popover__arrow--top,.designbase-popover--default .designbase-popover__arrow--top-end,.designbase-popover--default .designbase-popover__arrow--top-start{border-top-color:var(--db-surface-base)}.designbase-popover--default .designbase-popover__arrow--bottom,.designbase-popover--default .designbase-popover__arrow--bottom-end,.designbase-popover--default .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-surface-base)}.designbase-popover--default .designbase-popover__arrow--left,.designbase-popover--default .designbase-popover__arrow--left-end,.designbase-popover--default .designbase-popover__arrow--left-start{border-left-color:var(--db-surface-base)}.designbase-popover--default .designbase-popover__arrow--right,.designbase-popover--default .designbase-popover__arrow--right-end,.designbase-popover--default .designbase-popover__arrow--right-start{border-right-color:var(--db-surface-base)}.designbase-popover--primary .designbase-popover__content{background:var(--db-feedback-info-bg);border-color:var(--db-feedback-info-fg);color:var(--db-feedback-info-fg)}.designbase-popover--primary .designbase-popover__arrow--top,.designbase-popover--primary .designbase-popover__arrow--top-end,.designbase-popover--primary .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-info-bg)}.designbase-popover--primary .designbase-popover__arrow--bottom,.designbase-popover--primary .designbase-popover__arrow--bottom-end,.designbase-popover--primary .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-info-bg)}.designbase-popover--primary .designbase-popover__arrow--left,.designbase-popover--primary .designbase-popover__arrow--left-end,.designbase-popover--primary .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-info-bg)}.designbase-popover--primary .designbase-popover__arrow--right,.designbase-popover--primary .designbase-popover__arrow--right-end,.designbase-popover--primary .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-info-bg)}.designbase-popover--success .designbase-popover__content{background:var(--db-feedback-success-bg);border-color:var(--db-feedback-success-fg);color:var(--db-feedback-success-fg)}.designbase-popover--success .designbase-popover__arrow--top,.designbase-popover--success .designbase-popover__arrow--top-end,.designbase-popover--success .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-success-bg)}.designbase-popover--success .designbase-popover__arrow--bottom,.designbase-popover--success .designbase-popover__arrow--bottom-end,.designbase-popover--success .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-success-bg)}.designbase-popover--success .designbase-popover__arrow--left,.designbase-popover--success .designbase-popover__arrow--left-end,.designbase-popover--success .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-success-bg)}.designbase-popover--success .designbase-popover__arrow--right,.designbase-popover--success .designbase-popover__arrow--right-end,.designbase-popover--success .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-success-bg)}.designbase-popover--warning .designbase-popover__content{background:var(--db-feedback-warning-bg);border-color:var(--db-feedback-warning-fg);color:var(--db-feedback-warning-fg)}.designbase-popover--warning .designbase-popover__arrow--top,.designbase-popover--warning .designbase-popover__arrow--top-end,.designbase-popover--warning .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-warning-bg)}.designbase-popover--warning .designbase-popover__arrow--bottom,.designbase-popover--warning .designbase-popover__arrow--bottom-end,.designbase-popover--warning .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-warning-bg)}.designbase-popover--warning .designbase-popover__arrow--left,.designbase-popover--warning .designbase-popover__arrow--left-end,.designbase-popover--warning .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-warning-bg)}.designbase-popover--warning .designbase-popover__arrow--right,.designbase-popover--warning .designbase-popover__arrow--right-end,.designbase-popover--warning .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-warning-bg)}.designbase-popover--danger .designbase-popover__content{background:var(--db-feedback-error-bg);border-color:var(--db-feedback-error-fg);color:var(--db-feedback-error-fg)}.designbase-popover--danger .designbase-popover__arrow--top,.designbase-popover--danger .designbase-popover__arrow--top-end,.designbase-popover--danger .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-error-bg)}.designbase-popover--danger .designbase-popover__arrow--bottom,.designbase-popover--danger .designbase-popover__arrow--bottom-end,.designbase-popover--danger .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-error-bg)}.designbase-popover--danger .designbase-popover__arrow--left,.designbase-popover--danger .designbase-popover__arrow--left-end,.designbase-popover--danger .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-error-bg)}.designbase-popover--danger .designbase-popover__arrow--right,.designbase-popover--danger .designbase-popover__arrow--right-end,.designbase-popover--danger .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-error-bg)}.designbase-popover--info .designbase-popover__content{background:var(--db-feedback-info-bg);border-color:var(--db-feedback-info-fg);color:var(--db-feedback-info-fg)}.designbase-popover--info .designbase-popover__arrow--top,.designbase-popover--info .designbase-popover__arrow--top-end,.designbase-popover--info .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-info-bg)}.designbase-popover--info .designbase-popover__arrow--bottom,.designbase-popover--info .designbase-popover__arrow--bottom-end,.designbase-popover--info .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-info-bg)}.designbase-popover--info .designbase-popover__arrow--left,.designbase-popover--info .designbase-popover__arrow--left-end,.designbase-popover--info .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-info-bg)}.designbase-popover--info .designbase-popover__arrow--right,.designbase-popover--info .designbase-popover__arrow--right-end,.designbase-popover--info .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-info-bg)}.designbase-popover--disabled{opacity:0;pointer-events:none;visibility:hidden}.designbase-progress{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-progress--size-s{gap:var(--db-gap-xs)}.designbase-progress--size-s .designbase-progress__value{font-size:var(--db-text-xs)}.designbase-progress--size-s .designbase-progress__circular-value{font-size:var(--db-text-s)}.designbase-progress--size-m{gap:var(--db-gap-s)}.designbase-progress--size-m .designbase-progress__value{font-size:var(--db-text-s)}.designbase-progress--size-m .designbase-progress__circular-value{font-size:var(--db-text-base)}.designbase-progress--size-l{gap:var(--db-gap-m)}.designbase-progress--size-l .designbase-progress__value{font-size:var(--db-text-base)}.designbase-progress--size-l .designbase-progress__circular-value{font-size:var(--db-text-l)}.designbase-progress--variant-default .designbase-progress__bar{background-color:var(--db-color-info)}.designbase-progress--variant-default .designbase-progress__circular-bar{stroke:var(--db-color-info)}.designbase-progress--variant-success .designbase-progress__bar{background-color:var(--db-color-success)}.designbase-progress--variant-success .designbase-progress__circular-bar{stroke:var(--db-color-success)}.designbase-progress--variant-warning .designbase-progress__bar{background-color:var(--db-color-warning)}.designbase-progress--variant-warning .designbase-progress__circular-bar{stroke:var(--db-color-warning)}.designbase-progress--variant-danger .designbase-progress__bar{background-color:var(--db-color-danger)}.designbase-progress--variant-danger .designbase-progress__circular-bar{stroke:var(--db-color-danger)}.designbase-progress--animated .designbase-progress__bar{transition:width .3s ease}.designbase-progress--animated .designbase-progress__circular-bar{transition:stroke-dashoffset .3s ease}.designbase-progress--striped .designbase-progress__bar{animation:progress-bar-stripes 1s linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.designbase-progress__linear{align-items:center;display:flex;gap:var(--db-gap-s);width:100%}.designbase-progress__track{background-color:var(--db-surface-layer-2);border-radius:var(--db-radius-full);flex:1;height:8px;overflow:hidden}.designbase-progress__bar{background-color:var(--db-color-info);border-radius:var(--db-radius-full);height:100%;transition:width .3s ease}.designbase-progress__value{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);min-width:3em;text-align:right;white-space:nowrap}.designbase-progress__circular{align-items:center;display:flex;justify-content:center;position:relative}.designbase-progress__circular-svg{transform:rotate(-90deg)}.designbase-progress__circular-track{fill:none;stroke:var(--db-surface-layer-2);stroke-linecap:round}.designbase-progress__circular-bar{fill:none;stroke:var(--db-color-info);stroke-linecap:round;transition:stroke-dashoffset .3s ease}.designbase-progress__circular-value{color:var(--db-text-primary);font-weight:var(--db-weight-semibold);position:absolute}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (max-width:480px){.designbase-progress--size-l .designbase-progress__value{font-size:var(--db-text-s)}.designbase-progress--size-l .designbase-progress__circular-value{font-size:var(--db-text-base)}}.designbase-progress-step{display:flex;gap:var(--db-gap-m)}.designbase-progress-step .designbase-progress-step__indicator{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);color:var(--db-text-primary)}.designbase-progress-step--s .designbase-progress-step__indicator{font-size:var(--db-text-xs);height:var(--db-size-s);width:var(--db-size-s)}.designbase-progress-step--s .designbase-progress-step__title{font-size:var(--db-text-s)}.designbase-progress-step--s .designbase-progress-step__description{font-size:var(--db-text-xs)}.designbase-progress-step--m .designbase-progress-step__indicator{font-size:var(--db-text-s);height:var(--db-size-m);width:var(--db-size-m)}.designbase-progress-step--m .designbase-progress-step__title{font-size:var(--db-text-base)}.designbase-progress-step--m .designbase-progress-step__description{font-size:var(--db-text-s)}.designbase-progress-step--l .designbase-progress-step__indicator{font-size:var(--db-text-base);height:var(--db-size-l);width:var(--db-size-l)}.designbase-progress-step--l .designbase-progress-step__title{font-size:var(--db-text-l)}.designbase-progress-step--l .designbase-progress-step__description{font-size:var(--db-text-base)}.designbase-progress-step--vertical{flex-direction:column;gap:var(--db-gap-xs)}.designbase-progress-step--vertical .designbase-progress-step__item{align-items:flex-start;display:flex;gap:var(--db-gap-m)}.designbase-progress-step--vertical .designbase-progress-step__indicator-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.designbase-progress-step--vertical .designbase-progress-step__connector{height:var(--db-size-l);width:2px}.designbase-progress-step--horizontal{align-items:flex-start;flex-direction:row;gap:0}.designbase-progress-step--horizontal .designbase-progress-step__header{align-items:center;flex-direction:column}.designbase-progress-step--horizontal .designbase-progress-step__item{align-items:center;display:flex;flex:1;flex-direction:column;position:relative;text-align:center}.designbase-progress-step--horizontal .designbase-progress-step__indicator-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.designbase-progress-step--horizontal .designbase-progress-step__connector{height:2px;left:50%;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 16px);z-index:1}.designbase-progress-step--horizontal .designbase-progress-step__content{margin-top:var(--db-margin-m);width:100%}.designbase-progress-step--full-width,.designbase-progress-step--full-width .designbase-progress-step__item{width:100%}.designbase-progress-step--clickable .designbase-progress-step__item--clickable{cursor:pointer}.designbase-progress-step--clickable .designbase-progress-step__item--clickable:hover .designbase-progress-step__indicator{transform:scale(1.05)}.designbase-progress-step--disabled{opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-progress-step__item{position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-progress-step__item--pending .designbase-progress-step__indicator{background-color:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-tertiary)}.designbase-progress-step__item--pending .designbase-progress-step__connector{background-color:var(--db-border-base)}.designbase-progress-step__item--active .designbase-progress-step__indicator{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);box-shadow:0 0 0 4px var(--db-brand-primary-alpha-20);color:var(--db-text-inverse-primary)}.designbase-progress-step__item--active .designbase-progress-step__connector{background-color:var(--db-brand-primary)}.designbase-progress-step__item--active .designbase-progress-step__title{color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-progress-step__item--completed .designbase-progress-step__indicator{background-color:var(--db-feedback-success-bg);border-color:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-progress-step__item--completed .designbase-progress-step__connector{background-color:var(--db-feedback-success-bg)}.designbase-progress-step__item--completed .designbase-progress-step__title{color:var(--db-feedback-success-fg)}.designbase-progress-step__item--error .designbase-progress-step__indicator{background-color:var(--db-feedback-error-bg);border-color:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}.designbase-progress-step__item--error .designbase-progress-step__connector{background-color:var(--db-feedback-error-bg)}.designbase-progress-step__item--error .designbase-progress-step__title{color:var(--db-feedback-error-fg)}.designbase-progress-step__item--disabled{opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-progress-step__indicator-container{align-items:center;display:flex;flex-direction:column;position:relative}.designbase-progress-step__indicator{align-items:center;border-radius:var(--db-radius-full);display:flex;flex-shrink:0;font-weight:var(--db-weight-semibold);justify-content:center;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:2}.designbase-progress-step__indicator:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-progress-step__connector{background-color:var(--db-border-base);position:relative;transition:background-color var(--db-animation-speed) var(--db-animation-ease);z-index:1}.designbase-progress-step__content{flex:1;min-width:0}.designbase-progress-step__header{align-items:flex-start;display:flex;gap:var(--db-gap-s);justify-content:space-between;margin-bottom:var(--db-margin-xs)}.designbase-progress-step__title{color:var(--db-text-primary);font-weight:var(--db-weight-medium);line-height:var(--db-leading-snug);margin:0}.designbase-progress-step__timestamp{color:var(--db-text-tertiary);flex-shrink:0;font-size:var(--db-text-xs);white-space:nowrap}.designbase-progress-step__description{color:var(--db-text-secondary);line-height:var(--db-leading-normal);margin:0}.designbase-progress-step__icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.designbase-progress-step__icon svg{fill:currentColor;height:60%;width:60%}.designbase-progress-step__number{font-weight:var(--db-weight-semibold)}@media (max-width:768px){.designbase-progress-step--horizontal{flex-direction:column;gap:var(--db-gap-l)}.designbase-progress-step--horizontal .designbase-progress-step__item{flex-direction:row;text-align:left;width:100%}.designbase-progress-step--horizontal .designbase-progress-step__indicator-container{flex-direction:column;width:auto}.designbase-progress-step--horizontal .designbase-progress-step__connector{height:var(--db-gap-l);margin:var(--db-margin-xs) 0 0 0;position:static;transform:none;width:2px}.designbase-progress-step--horizontal .designbase-progress-step__content{margin-left:var(--db-margin-m);margin-top:0}}@media (prefers-reduced-motion:reduce){.designbase-progress-step__connector,.designbase-progress-step__indicator,.designbase-progress-step__item{transition:none}}@media (hover:none) and (pointer:coarse){.designbase-progress-step__indicator{min-height:44px;min-width:44px}}.designbase-range-slider{display:flex;flex-direction:column;gap:var(--db-gap-s);max-width:100%;min-width:120px;width:100%}.designbase-range-slider--full-width{max-width:none}.designbase-range-slider--vertical{align-items:center;flex-direction:row;gap:var(--db-gap-m);height:200px;max-width:none}.designbase-range-slider__values{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-text-s);justify-content:space-between}.designbase-range-slider__value{color:var(--db-text-primary);font-weight:var(--db-font-weight-medium)}.designbase-range-slider--value-top .designbase-range-slider__values{margin-bottom:var(--db-gap-s)}.designbase-range-slider--value-bottom .designbase-range-slider__values{margin-top:var(--db-gap-s)}.designbase-range-slider--value-left{align-items:center;display:flex;flex-direction:row;gap:var(--db-gap-m)}.designbase-range-slider--value-left .designbase-range-slider__values{flex-shrink:0;margin:0;order:-1}.designbase-range-slider--value-left .designbase-range-slider__container{flex:1}.designbase-range-slider--value-right{align-items:center;display:flex;flex-direction:row;gap:var(--db-gap-m)}.designbase-range-slider--value-right .designbase-range-slider__values{flex-shrink:0;margin:0;order:1}.designbase-range-slider--value-right .designbase-range-slider__container{flex:1}.designbase-range-slider--range .designbase-range-slider__values{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.designbase-range-slider--range .designbase-range-slider__value--min{left:0;position:absolute;top:0}.designbase-range-slider--range .designbase-range-slider__value--max{position:absolute;right:0;top:0}.designbase-range-slider__container{align-items:center;display:flex;height:20px;outline:none;position:relative;width:100%}.designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-border-focus)}.designbase-range-slider__track{background-color:var(--db-border-base);border-radius:var(--db-radius-full);cursor:pointer;height:4px;position:relative;touch-action:none;user-select:none;width:100%}.designbase-range-slider__track--disabled{background-color:var(--db-border-muted);cursor:not-allowed}.designbase-range-slider__track--readonly{cursor:default}.designbase-range-slider__fill{background-color:var(--db-border-base);border-radius:var(--db-radius-full);height:100%;left:0;pointer-events:none;position:absolute;top:0}.designbase-range-slider__thumb{background-color:var(--db-border-base);border:2px solid var(--db-surface-base);border-radius:var(--db-radius-full);box-shadow:var(--db-shadow-sm);cursor:grab;height:16px;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:16px}.designbase-range-slider__thumb:hover{box-shadow:var(--db-shadow-md);transform:translate(-50%,-50%) scale(1.1)}.designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-range-slider__thumb--active{box-shadow:var(--db-shadow-lg);cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.designbase-range-slider__mark{border-radius:var(--db-radius-full);height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.designbase-range-slider__mark,.designbase-range-slider__mark--active{background-color:var(--db-border-base)}.designbase-range-slider__mark-label{color:var(--db-text-secondary);font-size:var(--db-text-xs);left:50%;position:absolute;top:16px;transform:translateX(-50%);white-space:nowrap}.designbase-range-slider--default .designbase-range-slider__fill,.designbase-range-slider--default .designbase-range-slider__mark--active,.designbase-range-slider--default .designbase-range-slider__thumb{background-color:var(--db-brand-primary)}.designbase-range-slider--default .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-brand-primary-alpha-20)}.designbase-range-slider--default .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-brand-primary)}.designbase-range-slider--primary .designbase-range-slider__fill,.designbase-range-slider--primary .designbase-range-slider__mark--active,.designbase-range-slider--primary .designbase-range-slider__thumb{background-color:var(--db-brand-primary)}.designbase-range-slider--primary .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-brand-primary-alpha-20)}.designbase-range-slider--primary .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-brand-primary)}.designbase-range-slider--success .designbase-range-slider__fill,.designbase-range-slider--success .designbase-range-slider__mark--active,.designbase-range-slider--success .designbase-range-slider__thumb{background-color:var(--db-feedback-success-fg)}.designbase-range-slider--success .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-feedback-success-bg)}.designbase-range-slider--success .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-feedback-success-fg)}.designbase-range-slider--warning .designbase-range-slider__fill,.designbase-range-slider--warning .designbase-range-slider__mark--active,.designbase-range-slider--warning .designbase-range-slider__thumb{background-color:var(--db-feedback-warning-fg)}.designbase-range-slider--warning .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-feedback-warning-bg)}.designbase-range-slider--warning .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-feedback-warning-fg)}.designbase-range-slider--danger .designbase-range-slider__fill,.designbase-range-slider--danger .designbase-range-slider__mark--active,.designbase-range-slider--danger .designbase-range-slider__thumb{background-color:var(--db-feedback-error-fg)}.designbase-range-slider--danger .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-feedback-error-bg)}.designbase-range-slider--danger .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-feedback-error-fg)}.designbase-range-slider--s .designbase-range-slider__container{height:var(--db-size-s);padding:0 calc(var(--db-size-s)/2)}.designbase-range-slider--s .designbase-range-slider__track{height:3px}.designbase-range-slider--s .designbase-range-slider__thumb{height:var(--db-size-s);width:var(--db-size-s)}.designbase-range-slider--s .designbase-range-slider__mark{height:6px;width:1px}.designbase-range-slider--s .designbase-range-slider__values{font-size:var(--db-text-xs)}.designbase-range-slider--m .designbase-range-slider__container{height:var(--db-size-m);padding:0 calc(var(--db-size-m)/2)}.designbase-range-slider--m .designbase-range-slider__track{height:4px}.designbase-range-slider--m .designbase-range-slider__thumb{height:var(--db-size-m);width:var(--db-size-m)}.designbase-range-slider--m .designbase-range-slider__mark{height:8px;width:2px}.designbase-range-slider--m .designbase-range-slider__values{font-size:var(--db-text-s)}.designbase-range-slider--l .designbase-range-slider__container{height:var(--db-size-l);padding:0 calc(var(--db-size-l)/2)}.designbase-range-slider--l .designbase-range-slider__track{height:6px}.designbase-range-slider--l .designbase-range-slider__thumb{height:var(--db-size-l);width:var(--db-size-l)}.designbase-range-slider--l .designbase-range-slider__mark{height:10px;width:3px}.designbase-range-slider--l .designbase-range-slider__values{font-size:var(--db-text-base)}.designbase-range-slider--vertical .designbase-range-slider__container{flex-direction:column;height:100%;width:var(--db-size-m)}.designbase-range-slider--vertical .designbase-range-slider__track{height:100%;width:4px}.designbase-range-slider--vertical .designbase-range-slider__fill{height:auto;left:auto;top:auto;width:100%}.designbase-range-slider--vertical .designbase-range-slider__thumb{left:50%;top:auto;transform:translate(-50%,50%)}.designbase-range-slider--vertical .designbase-range-slider__thumb:hover{transform:translate(-50%,50%) scale(1.1)}.designbase-range-slider--vertical .designbase-range-slider__thumb--active{transform:translate(-50%,50%) scale(1.2)}.designbase-range-slider--vertical .designbase-range-slider__mark{height:2px;left:50%;top:auto;transform:translate(-50%,50%);width:8px}.designbase-range-slider--vertical .designbase-range-slider__mark-label{left:24px;top:auto;transform:translateY(-50%)}.designbase-range-slider--vertical.designbase-range-slider--s .designbase-range-slider__container{width:var(--db-size-s)}.designbase-range-slider--vertical.designbase-range-slider--s .designbase-range-slider__track{width:3px}.designbase-range-slider--vertical.designbase-range-slider--s .designbase-range-slider__thumb{height:var(--db-size-s);width:var(--db-size-s)}.designbase-range-slider--vertical.designbase-range-slider--s .designbase-range-slider__mark{height:1px;width:6px}.designbase-range-slider--vertical.designbase-range-slider--l .designbase-range-slider__container{width:var(--db-size-l)}.designbase-range-slider--vertical.designbase-range-slider--l .designbase-range-slider__track{width:6px}.designbase-range-slider--vertical.designbase-range-slider--l .designbase-range-slider__thumb{height:var(--db-size-l);width:var(--db-size-l)}.designbase-range-slider--vertical.designbase-range-slider--l .designbase-range-slider__mark{height:3px;width:10px}.designbase-range-slider--disabled{opacity:.5;pointer-events:none}.designbase-range-slider--disabled .designbase-range-slider__thumb,.designbase-range-slider--disabled .designbase-range-slider__track{cursor:not-allowed}.designbase-range-slider--readonly .designbase-range-slider__thumb,.designbase-range-slider--readonly .designbase-range-slider__track{cursor:default}.designbase-rating{align-items:center;display:inline-flex;font-family:var(--db-font-primary)}.designbase-rating,.designbase-rating--size-xs{gap:var(--db-gap-xs)}.designbase-rating--size-xs .designbase-rating__star{font-size:12px}.designbase-rating--size-xs .designbase-rating__number,.designbase-rating--size-xs .designbase-rating__review-count{font-size:var(--db-text-xs)}.designbase-rating--size-s{gap:var(--db-gap-s)}.designbase-rating--size-s .designbase-rating__star{font-size:16px}.designbase-rating--size-s .designbase-rating__number,.designbase-rating--size-s .designbase-rating__review-count{font-size:var(--db-text-s)}.designbase-rating--size-m{gap:var(--db-gap-s)}.designbase-rating--size-m .designbase-rating__star{font-size:20px}.designbase-rating--size-m .designbase-rating__number,.designbase-rating--size-m .designbase-rating__review-count{font-size:var(--db-text-base)}.designbase-rating--size-l{gap:var(--db-gap-m)}.designbase-rating--size-l .designbase-rating__star{font-size:24px}.designbase-rating--size-l .designbase-rating__number,.designbase-rating--size-l .designbase-rating__review-count{font-size:var(--db-text-l)}.designbase-rating--size-xl{gap:var(--db-gap-m)}.designbase-rating--size-xl .designbase-rating__star{font-size:32px}.designbase-rating--size-xl .designbase-rating__number,.designbase-rating--size-xl .designbase-rating__review-count{font-size:var(--db-text-xl)}.designbase-rating--variant-minimal .designbase-rating__star{opacity:.7}.designbase-rating--variant-minimal .designbase-rating__number,.designbase-rating--variant-minimal .designbase-rating__review-count{opacity:.8}.designbase-rating--variant-card{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-card);padding:var(--db-padding-m)}.designbase-rating--variant-inline{align-items:center;display:inline-flex;gap:var(--db-gap-xs)}.designbase-rating--variant-large{align-items:center;flex-direction:column;gap:var(--db-gap-m);text-align:center}.designbase-rating--variant-large .designbase-rating__stars{justify-content:center}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold)}.designbase-rating--variant-large .designbase-rating__review-count{font-size:var(--db-text-base)}.designbase-rating--type-number .designbase-rating__number{font-weight:var(--db-weight-semibold)}.designbase-rating--type-percentage .designbase-rating__number{color:var(--db-color-info);font-weight:var(--db-weight-semibold)}.designbase-rating--type-text .designbase-rating__number{font-style:italic}.designbase-rating--display-reviews .designbase-rating__review-count{font-weight:var(--typography-semantic-body-md-font-weight,500)}.designbase-rating--display-detailed{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}.designbase-rating--display-detailed .designbase-rating__stars{justify-content:flex-start}.designbase-rating--display-detailed .designbase-rating__detailed{width:100%}.designbase-rating--color-primary{--rating-color:var(--db-color-info)}.designbase-rating--color-secondary{--rating-color:var(--db-text-secondary)}.designbase-rating--color-success{--rating-color:var(--db-green-600)}.designbase-rating--color-warning{--rating-color:var(--db-yellow-600)}.designbase-rating--color-error{--rating-color:var(--db-red-600)}.designbase-rating--readonly .designbase-rating__star{cursor:default;pointer-events:none}.designbase-rating--disabled{opacity:.5;pointer-events:none}.designbase-rating--disabled .designbase-rating__star{cursor:not-allowed}.designbase-rating--clickable .designbase-rating__star{cursor:pointer}.designbase-rating--animated .designbase-rating__star{transition:all .2s ease}.designbase-rating--hovering .designbase-rating__star{transform:scale(1.05)}.designbase-rating__stars{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-rating__star{color:var(--rating-color,var(--db-blue-600));transition:all .2s ease}.designbase-rating__star:hover{transform:scale(1.1)}.designbase-rating__star--clickable{cursor:pointer}.designbase-rating__star--clickable:hover{color:var(--db-blue-700)}.designbase-rating__star--clickable:active{transform:scale(.95)}.designbase-rating__star--animated{animation:rating-pulse .3s ease}.designbase-rating__number-container{align-items:center;display:flex}.designbase-rating__number{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-rating__reviews{align-items:center;display:flex}.designbase-rating__review-count{color:var(--db-text-secondary);font-size:var(--db-text-s)}.designbase-rating__detailed{width:100%}.designbase-rating__rating-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-s)}@keyframes rating-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.designbase-rating--variant-large{gap:var(--db-gap-s)}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-xl)}.designbase-rating--variant-large .designbase-rating__review-count{font-size:var(--db-text-s)}.designbase-rating--display-detailed{gap:var(--db-gap-xs)}}@media (max-width:480px){.designbase-rating--size-l{gap:var(--db-gap-s)}.designbase-rating--size-l .designbase-rating__star{font-size:20px}.designbase-rating--size-xl{gap:var(--db-gap-s)}.designbase-rating--size-xl .designbase-rating__star{font-size:24px}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-l)}}.designbase-reorder{display:flex;flex-direction:column;gap:var(--db-gap-xs);user-select:none}.designbase-reorder--default .designbase-reorder__item{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m)}.designbase-reorder--bordered .designbase-reorder__item{background-color:var(--db-surface-base);border:2px solid var(--db-border-base);border-radius:var(--db-radius-l)}.designbase-reorder--filled .designbase-reorder__item{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m)}.designbase-reorder--minimal .designbase-reorder__item{background-color:transparent;border:none;border-bottom:1px solid var(--db-border-base);border-radius:0}.designbase-reorder--minimal .designbase-reorder__item:last-child{border-bottom:none}.designbase-reorder--s .designbase-reorder__item{min-height:40px;padding:var(--db-padding-s)}.designbase-reorder--s .designbase-reorder__checkbox,.designbase-reorder--s .designbase-reorder__drag-handle{height:var(--db-size-md);width:var(--db-size-md)}.designbase-reorder--m .designbase-reorder__item{min-height:56px;padding:var(--db-padding-m)}.designbase-reorder--m .designbase-reorder__checkbox,.designbase-reorder--m .designbase-reorder__drag-handle{height:var(--db-size-lg);width:var(--db-size-lg)}.designbase-reorder--l .designbase-reorder__item{min-height:72px;padding:var(--db-padding-l)}.designbase-reorder--l .designbase-reorder__checkbox,.designbase-reorder--l .designbase-reorder__drag-handle{height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-reorder--horizontal{flex-direction:row;gap:var(--db-gap-s)}.designbase-reorder--horizontal .designbase-reorder__item{flex:1;min-width:120px}.designbase-reorder--full-width{width:100%}.designbase-reorder--disabled{opacity:var(--db-opacity-60);pointer-events:none}.designbase-reorder--disabled .designbase-reorder__item{cursor:not-allowed}.designbase-reorder--dragging .designbase-reorder__item{transition:all .2s cubic-bezier(.4,0,.2,1)}.designbase-reorder--dragging .designbase-reorder__item:not(.designbase-reorder__item--dragged){transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s ease}.designbase-reorder--dragging:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.designbase-reorder--selectable .designbase-reorder__item{cursor:pointer}.designbase-reorder__item{align-items:center;cursor:grab;display:flex;gap:var(--db-gap-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-reorder__item:hover{background-color:var(--db-surface-layer-1);box-shadow:var(--db-shadow-sm);transform:translateY(-1px)}.designbase-reorder__item:active{cursor:grabbing;transform:translateY(0)}.designbase-reorder__item--selected{background-color:var(--db-blue-100);border-color:var(--db-color-info)}.designbase-reorder__item--selected:hover{background-color:var(--db-blue-200)}.designbase-reorder__item--dragged{background-color:var(--db-surface-base);border:2px solid var(--db-brand-primary);box-shadow:0 12px 24px rgba(0,0,0,.15),0 6px 12px rgba(0,0,0,.1),0 0 0 2px var(--db-brand-primary);cursor:grabbing;opacity:.8;position:relative;transform:scale(1.02);transition:none;z-index:1000}.designbase-reorder__item--dragged:hover{transform:scale(1.02)}.designbase-reorder__item--dragged:before{animation:placeholderPulse 1.5s ease-in-out infinite;background-color:var(--db-surface-layer-1);border:2px dashed var(--db-brand-primary);border-radius:inherit;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.designbase-reorder__item:not(.designbase-reorder__item--dragged):not(.designbase-reorder__item--drag-over){background-color:var(--db-surface-base);border:1px solid var(--db-border-base);box-shadow:var(--db-shadow-sm);cursor:grab;opacity:1;transform:scale(1);transition:all .2s ease;z-index:auto}.designbase-reorder__item--drag-over{position:relative}.designbase-reorder__item--drag-down:before{top:-3px}.designbase-reorder__item--drag-down:before,.designbase-reorder__item--drag-up:after{animation:dropGuidePulse 1s ease-in-out infinite;background:var(--db-brand-primary);border-radius:4px;box-shadow:0 0 12px rgba(6,131,255,.6);content:"";height:8px;left:0;opacity:1;position:absolute;right:0;z-index:1000}.designbase-reorder__item--drag-up:after{bottom:-3px}.designbase-reorder__item--drag-right:before{left:-3px}.designbase-reorder__item--drag-left:after,.designbase-reorder__item--drag-right:before{animation:dropGuidePulse 1s ease-in-out infinite;background:var(--db-brand-primary);border-radius:4px;bottom:0;box-shadow:0 0 12px rgba(6,131,255,.6);content:"";opacity:1;position:absolute;top:0;width:8px;z-index:1000}.designbase-reorder__item--drag-left:after{right:-3px}.designbase-reorder__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-reorder__item--disabled:hover{background-color:inherit;box-shadow:none;transform:none}.designbase-reorder__drag-handle{align-items:center;color:var(--db-text-secondary);cursor:grab;display:flex;flex-shrink:0;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-reorder__drag-handle:hover{color:var(--db-color-info)}.designbase-reorder__drag-handle:active{cursor:grabbing}.designbase-reorder__drag-handle svg{height:100%;width:100%}.designbase-reorder__checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-reorder__checkbox-input{accent-color:var(--db-color-info);cursor:pointer;height:16px;width:16px}.designbase-reorder__content{color:var(--db-text-primary);flex:1;line-height:1.5;min-width:0}@media (max-width:768px){.designbase-reorder--horizontal{flex-direction:column;gap:var(--db-gap-xs)}.designbase-reorder--horizontal .designbase-reorder__item{min-width:auto}.designbase-reorder__item{min-height:48px;padding:var(--db-padding-s)}.designbase-reorder__checkbox,.designbase-reorder__drag-handle{height:18px;width:18px}}.designbase-reorder__item:focus-visible{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-reorder__drag-handle:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-reorder__checkbox-input:focus-visible{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-reorder__item{animation:reorderItemSlideIn .3s ease}@keyframes reorderItemSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes placeholderPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes dropGuidePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes dragStart{0%{box-shadow:var(--db-shadow-sm);transform:scale(1)}to{box-shadow:0 12px 24px rgba(0,0,0,.15),0 6px 12px rgba(0,0,0,.1);transform:scale(1.02)}}@keyframes dropComplete{0%{transform:scale(1.02)}50%{transform:scale(1.05)}to{transform:scale(1)}}.designbase-reorder--dragging body{overflow:hidden}@media (hover:none) and (pointer:coarse){.designbase-reorder__item{min-height:60px;touch-action:none}.designbase-reorder__item:active{transform:scale(.98);transition:transform .1s ease}.designbase-reorder__drag-handle{min-height:44px;min-width:44px;touch-action:none}.designbase-reorder__checkbox{min-height:44px;min-width:44px}.designbase-reorder__item--dragged{box-shadow:0 15px 30px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.15),0 0 0 2px var(--db-brand-primary);transform:scale(1.05)}}.designbase-resizable-panels{display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow var(--db-animation-speed) var(--db-animation-ease);user-select:none}.designbase-resizable-panels--border{border:1px solid var(--db-border)}.designbase-resizable-panels--shadow{box-shadow:var(--db-shadow-md)}.designbase-resizable-panels--resizing{transition:none;z-index:1000}.designbase-resizable-panels--resizing .designbase-resizable-panels__handle{opacity:1;transform:scale(1.1)}.designbase-resizable-panels__content{flex:1;overflow:auto;position:relative;z-index:1}.designbase-resizable-panels__handle{align-items:center;border-radius:var(--db-radius-s);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;display:flex;font-size:var(--db-font-xs);justify-content:center;opacity:var(--db-opacity-70);position:absolute;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:10}.designbase-resizable-panels__handle svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-resizable-panels__handle:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);opacity:var(--db-opacity-100);transform:scale(1.1)}.designbase-resizable-panels__handle:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.designbase-resizable-panels__handle:active{box-shadow:0 1px 2px rgba(0,0,0,.1);transform:scale(.95)}@media (hover:none){.designbase-resizable-panels__handle{opacity:var(--db-opacity-90)}}.designbase-resizable-panels__guides{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.designbase-resizable-panels__guide{background:linear-gradient(90deg,transparent 0,var(--db-primary) 50%,transparent 100%);opacity:var(--db-opacity-60);position:absolute}.designbase-resizable-panels__guide--horizontal{height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.designbase-resizable-panels__guide--vertical{bottom:0;left:50%;top:0;transform:translateX(-50%);width:1px}.designbase-resizable-panels__size-indicator{background:rgba(0,0,0,.8);border-radius:var(--db-radius-s);color:#fff;font-size:var(--db-font-xs);font-weight:var(--db-font-medium);left:var(--db-spacing-10);padding:var(--db-padding-xs) var(--db-padding-s);pointer-events:none;position:absolute;top:var(--db-spacing-10);white-space:nowrap;z-index:6}.designbase-resizable-panels__constraints{bottom:var(--db-spacing-10);display:flex;flex-direction:column;gap:var(--db-gap-xs);left:var(--db-spacing-10);pointer-events:none;position:absolute;z-index:6}.designbase-resizable-panels__constraint{animation:pulse 1s ease-in-out infinite;background:rgba(220,53,69,.9);border-radius:var(--db-radius-s);color:#fff;font-size:var(--db-font-xs);font-weight:var(--db-font-medium);padding:var(--db-padding-xs) var(--db-padding-s);white-space:nowrap}.designbase-resizable-panels__constraint--min{background:rgba(255,193,7,.9);color:#212529}.designbase-resizable-panels__constraint--max{background:rgba(220,53,69,.9);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.designbase-resizable-panels__handle{opacity:var(--db-opacity-90);transform:scale(1.2)}.designbase-resizable-panels__size-indicator{font-size:11px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-resizable-panels__constraint{font-size:9px;padding:var(--db-padding-xs) var(--db-padding-xs)}}@media (prefers-contrast:high){.designbase-resizable-panels__handle{border:2px solid}.designbase-resizable-panels__guide{background:#000;opacity:1}.designbase-resizable-panels__size-indicator{background:#000;border:1px solid #fff}.designbase-resizable-panels__constraint{border:1px solid}}.designbase-resizable-panels:focus-within{outline:2px solid var(--db-primary);outline-offset:var(--db-outline-offset)}.designbase-resizable-panels__handle[aria-label]:before{content:attr(aria-label);height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.designbase-scroll-area{box-sizing:border-box;overflow:hidden;position:relative}.designbase-scroll-area--full-width{width:100%}.designbase-scroll-area--full-height{height:100%}.designbase-scroll-area--direction-vertical{overflow-x:hidden;overflow-y:auto}.designbase-scroll-area--direction-horizontal{overflow-x:auto;overflow-y:hidden}.designbase-scroll-area--direction-both{overflow:auto}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-track{background:var(--scrollbar-track-color,var(--db-border-muted));border-radius:var(--db-radius-s)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-thumb{background:var(--scrollbar-color,var(--db-border-base));border-radius:var(--db-radius-s)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-corner{background:var(--scrollbar-track-color,var(--db-border-muted))}.designbase-scroll-area--scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.designbase-scroll-area--scrollbar-none::-webkit-scrollbar{display:none}.designbase-scroll-area--always-show::-webkit-scrollbar{-webkit-appearance:none}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:8px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:8px}.designbase-scroll-area--always-show::-webkit-scrollbar-track{background:var(--scrollbar-track-color,var(--db-border-muted));border-radius:var(--db-radius-s)}.designbase-scroll-area--always-show::-webkit-scrollbar-thumb{background:var(--scrollbar-color,var(--db-border-base));border-radius:var(--db-radius-s)}.designbase-scroll-area--always-show::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}.designbase-scroll-area__content{box-sizing:border-box;height:100%;width:100%}@media (max-width:768px){.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:4px;width:4px}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:6px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:6px}}@media (max-width:480px){.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:3px;width:3px}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:4px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:4px}}.designbase-section{box-sizing:border-box;display:flex;flex-direction:column}.designbase-section--full-width{width:100%}.designbase-section--full-height{height:100%}.designbase-section--no-padding .designbase-section__content{padding:0}.designbase-section--size-s .designbase-section__content,.designbase-section--size-s .designbase-section__footer,.designbase-section--size-s .designbase-section__header{padding:var(--db-padding-s)}.designbase-section--size-s .designbase-section__title{font-size:var(--db-text-l);line-height:var(--db-leading-snug)}.designbase-section--size-s .designbase-section__subtitle{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-section--size-m .designbase-section__content,.designbase-section--size-m .designbase-section__footer,.designbase-section--size-m .designbase-section__header{padding:var(--db-padding-m)}.designbase-section--size-m .designbase-section__title{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-section--size-m .designbase-section__subtitle{font-size:var(--db-text-l);line-height:var(--db-leading-snug)}.designbase-section--size-l .designbase-section__content,.designbase-section--size-l .designbase-section__footer,.designbase-section--size-l .designbase-section__header{padding:var(--db-padding-l)}.designbase-section--size-l .designbase-section__title{font-size:var(--db-text-2xl);line-height:var(--db-leading-tight)}.designbase-section--size-l .designbase-section__subtitle{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-section--size-xl .designbase-section__content,.designbase-section--size-xl .designbase-section__footer,.designbase-section--size-xl .designbase-section__header{padding:var(--db-padding-xl)}.designbase-section--size-xl .designbase-section__title{font-size:var(--db-text-3xl);line-height:var(--db-leading-tight)}.designbase-section--size-xl .designbase-section__subtitle{font-size:var(--db-text-2xl);line-height:var(--db-leading-tight)}.designbase-section--variant-default{background-color:transparent;border:none;border-radius:0;box-shadow:none}.designbase-section--variant-elevated{background-color:var(--db-surface-base);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-sm)}.designbase-section--variant-outlined{background-color:transparent;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:none}.designbase-section--variant-filled{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-m);box-shadow:none}.designbase-section__header{align-items:flex-start;border-bottom:1px solid var(--db-border-secondary);display:flex;gap:var(--db-gap-m);justify-content:space-between;margin-bottom:0}.designbase-section--variant-default .designbase-section__header{border-bottom:none}.designbase-section__title-area{flex:1;min-width:0}.designbase-section__title{color:var(--db-text-primary);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-xs) 0}.designbase-section__subtitle{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);margin:0 0 var(--db-margin-xs) 0}.designbase-section__description{color:var(--db-text-tertiary);font-size:var(--db-text-s);line-height:var(--db-leading-relaxed);margin:0}.designbase-section__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-section__content{flex:1;min-height:0}.designbase-section__footer{align-items:center;border-top:1px solid var(--db-border-secondary);display:flex;gap:var(--db-gap-m);justify-content:space-between;margin-top:auto}.designbase-section--variant-default .designbase-section__footer{border-top:none}@media (max-width:768px){.designbase-section__header{align-items:flex-start;flex-direction:column;gap:var(--db-margin-s)}.designbase-section__actions{justify-content:flex-end;width:100%}.designbase-section__footer{align-items:flex-start;flex-direction:column;gap:var(--db-margin-s)}}@media (max-width:480px){.designbase-section--size-l .designbase-section__content,.designbase-section--size-l .designbase-section__footer,.designbase-section--size-l .designbase-section__header{padding:var(--db-padding-m)}.designbase-section--size-xl .designbase-section__content,.designbase-section--size-xl .designbase-section__footer,.designbase-section--size-xl .designbase-section__header{padding:var(--db-padding-l)}}.designbase-share{display:inline-block;position:relative}.designbase-share__content{padding:var(--db-padding-m)}.designbase-share__platforms{display:grid;gap:var(--db-gap-s);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--db-margin-m)}.designbase-share__platform-button{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--db-text-s);font-weight:var(--db-font-medium);gap:var(--db-gap-xs);overflow:hidden;padding:var(--db-padding-m);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-share__platform-button:hover{border-color:var(--platform-color,#007bff);box-shadow:var(--db-shadow-md);transform:translateY(-2px)}.designbase-share__platform-button:active{transform:translateY(0)}.designbase-share__platform-button--facebook{--platform-color:#1877f2}.designbase-share__platform-button--facebook:hover{background-color:rgba(24,119,242,.1);color:#1877f2}.designbase-share__platform-button--twitter{--platform-color:#1da1f2}.designbase-share__platform-button--twitter:hover{background-color:rgba(29,161,242,.1);color:#1da1f2}.designbase-share__platform-button--instagram{--platform-color:#e4405f}.designbase-share__platform-button--instagram:hover{background-color:rgba(228,64,95,.1);color:#e4405f}.designbase-share__platform-button--linkedin{--platform-color:#0077b5}.designbase-share__platform-button--linkedin:hover{background-color:rgba(0,119,181,.1);color:#0077b5}.designbase-share__platform-button--pinterest{--platform-color:#bd081c}.designbase-share__platform-button--pinterest:hover{background-color:rgba(189,8,28,.1);color:#bd081c}.designbase-share__platform-button--whatsapp{--platform-color:#25d366}.designbase-share__platform-button--whatsapp:hover{background-color:rgba(37,211,102,.1);color:#25d366}.designbase-share__platform-button--telegram{--platform-color:#08c}.designbase-share__platform-button--telegram:hover{background-color:rgba(0,136,204,.1);color:#08c}.designbase-share__platform-button--email{--platform-color:#ea4335}.designbase-share__platform-button--email:hover{background-color:rgba(234,67,53,.1);color:#ea4335}.designbase-share__platform-button--link{--platform-color:#6c757d}.designbase-share__platform-button--link:hover{background-color:hsla(208,7%,46%,.1);color:#6c757d}.designbase-share__platform-button--link.designbase-share__platform-button--copied{background-color:var(--db-feedback-success-fg);border-color:var(--db-feedback-success-fg);color:var(--db-text-inverse-primary)}.designbase-share__platform-button--qr{--platform-color:#6c757d}.designbase-share__platform-button--qr:hover{background-color:hsla(208,7%,46%,.1);color:#6c757d}.designbase-share__platform-icon{fill:currentColor;height:24px;width:24px}.designbase-share__platform-name{font-size:var(--db-text-xs);line-height:1.2;text-align:center}.designbase-share__copy-success{align-items:center;animation:copySuccessFadeIn .3s ease;background-color:var(--db-feedback-success-fg);border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);display:flex;font-size:var(--db-text-xs);font-weight:var(--db-weight-bold);gap:var(--db-gap-xs);left:50%;padding:var(--db-padding-xs) var(--db-padding-s);position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.designbase-share__copy-success svg{height:12px;width:12px}.designbase-share__qr-section{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-m);margin-bottom:var(--db-margin-l);padding:var(--db-padding-m);text-align:center}.designbase-share__qr-title{color:var(--db-text-primary);font-size:var(--db-font-base);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0}.designbase-share__qr-code{display:flex;justify-content:center;margin-bottom:var(--db-margin-s);text-align:center}.designbase-share__qr-code img{box-shadow:var(--db-shadow-sm)}.designbase-share__qr-description{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0}.designbase-share__link-title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0}.designbase-share__link-container{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-share__link-input{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:text;flex:1;font-size:var(--db-text-s);padding:var(--db-padding-xs)}.designbase-share__link-input:focus{border-color:var(--db-field-border-focus);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10);outline:none}.designbase-share__copy-button{flex-shrink:0}.designbase-share--dropdown{position:relative}.designbase-share--inline{display:block;width:100%}.designbase-share--inline .designbase-share__content{border:1px solid var(--db-border-base);box-shadow:none}.designbase-share--s .designbase-share__platform-button{font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-share--s .designbase-share__platform-icon{height:20px;width:20px}.designbase-share--s .designbase-share__platform-name{font-size:var(--db-text-xs)}.designbase-share--l .designbase-share__platform-button{font-size:var(--db-font-base);padding:var(--db-padding-l)}.designbase-share--l .designbase-share__platform-icon{height:32px;width:32px}.designbase-share--l .designbase-share__platform-name{font-size:var(--db-text-s)}@media (max-width:768px){.designbase-share .designbase-share__platforms{gap:var(--db-gap-xs);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.designbase-share .designbase-share__platform-button{font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-share .designbase-share__platform-icon{height:20px;width:20px}.designbase-share .designbase-share__platform-name{font-size:var(--db-text-xs)}.designbase-share .designbase-share__content{padding:var(--db-padding-m)}.designbase-share .designbase-share__link-container{align-items:stretch;flex-direction:column}.designbase-share .designbase-share__copy-button{width:100%}}.designbase-share__platform-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-share__platform-button{animation:platformButtonSlideIn .3s ease}@keyframes copySuccessFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes platformButtonSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.designbase-share__platform-button svg{fill:currentColor}.designbase-share--loading{opacity:.7;pointer-events:none}.designbase-share--loading .designbase-share__platform-button{cursor:not-allowed}.designbase-share--disabled{opacity:.5;pointer-events:none}.designbase-share--disabled .designbase-share__platform-button{cursor:not-allowed}.designbase-sidebar{background-color:var(--db-surface-base);border-right:1px solid var(--db-border-base);height:100vh;overflow-y:auto;position:relative;transition:width var(--db-animation-speed) var(--db-animation-ease);width:280px;z-index:var(--db-z-20)}.designbase-sidebar__container{display:flex;flex-direction:column;height:100%}.designbase-sidebar__header{align-items:center;border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-m)}.designbase-sidebar__logo{align-items:center;cursor:pointer;display:flex;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__logo:hover{opacity:.8}.designbase-sidebar__logo:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-sidebar__logo-text{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__toggle{flex-shrink:0}.designbase-sidebar__toggle .designbase-button{height:var(--db-size-xl);min-width:var(--db-size-xl);padding:0;width:var(--db-size-xl)}.designbase-sidebar__toggle-icon{transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__toggle-icon--collapsed{transform:rotate(180deg)}.designbase-sidebar__nav{flex:1;overflow-y:auto;padding:var(--db-padding-m)}.designbase-sidebar__nav-list{list-style:none;margin:0;padding:0}.designbase-sidebar__item{margin-bottom:var(--db-margin-xs)}.designbase-sidebar__link{align-items:center;border-radius:var(--db-radius-m);color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:var(--db-gap-s);margin:0 var(--db-margin-s);padding:var(--db-padding-s);position:relative;text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__link:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-sidebar__link:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-sidebar__link--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-sidebar__link--active:before{background-color:var(--db-brand-primary);border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.designbase-sidebar__link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-sidebar__link--expanded{background-color:var(--db-surface-layer-2)}.designbase-sidebar__link--has-children{cursor:pointer}.designbase-sidebar__icon{flex-shrink:0;font-size:var(--db-text-base);text-align:center;width:var(--db-size-md)}.designbase-sidebar__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__badge{border-radius:var(--db-radius-full);flex-shrink:0;font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);line-height:1;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-sidebar__badge--primary{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-sidebar__badge--success{background-color:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-sidebar__badge--warning{background-color:var(--db-feedback-warning-bg);color:var(--db-feedback-warning-fg)}.designbase-sidebar__badge--danger{background-color:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}.designbase-sidebar__badge--info{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-sidebar__chevron{color:var(--db-text-secondary);flex-shrink:0;font-size:var(--db-text-xs);transition:transform .2s ease}.designbase-sidebar__chevron--expanded{transform:rotate(90deg)}.designbase-sidebar__submenu{background-color:var(--db-surface-base);border-radius:var(--db-radius-s);list-style:none;margin:0;margin:var(--db-margin-xs) var(--db-margin-s) 0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.designbase-sidebar__submenu--expanded{max-height:500px}.designbase-sidebar__user{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);padding:var(--db-padding-m)}.designbase-sidebar__user-info{align-items:center;display:flex;gap:var(--db-gap-s);margin-bottom:var(--db-margin-s)}.designbase-sidebar__user-avatar{border-radius:var(--db-radius-full);flex-shrink:0;height:40px;object-fit:cover;width:40px}.designbase-sidebar__user-avatar-placeholder{align-items:center;background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);display:flex;flex-shrink:0;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);height:40px;justify-content:center;width:40px}.designbase-sidebar__user-details{flex:1;min-width:0}.designbase-sidebar__user-name{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__user-email{margin-bottom:var(--db-margin-xs)}.designbase-sidebar__user-email,.designbase-sidebar__user-role{color:var(--db-text-secondary);font-size:var(--db-text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__user-menu{list-style:none;margin:0;padding:0}.designbase-sidebar__user-menu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-s);padding:var(--db-padding-xs) 0;text-decoration:none;transition:all .2s ease}.designbase-sidebar__user-menu-link:hover{color:var(--db-icon-primary)}.designbase-sidebar__user-menu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-sidebar__user-collapsed{display:flex;justify-content:center;padding:var(--db-padding-m)}.designbase-sidebar__user-avatar-collapsed{border-radius:var(--db-radius-full);height:40px;object-fit:cover;width:40px}.designbase-sidebar__user-avatar-placeholder-collapsed{align-items:center;background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);display:flex;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);height:40px;justify-content:center;width:40px}.designbase-sidebar--s{width:240px}.designbase-sidebar--s .designbase-sidebar__header{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-sidebar--s .designbase-sidebar__logo-text{font-size:var(--db-text-xl)}.designbase-sidebar--s .designbase-sidebar__link{font-size:var(--db-text-xs);margin:0 var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-sidebar--s .designbase-sidebar__icon{font-size:var(--db-text-s);width:16px}.designbase-sidebar--s .designbase-sidebar__user-avatar,.designbase-sidebar--s .designbase-sidebar__user-avatar-collapsed,.designbase-sidebar--s .designbase-sidebar__user-avatar-placeholder,.designbase-sidebar--s .designbase-sidebar__user-avatar-placeholder-collapsed{font-size:var(--db-text-s);height:32px;width:32px}.designbase-sidebar--s .designbase-sidebar__user-email,.designbase-sidebar--s .designbase-sidebar__user-name,.designbase-sidebar--s .designbase-sidebar__user-role{font-size:var(--db-text-xs)}.designbase-sidebar--m{width:280px}.designbase-sidebar--l{width:320px}.designbase-sidebar--l .designbase-sidebar__header{padding:var(--db-padding-l) var(--db-padding-l)}.designbase-sidebar--l .designbase-sidebar__logo-text{font-size:var(--db-text-2xl)}.designbase-sidebar--l .designbase-sidebar__link{font-size:var(--db-text-base);margin:0 var(--db-margin-m);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-sidebar--l .designbase-sidebar__icon{font-size:var(--db-text-l);width:24px}.designbase-sidebar--l .designbase-sidebar__user-avatar,.designbase-sidebar--l .designbase-sidebar__user-avatar-collapsed,.designbase-sidebar--l .designbase-sidebar__user-avatar-placeholder,.designbase-sidebar--l .designbase-sidebar__user-avatar-placeholder-collapsed{font-size:var(--db-text-l);height:48px;width:48px}.designbase-sidebar--l .designbase-sidebar__user-name{font-size:var(--db-text-base)}.designbase-sidebar--l .designbase-sidebar__user-email,.designbase-sidebar--l .designbase-sidebar__user-role{font-size:var(--db-text-s)}.designbase-sidebar--right{border-left:1px solid var(--db-border-base);border-right:none}.designbase-sidebar--collapsed{width:64px}.designbase-sidebar--collapsed .designbase-sidebar__badge,.designbase-sidebar--collapsed .designbase-sidebar__chevron,.designbase-sidebar--collapsed .designbase-sidebar__label,.designbase-sidebar--collapsed .designbase-sidebar__logo-text,.designbase-sidebar--collapsed .designbase-sidebar__user-info,.designbase-sidebar--collapsed .designbase-sidebar__user-menu{display:none}.designbase-sidebar--collapsed .designbase-sidebar__link{justify-content:center;margin:0 var(--db-margin-xs);padding:var(--db-padding-s)}.designbase-sidebar--collapsed .designbase-sidebar__icon{margin:0}.designbase-sidebar--collapsed .designbase-sidebar__toggle-icon{transform:rotate(180deg)}.designbase-sidebar--collapsed .designbase-sidebar__toggle .designbase-button{height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-sidebar--fixed{bottom:0;left:0;position:fixed;top:0;z-index:var(--db-z-50)}.designbase-sidebar--full-height{height:100vh}.designbase-sidebar--shadow{box-shadow:var(--db-shadow-lg)}@media (max-width:768px){.designbase-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:var(--db-z-50)}.designbase-sidebar--mobile-open{transform:translateX(0)}.designbase-sidebar--right{left:auto;right:0;transform:translateX(100%)}.designbase-sidebar--right--mobile-open{transform:translateX(0)}}.designbase-sidebar:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-skeleton{background-color:var(--db-surface-muted);border-radius:var(--db-radius-s);display:inline-block;overflow:hidden;position:relative}.designbase-skeleton--text{border-radius:var(--db-radius-s);width:100%}.designbase-skeleton--circular{aspect-ratio:1;border-radius:50%}.designbase-skeleton--rectangular{border-radius:0}.designbase-skeleton--rounded{border-radius:var(--db-radius-m)}.designbase-skeleton--xs.designbase-skeleton--text{height:12px}.designbase-skeleton--s.designbase-skeleton--text{height:16px}.designbase-skeleton--m.designbase-skeleton--text{height:20px}.designbase-skeleton--l.designbase-skeleton--text{height:24px}.designbase-skeleton--xl.designbase-skeleton--text{height:32px}.designbase-skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.designbase-skeleton--wave:after{animation:skeleton-wave 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.designbase-skeleton--none{animation:none}.designbase-skeleton__line{background-color:var(--db-surface-muted);border-radius:var(--db-radius-s);display:block;height:100%}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes skeleton-wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.designbase-skeleton:focus{outline:none}.designbase-split-view{box-sizing:border-box;display:flex;position:relative}.designbase-split-view--full-width{width:100%}.designbase-split-view--full-height{height:100vh;min-height:100vh}.designbase-split-view--dragging *{pointer-events:none}.designbase-split-view--dragging .designbase-split-view__splitter{pointer-events:auto}.designbase-split-view--direction-horizontal{flex-direction:row}.designbase-split-view--direction-horizontal.designbase-split-view--dragging{cursor:col-resize}.designbase-split-view--direction-horizontal .designbase-split-view__splitter{cursor:col-resize;flex-shrink:0;height:100%;width:8px}.designbase-split-view--direction-horizontal .designbase-split-view__splitter:before{background-color:var(--db-border-base);height:24px;width:3px}.designbase-split-view--direction-horizontal .designbase-split-view__splitter:active:before,.designbase-split-view--direction-horizontal .designbase-split-view__splitter:hover:before{background-color:var(--db-brand-primary);height:48px}.designbase-split-view--direction-vertical{flex-direction:column}.designbase-split-view--direction-vertical.designbase-split-view--dragging{cursor:row-resize}.designbase-split-view--direction-vertical .designbase-split-view__splitter{cursor:row-resize;flex-shrink:0;height:8px;width:100%}.designbase-split-view--direction-vertical .designbase-split-view__splitter:before{background-color:var(--db-border-base);height:3px;width:24px}.designbase-split-view--direction-vertical .designbase-split-view__splitter:active:before,.designbase-split-view--direction-vertical .designbase-split-view__splitter:hover:before{background-color:var(--db-brand-primary);width:48px}.designbase-split-view__panel{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.designbase-split-view__panel.designbase-split-view__panel--flexible{flex:1;overflow-x:hidden;overflow-y:auto}.designbase-split-view__panel.designbase-split-view__panel--fixed{flex-shrink:0;overflow:visible}.designbase-split-view__splitter{position:relative;transition:all .2s ease;z-index:10}.designbase-split-view__splitter:before{border-radius:var(--db-radius-s);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease}.designbase-stack{box-sizing:border-box;display:flex;flex-direction:column}.designbase-stack--full-width{width:100%}.designbase-stack--full-height{height:100%}.designbase-stack--wrap{flex-wrap:wrap}.designbase-stack--direction-vertical{flex-direction:column}.designbase-stack--direction-horizontal{flex-direction:row}.designbase-stack--alignment-start{align-items:flex-start}.designbase-stack--alignment-center{align-items:center}.designbase-stack--alignment-end{align-items:flex-end}.designbase-stack--alignment-stretch{align-items:stretch}.designbase-stack--justify-start{justify-content:flex-start}.designbase-stack--justify-center{justify-content:center}.designbase-stack--justify-end{justify-content:flex-end}.designbase-stack--justify-space-between{justify-content:space-between}.designbase-stack--justify-space-around{justify-content:space-around}.designbase-stack--justify-space-evenly{justify-content:space-evenly}.designbase-stack--spacing-none{gap:0}.designbase-stack--spacing-xs{gap:var(--db-gap-xs)}.designbase-stack--spacing-sm{gap:var(--db-gap-s)}.designbase-stack--spacing-md{gap:var(--db-gap-m)}.designbase-stack--spacing-lg{gap:var(--db-gap-l)}.designbase-stack--spacing-xl{gap:var(--db-gap-xl)}@media (max-width:768px){.designbase-stack--spacing-lg{gap:var(--db-gap-m)}.designbase-stack--spacing-xl{gap:var(--db-gap-l)}}@media (max-width:480px){.designbase-stack--spacing-lg,.designbase-stack--spacing-md{gap:var(--db-gap-s)}.designbase-stack--spacing-xl{gap:var(--db-gap-m)}}.designbase-stepper{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:inline-flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs);transition:all .2s ease}.designbase-stepper--size-s .designbase-stepper__button{height:var(--db-size-button-s);width:var(--db-size-button-s)}.designbase-stepper--size-s .designbase-stepper__value{min-width:24px}.designbase-stepper--size-s .designbase-stepper__value-text{font-size:var(--db-text-xs)}.designbase-stepper--size-m .designbase-stepper__button{height:var(--db-size-button-m);width:var(--db-size-button-m)}.designbase-stepper--size-m .designbase-stepper__value{min-width:28px}.designbase-stepper--size-m .designbase-stepper__value-text{font-size:var(--db-text-s)}.designbase-stepper--size-l .designbase-stepper__button{height:var(--db-size-button-l);width:var(--db-size-button-l)}.designbase-stepper--size-l .designbase-stepper__value{min-width:32px}.designbase-stepper--size-l .designbase-stepper__value-text{font-size:var(--db-text-base)}.designbase-stepper--variant-default{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-stepper--variant-outlined{background-color:transparent;border-color:var(--db-border-base)}.designbase-stepper--variant-filled{background-color:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-stepper--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-stepper--readonly .designbase-stepper__button{cursor:not-allowed;opacity:.5}.designbase-stepper:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-stepper__button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:all .2s ease}.designbase-stepper__button:hover:not(.designbase-stepper__button--disabled){background-color:var(--db-surface-layer-1);color:var(--db-brand-primary)}.designbase-stepper__button:active:not(.designbase-stepper__button--disabled){background-color:var(--db-surface-layer-2);transform:scale(.95)}.designbase-stepper__button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-stepper__button:disabled{cursor:not-allowed;opacity:.5}.designbase-stepper__button--disabled{color:var(--db-text-tertiary);cursor:not-allowed;opacity:.5}.designbase-stepper__button--disabled:hover{background-color:transparent;color:var(--db-text-tertiary)}.designbase-stepper__button svg{stroke:currentColor;stroke-width:2;height:16px;width:16px}.designbase-stepper__value{align-items:center;color:var(--db-text-primary);display:flex;flex:1;font-weight:var(--db-weight-medium);justify-content:center;min-width:0;text-align:center;user-select:none}.designbase-stepper__value-text{font-weight:var(--db-weight-semibold);line-height:1}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:480px){.designbase-stepper--size-l .designbase-stepper__button{height:32px;width:32px}.designbase-stepper--size-l .designbase-stepper__value{min-width:48px;padding:0 var(--db-padding-m)}.designbase-stepper--size-l .designbase-stepper__value-text{font-size:var(--db-text-base)}}.designbase-table{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);overflow:hidden;width:100%}.designbase-table__header{align-items:center;background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-s)}.designbase-table__header-left,.designbase-table__header-right{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-table__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0}.designbase-table__container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:auto;scrollbar-width:thin}.designbase-table__container::-webkit-scrollbar{height:8px}.designbase-table__container::-webkit-scrollbar-track{background:var(--db-surface-layer-1);border-radius:var(--db-radius-s)}.designbase-table__container::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:var(--db-radius-s)}.designbase-table__container::-webkit-scrollbar-thumb:hover{background:var(--db-icon-muted)}.designbase-table__footer{align-items:center;background-color:var(--db-surface-layer-1);display:flex;justify-content:space-between;padding:var(--db-padding-s)}.designbase-table__footer-left,.designbase-table__footer-right{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-table__rows-info{color:var(--db-text-secondary);font-size:var(--db-text-xs)}.designbase-table__page-size select{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-primary);font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-table__pagination{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-table__page-info{color:var(--db-text-secondary);font-size:var(--db-text-s);min-width:60px;text-align:center}.designbase-table__table{border-collapse:collapse;min-width:100%;table-layout:auto;width:100%}.designbase-table__table--scrollable{min-width:800px}.designbase-table__thead{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base)}.designbase-table__tbody{background-color:var(--db-surface-base)}.designbase-table__tr{border-bottom:1px solid var(--db-border-base);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-table__tr:last-child{border-bottom:none}.designbase-table__tr:hover{background-color:var(--db-surface-layer-1)}.designbase-table__tr--selected{background-color:var(--db-feedback-info-bg);border-color:var(--db-feedback-info-fg)}.designbase-table__tr--selected:hover{background-color:var(--db-interactive-bg-hover)}.designbase-table__tr--clickable{cursor:pointer}.designbase-table__th{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);padding:var(--db-padding-s);position:relative;text-align:left}.designbase-table__th--checkbox{align-items:center;justify-content:center;text-align:center;width:48px}.designbase-table__th--sortable{cursor:pointer;user-select:none}.designbase-table__th--sortable:hover{background-color:var(--db-surface-layer-1)}.designbase-table__th--sorted{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-table__th--left{text-align:left}.designbase-table__th--center{text-align:center}.designbase-table__th--right{text-align:right}.designbase-table__th--fixed-left{left:0}.designbase-table__th--fixed-left,.designbase-table__th--fixed-right{background-color:var(--db-surface-layer-1);position:sticky;z-index:10}.designbase-table__th--fixed-right{right:0}.designbase-table__th-content{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-table__th-text{flex:1}.designbase-table__sort-icon{align-items:center;color:var(--db-icon-muted);display:flex;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-table__sort-icon--asc,.designbase-table__sort-icon--desc{color:var(--db-icon-primary)}.designbase-table__sort-icon--idle{color:var(--db-icon-muted)}.designbase-table__td{border-bottom:1px solid var(--db-border-base);color:var(--db-text-primary);font-size:var(--db-text-s);padding:var(--db-padding-s);text-align:left;vertical-align:middle}.designbase-table__td--checkbox{text-align:center;width:40px}.designbase-table__td--empty{color:var(--db-text-secondary);padding:var(--db-padding-l);text-align:center}.designbase-table__td--left{text-align:left}.designbase-table__td--center{text-align:center}.designbase-table__td--right{text-align:right}.designbase-table__td--fixed-left{background-color:var(--db-surface-base);left:0;position:sticky;z-index:5}.designbase-table__td--fixed-right{background-color:var(--db-surface-base);position:sticky;right:0;z-index:5}.designbase-table__checkbox{accent-color:var(--db-brand-primary);cursor:pointer;height:16px;width:16px}.designbase-table__empty{font-size:var(--db-text-s);gap:var(--db-gap-s)}.designbase-table__empty,.designbase-table__loading{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column}.designbase-table__loading{gap:var(--db-gap-m);justify-content:center;padding:var(--db-padding-l)}.designbase-table__loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--db-border-base);border:2px solid var(--db-border-base);border-radius:50%;border-top-color:var(--db-brand-primary);height:24px;width:24px}.designbase-table--s .designbase-table__td,.designbase-table--s .designbase-table__th{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-table--s .designbase-table__checkbox{height:14px;width:14px}.designbase-table--m .designbase-table__td,.designbase-table--m .designbase-table__th{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-table--l .designbase-table__td,.designbase-table--l .designbase-table__th{font-size:var(--db-text-m);padding:var(--db-padding-m)}.designbase-table--l .designbase-table__checkbox{height:18px;width:18px}.designbase-table--striped .designbase-table__tr:nth-child(2n){background-color:var(--db-surface-layer-1)}.designbase-table--bordered .designbase-table__td,.designbase-table--bordered .designbase-table__th{border:1px solid var(--db-border-base)}.designbase-table--hoverable .designbase-table__tr:hover{background-color:var(--db-surface-layer-1)}.designbase-table--selectable .designbase-table__tr--selected{background-color:var(--db-feedback-info-bg)}.designbase-table--sortable .designbase-table__th--sortable{cursor:pointer}.designbase-tabs{display:flex;flex-direction:column;width:100%}.designbase-tabs__list{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid var(--db-border-base);cursor:grab;display:flex;gap:var(--db-gap-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;user-select:none}.designbase-tabs__list::-webkit-scrollbar{display:none}.designbase-tabs__list.designbase-tabs__list--dragging{cursor:grabbing}.designbase-tabs__list--horizontal{flex-direction:row}.designbase-tabs__list--vertical{border-bottom:none;border-right:1px solid var(--db-border-base);flex-direction:column;min-width:200px;width:200px}.designbase-tabs__list--full-width{width:100%}.designbase-tabs__list--full-width .designbase-tabs__tab{flex:1;min-width:fit-content}.designbase-tabs__tab{align-items:center;background:none;border:none;color:var(--db-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);justify-content:center;line-height:var(--db-leading-normal);outline:none;padding:var(--db-padding-m);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap}.designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-tabs__tab:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-tabs__tab--selected{background-color:var(--db-surface-base);border-bottom:2px solid var(--db-brand-primary);color:var(--db-brand-primary)}.designbase-tabs__tab--selected:after{background-color:var(--db-surface-base);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.designbase-tabs__tab--focused{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-tabs__tab--disabled{background-color:var(--db-surface-layer-1);color:var(--db-text-disabled);cursor:not-allowed}.designbase-tabs__tab-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-tabs__tab-label{white-space:nowrap}.designbase-tabs__panel{background-color:var(--db-surface-base);border-radius:0 0 var(--db-radius-m) var(--db-radius-m);flex:1;padding:var(--db-padding-m)}.designbase-tabs--pills .designbase-tabs__list{border-bottom:none;gap:var(--db-gap-xs)}.designbase-tabs--pills .designbase-tabs__tab{border-bottom:none;border-radius:var(--db-radius-full)}.designbase-tabs--pills .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){background-color:var(--db-surface-layer-2)}.designbase-tabs--pills .designbase-tabs__tab--selected{background-color:var(--db-brand-primary);border-bottom:none;color:var(--db-text-inverse-primary)}.designbase-tabs--pills .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--underline .designbase-tabs__list{border-bottom:1px solid var(--db-border-base)}.designbase-tabs--underline .designbase-tabs__tab{border-bottom:2px solid transparent;border-radius:0}.designbase-tabs--underline .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-bottom-color:var(--db-border-layer-1)}.designbase-tabs--underline .designbase-tabs__tab--selected{border-bottom-color:var(--db-brand-primary)}.designbase-tabs--underline .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--s .designbase-tabs__tab{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-s)}.designbase-tabs--s .designbase-tabs__panel{padding:var(--db-padding-s)}.designbase-tabs--m .designbase-tabs__tab{font-size:var(--db-text-s);line-height:var(--db-leading-normal);padding:var(--db-padding-m)}.designbase-tabs--m .designbase-tabs__panel{padding:var(--db-padding-m)}.designbase-tabs--l .designbase-tabs__tab{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-l)}.designbase-tabs--l .designbase-tabs__panel{padding:var(--db-padding-l)}.designbase-tabs--vertical{flex-direction:row}.designbase-tabs--vertical .designbase-tabs__list{border-bottom:none;border-right:1px solid var(--db-border-base);flex-direction:column;min-width:200px;width:200px}.designbase-tabs--vertical .designbase-tabs__tab{border-bottom:none;border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);border-right:2px solid transparent;justify-content:flex-start;text-align:left}.designbase-tabs--vertical .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-right-color:var(--db-border-layer-1)}.designbase-tabs--vertical .designbase-tabs__tab--selected{border-bottom:none;border-right-color:var(--db-brand-primary)}.designbase-tabs--vertical .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--vertical .designbase-tabs__panel{border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;flex:1}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__list{border-right:none}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab{border-radius:var(--db-radius-full);border-right:none;margin-bottom:var(--db-margin-xs)}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab--selected,.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-right-color:transparent}.designbase-tabs--full-width{width:100%}.designbase-tabs--full-width .designbase-tabs__tab{flex:1}@media (max-width:640px){.designbase-tabs--vertical{flex-direction:column}.designbase-tabs--vertical .designbase-tabs__list{border-bottom:1px solid var(--db-border-base);border-right:none;flex-direction:row;min-width:auto;overflow-x:auto;width:100%}.designbase-tabs--vertical .designbase-tabs__tab{border-bottom:2px solid transparent;border-radius:var(--db-radius-m) var(--db-radius-m) 0 0;border-right:none;justify-content:center;min-width:120px;text-align:center;white-space:nowrap}.designbase-tabs--vertical .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-bottom-color:var(--db-border-layer-1);border-right-color:transparent}.designbase-tabs--vertical .designbase-tabs__tab--selected{border-bottom-color:var(--db-brand-primary);border-right-color:transparent}.designbase-tabs--vertical .designbase-tabs__panel{border-radius:0 0 var(--db-radius-m) var(--db-radius-m)}}.designbase-timeline{position:relative;width:100%}.designbase-timeline__container{align-items:center;display:flex;flex-direction:column;position:relative}.designbase-timeline__container:before{background-color:var(--db-border-muted);bottom:0;content:"";left:50%;opacity:.3;position:absolute;top:0;transform:translateX(-50%);width:1px}.designbase-timeline__item{align-items:flex-start;display:flex;margin-bottom:2rem;position:relative;width:100%}.designbase-timeline__item:last-child{margin-bottom:0}.designbase-timeline__item--left{flex-direction:row}.designbase-timeline__item--left .designbase-timeline__content{margin-right:2rem;text-align:right}.designbase-timeline__item--left .designbase-timeline__separator{order:2}.designbase-timeline__item--right{flex-direction:row-reverse}.designbase-timeline__item--right .designbase-timeline__content{margin-left:2rem;text-align:left}.designbase-timeline__item--right .designbase-timeline__separator{order:1}.designbase-timeline__item--clickable{cursor:pointer}.designbase-timeline__item--clickable .designbase-timeline__content-inner,.designbase-timeline__item--clickable .designbase-timeline__dot{transition:all .2s ease}.designbase-timeline__item--clickable .designbase-timeline__content-inner:hover,.designbase-timeline__item--clickable .designbase-timeline__dot:hover{transform:scale(1.05)}.designbase-timeline__item--disabled{opacity:.5;pointer-events:none}.designbase-timeline__content{flex:1;max-width:45%}.designbase-timeline__content-inner{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-sm);padding:1rem}.designbase-timeline__content-inner:hover{box-shadow:var(--db-shadow-md)}.designbase-timeline__content--left .designbase-timeline__timestamp{text-align:right}.designbase-timeline__content--right .designbase-timeline__timestamp{text-align:left}.designbase-timeline__timestamp{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:500;margin-bottom:.5rem}.designbase-timeline__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:600;line-height:1.4;margin:0 0 .5rem}.designbase-timeline__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:1.5;margin:0}.designbase-timeline__separator{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.designbase-timeline__dot{align-items:center;background-color:var(--db-surface-base);border:2px solid var(--db-border-base);border-radius:50%;box-shadow:var(--db-shadow-sm);display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.designbase-timeline__dot-inner{background-color:var(--db-color-primary);border-radius:50%;height:.75rem;width:.75rem}.designbase-timeline__dot--clickable{cursor:pointer}.designbase-timeline__dot--clickable:hover{box-shadow:var(--db-shadow-md);transform:scale(1.1)}.designbase-timeline__dot--primary{border-color:var(--db-color-primary)}.designbase-timeline__dot--primary .designbase-timeline__dot-inner{background-color:var(--db-color-primary)}.designbase-timeline__dot--secondary{border-color:var(--db-color-secondary)}.designbase-timeline__dot--secondary .designbase-timeline__dot-inner{background-color:var(--db-color-secondary)}.designbase-timeline__dot--success{border-color:var(--db-border-success)}.designbase-timeline__dot--success .designbase-timeline__dot-inner{background-color:var(--db-text-success)}.designbase-timeline__dot--warning{border-color:var(--db-border-warning)}.designbase-timeline__dot--warning .designbase-timeline__dot-inner{background-color:var(--db-text-warning)}.designbase-timeline__dot--error{border-color:var(--db-border-error)}.designbase-timeline__dot--error .designbase-timeline__dot-inner{background-color:var(--db-text-error)}.designbase-timeline__dot--info{border-color:var(--db-color-info)}.designbase-timeline__dot--info .designbase-timeline__dot-inner{background-color:var(--db-color-info)}.designbase-timeline__dot--default{border-color:var(--db-border-base)}.designbase-timeline__dot--default .designbase-timeline__dot-inner{background-color:var(--db-text-secondary)}.designbase-timeline__dot--outlined,.designbase-timeline__dot--outlined .designbase-timeline__dot-inner{background-color:transparent}.designbase-timeline__dot--filled .designbase-timeline__dot-inner{background-color:var(--db-surface-base)}.designbase-timeline__icon{align-items:center;color:inherit;display:flex;height:1rem;justify-content:center;width:1rem}.designbase-timeline__connector{background-color:var(--db-border-base);height:2rem;margin-top:.5rem;width:2px}.designbase-timeline--s .designbase-timeline__dot{height:1.5rem;width:1.5rem}.designbase-timeline--s .designbase-timeline__dot .designbase-timeline__dot-inner{height:.5rem;width:.5rem}.designbase-timeline--s .designbase-timeline__title{font-size:var(--db-text-base)}.designbase-timeline--s .designbase-timeline__description{font-size:var(--db-text-s)}.designbase-timeline--l .designbase-timeline__dot{height:2.5rem;width:2.5rem}.designbase-timeline--l .designbase-timeline__dot .designbase-timeline__dot-inner{height:1rem;width:1rem}.designbase-timeline--l .designbase-timeline__description,.designbase-timeline--l .designbase-timeline__title{font-size:var(--db-text-l)}.designbase-timeline--left .designbase-timeline__container:before{left:2rem;transform:none}.designbase-timeline--left .designbase-timeline__item{flex-direction:row}.designbase-timeline--left .designbase-timeline__item .designbase-timeline__content{margin-right:2rem;max-width:calc(100% - 4rem);text-align:left}.designbase-timeline--left .designbase-timeline__item .designbase-timeline__separator{order:2}.designbase-timeline--right .designbase-timeline__container:before{left:auto;right:2rem;transform:none}.designbase-timeline--right .designbase-timeline__item{flex-direction:row-reverse}.designbase-timeline--right .designbase-timeline__item .designbase-timeline__content{margin-left:2rem;max-width:calc(100% - 4rem);text-align:right}.designbase-timeline--right .designbase-timeline__item .designbase-timeline__separator{order:1}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n){flex-direction:row-reverse}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n) .designbase-timeline__content{margin-left:2rem;margin-right:0;text-align:left}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n) .designbase-timeline__separator{order:1}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd){flex-direction:row-reverse}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd) .designbase-timeline__content{margin-left:2rem;margin-right:0;text-align:left}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd) .designbase-timeline__separator{order:1}.designbase-timeline--full-width .designbase-timeline__content{max-width:40%}.designbase-timeline--full-width.designbase-timeline--left .designbase-timeline__content,.designbase-timeline--full-width.designbase-timeline--right .designbase-timeline__content{max-width:calc(100% - 4rem)}@media (max-width:768px){.designbase-timeline__container:before{left:1rem;transform:none}.designbase-timeline__item{flex-direction:row!important}.designbase-timeline__item .designbase-timeline__content{margin-left:0!important;margin-right:1.5rem!important;max-width:calc(100% - 3rem)!important;text-align:left!important}.designbase-timeline__item .designbase-timeline__separator{order:2!important}.designbase-timeline__content-inner{padding:.75rem}.designbase-timeline__title{font-size:var(--db-text-base)}.designbase-timeline__description{font-size:var(--db-text-s)}}.designbase-toast{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-toast);display:flex;gap:var(--db-gap-s);max-width:360px;min-width:200px;opacity:0;padding:var(--db-padding-s);position:fixed;transform:translateY(-20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--db-z-toast)}.designbase-toast--visible{opacity:1;transform:translateY(0) scale(1)}.designbase-toast__progress{background-color:var(--db-border-base);border-radius:var(--db-radius-m) var(--db-radius-m) 0 0;height:3px;left:0;overflow:hidden;position:absolute;right:0;top:0}.designbase-toast__progress-bar{background-color:var(--db-brand-primary);height:100%;transition:width .1s linear}.designbase-toast__icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.designbase-toast__icon svg{height:100%;width:100%}.designbase-toast__status-icon{font-size:16px;font-weight:700}.designbase-toast__content{flex:1;min-width:0}.designbase-toast__title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal);margin:0}.designbase-toast__description{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:var(--db-margin-xs) 0 0 0}.designbase-toast__close-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all var(--db-animation-speed) var(--db-animation-ease);width:20px}.designbase-toast__close-button:hover{background-color:var(--db-interactive-bg-hover);color:var(--db-icon-hover)}.designbase-toast__close-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-toast--success{background-color:var(--db-feedback-success-bg);border:1px solid var(--db-feedback-success-fg)}.designbase-toast--success .designbase-toast__progress-bar{background-color:var(--db-feedback-success-fg)}.designbase-toast--success .designbase-toast__icon,.designbase-toast--success .designbase-toast__status-icon,.designbase-toast--success .designbase-toast__title{color:var(--db-feedback-success-fg)}.designbase-toast--error{background-color:var(--db-feedback-error-bg);border:1px solid var(--db-feedback-error-fg)}.designbase-toast--error .designbase-toast__progress-bar{background-color:var(--db-feedback-error-fg)}.designbase-toast--error .designbase-toast__icon,.designbase-toast--error .designbase-toast__status-icon,.designbase-toast--error .designbase-toast__title{color:var(--db-feedback-error-fg)}.designbase-toast--warning{background-color:var(--db-feedback-warning-bg);border:1px solid var(--db-feedback-warning-fg)}.designbase-toast--warning .designbase-toast__progress-bar{background-color:var(--db-feedback-warning-fg)}.designbase-toast--warning .designbase-toast__icon,.designbase-toast--warning .designbase-toast__status-icon,.designbase-toast--warning .designbase-toast__title{color:var(--db-feedback-warning-fg)}.designbase-toast--info{background-color:var(--db-feedback-info-bg);border:1px solid var(--db-feedback-info-fg)}.designbase-toast--info .designbase-toast__progress-bar{background-color:var(--db-feedback-info-fg)}.designbase-toast--info .designbase-toast__icon,.designbase-toast--info .designbase-toast__status-icon,.designbase-toast--info .designbase-toast__title{color:var(--db-feedback-info-fg)}.designbase-toast--bottom-center,.designbase-toast--bottom-right,.designbase-toast--top-center,.designbase-toast--top-right{opacity:0;transform:translateY(-20px) scale(.95)}.designbase-toast--bottom-center.designbase-toast--visible,.designbase-toast--bottom-right.designbase-toast--visible,.designbase-toast--top-center.designbase-toast--visible,.designbase-toast--top-right.designbase-toast--visible{opacity:1;transform:translateY(0) scale(1)}@media (max-width:768px){.designbase-toast{max-width:calc(100vw - 24px);min-width:calc(100vw - 24px);width:calc(100vw - 24px)}}.designbase-toast-container{pointer-events:none;position:fixed;z-index:var(--db-z-toast)}.designbase-toast-container--top-right{right:var(--db-padding-m);top:var(--db-padding-m)}.designbase-toast-container--top-center{left:50%;top:var(--db-padding-m);transform:translateX(-50%)}.designbase-toast-container--bottom-center{bottom:var(--db-padding-m);left:50%;transform:translateX(-50%)}.designbase-toast-container--bottom-right{bottom:var(--db-padding-m);right:var(--db-padding-m)}.designbase-toast-container .designbase-toast{margin-bottom:var(--db-margin-s);pointer-events:auto}.designbase-toast-container .designbase-toast:last-child{margin-bottom:0}@media (max-width:768px){.designbase-toast-container--bottom-center,.designbase-toast-container--bottom-right,.designbase-toast-container--top-center,.designbase-toast-container--top-right{left:var(--db-padding-s);right:var(--db-padding-s);transform:none}}.designbase-toggle{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-s);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-toggle__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-toggle__track{align-items:center;background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-action-pill);display:flex;flex-shrink:0;position:relative}.designbase-toggle__thumb,.designbase-toggle__track{transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-toggle__thumb{background-color:var(--db-surface-base);border-radius:50%;left:1px;position:absolute}.designbase-toggle__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-toggle .designbase-toggle__track{background-color:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-toggle .designbase-toggle__thumb{background-color:var(--db-surface-base)}.designbase-toggle:hover:not(.designbase-toggle--disabled) .designbase-toggle__track{background-color:var(--db-surface-layer-2);border-color:var(--db-border-layer-1)}.designbase-toggle.designbase-toggle--selected .designbase-toggle__track{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary)}.designbase-toggle.designbase-toggle--selected .designbase-toggle__thumb{background-color:var(--db-text-inverse-primary)}.designbase-toggle.designbase-toggle--selected:hover:not(.designbase-toggle--disabled) .designbase-toggle__track{background-color:var(--color-foundation-blue-800);border-color:var(--color-foundation-blue-800)}.designbase-toggle.designbase-toggle--selected:hover:not(.designbase-toggle--disabled) .designbase-toggle__thumb{background-color:var(--db-text-inverse-primary)}.designbase-toggle--no-label{gap:0}.designbase-toggle--s{font-size:var(--db-text-s);line-height:var(--db-leading-tight)}.designbase-toggle--s .designbase-toggle__track{height:20px;width:36px}.designbase-toggle--s .designbase-toggle__thumb{height:16px;width:16px}.designbase-toggle--s.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(16px)}.designbase-toggle--m{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-toggle--m .designbase-toggle__track{height:24px;width:44px}.designbase-toggle--m .designbase-toggle__thumb{height:20px;width:20px}.designbase-toggle--m.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(20px)}.designbase-toggle--l{font-size:var(--db-text-l);line-height:var(--db-leading-relaxed)}.designbase-toggle--l .designbase-toggle__track{height:28px;width:52px}.designbase-toggle--l .designbase-toggle__thumb{height:24px;width:24px}.designbase-toggle--l.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(24px)}.designbase-toggle--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-toggle--disabled .designbase-toggle__track{background-color:var(--db-surface-muted);border-color:var(--db-border-muted)}.designbase-toggle--disabled .designbase-toggle__thumb{background-color:var(--db-surface-base)}.designbase-toggle--disabled .designbase-toggle__label{color:var(--db-text-disabled)}.designbase-toggle--readonly{cursor:default}.designbase-toggle:focus-within .designbase-toggle__track{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-toolbar{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:var(--db-z-10)}.designbase-toolbar--size-s{gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-toolbar--size-s .designbase-toolbar__item{border-radius:var(--db-radius-s);font-size:var(--db-text-s);padding:var(--db-padding-xs)}.designbase-toolbar--size-s .designbase-toolbar__item-icon{height:14px;width:14px}.designbase-toolbar--size-m{gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-toolbar--size-m .designbase-toolbar__item{border-radius:var(--db-radius-m);font-size:var(--db-text-base);padding:var(--db-padding-s)}.designbase-toolbar--size-m .designbase-toolbar__item-icon{height:16px;width:16px}.designbase-toolbar--size-l{gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-toolbar--size-l .designbase-toolbar__item{border-radius:var(--db-radius-l);font-size:var(--db-text-l);padding:var(--db-padding-m)}.designbase-toolbar--size-l .designbase-toolbar__item-icon{height:18px;width:18px}.designbase-toolbar--variant-default{background:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-toolbar--variant-outlined{background:transparent;border-color:var(--db-border-base)}.designbase-toolbar--variant-filled{background:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-toolbar--variant-ghost{background:transparent;border-color:transparent}.designbase-toolbar--position-top{border-bottom:1px solid var(--db-border-base)}.designbase-toolbar--position-bottom{border-top:1px solid var(--db-border-base)}.designbase-toolbar--position-left{border-right:1px solid var(--db-border-base);flex-direction:column}.designbase-toolbar--position-right{border-left:1px solid var(--db-border-base);flex-direction:column}.designbase-toolbar--position-floating{border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-lg);position:absolute}.designbase-toolbar--full-width{width:100%}.designbase-toolbar--fixed{position:fixed;z-index:var(--db-z-50)}.designbase-toolbar--shadow{box-shadow:var(--db-shadow-sm)}.designbase-toolbar--rounded{border-radius:var(--db-radius-l)}.designbase-toolbar__content{width:100%}.designbase-toolbar__content,.designbase-toolbar__group{align-items:center;display:flex;gap:inherit}.designbase-toolbar__group-separator{background:var(--db-border-base);height:24px;margin:0 var(--db-margin-xs);width:1px}.designbase-toolbar__children{align-items:center;display:flex;gap:inherit;margin-left:auto}.designbase-toolbar__item{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:var(--db-gap-xs);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap}.designbase-toolbar__item:hover:not(.designbase-toolbar__item--disabled){background:var(--db-surface-layer-2)}.designbase-toolbar__item:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-toolbar__item--active{background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-toolbar__item--active:hover{background:var(--color-foundation-blue-800)}.designbase-toolbar__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-toolbar__item--disabled:hover{background:transparent}.designbase-toolbar__item--dropdown{padding:0!important;position:relative}.designbase-toolbar__item--open{background:var(--db-surface-layer-2)}.designbase-toolbar__item--separator{background:var(--db-border-base);cursor:default;height:24px;margin:0 var(--db-margin-xs);padding:0;width:1px}.designbase-toolbar__item--separator:hover{background:var(--db-border-base)}.designbase-toolbar__item--custom{padding:0}.designbase-toolbar__item-icon{align-items:center;display:flex;flex-shrink:0;height:auto;justify-content:center;width:auto}.designbase-toolbar__item-icon svg{display:block;height:100%;width:100%}.designbase-toolbar__item-label{font-weight:var(--db-weight-medium)}.designbase-toolbar__dropdown-trigger{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-size:inherit;font-weight:inherit;gap:var(--db-gap-xs);height:100%;padding:var(--db-padding-s);width:100%}.designbase-toolbar__dropdown-arrow{align-items:center;display:flex;flex-shrink:0;height:12px;justify-content:center;transition:transform .2s ease;width:12px}.designbase-toolbar__item--open .designbase-toolbar__dropdown-arrow{transform:rotate(180deg)}.designbase-toolbar__dropdown-arrow svg{display:block;height:100%;width:100%}.designbase-toolbar__dropdown-menu{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);left:0;margin-top:var(--db-margin-xs);min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:var(--db-z-popover)}.designbase-toolbar__dropdown-option{align-items:center;background:transparent;border:none;color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);text-align:left;transition:background-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-toolbar__dropdown-option:hover:not(.designbase-toolbar__dropdown-option--disabled){background:var(--db-surface-layer-2)}.designbase-toolbar__dropdown-option:focus{outline:2px solid var(--db-border-focus);outline-offset:-2px}.designbase-toolbar__dropdown-option--selected{background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-toolbar__dropdown-option--selected:hover{background:var(--color-foundation-blue-800)}.designbase-toolbar__dropdown-option--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-toolbar__dropdown-option--disabled:hover{background:transparent}.designbase-toolbar__dropdown-option-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.designbase-toolbar__dropdown-option-icon svg{display:block;height:100%;width:100%}.designbase-toolbar__dropdown-option-label{flex:1;text-align:left}@media (max-width:768px){.designbase-toolbar--size-l{gap:var(--db-gap-s);min-height:40px;padding:var(--db-padding-s)}.designbase-toolbar--size-l .designbase-toolbar__item{font-size:var(--db-text-base);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-toolbar__dropdown-trigger .designbase-toolbar__item-label,.designbase-toolbar__item-label{display:none}}@media (max-width:480px){.designbase-toolbar--size-m{gap:var(--db-gap-xs);min-height:32px;padding:var(--db-padding-xs)}.designbase-toolbar--size-m .designbase-toolbar__item{font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-s)}}.designbase-video-player{background:var(--db-surface-layer-1);border-radius:var(--db-radius-l);font-family:var(--db-font-family);line-height:var(--db-leading-normal);overflow:hidden;position:relative;width:100%}.designbase-video-player--size-s{height:180px;max-width:320px}.designbase-video-player--size-m{height:360px;max-width:640px}.designbase-video-player--size-l{height:540px;max-width:960px}.designbase-video-player--size-xl{height:720px;max-width:1280px}.designbase-video-player--theme-light{--video-controls-bg:hsla(0,0%,100%,.9);--video-controls-color:var(--db-text-primary);--video-overlay-bg:rgba(0,0,0,.3);--video-dim-overlay:rgba(0,0,0,.4)}.designbase-video-player--theme-dark{--video-controls-bg:rgba(0,0,0,.8);--video-controls-color:var(--db-text-inverse-primary);--video-overlay-bg:rgba(0,0,0,.5);--video-dim-overlay:rgba(0,0,0,.6)}.designbase-video-player--theme-auto{--video-controls-color:var(--db-text-inverse-primary);--video-dim-overlay:rgba(0,0,0,.5)}.designbase-video-player--playing .designbase-video-player__center-controls{opacity:0;transform:scale(.8)}.designbase-video-player--paused .designbase-video-player__center-controls{opacity:1;transform:scale(1)}.designbase-video-player--muted .designbase-video-player__volume-slider{opacity:.5}.designbase-video-player--fullscreen{border-radius:0;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.designbase-video-player--fullscreen .designbase-video-player__video{height:100%;object-fit:contain;width:100%}.designbase-video-player--error .designbase-video-player__error,.designbase-video-player--loading .designbase-video-player__loading,.designbase-video-player--show-controls .designbase-video-player__dim-overlay,.designbase-video-player--show-controls .designbase-video-player__overlay{opacity:1;visibility:visible}.designbase-video-player__video{background:var(--db-surface-base);cursor:pointer;height:100%;object-fit:cover;width:100%}.designbase-video-player__dim-overlay{background:var(--video-dim-overlay);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1}.designbase-video-player__loading{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-video-player__loading .designbase-video-player__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--db-border-layer-1);border:3px solid var(--db-border-layer-1);border-radius:50%;border-top-color:var(--db-brand-primary);height:40px;width:40px}.designbase-video-player__error{background:var(--video-overlay-bg);border-radius:var(--db-radius-m);color:var(--db-text-inverse-primary);left:50%;opacity:0;padding:var(--db-padding-l);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-video-player__error p{font-size:var(--db-text-base);margin:0 0 var(--db-margin-md) 0}.designbase-video-player__error button{background:var(--db-brand-primary);border:none;border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);cursor:pointer;font-size:var(--db-text-s);padding:var(--db-padding-s) var(--db-padding-m);transition:background-color .2s ease}.designbase-video-player__error button:hover{background:var(--color-foundation-blue-800)}.designbase-video-player__overlay{background:linear-gradient(to bottom,transparent 0,transparent 60%,var(--video-overlay-bg) 100%);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:var(--db-padding-m);position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:10}.designbase-video-player__top-controls{align-items:flex-start;color:var(--db-text-inverse-primary);display:flex;justify-content:space-between}.designbase-video-player__title h3{color:var(--db-text-inverse-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-xs) 0}.designbase-video-player__title p{color:var(--db-text-inverse-primary);font-size:var(--db-text-s);margin:0;opacity:.8}.designbase-video-player__settings{position:relative}.designbase-video-player__settings .designbase-video-player__settings-button{background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);cursor:pointer;padding:var(--db-padding-xs);transition:background-color .2s ease}.designbase-video-player__settings .designbase-video-player__settings-button:hover{background:hsla(0,0%,100%,.1)}.designbase-video-player__settings .designbase-video-player__settings-menu{background:var(--video-controls-bg);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);min-width:200px;padding:var(--db-padding-m);position:absolute;right:0;top:100%;z-index:20}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group{margin-bottom:var(--db-margin-sm)}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group:last-child{margin-bottom:0}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group label{color:var(--db-text-inverse-primary);display:block;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group select{background:var(--db-surface-base);border:1px solid var(--db-border-layer-1);border-radius:var(--db-radius-s);color:var(--db-text-primary);font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-s);width:100%}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group select:focus{border-color:var(--db-field-border-focus);outline:none}.designbase-video-player__center-controls{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.designbase-video-player__play-button{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .2s ease;width:80px}.designbase-video-player__play-button:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.designbase-video-player__bottom-controls{color:var(--db-text-inverse-primary)}.designbase-video-player__progress{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;margin-bottom:var(--db-margin-sm);position:relative;transition:height .2s ease}.designbase-video-player__progress:hover{height:6px}.designbase-video-player__progress .designbase-video-player__progress-bar{background:var(--db-brand-primary);border-radius:2px;height:100%;transition:width .1s ease}.designbase-video-player__progress .designbase-video-player__progress-handle{background:var(--db-brand-primary);border-radius:50%;height:12px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:12px}.designbase-video-player__progress:hover .designbase-video-player__progress-handle{opacity:1}.designbase-video-player__controls{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:space-between}.designbase-video-player__left-controls,.designbase-video-player__right-controls{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-video-player__control-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--db-padding-xs);transition:all .2s ease}.designbase-video-player__control-button:hover{background:hsla(0,0%,100%,.1)}.designbase-video-player__control-button:disabled{cursor:not-allowed;opacity:.5}.designbase-video-player__control-button:disabled:hover{background:none}.designbase-video-player__volume{align-items:center;display:flex;position:relative}.designbase-video-player__volume .designbase-video-player__volume-slider{background:var(--video-controls-bg);border-radius:var(--db-radius-m);bottom:100%;left:50%;margin-bottom:var(--db-margin-xs);opacity:0;padding:var(--db-padding-s);position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:10}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--db-brand-primary);border-radius:50%;cursor:pointer;height:12px;width:12px}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]::-moz-range-thumb{background:var(--db-brand-primary);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.designbase-video-player__volume:hover .designbase-video-player__volume-slider{opacity:1;visibility:visible}.designbase-video-player__time{opacity:.9}.designbase-video-player__playlist-controls,.designbase-video-player__time{color:var(--db-text-inverse-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-video-player__playlist-controls{align-items:center;display:flex;gap:var(--db-gap-xs)}@media (max-width:768px){.designbase-video-player--size-m{height:200px;max-width:100%}.designbase-video-player--size-l{height:300px;max-width:100%}.designbase-video-player--size-xl{height:400px;max-width:100%}.designbase-video-player__play-button{height:60px;width:60px}.designbase-video-player__settings-menu{min-width:150px}.designbase-video-player__volume-slider input[type=range]{width:60px}}.designbase-video-player:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-youtube-player{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-md);overflow:hidden;position:relative;width:100%}.designbase-youtube-player--s{aspect-ratio:16/9;max-width:320px}.designbase-youtube-player--m{aspect-ratio:16/9;max-width:640px}.designbase-youtube-player--l{aspect-ratio:16/9;max-width:960px}.designbase-youtube-player--xl{aspect-ratio:16/9;max-width:1280px}.designbase-youtube-player--full{aspect-ratio:16/9;width:100%}.designbase-youtube-player--default{border:1px solid var(--db-border-base)}.designbase-youtube-player--minimal{border:none;border-radius:0;box-shadow:none}.designbase-youtube-player--theater{background-color:var(--db-surface-inverse);border-radius:0;box-shadow:none}.designbase-youtube-player--picture-in-picture{border-radius:var(--db-radius-m);bottom:20px;box-shadow:var(--db-shadow-xl);height:180px;position:fixed;right:20px;width:320px;z-index:1000}.designbase-youtube-player--light{background-color:var(--db-surface-base);color:var(--db-text-primary)}.designbase-youtube-player--dark{background-color:var(--db-surface-inverse);color:var(--db-text-inverse-primary)}.designbase-youtube-player--fullscreen{aspect-ratio:auto;border-radius:0;height:100vh;left:0;max-width:none;position:fixed;top:0;width:100vw;z-index:9999}.designbase-youtube-player--error .designbase-youtube-player__container{display:none}.designbase-youtube-player__container{background-color:var(--db-surface-inverse);height:100%;position:relative;width:100%}.designbase-youtube-player__iframe{border:none;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.designbase-youtube-player__description{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);padding:var(--db-padding-m)}.designbase-youtube-player__description p{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:1.5;margin:0}.designbase-youtube-player__error{align-items:center;color:var(--db-feedback-error-fg);display:flex;height:100%;justify-content:center;padding:var(--db-padding-xl);text-align:center}.designbase-youtube-player__error p{font-size:var(--db-text-base);line-height:1.5;margin:0}@media (max-width:768px){.designbase-youtube-player--lg,.designbase-youtube-player--md,.designbase-youtube-player--sm,.designbase-youtube-player--xl{max-width:100%}}.designbase-youtube-player:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-youtube-player:before{animation:spin 1s linear infinite;border:3px solid var(--db-border-base);border-radius:50%;border-top-color:var(--db-brand-primary);content:"";height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:40px;z-index:1}.designbase-youtube-player--loading:before{opacity:1}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.designbase-youtube-player--picture-in-picture .designbase-youtube-player__description{display:none}
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-accordion{display:flex;flex-direction:column;gap:0}.designbase-accordion .designbase-accordion__content-inner{padding-top:0!important}.designbase-accordion--s .designbase-accordion__trigger{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-accordion--s .designbase-accordion__content-inner{padding:var(--db-padding-s)}.designbase-accordion--s .designbase-accordion__number,.designbase-accordion--s .designbase-accordion__question{font-size:var(--db-text-xs);height:20px;min-width:20px}.designbase-accordion--m .designbase-accordion__trigger{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-accordion--m .designbase-accordion__content-inner{padding:var(--db-padding-m)}.designbase-accordion--l .designbase-accordion__trigger{font-size:var(--db-text-l);padding:var(--db-padding-l)}.designbase-accordion--l .designbase-accordion__content-inner{padding:var(--db-padding-l)}.designbase-accordion--l .designbase-accordion__number,.designbase-accordion--l .designbase-accordion__question{font-size:var(--db-text-base);height:28px;min-width:28px}.designbase-accordion--default{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-card-m)}.designbase-accordion--default .designbase-accordion__item{background-color:transparent;border:none;box-shadow:none;padding:0}.designbase-accordion--bordered .designbase-accordion__item:not(:last-child){border-bottom:1px solid var(--db-border-base)}.designbase-accordion--bordered.designbase-accordion--s .designbase-accordion__item .designbase-accordion__content-inner,.designbase-accordion--bordered.designbase-accordion--s .designbase-accordion__item .designbase-accordion__trigger{padding:var(--db-padding-xs) 0}.designbase-accordion--bordered.designbase-accordion--m .designbase-accordion__item .designbase-accordion__content-inner,.designbase-accordion--bordered.designbase-accordion--m .designbase-accordion__item .designbase-accordion__trigger{padding:var(--db-padding-m) 0}.designbase-accordion--bordered.designbase-accordion--l .designbase-accordion__item .designbase-accordion__content-inner,.designbase-accordion--bordered.designbase-accordion--l .designbase-accordion__item .designbase-accordion__trigger{padding:var(--db-padding-l) 0}.designbase-accordion--separated{gap:var(--db-gap-m)}.designbase-accordion--separated .designbase-accordion__item{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-card-m)}.designbase-accordion--contained{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-card-l);overflow:hidden}.designbase-accordion--contained .designbase-accordion__item{background-color:transparent;border:none;border-radius:0}.designbase-accordion--contained .designbase-accordion__item:not(:last-child){border-bottom:1px solid var(--db-border-base)}.designbase-accordion__item{transition:all .2s ease}.designbase-accordion__item--expanded .designbase-accordion__chevron{transform:rotate(180deg)}.designbase-accordion__item--expanded .designbase-accordion__content{max-height:1000px;opacity:1}.designbase-accordion__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-accordion__item--disabled .designbase-accordion__trigger{color:var(--db-text-disabled);cursor:not-allowed}.designbase-accordion__item--disabled .designbase-accordion__chevron,.designbase-accordion__item--disabled .designbase-accordion__icon{color:var(--db-icon-muted)}.designbase-accordion__trigger{align-items:center;background:none;border:none;color:var(--db-text-primary);cursor:pointer;display:flex;gap:var(--db-gap-m);text-align:left;transition:all .2s ease;width:100%}.designbase-accordion__trigger:hover:not(:disabled){opacity:.6}.designbase-accordion__trigger:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-accordion__trigger:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-accordion__icon{align-items:center;color:var(--db-icon-primary);display:flex;flex-shrink:0;justify-content:center;transition:color .2s ease}.designbase-accordion__number{background-color:var(--db-surface-layer-1);color:var(--db-text-secondary)}.designbase-accordion__number,.designbase-accordion__question{align-items:center;border-radius:var(--db-radius-action-s);display:flex;flex-shrink:0;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);height:24px;justify-content:center;margin-right:var(--db-margin-xs);min-width:24px}.designbase-accordion__question{background-color:var(--db-btn-primary-bg);color:var(--db-text-inverse-primary)}.designbase-accordion__title{color:var(--db-text-primary);flex:1;font-weight:var(--db-weight-bold);line-height:var(--db-leading-snug)}.designbase-accordion__chevron{align-items:center;color:var(--db-icon-muted);display:flex;flex-shrink:0;height:24px;justify-content:center;transition:transform .2s ease;width:24px}.designbase-accordion__content{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.designbase-accordion__content-inner{color:var(--db-text-secondary);line-height:var(--db-leading-snug)}.designbase-accordion--multiple .designbase-accordion__item{margin-bottom:var(--db-margin-xs)}.designbase-accordion--multiple .designbase-accordion__item:last-child{margin-bottom:0}@media (max-width:640px){.designbase-accordion--l .designbase-accordion__content-inner,.designbase-accordion--l .designbase-accordion__trigger,.designbase-accordion--m .designbase-accordion__content-inner,.designbase-accordion--m .designbase-accordion__trigger,.designbase-accordion--s .designbase-accordion__content-inner,.designbase-accordion--s .designbase-accordion__trigger{padding:var(--db-padding-s)}}.designbase-spinner{align-items:center;color:var(--spinner-color,var(--db-icon-primary));display:inline-flex;gap:var(--db-gap-s);justify-content:center;line-height:1;position:relative;vertical-align:middle}.designbase-spinner .designbase-spinner__pulse,.designbase-spinner .designbase-spinner__ripple-circle,.designbase-spinner svg{transform-box:fill-box;transform-origin:50% 50%}.designbase-spinner__label{color:var(--db-text-secondary);font-size:var(--db-text-s);white-space:nowrap}.designbase-spinner--circular .designbase-spinner__circular{animation:db-spinner-rotate var(--spinner-speed,1s) linear infinite;height:1em;width:1em;will-change:transform}.designbase-spinner--circular .designbase-spinner__circular-track{opacity:.2}.designbase-spinner--circular .designbase-spinner__circular-indicator{stroke-dasharray:80;stroke-dashoffset:80;animation:db-spinner-circular-progress var(--spinner-speed,1s) ease-in-out infinite;will-change:stroke-dashoffset}.designbase-spinner--dots .designbase-spinner__dots{display:flex;gap:var(--db-gap-xs)}.designbase-spinner--dots .designbase-spinner__dot{animation:db-spinner-dots-bounce var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:50%;height:.5em;width:.5em;will-change:transform,opacity}.designbase-spinner--dots .designbase-spinner__dot:first-child{animation-delay:-.32s}.designbase-spinner--dots .designbase-spinner__dot:nth-child(2){animation-delay:-.16s}.designbase-spinner--bars .designbase-spinner__bars{display:flex;gap:2px;height:1em}.designbase-spinner--bars .designbase-spinner__bar{animation:db-spinner-bars-wave var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:2px;width:3px;will-change:transform}.designbase-spinner--bars .designbase-spinner__bar:first-child{animation-delay:-.4s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(2){animation-delay:-.3s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(3){animation-delay:-.2s}.designbase-spinner--bars .designbase-spinner__bar:nth-child(4){animation-delay:-.1s}.designbase-spinner--pulse .designbase-spinner__pulse{animation:db-spinner-pulse-scale var(--spinner-speed,1s) ease-in-out infinite;background-color:currentColor;border-radius:50%;height:1em;width:1em;will-change:transform,opacity}.designbase-spinner--ripple{height:1em;position:relative;width:1em}.designbase-spinner--ripple .designbase-spinner__ripple-circle{animation:db-spinner-ripple-expand var(--spinner-speed,1s) ease-out infinite;border:2px solid;border-radius:50%;height:100%;inset:0;position:absolute;width:100%;will-change:transform,opacity}.designbase-spinner--ripple .designbase-spinner__ripple-circle:nth-child(2){animation-delay:calc(var(--spinner-speed, 1s)*.5)}.designbase-spinner--xs{font-size:12px}.designbase-spinner--s{font-size:14px}.designbase-spinner--m{font-size:16px}.designbase-spinner--l{font-size:20px}.designbase-spinner--xl{font-size:24px}@keyframes db-spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes db-spinner-circular-progress{0%{stroke-dashoffset:70}50%{stroke-dashoffset:80}to{stroke-dashoffset:70}}@keyframes db-spinner-dots-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes db-spinner-bars-wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes db-spinner-pulse-scale{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.8)}}@keyframes db-spinner-ripple-expand{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.designbase-tooltip{opacity:0;overflow:visible;pointer-events:none;position:fixed;transform:translateZ(0) scale(.98);transform:translate3d(var(--tt-offset-x,0),var(--tt-offset-y,0),0) scale(.98);transition:opacity var(--db-animation-speed) var(--db-animation-ease),visibility var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;will-change:transform,opacity;z-index:var(--db-z-tooltip)}.designbase-tooltip[data-placement-group=top]{--tt-offset-x:0px;--tt-offset-y:-6px}.designbase-tooltip[data-placement-group=bottom]{--tt-offset-x:0px;--tt-offset-y:6px}.designbase-tooltip[data-placement-group=left]{--tt-offset-x:-6px;--tt-offset-y:0px}.designbase-tooltip[data-placement-group=right]{--tt-offset-x:6px;--tt-offset-y:0px}.designbase-tooltip--visible{opacity:1;transform:translateZ(0) scale(1);visibility:visible}.designbase-tooltip__content{word-wrap:break-word;background-color:var(--db-surface-inverse);border:none;border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-tooltip);color:var(--db-text-inverse-primary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);max-width:100%;overflow:visible;padding:var(--db-padding-s) var(--db-padding-m);position:relative;white-space:normal}.designbase-tooltip__arrow{border:6px solid transparent;height:0;pointer-events:none;position:absolute;width:0;z-index:1}.designbase-tooltip__arrow:after{display:none}.designbase-tooltip__arrow--top,.designbase-tooltip__arrow--top-end,.designbase-tooltip__arrow--top-start{border-top-color:var(--db-surface-inverse);top:100%}.designbase-tooltip__arrow--bottom,.designbase-tooltip__arrow--bottom-end,.designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-surface-inverse);bottom:100%}.designbase-tooltip__arrow--left,.designbase-tooltip__arrow--left-end,.designbase-tooltip__arrow--left-start{border-left-color:var(--db-surface-inverse);left:100%}.designbase-tooltip__arrow--right,.designbase-tooltip__arrow--right-end,.designbase-tooltip__arrow--right-start{border-right-color:var(--db-surface-inverse);right:100%}.designbase-tooltip--s .designbase-tooltip__content{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-tooltip--m .designbase-tooltip__content{font-size:var(--db-text-s);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-tooltip--l .designbase-tooltip__content{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-tooltip--default .designbase-tooltip__content{background:var(--db-surface-inverse);color:var(--db-text-inverse-primary)}.designbase-tooltip--default .designbase-tooltip__arrow--top,.designbase-tooltip--default .designbase-tooltip__arrow--top-end,.designbase-tooltip--default .designbase-tooltip__arrow--top-start{border-top-color:var(--db-surface-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--bottom,.designbase-tooltip--default .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--default .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-surface-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--left,.designbase-tooltip--default .designbase-tooltip__arrow--left-end,.designbase-tooltip--default .designbase-tooltip__arrow--left-start{border-left-color:var(--db-surface-inverse)}.designbase-tooltip--default .designbase-tooltip__arrow--right,.designbase-tooltip--default .designbase-tooltip__arrow--right-end,.designbase-tooltip--default .designbase-tooltip__arrow--right-start{border-right-color:var(--db-surface-inverse)}.designbase-tooltip--primary .designbase-tooltip__content{background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-tooltip--primary .designbase-tooltip__arrow--top,.designbase-tooltip--primary .designbase-tooltip__arrow--top-end,.designbase-tooltip--primary .designbase-tooltip__arrow--top-start{border-top-color:var(--db-brand-primary)}.designbase-tooltip--primary .designbase-tooltip__arrow--bottom,.designbase-tooltip--primary .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--primary .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-brand-primary)}.designbase-tooltip--primary .designbase-tooltip__arrow--left,.designbase-tooltip--primary .designbase-tooltip__arrow--left-end,.designbase-tooltip--primary .designbase-tooltip__arrow--left-start{border-left-color:var(--db-brand-primary)}.designbase-tooltip--primary .designbase-tooltip__arrow--right,.designbase-tooltip--primary .designbase-tooltip__arrow--right-end,.designbase-tooltip--primary .designbase-tooltip__arrow--right-start{border-right-color:var(--db-brand-primary)}.designbase-tooltip--success .designbase-tooltip__content{background:var(--db-feedback-success-fg);color:var(--db-text-inverse-primary)}.designbase-tooltip--success .designbase-tooltip__arrow--top,.designbase-tooltip--success .designbase-tooltip__arrow--top-end,.designbase-tooltip--success .designbase-tooltip__arrow--top-start{border-top-color:var(--db-feedback-success-fg)}.designbase-tooltip--success .designbase-tooltip__arrow--bottom,.designbase-tooltip--success .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--success .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-feedback-success-fg)}.designbase-tooltip--success .designbase-tooltip__arrow--left,.designbase-tooltip--success .designbase-tooltip__arrow--left-end,.designbase-tooltip--success .designbase-tooltip__arrow--left-start{border-left-color:var(--db-feedback-success-fg)}.designbase-tooltip--success .designbase-tooltip__arrow--right,.designbase-tooltip--success .designbase-tooltip__arrow--right-end,.designbase-tooltip--success .designbase-tooltip__arrow--right-start{border-right-color:var(--db-feedback-success-fg)}.designbase-tooltip--warning .designbase-tooltip__content{background:var(--db-feedback-warning-fg);color:var(--db-text-inverse-primary)}.designbase-tooltip--warning .designbase-tooltip__arrow--top,.designbase-tooltip--warning .designbase-tooltip__arrow--top-end,.designbase-tooltip--warning .designbase-tooltip__arrow--top-start{border-top-color:var(--db-feedback-warning-fg)}.designbase-tooltip--warning .designbase-tooltip__arrow--bottom,.designbase-tooltip--warning .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--warning .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-feedback-warning-fg)}.designbase-tooltip--warning .designbase-tooltip__arrow--left,.designbase-tooltip--warning .designbase-tooltip__arrow--left-end,.designbase-tooltip--warning .designbase-tooltip__arrow--left-start{border-left-color:var(--db-feedback-warning-fg)}.designbase-tooltip--warning .designbase-tooltip__arrow--right,.designbase-tooltip--warning .designbase-tooltip__arrow--right-end,.designbase-tooltip--warning .designbase-tooltip__arrow--right-start{border-right-color:var(--db-feedback-warning-fg)}.designbase-tooltip--danger .designbase-tooltip__content{background:var(--db-feedback-error-fg);color:var(--db-text-inverse-primary)}.designbase-tooltip--danger .designbase-tooltip__arrow--top,.designbase-tooltip--danger .designbase-tooltip__arrow--top-end,.designbase-tooltip--danger .designbase-tooltip__arrow--top-start{border-top-color:var(--db-feedback-error-fg)}.designbase-tooltip--danger .designbase-tooltip__arrow--bottom,.designbase-tooltip--danger .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--danger .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-feedback-error-fg)}.designbase-tooltip--danger .designbase-tooltip__arrow--left,.designbase-tooltip--danger .designbase-tooltip__arrow--left-end,.designbase-tooltip--danger .designbase-tooltip__arrow--left-start{border-left-color:var(--db-feedback-error-fg)}.designbase-tooltip--danger .designbase-tooltip__arrow--right,.designbase-tooltip--danger .designbase-tooltip__arrow--right-end,.designbase-tooltip--danger .designbase-tooltip__arrow--right-start{border-right-color:var(--db-feedback-error-fg)}.designbase-tooltip--info .designbase-tooltip__content{background:var(--db-feedback-info-fg);color:var(--db-text-inverse-primary)}.designbase-tooltip--info .designbase-tooltip__arrow--top,.designbase-tooltip--info .designbase-tooltip__arrow--top-end,.designbase-tooltip--info .designbase-tooltip__arrow--top-start{border-top-color:var(--db-feedback-info-fg)}.designbase-tooltip--info .designbase-tooltip__arrow--bottom,.designbase-tooltip--info .designbase-tooltip__arrow--bottom-end,.designbase-tooltip--info .designbase-tooltip__arrow--bottom-start{border-bottom-color:var(--db-feedback-info-fg)}.designbase-tooltip--info .designbase-tooltip__arrow--left,.designbase-tooltip--info .designbase-tooltip__arrow--left-end,.designbase-tooltip--info .designbase-tooltip__arrow--left-start{border-left-color:var(--db-feedback-info-fg)}.designbase-tooltip--info .designbase-tooltip__arrow--right,.designbase-tooltip--info .designbase-tooltip__arrow--right-end,.designbase-tooltip--info .designbase-tooltip__arrow--right-start{border-right-color:var(--db-feedback-info-fg)}.designbase-tooltip--disabled{opacity:0;pointer-events:none;visibility:hidden}.designbase-tooltip__trigger{display:inline-block}.designbase-button{align-items:center;border:1px solid transparent;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);justify-content:center;line-height:1;outline:none;transition:all .15s ease}.designbase-button:focus{box-shadow:0 0 0 1px var(--db-border-focus);outline:none}.designbase-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-button:disabled--secondary{border-color:var(--db-border-secondary-disabled)}.designbase-button:disabled--tertiary{border-color:var(--db-border-secondary-disabled)}.designbase-button--primary{background-color:var(--db-btn-primary-bg);border-color:var(--db-btn-primary-bg);color:var(--db-btn-primary-text)}.designbase-button--primary:hover:not(:disabled){background-color:var(--db-btn-primary-bg-hover);border-color:var(--db-btn-primary-border-hover)}.designbase-button--primary:active:not(:disabled){background-color:var(--db-btn-primary-bg-active);border-color:var(--db-btn-primary-border-active)}.designbase-button--primary:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-button--secondary{background-color:var(--db-btn-secondary-bg);border-color:var(--db-btn-secondary-border);color:var(--db-btn-secondary-text)}.designbase-button--secondary:hover:not(:disabled){background-color:var(--db-btn-secondary-bg-hover);border-color:var(--db-btn-secondary-border-hover);color:var(--db-btn-secondary-text-hover)}.designbase-button--secondary:active:not(:disabled){background-color:var(--db-btn-secondary-bg-active)}.designbase-button--secondary:focus{outline:1px solid var(--db-border-focus);outline-offset:2px}.designbase-button--tertiary{background-color:var(--db-btn-tertiary-bg);border-color:var(--db-btn-tertiary-border);color:var(--db-btn-tertiary-text)}.designbase-button--tertiary:hover:not(:disabled){background-color:var(--db-btn-tertiary-bg-hover);border-color:var(--db-btn-tertiary-border-hover);color:var(--db-btn-tertiary-text-hover)}.designbase-button--tertiary:active:not(:disabled){background-color:var(--db-btn-tertiary-bg-active)}.designbase-button--tertiary:focus{outline:1px solid var(--db-border-focus);outline-offset:2px}.designbase-button--danger{background-color:var(--db-feedback-error-fg);border-color:var(--db-feedback-error-fg);color:var(--db-text-inverse-primary)}.designbase-button--danger:hover:not(:disabled){background-color:var(--color-foundation-red-600);border-color:var(--color-foundation-red-600)}.designbase-button--danger:active:not(:disabled){background-color:var(--color-foundation-red-700);border-color:var(--color-foundation-red-700)}.designbase-button--danger:focus{outline:1px solid var(--db-feedback-error-fg);outline-offset:2px}.designbase-button--ghost{background-color:transparent;border-color:transparent;color:var(--db-text-primary)}.designbase-button--ghost:hover:not(:disabled){background-color:var(--db-surface-layer-1)}.designbase-button--ghost:focus{outline:1px solid var(--db-border-focus);outline-offset:2px}.designbase-button--xs{font-size:var(--db-text-xs);padding:var(--db-padding-xxs)}.designbase-button--s{font-size:var(--db-text-s);padding:var(--db-padding-xs)}.designbase-button--m{font-size:var(--db-text-base);gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-button--l{font-size:var(--db-text-l);gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-button--xl{font-size:var(--db-text-xl);gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-button--radius-s{border-radius:var(--db-radius-btn-s)}.designbase-button--radius-m{border-radius:var(--db-radius-btn-m)}.designbase-button--radius-l{border-radius:var(--db-radius-btn-l)}.designbase-button--radius-pill{border-radius:var(--db-radius-btn-pill)}.designbase-button--icon-only{gap:0;min-width:auto}.designbase-button--icon-only svg{display:block;height:100%;max-width:24px;width:100%}.designbase-button--icon-only.designbase-button--xs{padding:var(--db-padding-xxs)}.designbase-button--icon-only.designbase-button--s{padding:var(--db-padding-xs)}.designbase-button--icon-only.designbase-button--m{padding:var(--db-padding-s)}.designbase-button--icon-only.designbase-button--l{padding:var(--db-padding-m)}.designbase-button--icon-only.designbase-button--xl{padding:var(--db-padding-l)}.designbase-button--full-width{flex:1}.designbase-button--loading{pointer-events:none}.designbase-button--loading .designbase-spinner{color:inherit}.designbase-random-gradient{border-radius:var(--db-radius-l);box-sizing:border-box;overflow:hidden;position:relative}.designbase-random-gradient__background{height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.designbase-random-gradient__overlay{height:100%;inset:0;mix-blend-mode:overlay;position:absolute;width:100%;z-index:1}.designbase-random-gradient__content{height:100%;position:relative;width:100%;z-index:10}.designbase-random-gradient--animated .designbase-random-gradient__background{animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-10%,-10%) scale(1.1)}50%{transform:translate(-5%,10%) scale(1.05)}75%{transform:translate(10%,-5%) scale(1.1)}}.designbase-countdown{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:center}.designbase-countdown--s .designbase-countdown__value{font-size:var(--db-text-lg);min-width:32px;padding:var(--db-padding-xs)}.designbase-countdown--s .designbase-countdown__label{font-size:var(--db-text-xs);margin-top:var(--db-margin-2xs)}.designbase-countdown--s .designbase-countdown__separator{font-size:var(--db-text-base)}.designbase-countdown--m .designbase-countdown__value{font-size:var(--db-text-2xl);min-width:48px;padding:var(--db-padding-s)}.designbase-countdown--m .designbase-countdown__label{font-size:var(--db-text-sm);margin-top:var(--db-margin-xs)}.designbase-countdown--m .designbase-countdown__separator{font-size:var(--db-text-xl)}.designbase-countdown--l .designbase-countdown__value{font-size:var(--db-text-3xl);min-width:64px;padding:var(--db-padding-m)}.designbase-countdown--l .designbase-countdown__label{font-size:var(--db-text-base);margin-top:var(--db-margin-s)}.designbase-countdown--l .designbase-countdown__separator{font-size:var(--db-text-2xl)}.designbase-countdown--default .designbase-countdown__value{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);font-weight:var(--db-weight-bold)}.designbase-countdown--compact{gap:var(--db-gap-xs)}.designbase-countdown--compact .designbase-countdown__value{background-color:var(--db-brand-primary);border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);font-weight:var(--db-weight-bold)}.designbase-countdown--compact .designbase-countdown__label{color:var(--db-text-secondary)}.designbase-countdown--minimal{gap:var(--db-gap-xs)}.designbase-countdown--minimal .designbase-countdown__value{background-color:transparent;color:var(--db-text-primary);font-weight:var(--db-weight-semibold);min-width:auto;padding:0}.designbase-countdown--minimal .designbase-countdown__label{color:var(--db-text-secondary);font-weight:var(--db-weight-normal)}.designbase-countdown--minimal .designbase-countdown__unit{align-items:baseline;display:flex;flex-direction:row;gap:var(--db-gap-2xs)}.designbase-countdown__unit{align-items:center;display:flex;flex-direction:column}.designbase-countdown__value{align-items:center;display:flex;justify-content:center;line-height:1;text-align:center;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-countdown__label{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);text-align:center}.designbase-countdown__separator{align-self:flex-start;color:var(--db-text-secondary);font-weight:var(--db-weight-bold);line-height:1;margin-top:0}.designbase-countdown--with-labels .designbase-countdown__separator{align-self:center;margin-bottom:20px}.designbase-countdown--with-labels.designbase-countdown--s .designbase-countdown__separator{margin-bottom:12px}.designbase-countdown--with-labels.designbase-countdown--l .designbase-countdown__separator{margin-bottom:24px}.designbase-countdown--expired .designbase-countdown__value{background-color:var(--db-surface-subtle);color:var(--db-text-tertiary)}.designbase-countdown--minimal.designbase-countdown--with-labels .designbase-countdown__separator{margin-bottom:0}.designbase-ad-banner{border-radius:var(--db-radius-xl);box-shadow:var(--db-shadow-lg);box-sizing:border-box;overflow:hidden;position:relative}.designbase-ad-banner__gradient-bg{border-radius:inherit}.designbase-ad-banner--with-gradient{background:none!important}.designbase-ad-banner--with-gradient .designbase-ad-banner__content{background:none}.designbase-ad-banner__content{height:100%;position:relative;width:100%}.designbase-ad-banner__close{align-items:center;background:var(--db-surface-layer-1);border:none;border-radius:var(--db-radius-full);color:var(--db-text-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--db-padding-s);position:absolute;right:var(--db-padding-s);top:var(--db-padding-s);transition:background-color var(--db-animation-speed) var(--db-animation-ease);z-index:10}.designbase-ad-banner__countdown{margin-top:var(--db-margin-s)}.designbase-ad-banner__countdown .designbase-countdown{color:inherit}.designbase-ad-banner__main{padding:var(--db-padding-l);position:relative;z-index:1}.designbase-ad-banner__icon{align-items:center;background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-full);color:var(--db-brand-primary);display:flex;flex-shrink:0;gap:var(--db-gap-s);height:max-content;margin-bottom:var(--db-margin-m);padding:var(--db-padding-m);width:max-content}.designbase-ad-banner__icon svg{flex-shrink:0}.designbase-ad-banner__label{font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-ad-banner__text{margin-bottom:var(--db-margin-l)}.designbase-ad-banner__title{font-weight:var(--db-weight-bold);line-height:var(--db-line-height-tight);margin:0 0 var(--db-margin-s) 0}.designbase-ad-banner__subtitle{line-height:var(--db-line-height-base);margin:0;opacity:.9}.designbase-ad-banner__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-ad-banner__progress{background-color:hsla(0,0%,100%,.3);bottom:0;height:4px;left:0;position:absolute;width:100%;z-index:10}.designbase-ad-banner__progress__bar{background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);height:100%;left:0;position:absolute;top:0}.designbase-ad-banner.designbase-ad-banner--with-gradient,.designbase-ad-banner.designbase-ad-banner--with-gradient .designbase-ad-banner__subtitle,.designbase-ad-banner.designbase-ad-banner--with-gradient .designbase-ad-banner__title{color:var(--db-text-inverse-primary)}.designbase-ad-banner.designbase-ad-banner--with-gradient.designbase-ad-banner--gradient-light,.designbase-ad-banner.designbase-ad-banner--with-gradient.designbase-ad-banner--gradient-light .designbase-ad-banner__subtitle,.designbase-ad-banner.designbase-ad-banner--with-gradient.designbase-ad-banner--gradient-light .designbase-ad-banner__title{color:var(--db-text-primary)}.designbase-ad-banner.designbase-ad-banner--with-gradient.designbase-ad-banner--gradient-light .designbase-ad-banner__close{background:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-ad-banner:not(.designbase-ad-banner--with-gradient){background-color:var(--db-surface-base);color:var(--db-text-primary)}.designbase-ad-banner:not(.designbase-ad-banner--with-gradient) .designbase-ad-banner__subtitle,.designbase-ad-banner:not(.designbase-ad-banner--with-gradient) .designbase-ad-banner__title{color:var(--db-text-primary)}.designbase-ad-banner:not(.designbase-ad-banner--with-gradient) .designbase-ad-banner__icon{background-color:var(--db-surface-layer-1)}.designbase-ad-banner:not(.designbase-ad-banner--with-gradient) .designbase-ad-banner__icon svg{color:var(--db-brand-primary)}.designbase-ad-banner--type-hero .designbase-ad-banner__title{font-size:var(--db-text-xl)}.designbase-ad-banner--type-hero .designbase-ad-banner__subtitle{font-size:var(--db-text-l);max-width:800px}.designbase-ad-banner--type-topbar .designbase-ad-banner__main{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.designbase-ad-banner--type-topbar .designbase-ad-banner__icon{margin-bottom:0;margin-right:var(--db-margin-m)}.designbase-ad-banner--type-topbar .designbase-ad-banner__icon svg{animation:bounce 1s ease-in-out infinite}.designbase-ad-banner--type-topbar .designbase-ad-banner__text{flex:1;margin-bottom:0}.designbase-ad-banner--type-topbar .designbase-ad-banner__title{font-size:var(--db-text-l);margin-bottom:0}.designbase-ad-banner--type-topbar .designbase-ad-banner__subtitle{font-size:var(--db-text-s);margin-top:var(--db-margin-xs)}.designbase-ad-banner--type-topbar .designbase-ad-banner__close{margin-left:var(--db-margin-m);position:relative;right:auto;top:auto}.designbase-ad-banner--type-card{max-width:480px}.designbase-ad-banner--type-card .designbase-ad-banner__main{display:flex;gap:var(--db-gap-m)}.designbase-ad-banner--type-card .designbase-ad-banner__icon{flex-shrink:0;margin-bottom:0}.designbase-ad-banner--type-card .designbase-ad-banner__text{flex:1;margin-bottom:0}.designbase-ad-banner--type-card .designbase-ad-banner__title{font-size:var(--db-text-xl)}.designbase-ad-banner--type-card .designbase-ad-banner__subtitle{font-size:var(--db-text-s)}.designbase-ad-banner--type-card .designbase-ad-banner__actions{display:none}.designbase-ad-banner--type-floating{animation:slideUp .5s ease-out;border:1px solid var(--db-border-base);bottom:var(--db-padding-l);max-width:400px;position:fixed;right:var(--db-padding-l);z-index:1000}.designbase-ad-banner--type-floating .designbase-ad-banner__title{font-size:var(--db-text-2xl)}.designbase-ad-banner--type-floating .designbase-ad-banner__subtitle{font-size:var(--db-text-base)}.designbase-ad-banner--variant-primary{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-ad-banner--variant-secondary{background-color:var(--db-brand-secondary);color:var(--db-text-primary)}.designbase-ad-banner--variant-success{background-color:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-ad-banner--variant-warning{background-color:var(--db-feedback-warning-bg);color:var(--db-feedback-warning-fg)}.designbase-ad-banner--variant-error{background-color:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}@media (max-width:768px){.designbase-ad-banner--type-hero{padding:var(--db-padding-xl)}.designbase-ad-banner--type-hero .designbase-ad-banner__title{font-size:var(--db-text-2xl)}.designbase-ad-banner--type-hero .designbase-ad-banner__subtitle{font-size:var(--db-text-base)}.designbase-ad-banner--type-topbar .designbase-ad-banner__main{align-items:flex-start;flex-direction:column;gap:var(--db-gap-m)}.designbase-ad-banner--type-topbar .designbase-ad-banner__actions,.designbase-ad-banner--type-topbar .designbase-ad-banner__cta{width:100%}.designbase-ad-banner--type-card{max-width:100%}.designbase-ad-banner--type-card .designbase-ad-banner__main{flex-direction:column}.designbase-ad-banner--type-floating{bottom:var(--db-padding-m);left:var(--db-padding-m);max-width:none;right:var(--db-padding-m)}}.designbase-alert{background-color:var(--db-surface-base);border:1px solid;border-radius:var(--db-radius-m);box-shadow:none;display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-alert__content{align-items:flex-start;display:flex;gap:var(--db-gap-s)}.designbase-alert__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-alert__body{display:flex;flex:1;flex-direction:column;min-width:0}.designbase-alert__title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-bold);line-height:1.2;margin-bottom:0}.designbase-alert__message{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-snug)}.designbase-alert__close{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.designbase-alert__close:hover{background-color:var(--db-interactive-bg-hover);color:var(--db-icon-hover)}.designbase-alert__close:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-alert__actions{display:flex;gap:var(--db-gap-s);margin-top:var(--db-margin-xs)}.designbase-alert__action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-s)}.designbase-alert--default{background-color:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-alert--default .designbase-alert__icon{color:var(--db-icon-primary)}.designbase-alert--default .designbase-alert__title{color:var(--db-text-primary)}.designbase-alert--default .designbase-alert__message{color:var(--db-text-secondary)}.designbase-alert--default .designbase-alert__actions{border-top-color:var(--db-border-base)}.designbase-alert--info{background-color:var(--db-feedback-info-bg);border-color:var(--db-feedback-info-fg);color:var(--db-feedback-info-fg)}.designbase-alert--info .designbase-alert__icon{color:var(--db-icon-info)}.designbase-alert--info .designbase-alert__message,.designbase-alert--info .designbase-alert__title{color:var(--db-feedback-info-fg)}.designbase-alert--info .designbase-alert__actions{border-top-color:var(--db-feedback-info-fg)}.designbase-alert--success{background-color:var(--db-feedback-success-bg);border-color:var(--db-feedback-success-fg);color:var(--db-feedback-success-fg)}.designbase-alert--success .designbase-alert__icon{color:var(--db-icon-success)}.designbase-alert--success .designbase-alert__message,.designbase-alert--success .designbase-alert__title{color:var(--db-feedback-success-fg)}.designbase-alert--success .designbase-alert__actions{border-top-color:var(--db-feedback-success-fg)}.designbase-alert--warning{background-color:var(--db-feedback-warning-bg);border-color:var(--db-feedback-warning-fg);color:var(--db-feedback-warning-fg)}.designbase-alert--warning .designbase-alert__icon{color:var(--db-icon-warning)}.designbase-alert--warning .designbase-alert__message,.designbase-alert--warning .designbase-alert__title{color:var(--db-feedback-warning-fg)}.designbase-alert--warning .designbase-alert__actions{border-top-color:var(--db-feedback-warning-fg)}.designbase-alert--danger{background-color:var(--db-feedback-error-bg);border-color:var(--db-feedback-error-fg);color:var(--db-feedback-error-fg)}.designbase-alert--danger .designbase-alert__icon{color:var(--db-icon-error)}.designbase-alert--danger .designbase-alert__message,.designbase-alert--danger .designbase-alert__title{color:var(--db-feedback-error-fg)}.designbase-alert--danger .designbase-alert__actions{border-top-color:var(--db-feedback-error-fg)}.designbase-alert--s{padding:var(--db-padding-xs)}.designbase-alert--s .designbase-alert__title{font-size:var(--db-text-s);margin-bottom:var(--db-margin-xs)}.designbase-alert--s .designbase-alert__message{font-size:var(--db-text-xs)}.designbase-alert--s .designbase-alert__close{height:16px;width:16px}.designbase-alert--m{padding:var(--db-padding-s)}.designbase-alert--m .designbase-alert__title{font-size:var(--db-text-base);margin-bottom:var(--db-margin-xs)}.designbase-alert--m .designbase-alert__message{font-size:var(--db-text-s)}.designbase-alert--m .designbase-alert__close{height:20px;width:20px}.designbase-alert--l{padding:var(--db-padding-m)}.designbase-alert--l .designbase-alert__title{font-size:var(--db-text-l);margin-bottom:var(--db-margin-s)}.designbase-alert--l .designbase-alert__message{font-size:var(--db-text-base)}.designbase-alert--l .designbase-alert__close{height:24px;width:24px}.designbase-alert--with-icon .designbase-alert__body{padding-left:0}.designbase-alert--closable .designbase-alert__body{padding-right:0}.designbase-animation-background{display:block;overflow:hidden;position:relative;transition:all .3s ease}.designbase-animation-background--clickable{cursor:pointer;user-select:none}.designbase-animation-background--clickable:hover{transform:scale(1.02)}.designbase-animation-background--clickable:active{transform:scale(.98)}.designbase-animation-background--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-animation-background__canvas{display:block;height:100%;width:100%}.designbase-animation-background--gradient.designbase-animation-background--visible{animation:gradientMove var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--gradient.designbase-animation-background--animating{animation:gradientPulse var(--db-animation-speed) ease-in-out}.designbase-animation-background--rainbow.designbase-animation-background--visible{animation:rainbowMove var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--rainbow.designbase-animation-background--animating{animation:rainbowPulse var(--db-animation-speed) ease-in-out}.designbase-animation-background--pulse.designbase-animation-background--visible{animation:pulse var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--pulse.designbase-animation-background--animating{animation:pulseIntense var(--db-animation-speed) ease-in-out}.designbase-animation-background--wave:before{animation:waveMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(45deg,var(--wave-colors));background-size:400% 400%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--wave.designbase-animation-background--visible{animation:waveFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--wave.designbase-animation-background--animating:before{animation:waveIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--aurora:before{animation:auroraMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(45deg,var(--aurora-colors));background-size:400% 400%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--aurora.designbase-animation-background--visible{animation:auroraFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--aurora.designbase-animation-background--animating:before{animation:auroraIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--fire:before{animation:fireMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to top,var(--fire-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--fire.designbase-animation-background--visible{animation:fireFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--fire.designbase-animation-background--animating:before{animation:fireIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--ocean:before{animation:oceanMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to bottom,var(--ocean-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--ocean.designbase-animation-background--visible{animation:oceanFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--ocean.designbase-animation-background--animating:before{animation:oceanIntense var(--db-animation-speed) ease-in-out infinite}.designbase-animation-background--sunset:before{animation:sunsetMove var(--db-animation-speed) ease-in-out infinite;background:linear-gradient(to bottom,var(--sunset-colors));background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.designbase-animation-background--sunset.designbase-animation-background--visible{animation:sunsetFadeIn var(--db-animation-speed) ease-out}.designbase-animation-background--sunset.designbase-animation-background--animating:before{animation:sunsetIntense var(--db-animation-speed) ease-in-out infinite}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientPulse{0%,to{background-position:0 50%;opacity:1}50%{background-position:100% 50%;opacity:.8}}@keyframes rainbowMove{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}}@keyframes rainbowPulse{0%,to{background-position:0 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}@keyframes pulseIntense{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes waveMove{0%,to{background-position:0 50%;transform:translateY(0)}50%{background-position:100% 50%;transform:translateY(-10px)}}@keyframes waveFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes waveIntense{0%,to{background-position:0 50%;transform:translateY(0) scale(1)}50%{background-position:100% 50%;transform:translateY(-20px) scale(1.05)}}@keyframes auroraMove{0%,to{background-position:0 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}}@keyframes auroraFadeIn{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes auroraIntense{0%,to{background-position:0 50%;filter:hue-rotate(0deg) brightness(1)}50%{background-position:100% 50%;filter:hue-rotate(1turn) brightness(1.2)}}@keyframes fireMove{0%,to{background-position:50% 100%;filter:brightness(1)}50%{background-position:50% 0;filter:brightness(1.3)}}@keyframes fireFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fireIntense{0%,to{background-position:50% 100%;filter:brightness(1) saturate(1)}50%{background-position:50% 0;filter:brightness(1.5) saturate(1.5)}}@keyframes oceanMove{0%,to{background-position:0 100%;filter:hue-rotate(0deg)}50%{background-position:100% 0;filter:hue-rotate(30deg)}}@keyframes oceanFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes oceanIntense{0%,to{background-position:0 100%;filter:hue-rotate(0deg) brightness(1)}50%{background-position:100% 0;filter:hue-rotate(60deg) brightness(1.2)}}@keyframes sunsetMove{0%,to{background-position:0 0;filter:brightness(1)}50%{background-position:100% 100%;filter:brightness(1.2)}}@keyframes sunsetFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sunsetIntense{0%,to{background-position:0 0;filter:brightness(1) saturate(1)}50%{background-position:100% 100%;filter:brightness(1.4) saturate(1.3)}}@media (max-width:768px){.designbase-animation-background--clickable:hover{transform:none}}.designbase-animation-text{cursor:default;display:inline-block;position:relative;transition:all .3s ease}.designbase-animation-text--xs{font-size:var(--db-text-xs)}.designbase-animation-text--s{font-size:var(--db-text-s)}.designbase-animation-text--m{font-size:var(--db-text-base)}.designbase-animation-text--l{font-size:var(--db-text-l)}.designbase-animation-text--xl{font-size:var(--db-text-xl)}.designbase-animation-text--2xl{font-size:var(--db-text-2xl)}.designbase-animation-text--3xl{font-size:var(--db-text-3xl)}.designbase-animation-text--light{font-weight:var(--db-weight-light)}.designbase-animation-text--normal{font-weight:var(--db-weight-normal)}.designbase-animation-text--medium{font-weight:var(--db-weight-medium)}.designbase-animation-text--semibold{font-weight:var(--db-weight-semibold)}.designbase-animation-text--bold{font-weight:var(--db-weight-bold)}.designbase-animation-text--extrabold{font-weight:var(--db-weight-extrabold)}.designbase-animation-text--left{text-align:left}.designbase-animation-text--center{text-align:center}.designbase-animation-text--right{text-align:right}.designbase-animation-text--justify{text-align:justify}.designbase-animation-text--primary{color:var(--db-text-primary)}.designbase-animation-text--secondary{color:var(--db-text-secondary)}.designbase-animation-text--success{color:var(--db-green-600)}.designbase-animation-text--warning{color:var(--db-yellow-600)}.designbase-animation-text--error{color:var(--db-red-600)}.designbase-animation-text--info{color:var(--db-color-info)}.designbase-animation-text--custom{color:var(--db-text-custom)}.designbase-animation-text--clickable{cursor:pointer;user-select:none}.designbase-animation-text--clickable:hover{transform:scale(1.05)}.designbase-animation-text--clickable:active{transform:scale(.95)}.designbase-animation-text--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-animation-text--fade{opacity:0;transform:translateY(20px)}.designbase-animation-text--fade.designbase-animation-text--visible{opacity:1;transform:translateY(0);transition:opacity var(--db-animation-speed) ease,transform var(--db-animation-speed) ease}.designbase-animation-text--fade.designbase-animation-text--animating{animation:fadeInOut var(--db-animation-speed) ease-in-out}.designbase-animation-text--slide{opacity:0;overflow:hidden}.designbase-animation-text--slide.designbase-animation-text--visible{animation:slideIn var(--db-animation-speed) ease-out;opacity:1}.designbase-animation-text--slide.designbase-animation-text--animating{animation:slideInOut var(--db-animation-speed) ease-in-out}.designbase-animation-text--slide--left{transform:translateX(-100%)}.designbase-animation-text--slide--left.designbase-animation-text--visible{transform:translateX(0)}.designbase-animation-text--slide--right{transform:translateX(100%)}.designbase-animation-text--slide--right.designbase-animation-text--visible{transform:translateX(0)}.designbase-animation-text--slide--up{transform:translateY(100%)}.designbase-animation-text--slide--up.designbase-animation-text--visible{transform:translateY(0)}.designbase-animation-text--slide--down{transform:translateY(-100%)}.designbase-animation-text--slide--down.designbase-animation-text--visible{transform:translateY(0)}.designbase-animation-text--bounce.designbase-animation-text--visible{animation:bounceIn var(--db-animation-speed) ease-out}.designbase-animation-text--bounce.designbase-animation-text--animating{animation:bounce var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--shake.designbase-animation-text--visible{animation:shakeIn var(--db-animation-speed) ease-out}.designbase-animation-text--shake.designbase-animation-text--animating{animation:shake var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--glow.designbase-animation-text--visible{animation:glowIn var(--db-animation-speed) ease-out}.designbase-animation-text--glow.designbase-animation-text--animating{animation:glow var(--db-animation-speed) ease-in-out infinite;text-shadow:0 0 10px var(--db-glow-color),0 0 20px var(--db-glow-color),0 0 30px var(--db-glow-color)}.designbase-animation-text--gradient.designbase-animation-text--visible{animation:gradientIn var(--db-animation-speed) ease-out}.designbase-animation-text--gradient.designbase-animation-text--animating{animation:gradient var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--wave.designbase-animation-text--visible{animation:waveIn var(--db-animation-speed) ease-out}.designbase-animation-text--wave.designbase-animation-text--animating{animation:wave var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--wave span{animation:waveChar var(--db-animation-speed) ease-in-out infinite;display:inline-block}.designbase-animation-text--wave span:first-child{animation-delay:.1s}.designbase-animation-text--wave span:nth-child(2){animation-delay:.2s}.designbase-animation-text--wave span:nth-child(3){animation-delay:.3s}.designbase-animation-text--wave span:nth-child(4){animation-delay:.4s}.designbase-animation-text--wave span:nth-child(5){animation-delay:.5s}.designbase-animation-text--wave span:nth-child(6){animation-delay:.6s}.designbase-animation-text--wave span:nth-child(7){animation-delay:.7s}.designbase-animation-text--wave span:nth-child(8){animation-delay:.8s}.designbase-animation-text--wave span:nth-child(9){animation-delay:.9s}.designbase-animation-text--wave span:nth-child(10){animation-delay:1s}.designbase-animation-text--wave span:nth-child(11){animation-delay:1.1s}.designbase-animation-text--wave span:nth-child(12){animation-delay:1.2s}.designbase-animation-text--wave span:nth-child(13){animation-delay:1.3s}.designbase-animation-text--wave span:nth-child(14){animation-delay:1.4s}.designbase-animation-text--wave span:nth-child(15){animation-delay:1.5s}.designbase-animation-text--wave span:nth-child(16){animation-delay:1.6s}.designbase-animation-text--wave span:nth-child(17){animation-delay:1.7s}.designbase-animation-text--wave span:nth-child(18){animation-delay:1.8s}.designbase-animation-text--wave span:nth-child(19){animation-delay:1.9s}.designbase-animation-text--wave span:nth-child(20){animation-delay:2s}.designbase-animation-text--flip{perspective:1000px}.designbase-animation-text--flip.designbase-animation-text--visible{animation:flipIn var(--db-animation-speed) ease-out}.designbase-animation-text--flip.designbase-animation-text--animating{animation:flip var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--scale.designbase-animation-text--visible{animation:scaleIn var(--db-animation-speed) ease-out}.designbase-animation-text--scale.designbase-animation-text--animating{animation:scale var(--db-animation-speed) ease-in-out infinite}.designbase-animation-text--typing{border-right:2px solid;overflow:hidden;white-space:nowrap}.designbase-animation-text--typing.designbase-animation-text--visible{animation:typing var(--db-animation-speed) steps(40)}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}}@keyframes slideInOut{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shakeIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes glowIn{0%{opacity:0;text-shadow:none}to{opacity:1;text-shadow:0 0 10px var(--glow-color),0 0 20px var(--glow-color)}}@keyframes glow{0%,to{text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color)}50%{text-shadow:0 0 20px var(--glow-color),0 0 30px var(--glow-color),0 0 40px var(--glow-color)}}@keyframes gradientIn{0%{background-position:0 50%;opacity:0}to{background-position:100% 50%;opacity:1}}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes waveIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes waveChar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes flip{0%,to{transform:perspective(400px) rotateY(0deg)}50%{transform:perspective(400px) rotateY(180deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes typing{0%{width:0}to{width:100%}}@media (max-width:768px){.designbase-animation-text--3xl{font-size:var(--db-text-2xl)}.designbase-animation-text--2xl{font-size:var(--db-text-xl)}.designbase-animation-text--xl{font-size:var(--db-text-l)}}.designbase-audio-player{background:var(--db-surface-base);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-sm);font-family:var(--db-font-primary);line-height:var(--db-leading-normal);padding:var(--db-padding-m);position:relative;transition:all .3s ease;width:100%}.designbase-audio-player--size-s{max-width:240px;padding:var(--db-padding-s)}.designbase-audio-player--size-m{max-width:320px;padding:var(--db-padding-m)}.designbase-audio-player--size-l{max-width:400px;padding:var(--db-padding-l)}.designbase-audio-player--size-xl{max-width:480px;padding:var(--db-padding-xl)}.designbase-audio-player--playing .designbase-audio-player__play-button{background:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-audio-player--paused .designbase-audio-player__play-button{background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-audio-player--muted .designbase-audio-player__volume-slider{opacity:.5}.designbase-audio-player--error .designbase-audio-player__error,.designbase-audio-player--loading .designbase-audio-player__loading{opacity:1;visibility:visible}.designbase-audio-player--shuffle .designbase-audio-player__control-button[data-shuffle]{color:var(--db-icon-default)}.designbase-audio-player--repeat-none .designbase-audio-player__control-button[data-repeat]{color:var(--db-text-secondary)}.designbase-audio-player--repeat-all .designbase-audio-player__control-button[data-repeat],.designbase-audio-player--repeat-one .designbase-audio-player__control-button[data-repeat]{color:var(--db-icon-default)}.designbase-audio-player__loading{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__loading .designbase-audio-player__spinner{animation:spin 1s linear infinite;border-top:2px solid var(--db-border-base);border:2px solid var(--db-border-base);border-radius:50%;border-top-color:var(--db-icon-primary);height:24px;width:24px}.designbase-audio-player__error{background:var(--db-feedback-error-bg);border:1px solid var(--db-feedback-error-bg);border-radius:var(--db-radius-m);color:var(--db-feedback-error-fg);left:50%;opacity:0;padding:var(--db-padding-s);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__error p{font-size:var(--db-text-s);margin:0 0 var(--db-margin-s) 0}.designbase-audio-player__error button{background:var(--db-button-error-bg);border:none;border-radius:var(--db-radius-s);color:var(--db-button-error-text);cursor:pointer;font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s);transition:background-color .2s ease}.designbase-audio-player__error button:hover{background:var(--db-button-error-bg-hover)}.designbase-audio-player__album-art{border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-md);flex-shrink:0;height:80px;margin:0 auto var(--db-margin-s) auto;overflow:hidden;transition:transform .3s ease;width:80px}.designbase-audio-player__album-art img{height:100%;object-fit:cover;width:100%}.designbase-audio-player__album-art .album-placeholder{align-items:center;background:var(--db-surface-layer-1);color:var(--db-white);display:flex;font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);height:100%;justify-content:center;width:100%}.designbase-audio-player__main{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-audio-player__info{align-items:center;display:flex;flex-direction:column;gap:var(--db-gap-xs);margin-bottom:var(--db-margin-s)}.designbase-audio-player__title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);line-height:1.2;margin:0}.designbase-audio-player__artist{color:var(--db-text-tertiary);font-size:var(--db-text-base);line-height:1.2;margin:0}.designbase-audio-player__album{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:1.2;margin:0}.designbase-audio-player__progress{background:var(--db-surface-layer-1);border-radius:var(--db-radius-full);cursor:pointer;height:6px;margin:var(--db-margin-s) 0;position:relative;transition:height .2s ease}.designbase-audio-player__progress .designbase-audio-player__progress-bar{background:var(--db-brand-primary);border-radius:var(--db-radius-full);height:100%;position:relative;transition:width .1s ease}.designbase-audio-player__progress .designbase-audio-player__progress-bar:after{background:var(--db-brand-primary);border-radius:50%;box-shadow:var(--db-shadow-md);content:"";height:16px;position:absolute;right:0;top:0;top:50%;transform:translate(50%,-50%);width:16px}.designbase-audio-player__progress .designbase-audio-player__progress-handle{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:50%;box-shadow:var(--db-shadow-md);height:16px;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:16px}.designbase-audio-player__progress:hover .designbase-audio-player__progress-handle{opacity:1}.designbase-audio-player__controls{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:space-between}.designbase-audio-player__left-controls,.designbase-audio-player__right-controls{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-audio-player__center-controls,.designbase-audio-player__control-button{align-items:center;display:flex;justify-content:center}.designbase-audio-player__control-button{background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-default);cursor:pointer;height:32px;padding:var(--db-padding-xs);transition:all .2s ease;width:32px}.designbase-audio-player__control-button:hover{background:var(--db-surface-layer-1)}.designbase-audio-player__control-button:disabled{cursor:not-allowed;opacity:.5}.designbase-audio-player__control-button:disabled:hover{background:none;transform:none}.designbase-audio-player__play-button{align-items:center;background:var(--db-brand-primary);border:none;border-radius:50%;box-shadow:var(--db-shadow-l);color:var(--db-text-inverse-primary);cursor:pointer;display:flex;font-size:var(--db-text-xl);height:56px;justify-content:center;transition:all .3s ease;width:56px}.designbase-audio-player__bottom-controls{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:space-between}.designbase-audio-player__left-bottom,.designbase-audio-player__right-bottom{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-audio-player__time{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);min-width:80px}.designbase-audio-player__volume{align-items:center;display:flex;position:relative}.designbase-audio-player__volume .designbase-audio-player__volume-slider{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);bottom:100%;box-shadow:var(--db-shadow-xl);left:50%;min-width:120px;opacity:0;padding:var(--db-padding-s);position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]{background:var(--db-surface-layer-1);border-radius:var(--db-radius-full);cursor:pointer;height:4px;outline:none;width:100px}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--db-brand-primary);border-radius:50%;box-shadow:var(--db-shadow-md);cursor:pointer;height:16px;width:16px}.designbase-audio-player__volume .designbase-audio-player__volume-slider input[type=range]::-moz-range-thumb{background:var(--db-color-info);border:none;border-radius:50%;box-shadow:var(--db-shadow-md);cursor:pointer;height:16px;width:16px}.designbase-audio-player__volume .designbase-audio-player__volume-slider .volume-label{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-text-xs);justify-content:space-between}.designbase-audio-player__volume:hover .designbase-audio-player__volume-slider{opacity:1;visibility:visible}.designbase-audio-player__volume .designbase-audio-player__control-button{position:relative}.designbase-audio-player__volume .designbase-audio-player__control-button:after{border-bottom:6px solid var(--db-white);border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:50%;margin-top:2px;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:opacity .3s ease;width:0}.designbase-audio-player__volume:hover .designbase-audio-player__control-button:after{opacity:1}.designbase-audio-player__settings{position:relative}.designbase-audio-player__settings .designbase-audio-player__settings-menu{background:var(--audio-controls-bg);border:1px solid var(--audio-border-color);border-radius:var(--db-radius-m);bottom:100%;box-shadow:var(--db-shadow-lg);margin-bottom:var(--db-margin-xs);min-width:150px;padding:var(--db-padding-m);position:absolute;right:0;z-index:20}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group{margin-bottom:var(--db-margin-sm)}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group:last-child{margin-bottom:0}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group label{color:var(--audio-controls-color);display:block;font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group select{background:var(--db-surface-base);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-s);color:var(--db-text-primary);font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s);width:100%}.designbase-audio-player__settings .designbase-audio-player__settings-menu .designbase-audio-player__setting-group select:focus{border-color:var(--db-color-info);outline:none}.designbase-audio-player__playlist{margin-top:var(--db-margin-l)}.designbase-audio-player__playlist h4{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-audio-player__playlist .designbase-audio-player__playlist-tracks{display:flex;flex-direction:column;gap:var(--db-gap-xs);max-height:200px;overflow-y:auto}.designbase-audio-player__playlist .designbase-audio-player__playlist-track{align-items:center;background:var(--db-surface-layer-1);border-radius:var(--db-radius-s);cursor:pointer;display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s);transition:background-color .2s ease}.designbase-audio-player__playlist .designbase-audio-player__playlist-track:hover{background:var(--db-surface-layer-2)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active{background:var(--db-surface-layer-1);border-left:2px solid var(--db-brand-primary)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active .designbase-audio-player__playlist-track-artist,.designbase-audio-player__playlist .designbase-audio-player__playlist-track--active .designbase-audio-player__playlist-track-title{color:var(--db-text-primary)}.designbase-audio-player__playlist .designbase-audio-player__playlist-track img{border-radius:var(--db-radius-s);height:40px;object-fit:cover;width:40px}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-info{flex:1;min-width:0}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-audio-player__playlist .designbase-audio-player__playlist-track .designbase-audio-player__playlist-track-artist{color:var(--db-text-tertiary);font-size:var(--db-text-xs);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.designbase-audio-player--size-l,.designbase-audio-player--size-m,.designbase-audio-player--size-xl{max-width:100%}.designbase-audio-player__play-button{height:40px;width:40px}.designbase-audio-player__settings-menu{min-width:120px}.designbase-audio-player__volume-slider input[type=range]{width:60px}.designbase-audio-player__controls,.designbase-audio-player__left-controls,.designbase-audio-player__right-controls{gap:var(--db-gap-xs)}}.designbase-audio-player:focus-within{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-badge{align-items:center;border:1px solid transparent;border-radius:var(--db-radius-m);display:inline-flex;font-weight:var(--db-weight-medium);justify-content:center;line-height:1;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap}.designbase-badge--s{font-size:var(--db-text-xs);padding:var(--db-padding-xxs)}.designbase-badge--m{font-size:var(--db-text-s);padding:var(--db-padding-xs)}.designbase-badge--l{font-size:var(--db-text-base);padding:var(--db-padding-s)}.designbase-badge--primary{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-badge--secondary{background-color:var(--db-surface-layer-2);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-badge--tertiary{background-color:var(--db-surface-layer-1);border-color:var(--db-border-muted);color:var(--db-text-secondary)}.designbase-badge--info{background-color:var(--db-feedback-info-fg);border-color:var(--db-feedback-info-fg);color:var(--db-text-inverse-primary)}.designbase-badge--success{background-color:var(--db-feedback-success-fg);border-color:var(--db-feedback-success-fg);color:var(--db-text-inverse-primary)}.designbase-badge--warning{background-color:var(--db-feedback-warning-fg);border-color:var(--db-feedback-warning-fg);color:var(--db-text-inverse-primary)}.designbase-badge--danger{background-color:var(--db-feedback-error-fg);border-color:var(--db-feedback-error-fg);color:var(--db-text-inverse-primary)}.designbase-badge--dot{border:none;border-radius:50%;height:8px;min-height:8px;min-width:8px;padding:0;width:8px}.designbase-badge--dot.designbase-badge--s{height:6px;min-height:6px;min-width:6px;width:6px}.designbase-badge--dot.designbase-badge--l{height:10px;min-height:10px;min-width:10px;width:10px}.designbase-badge--number{border-radius:var(--db-radius-action-pill);justify-content:center;min-width:20px}.designbase-badge--number.designbase-badge--s{min-width:16px}.designbase-badge--number.designbase-badge--l{min-width:24px}.designbase-badge--text{border-radius:var(--db-radius-action-m)}.designbase-badge--outlined{background-color:transparent}.designbase-badge--outlined.designbase-badge--primary{border-color:var(--db-brand-primary);color:var(--db-brand-primary)}.designbase-badge--outlined.designbase-badge--secondary{border-color:var(--db-border-base);color:var(--db-text-secondary)}.designbase-badge--outlined.designbase-badge--info{border-color:var(--db-feedback-info-fg);color:var(--db-feedback-info-fg)}.designbase-badge--outlined.designbase-badge--success{border-color:var(--db-feedback-success-fg);color:var(--db-feedback-success-fg)}.designbase-badge--outlined.designbase-badge--warning{border-color:var(--db-feedback-warning-fg);color:var(--db-feedback-warning-fg)}.designbase-badge--outlined.designbase-badge--danger{border-color:var(--db-feedback-error-fg);color:var(--db-feedback-error-fg)}.designbase-badge--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-badge:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-avatar{align-items:center;background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-full);display:inline-flex;height:var(--db-size-m);justify-content:center;position:relative;transition:all .2s ease;user-select:none;width:var(--db-size-m)}.designbase-avatar__image{border-radius:var(--db-radius-full);height:100%;object-fit:cover;overflow:hidden;transition:opacity .2s ease;width:100%}.designbase-avatar__image--error{opacity:0}.designbase-avatar__fallback{background-color:var(--db-surface-layer-1);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);line-height:1;text-transform:uppercase}.designbase-avatar__fallback,.designbase-avatar__icon{align-items:center;border-radius:var(--db-radius-full);color:var(--db-text-secondary);display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.designbase-avatar__icon{font-size:var(--db-text-base)}.designbase-avatar__icon svg{display:block}.designbase-avatar__loading{border-radius:var(--db-radius-full);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.designbase-avatar__skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--db-surface-layer-1) 0,var(--db-surface-layer-2) 50%,var(--db-surface-layer-1) 100%);background-size:200% 100%;height:100%;width:100%}.designbase-avatar__initials{align-items:center;border-radius:var(--db-radius-full);display:flex;font-weight:var(--db-weight-semibold);height:100%;justify-content:center;line-height:1;overflow:hidden;text-transform:uppercase;width:100%}.designbase-avatar__status{border:2px solid var(--db-surface-base);border-radius:var(--db-radius-full);bottom:0;height:12px;position:absolute;right:0;width:12px;z-index:10}.designbase-avatar__status--online{background-color:var(--db-icon-success)}.designbase-avatar__status--offline{background-color:var(--db-text-tertiary)}.designbase-avatar__status--away{background-color:var(--db-icon-warning)}.designbase-avatar__status--busy{background-color:var(--db-icon-danger)}.designbase-avatar__badge{pointer-events:none;position:absolute;right:calc(var(--db-margin-xs)*-1);top:calc(var(--db-margin-xs)*-1);z-index:30}.designbase-avatar--xs{height:var(--db-size-avatar-xs);width:var(--db-size-avatar-xs)}.designbase-avatar--xs .designbase-avatar__icon,.designbase-avatar--xs .designbase-avatar__initials{font-size:var(--db-text-xs)}.designbase-avatar--xs .designbase-avatar__status{height:8px;width:8px}.designbase-avatar--s{height:var(--db-size-avatar-s);width:var(--db-size-avatar-s)}.designbase-avatar--s .designbase-avatar__initials{font-size:var(--db-text-xs)}.designbase-avatar--s .designbase-avatar__icon{font-size:var(--db-text-s)}.designbase-avatar--s .designbase-avatar__status{height:10px;width:10px}.designbase-avatar--m{height:var(--db-size-avatar-m);width:var(--db-size-avatar-m)}.designbase-avatar--m .designbase-avatar__initials{font-size:var(--db-text-s)}.designbase-avatar--m .designbase-avatar__icon{font-size:var(--db-text-base)}.designbase-avatar--m .designbase-avatar__status{height:12px;width:12px}.designbase-avatar--l{height:var(--db-size-avatar-l);width:var(--db-size-avatar-l)}.designbase-avatar--l .designbase-avatar__initials{font-size:var(--db-text-base)}.designbase-avatar--l .designbase-avatar__icon{font-size:var(--db-text-l)}.designbase-avatar--l .designbase-avatar__status{height:14px;width:14px}.designbase-avatar--xl{height:var(--db-size-avatar-xl);width:var(--db-size-avatar-xl)}.designbase-avatar--xl .designbase-avatar__initials{font-size:var(--db-text-l)}.designbase-avatar--xl .designbase-avatar__icon{font-size:var(--db-text-xl)}.designbase-avatar--xl .designbase-avatar__status{height:16px;width:16px}.designbase-avatar--2xl{height:var(--db-size-avatar-2xl);width:var(--db-size-avatar-2xl)}.designbase-avatar--2xl .designbase-avatar__initials{font-size:var(--db-text-xl)}.designbase-avatar--2xl .designbase-avatar__icon{font-size:var(--db-text-2xl)}.designbase-avatar--2xl .designbase-avatar__status{height:18px;width:18px}.designbase-avatar--default{background-color:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-avatar--primary{background-color:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-avatar--success{background-color:var(--db-bg-success);border-color:var(--db-border-success);color:var(--db-text-success)}.designbase-avatar--warning{background-color:var(--db-bg-warning);border-color:var(--db-border-warning);color:var(--db-text-warning)}.designbase-avatar--danger{background-color:var(--db-bg-error);border-color:var(--db-border-error);color:var(--db-text-error)}.designbase-avatar--info{background-color:var(--db-bg-info);border-color:var(--db-border-info);color:var(--db-text-info)}.designbase-avatar--clickable{cursor:pointer}.designbase-avatar--clickable:hover{box-shadow:var(--db-shadow-card);transform:scale(1.05)}.designbase-avatar--clickable:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-avatar--loading .designbase-avatar__fallback,.designbase-avatar--loading .designbase-avatar__icon,.designbase-avatar--loading .designbase-avatar__image{opacity:.5}.designbase-avatar--loading:after{animation:designbase-avatar-spin 1s linear infinite;border:2px solid var(--db-border-base);border-radius:var(--db-radius-full);border-top-color:var(--db-border-focus);content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.designbase-avatar-group{align-items:flex-start;display:flex}.designbase-avatar-group__item{margin-left:calc(var(--db-margin-xxs)*-1)}.designbase-avatar-group__item:first-child{margin-left:0}.designbase-avatar-group--m .designbase-avatar-group__item,.designbase-avatar-group--s .designbase-avatar-group__item,.designbase-avatar-group--xs .designbase-avatar-group__item{margin-left:calc(var(--db-margin-xs)*-1)}.designbase-avatar-group--2xl .designbase-avatar-group__item,.designbase-avatar-group--l .designbase-avatar-group__item,.designbase-avatar-group--xl .designbase-avatar-group__item{margin-left:calc(var(--db-margin-s)*-1)}.designbase-avatar-group__overflow{align-items:center;background-color:var(--db-surface-layer-1);border:2px solid var(--db-border-base);border-radius:var(--db-radius-full);color:var(--db-text-secondary);display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);height:var(--db-size-m);justify-content:center;line-height:1;min-width:var(--db-size-m);padding:0 var(--db-padding-s);z-index:1}.designbase-avatar-group--xs .designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-xs);min-width:var(--db-size-xs);padding:0 var(--db-padding-xs)}.designbase-avatar-group--s .designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-s);min-width:var(--db-size-s);padding:0 var(--db-padding-xs)}.designbase-avatar-group--m .designbase-avatar-group__overflow{font-size:var(--db-text-s);height:var(--db-size-m);min-width:var(--db-size-m);padding:0 var(--db-padding-s)}.designbase-avatar-group--l .designbase-avatar-group__overflow{font-size:var(--db-text-base);height:var(--db-size-l);min-width:var(--db-size-l);padding:0 var(--db-padding-s)}.designbase-avatar-group--xl .designbase-avatar-group__overflow{font-size:var(--db-text-l);height:var(--db-size-xl);min-width:var(--db-size-xl);padding:0 var(--db-padding-m)}.designbase-avatar-group--2xl .designbase-avatar-group__overflow{font-size:var(--db-text-xl);height:var(--db-size-2xl);min-width:var(--db-size-2xl);padding:0 var(--db-padding-m)}.designbase-avatar-group--max-2 .designbase-avatar-group__item:nth-child(n+3),.designbase-avatar-group--max-3 .designbase-avatar-group__item:nth-child(n+4),.designbase-avatar-group--max-4 .designbase-avatar-group__item:nth-child(n+5),.designbase-avatar-group--max-5 .designbase-avatar-group__item:nth-child(n+6){display:none}@media (max-width:640px){.designbase-avatar-group__item{margin-left:calc(var(--db-margin-xs)*-1)}.designbase-avatar-group__overflow{font-size:var(--db-text-xs);height:var(--db-size-s);min-width:var(--db-size-s);padding:0 var(--db-padding-xs)}}@keyframes designbase-avatar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.designbase-backdrop{transition:all var(--backdrop-animation-duration,.3s) ease-in-out}.designbase-backdrop--blur{backdrop-filter:blur(var(--backdrop-blur-amount,4px));-webkit-backdrop-filter:blur(var(--backdrop-blur-amount,4px))}.designbase-backdrop--fade.designbase-backdrop--open{animation:backdrop-fade-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--fade:not(.designbase-backdrop--open){animation:backdrop-fade-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--slide.designbase-backdrop--open{animation:backdrop-slide-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--slide:not(.designbase-backdrop--open){animation:backdrop-slide-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--zoom.designbase-backdrop--open{animation:backdrop-zoom-in var(--backdrop-animation-duration,.3s) ease-out}.designbase-backdrop--zoom:not(.designbase-backdrop--open){animation:backdrop-zoom-out var(--backdrop-animation-duration,.3s) ease-in}.designbase-backdrop--none{transition:none}.designbase-backdrop:focus{outline:none}.designbase-backdrop:focus-visible{outline:2px solid var(--db-color-info);outline-offset:2px}@media (prefers-contrast:high){.designbase-backdrop{background-color:rgba(0,0,0,.8)}}@media (prefers-reduced-motion:reduce){.designbase-backdrop{animation:none!important;transition:none!important}}@media (hover:none) and (pointer:coarse){.designbase-backdrop{min-height:44px;min-width:44px}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}@keyframes backdrop-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes backdrop-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (max-width:768px){.designbase-backdrop{padding:16px}}@media (max-width:480px){.designbase-backdrop{padding:8px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.designbase-backdrop--blur{backdrop-filter:blur(calc(var(--backdrop-blur-amount, 4px)*.5));-webkit-backdrop-filter:blur(calc(var(--backdrop-blur-amount, 4px)*.5))}}@media print{.designbase-backdrop{display:none!important}}.designbase-banner{border:1px solid;border-radius:var(--db-radius-m);overflow:hidden}.designbase-banner,.designbase-banner__container{align-items:center;display:flex;position:relative;width:100%}.designbase-banner__container{gap:var(--db-gap-m);z-index:2}.designbase-banner__icon{align-items:center;color:inherit;display:flex;flex-shrink:0;justify-content:center}.designbase-banner__image{border-radius:var(--db-radius-s);flex-shrink:0;overflow:hidden}.designbase-banner__image img{height:100%;object-fit:cover;width:100%}.designbase-banner__content{flex:1;min-width:0}.designbase-banner__title{color:inherit;font-weight:var(--db-weight-semibold);line-height:var(--db-leading-tight);margin:0}.designbase-banner__description{color:inherit;line-height:var(--db-leading-normal);margin:var(--db-margin-xs) 0 0 0;opacity:.9}.designbase-banner__actions{display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-banner__background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.designbase-banner__overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.designbase-banner--s{padding:var(--db-padding-s)}.designbase-banner--s .designbase-banner__title{font-size:var(--db-text-base)}.designbase-banner--s .designbase-banner__description{font-size:var(--db-text-s)}.designbase-banner--s .designbase-banner__icon{height:20px;width:20px}.designbase-banner--s .designbase-banner__image{height:32px;width:32px}.designbase-banner--m{padding:var(--db-padding-m)}.designbase-banner--m .designbase-banner__title{font-size:var(--db-text-l)}.designbase-banner--m .designbase-banner__description{font-size:var(--db-text-base)}.designbase-banner--m .designbase-banner__icon{height:24px;width:24px}.designbase-banner--m .designbase-banner__image{height:40px;width:40px}.designbase-banner--l{padding:var(--db-padding-l)}.designbase-banner--l .designbase-banner__title{font-size:var(--db-text-xl)}.designbase-banner--l .designbase-banner__description{font-size:var(--db-text-l)}.designbase-banner--l .designbase-banner__icon{height:32px;width:32px}.designbase-banner--l .designbase-banner__image{height:48px;width:48px}.designbase-banner--primary{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary)}.designbase-banner--primary,.designbase-banner--primary .designbase-banner__description,.designbase-banner--primary .designbase-banner__icon,.designbase-banner--primary .designbase-banner__title{color:var(--db-text-inverse-primary)}.designbase-banner--secondary{background-color:var(--db-brand-secondary);border-color:var(--db-brand-secondary);color:var(--db-text-primary)}.designbase-banner--secondary .designbase-banner__icon{color:var(--db-icon-primary)}.designbase-banner--secondary .designbase-banner__description{color:var(--db-text-secondary)}.designbase-banner--tertiary{background-color:var(--db-surface-layer-1);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-banner--tertiary .designbase-banner__icon{color:var(--db-icon-primary)}.designbase-banner--tertiary .designbase-banner__description{color:var(--db-text-secondary)}.designbase-banner--image{background-color:transparent;border:none}.designbase-banner--image,.designbase-banner--image .designbase-banner__description,.designbase-banner--image .designbase-banner__icon,.designbase-banner--image .designbase-banner__title{color:var(--db-text-inverse-primary)}@media (max-width:768px){.designbase-banner--l{padding:var(--db-padding-m)}.designbase-banner--l .designbase-banner__title{font-size:var(--db-text-l)}.designbase-banner--l .designbase-banner__description{font-size:var(--db-text-base)}.designbase-banner__container{flex-wrap:wrap;gap:var(--db-gap-s)}.designbase-banner__actions{justify-content:flex-start;width:100%}}.designbase-bottom-navigation{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);position:relative;width:100%;z-index:var(--db-z-navigation)}.designbase-bottom-navigation--fixed{bottom:0;left:0;position:fixed;right:0}.designbase-bottom-navigation__container{align-items:stretch;display:flex;margin:0 auto;max-width:100%}.designbase-bottom-navigation__item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:60px;padding:var(--db-padding-xs) var(--db-padding-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-bottom-navigation__item:hover:not(.designbase-bottom-navigation__item--disabled){background-color:var(--db-interactive-bg-hover)}.designbase-bottom-navigation__item:focus{outline:2px solid var(--db-border-focus);outline-offset:-2px}.designbase-bottom-navigation__item--active{background-color:var(--db-brand-primary-alpha-10);color:var(--db-brand-primary)}.designbase-bottom-navigation__item--active .designbase-bottom-navigation__icon{color:var(--db-brand-primary)}.designbase-bottom-navigation__item--active .designbase-bottom-navigation__label{color:var(--db-brand-primary);font-weight:var(--db-weight-medium)}.designbase-bottom-navigation__item--disabled{cursor:not-allowed;opacity:.5}.designbase-bottom-navigation__item-content{align-items:center;display:flex;flex-direction:column;gap:var(--db-gap-xs);width:100%}.designbase-bottom-navigation__icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.designbase-bottom-navigation__icon{color:var(--db-icon-muted);transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-bottom-navigation__label{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight);max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap}.designbase-bottom-navigation__badge{border-radius:9px;font-size:10px;height:18px;line-height:1;min-width:18px;padding:2px 4px;position:absolute;right:-8px;top:-4px}.designbase-bottom-navigation--s .designbase-bottom-navigation__item{min-height:48px;padding:var(--db-padding-xs)}.designbase-bottom-navigation--s .designbase-bottom-navigation__label{font-size:10px}.designbase-bottom-navigation--m .designbase-bottom-navigation__item{min-height:60px}.designbase-bottom-navigation--l .designbase-bottom-navigation__item{min-height:72px;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-bottom-navigation--l .designbase-bottom-navigation__label{font-size:var(--db-text-s)}.designbase-bottom-navigation--glass{backdrop-filter:blur(10px);background-color:rgba(var(--db-surface-base-rgb),.8);border-top:1px solid rgba(var(--db-border-base-rgb),.2)}.designbase-bottom-navigation--transparent{background-color:transparent;border-top:none}@supports (padding-bottom:env(safe-area-inset-bottom)){.designbase-bottom-navigation--fixed{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:480px){.designbase-bottom-navigation__item{padding:var(--db-padding-xs)}.designbase-bottom-navigation__label{font-size:10px}}@media (prefers-color-scheme:dark){.designbase-bottom-navigation--glass{background-color:rgba(var(--db-surface-base-rgb),.9)}}.designbase-bottom-sheet{background-color:var(--db-surface-base);border-radius:var(--db-radius-xl) var(--db-radius-xl) 0 0;bottom:0;box-shadow:var(--db-shadow-xl);display:flex;flex-direction:column;left:0;max-height:100vh;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform var(--db-animation-speed,.3s) ease-out;z-index:var(--db-z-index,1001)}.designbase-bottom-sheet--open{transform:translateY(0)}.designbase-bottom-sheet--dragging{cursor:grabbing;transition:none;user-select:none}.designbase-bottom-sheet--s{max-height:40vh}.designbase-bottom-sheet--m{max-height:60vh}.designbase-bottom-sheet--l{max-height:80vh}.designbase-bottom-sheet--xl{max-height:90vh}.designbase-bottom-sheet--full,.designbase-bottom-sheet--fullscreen{border-radius:0;max-height:100vh}.designbase-bottom-sheet--fade.designbase-bottom-sheet--open{animation:bottom-sheet-fade-in var(--db-animation-speed,.3s) ease-out}.designbase-bottom-sheet--fade:not(.designbase-bottom-sheet--open){animation:bottom-sheet-fade-out var(--db-animation-speed,.3s) ease-in}.designbase-bottom-sheet--scale.designbase-bottom-sheet--open{animation:bottom-sheet-scale-in var(--db-animation-speed,.3s) ease-out}.designbase-bottom-sheet--scale:not(.designbase-bottom-sheet--open){animation:bottom-sheet-scale-out var(--db-animation-speed,.3s) ease-in}.designbase-bottom-sheet--none{transition:none}.designbase-bottom-sheet__handle{background-color:var(--db-border-base);border-radius:2px;cursor:grab;height:4px;margin:var(--db-margin-s) auto;transition:background-color var(--db-animation-speed,.2s) ease;width:40px}.designbase-bottom-sheet__handle:hover{background-color:var(--db-border-secondary)}.designbase-bottom-sheet__handle:active{cursor:grabbing}.designbase-bottom-sheet__header{background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-m)}.designbase-bottom-sheet__header--sticky{position:sticky;top:0;z-index:10}.designbase-bottom-sheet__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0}.designbase-bottom-sheet__subtitle{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-normal);margin:0}.designbase-bottom-sheet__content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto;padding:var(--db-padding-m)}.designbase-bottom-sheet__content::-webkit-scrollbar{width:6px}.designbase-bottom-sheet__content::-webkit-scrollbar-track{background:transparent}.designbase-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:3px}.designbase-bottom-sheet__content::-webkit-scrollbar-thumb:hover{background-color:var(--db-border-secondary)}.designbase-bottom-sheet__footer{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-bottom-sheet__footer--sticky{bottom:0;position:sticky;z-index:10}.designbase-bottom-sheet:focus{outline:none}.designbase-bottom-sheet:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.designbase-bottom-sheet{animation:none!important;transition:none!important}}@media (hover:none) and (pointer:coarse){.designbase-bottom-sheet .designbase-bottom-sheet__handle{height:6px;margin:var(--db-margin-m) auto;width:60px}}.designbase-backdrop{align-items:center;background-color:rgba(0,0,0,var(--backdrop-opacity,.5));bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all var(--db-animation-speed) ease-in-out;visibility:hidden;z-index:var(--backdrop-z-index,1000)}.designbase-backdrop--blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.designbase-backdrop--open{opacity:1;visibility:visible}.designbase-backdrop--bottom-sheet{align-items:flex-end;justify-content:flex-end}@keyframes bottom-sheet-fade-in{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bottom-sheet-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100%) scale(.95)}}@keyframes bottom-sheet-scale-in{0%{transform:translateY(100%) scale(.8)}to{transform:translateY(0) scale(1)}}@keyframes bottom-sheet-scale-out{0%{transform:translateY(0) scale(1)}to{transform:translateY(100%) scale(.8)}}@media (max-width:768px){.designbase-bottom-sheet__header{padding:var(--db-padding-s) var(--db-padding-m) var(--db-padding-xs)}.designbase-bottom-sheet__content,.designbase-bottom-sheet__footer{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-bottom-sheet__title{font-size:var(--db-text-l)}}@media (max-width:480px){.designbase-bottom-sheet{border-radius:var(--db-radius-l) var(--db-radius-l) 0 0}.designbase-bottom-sheet__header{padding:var(--db-padding-xs) var(--db-padding-s) var(--db-padding-xxs)}.designbase-bottom-sheet__content,.designbase-bottom-sheet__footer{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-bottom-sheet__title{font-size:var(--db-text-base)}.designbase-bottom-sheet__subtitle{font-size:var(--db-text-xs)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.designbase-bottom-sheet{box-shadow:var(--db-shadow-lg)}}@media print{.designbase-bottom-sheet{display:none!important}}.designbase-bottom-sheet:focus-within{outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-breadcrumbs{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-text-s)}.designbase-breadcrumbs__list{align-items:center;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.designbase-breadcrumbs__item{align-items:center;display:flex;margin-bottom:0}.designbase-breadcrumbs__link{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-secondary);display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs);text-decoration:none;transition:all .2s ease}.designbase-breadcrumbs__link:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-breadcrumbs__link:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-breadcrumbs__link--active{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-breadcrumbs__link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-breadcrumbs__text{align-items:center;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-breadcrumbs__text--active{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-breadcrumbs__text--disabled{opacity:var(--db-opacity-50)}.designbase-breadcrumbs__icon{align-items:center;display:flex;font-size:var(--db-text-s);height:16px;justify-content:center;width:16px}.designbase-breadcrumbs__label{white-space:nowrap}.designbase-breadcrumbs__separator{align-items:center;color:var(--db-text-tertiary);display:flex;font-size:var(--db-text-xs);height:16px;justify-content:center;margin:0 var(--db-margin-xs);width:16px}.designbase-breadcrumbs--contained{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-breadcrumb);padding:var(--db-padding-s)}.designbase-breadcrumbs--underlined{border-bottom:1px solid var(--db-border-base);padding-bottom:var(--db-padding-xs)}.designbase-breadcrumbs--s{font-size:var(--db-text-xs)}.designbase-breadcrumbs--s .designbase-breadcrumbs__link,.designbase-breadcrumbs--s .designbase-breadcrumbs__text{padding:var(--db-padding-xs)}.designbase-breadcrumbs--s .designbase-breadcrumbs__icon,.designbase-breadcrumbs--s .designbase-breadcrumbs__separator{font-size:var(--db-text-xs);height:12px;width:12px}.designbase-breadcrumbs--m{font-size:var(--db-text-s)}.designbase-breadcrumbs--l{font-size:var(--db-text-base)}.designbase-breadcrumbs--l .designbase-breadcrumbs__link,.designbase-breadcrumbs--l .designbase-breadcrumbs__text{padding:var(--db-padding-s)}.designbase-breadcrumbs--l .designbase-breadcrumbs__icon{font-size:var(--db-text-base);height:20px;width:20px}.designbase-breadcrumbs--l .designbase-breadcrumbs__separator{font-size:var(--db-text-s);height:20px;width:20px}.designbase-breadcrumbs--minimal .designbase-breadcrumbs__link,.designbase-breadcrumbs--minimal .designbase-breadcrumbs__text{padding:var(--db-padding-xs) 0}.designbase-breadcrumbs--minimal .designbase-breadcrumbs__separator{margin:0 var(--db-margin-xs)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__link{background-color:var(--db-white);border:1px solid var(--db-border-base)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__link:hover{background-color:var(--db-bg-selected);border-color:var(--db-color-info)}.designbase-breadcrumbs--outlined .designbase-breadcrumbs__text{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base)}.designbase-breadcrumbs--collapsed .designbase-breadcrumbs__separator{position:relative}.designbase-breadcrumbs--collapsed .designbase-breadcrumbs__separator:before{content:"...";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:640px){.designbase-breadcrumbs__list{flex-wrap:wrap}.designbase-breadcrumbs__item{margin-bottom:var(--db-margin-xs)}.designbase-breadcrumbs__separator{margin:0 var(--db-margin-xs) var(--db-margin-xs) var(--db-margin-xs)}}.designbase-breadcrumbs:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-segment-control{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-l);display:flex;gap:0;padding:var(--db-padding-xs);position:relative;width:fit-content}.designbase-segment-control__segment{align-items:center;background:none;border:1px solid transparent;border-radius:var(--db-radius-m);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);justify-content:center;line-height:var(--db-leading-tight);min-width:0;outline:none;padding:var(--db-padding-s);position:relative;transition:all .15s ease-in-out;z-index:1}.designbase-segment-control__segment:hover:not(.designbase-segment-control__segment--disabled){color:var(--db-text-primary)}.designbase-segment-control__segment:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-segment-control__segment--selected{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);box-shadow:var(--db-shadow-sm);color:var(--db-text-primary)}.designbase-segment-control__segment--focused{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-segment-control__segment--disabled{background-color:var(--db-surface-layer-1);color:var(--db-text-disabled);cursor:not-allowed}.designbase-segment-control__segment-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:0;opacity:0;overflow:hidden;transition:all .15s ease-in-out;width:0}.designbase-segment-control__segment--selected .designbase-segment-control__segment-icon,.designbase-segment-control__segment:hover:not(.designbase-segment-control__segment--disabled) .designbase-segment-control__segment-icon{margin-right:var(--db-gap-xs);opacity:1;width:auto}.designbase-segment-control__segment-label{white-space:nowrap}.designbase-segment-control__indicator{background-color:var(--db-surface-base);border-radius:var(--db-radius-m);bottom:var(--db-spacing-2);box-shadow:var(--db-shadow-sm);left:var(--db-spacing-2);pointer-events:none;position:absolute;top:var(--db-spacing-2);transition:transform .2s ease-in-out;z-index:0}.designbase-segment-control--s{border-radius:var(--db-radius-m);padding:var(--db-padding-xxs)}.designbase-segment-control--s .designbase-segment-control__segment{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs)}.designbase-segment-control--s .designbase-segment-control__indicator{bottom:var(--db-spacing-1);left:var(--db-spacing-1);top:var(--db-spacing-1)}.designbase-segment-control--m{border-radius:var(--db-radius-l);padding:var(--db-padding-xs)}.designbase-segment-control--m .designbase-segment-control__segment{font-size:var(--db-text-s);line-height:var(--db-leading-tight);padding:var(--db-padding-s)}.designbase-segment-control--m .designbase-segment-control__indicator{bottom:var(--db-spacing-2);left:var(--db-spacing-2);top:var(--db-spacing-2)}.designbase-segment-control--l{border-radius:var(--db-radius-xl);padding:var(--db-padding-s)}.designbase-segment-control--l .designbase-segment-control__segment{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-segment-control--l .designbase-segment-control__indicator{bottom:var(--db-spacing-3);left:var(--db-spacing-3);top:var(--db-spacing-3)}.designbase-segment-control--full-width{width:100%}.designbase-segment-control--full-width .designbase-segment-control__segment{flex:1;min-width:0}.designbase-segment-control--disabled{cursor:not-allowed;opacity:.6}.designbase-segment-control--disabled .designbase-segment-control__segment{cursor:not-allowed}.designbase-modal{background-color:var(--db-surface-base);border-radius:var(--db-radius-modal-m);box-shadow:var(--db-shadow-modal);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;transform:translateY(0);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-modal__overlay{align-items:center;backdrop-filter:blur(4px);background-color:var(--db-overlay-base);display:flex;inset:0;justify-content:center;padding:var(--db-padding-l);position:fixed;z-index:var(--db-z-modal)}.designbase-modal__content{display:flex;flex-direction:column;height:100%;overflow:auto}.designbase-modal__header{align-items:center;background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-muted);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-m)}.designbase-modal__header-content{flex:1}.designbase-modal__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-normal);margin:0}.designbase-modal__close-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-muted);cursor:pointer;display:flex;height:var(--db-size-button-m);justify-content:center;margin-left:var(--db-margin-m);transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-button-m)}.designbase-modal__close-button:hover{background-color:var(--db-interactive-bg-hover);color:var(--db-icon-hover)}.designbase-modal__close-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-modal__body{flex:1;overflow-y:auto;padding:var(--db-padding-m)}.designbase-modal__footer{align-items:center;background-color:var(--db-surface-base);border-top:1px solid var(--db-border-muted);display:flex;flex-shrink:0;gap:var(--db-gap-s);justify-content:flex-end;padding:var(--db-padding-m)}.designbase-modal--s{max-width:var(--db-size-modal-s);width:100%}.designbase-modal--m{max-width:var(--db-size-modal-m);width:100%}.designbase-modal--l{max-width:var(--db-size-modal-l);width:100%}.designbase-modal--xl{max-width:var(--db-size-modal-xl);width:100%}.designbase-modal--full{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.designbase-modal--full .designbase-modal__overlay{padding:0}.designbase-modal[data-state=entered],.designbase-modal[data-state=entering]{opacity:1;transform:translateY(0)}.designbase-modal[data-state=exiting]{opacity:0;transform:translateY(-10px)}.designbase-modal__overlay[data-state=entered],.designbase-modal__overlay[data-state=entering]{opacity:1}.designbase-modal__overlay[data-state=exiting]{opacity:0}.designbase-label{color:var(--db-text-primary,#111827);cursor:pointer;display:inline-block;font-weight:var(--db-weight-medium,500);line-height:var(--db-leading-normal,1.5);transition:color var(--db-animation-speed,.2s) ease}.designbase-label--s{font-size:var(--db-text-xs)}.designbase-label--m{font-size:var(--db-text-s)}.designbase-label--l{font-size:var(--db-text-base)}.designbase-label__required{color:var(--db-feedback-error-fg,#dc2626);font-weight:var(--db-weight-semibold,600);margin-left:var(--db-margin-xs)}.designbase-label--disabled{color:var(--db-text-disabled,#9ca3af);cursor:not-allowed;opacity:.6}.designbase-label--error{color:var(--db-feedback-error-fg,#dc2626)}.designbase-label:not(.designbase-label--disabled):hover{color:var(--db-text-secondary,#6b7280)}.designbase-label:has(+* input:focus),.designbase-label:has(+* textarea:focus),.designbase-label:has(+:focus){color:var(--db-brand-primary,#3b82f6)}.designbase-input{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-input__wrapper{align-items:center;display:flex;position:relative}.designbase-input__field{background-color:var(--db-field-bg);border:1px solid var(--db-field-border);border-radius:var(--db-radius-input-m);color:var(--db-field-text);outline:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-input__field::placeholder{color:var(--db-field-placeholder)}.designbase-input__field:hover:not(:disabled):not(:focus){background-color:var(--db-field-bg-hover);border-color:var(--db-field-border-hover)}.designbase-input__field:focus{border-color:var(--db-field-border-focus);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10)}.designbase-input__field:disabled{background-color:var(--db-field-bg-disabled);color:var(--db-field-text-disabled);cursor:not-allowed}.designbase-input__field:read-only{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-input__end-icon,.designbase-input__start-icon{color:var(--db-icon-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.designbase-input__start-icon{left:var(--db-padding-s)}.designbase-input__end-icon{right:var(--db-padding-s)}.designbase-input__password-toggle{background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-muted);cursor:pointer;padding:var(--db-padding-xs);position:absolute;right:var(--db-padding-s);top:50%;transform:translateY(-50%);transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:1}.designbase-input__password-toggle:hover:not(:disabled){background-color:var(--db-surface-hover);color:var(--db-icon-hover)}.designbase-input__password-toggle:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-input__password-toggle:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-input__helper-text{color:var(--db-text-secondary)}.designbase-input__error-message,.designbase-input__helper-text{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:0}.designbase-input__error-message{color:var(--db-text-error)}.designbase-input--s .designbase-input__field{font-size:var(--db-text-s);line-height:var(--db-leading-normal);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-input--s.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-s) + 16px + var(--db-padding-xs))}.designbase-input--s.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-s) + 16px + var(--db-padding-xs))}.designbase-input--m .designbase-input__field{font-size:var(--db-text-s);line-height:var(--db-leading-normal);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-input--m.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-m) + 20px + var(--db-padding-xs))}.designbase-input--m.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-m) + 20px + var(--db-padding-xs))}.designbase-input--l .designbase-input__field{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-input--l.designbase-input--with-start-icon .designbase-input__field{padding-left:calc(var(--db-padding-l) + 24px + var(--db-padding-xs))}.designbase-input--l.designbase-input--with-end-icon .designbase-input__field{padding-right:calc(var(--db-padding-l) + 24px + var(--db-padding-xs))}.designbase-input--error .designbase-input__field{border-color:var(--db-field-border-error)}.designbase-input--error .designbase-input__field:focus{border-color:var(--db-field-border-error);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10)}.designbase-input--disabled .designbase-input__field{background-color:var(--db-field-bg-disabled);color:var(--db-field-text-disabled);cursor:not-allowed}.designbase-input--disabled .designbase-input__end-icon,.designbase-input--disabled .designbase-input__start-icon{color:var(--db-icon-disabled)}.designbase-input--readonly .designbase-input__field{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-input--full-width{width:100%}.designbase-checkbox{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-s);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-checkbox__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-checkbox__visual{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-action-s);color:var(--db-icon-default);display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{align-items:center;color:inherit;display:flex;height:100%;justify-content:center;width:100%}.designbase-checkbox__visual .designbase-checkbox__check-icon svg,.designbase-checkbox__visual .designbase-checkbox__indeterminate-icon svg{color:inherit;height:60%;width:60%}.designbase-checkbox__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-checkbox .designbase-checkbox__visual{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-checkbox:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual{background-color:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-checkbox.designbase-checkbox--selected .designbase-checkbox__visual{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-icon-inverse)}.designbase-checkbox.designbase-checkbox--selected .designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox.designbase-checkbox--selected .designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{color:var(--db-icon-inverse)}.designbase-checkbox.designbase-checkbox--selected:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual{background-color:var(--color-foundation-blue-800);border-color:var(--color-foundation-blue-800);color:var(--db-icon-inverse)}.designbase-checkbox.designbase-checkbox--selected:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox.designbase-checkbox--selected:hover:not(.designbase-checkbox--disabled) .designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{color:var(--db-icon-inverse)}.designbase-checkbox--no-label{gap:0}.designbase-checkbox--s{font-size:var(--db-text-xs)}.designbase-checkbox--s .designbase-checkbox__visual{height:var(--db-size-checkbox-xs);width:var(--db-size-checkbox-xs)}.designbase-checkbox--m{font-size:var(--db-text-s)}.designbase-checkbox--m .designbase-checkbox__visual{height:var(--db-size-checkbox-s);width:var(--db-size-checkbox-s)}.designbase-checkbox--l{font-size:var(--db-text-base)}.designbase-checkbox--l .designbase-checkbox__visual{height:var(--db-size-checkbox-m);width:var(--db-size-checkbox-m)}.designbase-checkbox--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-checkbox--disabled .designbase-checkbox__visual{background-color:var(--db-surface-muted);border-color:var(--db-border-muted);color:var(--db-icon-disabled)}.designbase-checkbox--disabled .designbase-checkbox__visual .designbase-checkbox__check-icon,.designbase-checkbox--disabled .designbase-checkbox__visual .designbase-checkbox__indeterminate-icon{color:var(--db-icon-disabled)}.designbase-checkbox--disabled .designbase-checkbox__label{color:var(--db-text-disabled)}.designbase-checkbox--readonly{cursor:default}.designbase-checkbox:focus-within .designbase-checkbox__visual{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-select{display:flex;flex-direction:column;gap:var(--db-gap-xs);position:relative}.designbase-select__label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-select__required{color:var(--db-feedback-error-fg);margin-left:var(--db-margin-xs)}.designbase-select__trigger{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:pointer;display:flex;gap:var(--db-gap-s);justify-content:space-between;outline:none;padding:var(--db-padding-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-select__trigger:hover:not(.designbase-select__trigger--disabled){border-color:var(--db-border-layer-1)}.designbase-select__trigger--focused,.designbase-select__trigger:focus{border-color:var(--db-brand-primary);box-shadow:0 0 0 3px var(--db-brand-primary-alpha-10)}.designbase-select__value{align-items:center;display:flex;flex:1;min-width:0}.designbase-select__single-value{color:var(--db-text-primary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__tags{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--db-gap-xs);min-height:20px;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--db-border-base) transparent;scrollbar-width:thin}.designbase-select__tags::-webkit-scrollbar{height:4px}.designbase-select__tags::-webkit-scrollbar-track{background:transparent}.designbase-select__tags::-webkit-scrollbar-thumb{background-color:var(--db-border-base);border-radius:2px}.designbase-select__tags::-webkit-scrollbar-thumb:hover{background-color:var(--db-border-layer-1)}.designbase-select__tag{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-primary);display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs)}.designbase-select__tag-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__tag-remove{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-primary);cursor:pointer;display:flex;height:16px;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:16px}.designbase-select__tag-remove:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-select__search-input{background:none;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);line-height:var(--db-leading-tight);min-width:60px;outline:none}.designbase-select__search-input::placeholder{color:var(--db-text-tertiary)}.designbase-select__indicators{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-xs)}.designbase-select__clear-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:20px}.designbase-select__clear-button:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-select__chevron{align-items:center;color:var(--db-text-secondary);display:flex;height:20px;justify-content:center;transition:transform .15s ease-in-out;width:20px}.designbase-select__dropdown{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);left:0;opacity:0;position:absolute;right:0;transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-select__dropdown--open{opacity:1;visibility:visible}.designbase-select__dropdown--bottom{top:100%;transform:translateY(-4px)}.designbase-select__dropdown--bottom.designbase-select__dropdown--open{transform:translateY(0)}.designbase-select__dropdown--top{bottom:100%;transform:translateY(4px)}.designbase-select__dropdown--top.designbase-select__dropdown--open{transform:translateY(0)}.designbase-select__dropdown--full{width:100%}.designbase-select__dropdown--auto{min-width:100%;width:auto}.designbase-select__options{max-height:200px;overflow-y:auto;padding:var(--db-padding-xs)}.designbase-select__option{align-items:center;border-radius:var(--db-radius-s);cursor:pointer;display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-select__option:hover:not(.designbase-select__option--disabled){background-color:var(--db-surface-layer-1)}.designbase-select__option--selected{background-color:var(--db-brand-primary-alpha-10);color:var(--db-text-primary)}.designbase-select__option--focused{background-color:var(--db-surface-layer-1)}.designbase-select__option--disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-select__checkbox{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.designbase-select__checkbox .designbase-checkbox{margin:0;min-height:auto;padding:0}.designbase-select__checkbox .designbase-checkbox__visual{height:16px;width:16px}.designbase-select__option-label{flex:1;font-size:var(--db-text-s);line-height:var(--db-leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-select__no-options{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);padding:var(--db-padding-m);text-align:center}.designbase-select__helper-text{color:var(--db-text-secondary)}.designbase-select__error-message,.designbase-select__helper-text{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:0}.designbase-select__error-message{color:var(--db-feedback-error-fg)}.designbase-select--s .designbase-select__trigger{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-select--s .designbase-select__search-input,.designbase-select--s .designbase-select__single-value,.designbase-select--s .designbase-select__trigger{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-select--m .designbase-select__trigger{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-select--m .designbase-select__search-input,.designbase-select--m .designbase-select__single-value,.designbase-select--m .designbase-select__trigger{font-size:var(--db-text-s);line-height:var(--db-leading-tight)}.designbase-select--l .designbase-select__trigger{padding:var(--db-padding-m) var(--db-padding-l)}.designbase-select--l .designbase-select__search-input,.designbase-select--l .designbase-select__single-value,.designbase-select--l .designbase-select__trigger{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-select--error .designbase-select__trigger{border-color:var(--db-feedback-error-fg)}.designbase-select--error .designbase-select__trigger:focus{border-color:var(--db-feedback-error-fg);box-shadow:0 0 0 3px var(--db-feedback-error-bg)}.designbase-select--disabled .designbase-select__trigger{background-color:var(--db-surface-disabled);border-color:var(--db-border-disabled);color:var(--db-text-disabled);cursor:not-allowed}.designbase-select--disabled .designbase-select__single-value{color:var(--db-text-disabled)}.designbase-select--readonly .designbase-select__trigger{background-color:var(--db-surface-disabled);color:var(--db-text-primary);cursor:default}.designbase-select--full-width{width:100%}.designbase-select--multiple .designbase-select__trigger{min-height:40px}@media (max-width:640px){.designbase-select .designbase-select__dropdown{border-radius:var(--db-radius-l) var(--db-radius-l) 0 0;bottom:0;left:0;max-height:50vh;position:fixed;right:0;top:auto}.designbase-select .designbase-select__options{max-height:none}}.designbase-calendar{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);display:flex;flex-direction:column;overflow:hidden}.designbase-calendar__header{align-items:center;background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-m)}.designbase-calendar__navigation{align-items:center;display:flex;gap:var(--db-gap-m)}.designbase-calendar__nav-button{align-items:center;background-color:var(--db-surface-base);border:none;border-radius:var(--db-radius-m);color:var(--db-icon-default);cursor:pointer;display:flex;font-size:var(--db-text-base);height:var(--db-size-m);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-m)}.designbase-calendar__nav-button:hover:not(:disabled){background-color:var(--db-surface-layer-1);color:var(--db-brand-primary)}.designbase-calendar__nav-button:active:not(:disabled){transform:scale(.95)}.designbase-calendar__nav-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-calendar__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0;min-width:120px;text-align:center}.designbase-calendar__body{flex:1;overflow:hidden}.designbase-calendar__month-view{display:flex;flex-direction:column;height:100%}.designbase-calendar__weekdays{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:grid;grid-template-columns:repeat(7,1fr)}.designbase-calendar__weekday{border-right:1px solid var(--db-border-base);color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);padding:var(--db-padding-s);text-align:center}.designbase-calendar__weekday:last-child{border-right:none}.designbase-calendar__days{display:grid;flex:1;gap:0;grid-template-columns:repeat(7,1fr);min-height:400px}.designbase-calendar__day{border-bottom:1px solid var(--db-border-base);border-right:1px solid var(--db-border-base);cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:var(--db-padding-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__day:hover{background-color:var(--db-surface-layer-1)}.designbase-calendar__day:nth-child(7n){border-right:none}.designbase-calendar__day--current-month{background-color:var(--db-surface-base)}.designbase-calendar__day:not(.designbase-calendar__day--current-month){background-color:var(--db-surface-layer-1);color:var(--db-text-tertiary)}.designbase-calendar__day:not(.designbase-calendar__day--current-month) .designbase-calendar__day-number{color:var(--db-text-tertiary)}.designbase-calendar__day--today{background-color:var(--db-surface-layer-1)}.designbase-calendar__day--today .designbase-calendar__day-number{align-items:center;background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);display:flex;font-weight:var(--db-weight-semibold);height:var(--db-size-m);justify-content:center;width:var(--db-size-m)}.designbase-calendar__day--weekend{background-color:var(--db-surface-base)}.designbase-calendar__day-number{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-calendar__day-events{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-xs);position:relative}.designbase-calendar__event-bar{align-items:center;border-radius:3px;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;font-size:11px;font-weight:var(--db-weight-medium);height:20px;overflow:hidden;padding:0 var(--db-padding-xs);position:relative;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap;z-index:3}.designbase-calendar__event-bar:hover{box-shadow:var(--db-shadow-md);transform:translateY(-1px)}.designbase-calendar__event-bar--dragging{opacity:var(--db-opacity-disabled);transform:rotate(5deg)}.designbase-calendar__event-bar--drag-over{border:2px dashed var(--db-brand-primary)}.designbase-calendar__event-bar--meeting{background-color:var(--color-foundation-blue-500)}.designbase-calendar__event-bar--task{background-color:var(--color-foundation-yellow-500)}.designbase-calendar__event-bar--reminder{background-color:var(--color-foundation-green-500)}.designbase-calendar__event-bar--birthday{background-color:var(--color-foundation-red-500)}.designbase-calendar__event-bar--holiday{background-color:var(--color-foundation-blue-500)}.designbase-calendar__event-bar--custom{background-color:var(--color-foundation-gray-500)}.designbase-calendar__event-title{font-size:10px;line-height:var(--db-leading-none);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-calendar__drop-zone{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:1}.designbase-calendar__drop-zone--active{background-color:var(--color-foundation-blue-50);border:2px dashed var(--db-brand-primary);pointer-events:auto;z-index:2}.designbase-calendar__more-events{color:var(--db-text-secondary);font-size:10px;font-weight:var(--db-weight-medium)}.designbase-calendar__week-view{display:flex;flex-direction:column;height:100%}.designbase-calendar__week-header{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:grid;grid-template-columns:60px repeat(7,1fr)}.designbase-calendar__time-column-header,.designbase-calendar__week-day-header{border-right:1px solid var(--db-border-base);padding:var(--db-padding-m) var(--db-padding-s)}.designbase-calendar__week-day-header{cursor:pointer;text-align:center;transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-day-header:hover{background-color:var(--db-surface-layer-2)}.designbase-calendar__week-day-header:last-child{border-right:none}.designbase-calendar__week-day-header--today{background-color:var(--db-surface-layer-1);color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-calendar__week-day-name{color:var(--db-text-secondary);display:block;font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs)}.designbase-calendar__week-day-number{color:var(--db-text-primary);display:block;font-size:var(--db-text-base);font-weight:var(--db-weight-medium)}.designbase-calendar__week-grid{display:flex;flex:1;overflow:hidden}.designbase-calendar__time-column{background-color:var(--db-surface-layer-1);border-right:1px solid var(--db-border-base);width:60px}.designbase-calendar__time-slot{align-items:center;border-bottom:1px solid var(--db-border-secondary);display:flex;height:60px;justify-content:center}.designbase-calendar__time-label{color:var(--db-text-secondary);font-size:11px;font-weight:var(--db-weight-medium)}.designbase-calendar__week-columns{display:grid;flex:1;grid-template-columns:repeat(7,1fr)}.designbase-calendar__week-column{border-right:1px solid var(--db-border-secondary)}.designbase-calendar__week-column:last-child{border-right:none}.designbase-calendar__week-cell{border-bottom:1px solid var(--db-border-secondary);cursor:pointer;height:60px;position:relative;transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-cell:active,.designbase-calendar__week-cell:hover{background-color:var(--db-surface-layer-2)}.designbase-calendar__week-event{color:var(--db-text-inverse-primary);font-size:10px;font-weight:var(--db-weight-medium);text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__week-event:hover{box-shadow:var(--db-shadow-md);transform:scale(1.02)}.designbase-calendar__year-view{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:var(--db-padding-l)}.designbase-calendar__year-month{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:pointer;padding:var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-calendar__year-month:hover{border-color:var(--db-brand-primary);box-shadow:var(--db-shadow-sm)}.designbase-calendar__year-month-title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0;text-align:center}.designbase-calendar__year-month-events{display:flex;flex-direction:column;gap:4px;min-height:80px}.designbase-calendar__year-event{border-radius:2px;height:4px}.designbase-calendar__year-event,.designbase-calendar__year-event--meeting{background-color:var(--color-foundation-blue-500)}.designbase-calendar__year-event--task{background-color:var(--color-foundation-yellow-500)}.designbase-calendar__year-event--reminder{background-color:var(--color-foundation-green-500)}.designbase-calendar__year-event--birthday{background-color:var(--color-foundation-red-500)}.designbase-calendar__year-event--holiday{background-color:var(--color-foundation-blue-500)}.designbase-calendar__year-event--custom{background-color:var(--color-foundation-gray-500)}.designbase-calendar__year-more-events{color:var(--db-text-secondary);font-size:11px;font-style:italic;text-align:center}.designbase-calendar__event-form{display:flex;flex-direction:column;gap:16px}.designbase-calendar__form-row{display:flex;flex-direction:column;gap:8px}.designbase-calendar__form-row label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-calendar__form-row input[type=checkbox]{margin-right:8px}.designbase-calendar__time-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.designbase-calendar__color-picker{display:flex;flex-wrap:wrap;gap:8px}.designbase-calendar__color-option{border:2px solid transparent;border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.designbase-calendar__color-option:hover{transform:scale(1.1)}.designbase-calendar__color-option--selected{border-color:var(--db-text-primary);transform:scale(1.1)}.designbase-calendar__form-info{background-color:var(--db-surface-layer-1);border-left:4px solid var(--db-brand-primary);border-radius:var(--db-radius-s);padding:var(--db-padding-s)}.designbase-calendar__form-info p{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0}.designbase-calendar__modal-actions{align-items:center;display:flex;justify-content:space-between;width:100%}.designbase-calendar__modal-buttons{display:flex;gap:8px}.designbase-calendar__input{border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-s);transition:border-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-calendar__input:focus{border-color:var(--db-brand-primary);box-shadow:0 0 0 2px var(--color-foundation-blue-100);outline:none}.designbase-calendar__input::placeholder{color:var(--db-text-disabled)}.designbase-calendar__select{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);cursor:pointer;font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-s);transition:border-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-calendar__select:focus{border-color:var(--db-brand-primary);box-shadow:0 0 0 2px var(--color-foundation-blue-100);outline:none}@media (max-width:768px){.designbase-calendar__header{flex-direction:column;gap:12px;padding:12px 16px}.designbase-calendar__navigation{justify-content:space-between;width:100%}.designbase-calendar__title{min-width:auto}.designbase-calendar__days{min-height:300px}.designbase-calendar__day{min-height:60px;padding:4px}.designbase-calendar__day-number{font-size:12px}.designbase-calendar__event-dot{height:6px;width:6px}.designbase-calendar__year-view{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.designbase-calendar__year-month{padding:12px}.designbase-calendar__year-month-title{font-size:14px}.designbase-calendar__week-header{grid-template-columns:50px repeat(7,1fr)}.designbase-calendar__time-column{width:50px}.designbase-calendar__time-slot{height:50px}.designbase-calendar__time-label{font-size:10px}.designbase-calendar__week-cell{height:50px}}@media (max-width:480px){.designbase-calendar__year-view{gap:8px;grid-template-columns:1fr;padding:12px}.designbase-calendar__week-header{grid-template-columns:40px repeat(7,1fr)}.designbase-calendar__time-column{width:40px}.designbase-calendar__time-slot,.designbase-calendar__week-cell{height:40px}.designbase-calendar__week-day-header{padding:8px 4px}.designbase-calendar__week-day-name{font-size:var(--db-text-xs)}.designbase-calendar__week-day-number{font-size:var(--db-text-s)}}.designbase-image{background-color:var(--db-surface-layer-1);display:block;overflow:hidden;position:relative}.designbase-image__img{height:100%;object-fit:cover;opacity:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image__img--loaded{opacity:1}.designbase-image__img--error{opacity:0}.designbase-image--ratio-auto .designbase-image__img{object-fit:contain}.designbase-image--ratio-1-1{aspect-ratio:1/1}.designbase-image--ratio-16-9{aspect-ratio:16/9}.designbase-image--ratio-4-3{aspect-ratio:4/3}.designbase-image--ratio-3-2{aspect-ratio:3/2}.designbase-image--ratio-3-4{aspect-ratio:3/4}.designbase-image--ratio-2-1{aspect-ratio:2/1}.designbase-image--fit-cover .designbase-image__img{object-fit:cover}.designbase-image--fit-contain .designbase-image__img{object-fit:contain}.designbase-image--fit-fill .designbase-image__img{object-fit:fill}.designbase-image--fit-none .designbase-image__img{object-fit:none}.designbase-image--fit-scale-down .designbase-image__img{object-fit:scale-down}.designbase-image--rounded{border-radius:var(--db-radius-m)}.designbase-image--rounded-sm{border-radius:var(--db-radius-s)}.designbase-image--rounded-md{border-radius:var(--db-radius-m)}.designbase-image--rounded-lg{border-radius:var(--db-radius-l)}.designbase-image--rounded-full{border-radius:var(--db-radius-full)}.designbase-image--shadow,.designbase-image--shadow-sm{box-shadow:var(--db-shadow-sm)}.designbase-image--shadow-md{box-shadow:var(--db-shadow-md)}.designbase-image--shadow-lg{box-shadow:var(--db-shadow-lg)}.designbase-image--hover{cursor:pointer;transition:transform var(--db-animation-speed) var(--db-animation-ease),box-shadow var(--db-animation-speed) var(--db-animation-ease)}.designbase-image--hover:hover{box-shadow:var(--db-shadow-lg);transform:translateY(-2px)}.designbase-image--hover:active{transform:translateY(0)}.designbase-image--full-width{width:100%}.designbase-image--full-height{height:100%}.designbase-image--clickable{cursor:pointer}.designbase-image--error .designbase-image__img,.designbase-image--loading .designbase-image__img{opacity:0}.designbase-image__placeholder{align-items:center;background-color:var(--db-surface-layer-1);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image__placeholder--visible{opacity:1}.designbase-image__placeholder--skeleton .designbase-image__skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--db-bg-muted) 25%,var(--db-surface-layer-1) 50%,var(--db-bg-muted) 75%);background-size:200% 100%;height:100%;width:100%}.designbase-image__placeholder--blur .designbase-image__blur{background-color:var(--db-surface-layer-1);filter:blur(10px);height:100%;transform:scale(1.1);width:100%}.designbase-image__error{align-items:center;background-color:var(--db-surface-layer-1);color:var(--db-text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:var(--db-padding-m);position:absolute;text-align:center;top:0;width:100%}.designbase-image__error-text{font-size:var(--db-text-s);line-height:var(--db-leading-tight);margin-top:var(--db-margin-s)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.designbase-image__error{padding:var(--db-padding-s)}.designbase-image__error-text{font-size:var(--db-text-xs)}}.designbase-card{--card-padding:var(--db-padding-m);--card-gap:var(--db-gap-m);--card-title-size:var(--db-text-l);--card-subtitle-size:var(--db-text-base);--card-desc-size:var(--db-text-base);--card-radius:var(--db-radius-l);--card-image-height:160px;--card-title-weight:var(--db-weight-semibold);border:1px solid var(--db-border-base);border-radius:var(--card-radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.designbase-card,.designbase-card.designbase-card--default{background:var(--db-surface-base);box-shadow:var(--db-shadow-card)}.designbase-card.designbase-card--default{border:1px solid var(--db-border-base)}.designbase-card.designbase-card--elevated{background:var(--db-surface-base);border:1px solid var(--db-border-layer-1);box-shadow:var(--db-shadow-card-hover)}.designbase-card.designbase-card--outlined{background:var(--db-surface-base);border:2px solid var(--db-border-layer-1);box-shadow:none}.designbase-card.designbase-card--filled{background:var(--db-surface-layer-1);border:1px solid var(--db-border-layer-2);box-shadow:none}.designbase-card.designbase-card--flat{background:transparent;border:1px solid transparent;box-shadow:none}.designbase-card.designbase-card--s{--card-padding:var(--db-padding-s);--card-gap:var(--db-gap-s);--card-title-size:var(--db-text-base);--card-subtitle-size:var(--db-text-s);--card-desc-size:var(--db-text-s);--card-radius:var(--db-radius-m);--card-image-height:120px;--card-title-weight:var(--db-weight-semibold)}.designbase-card.designbase-card--m{--card-padding:var(--db-padding-m);--card-gap:var(--db-gap-m);--card-title-size:var(--db-text-l);--card-subtitle-size:var(--db-text-base);--card-desc-size:var(--db-text-base);--card-radius:var(--db-radius-l);--card-image-height:160px;--card-title-weight:var(--db-weight-semibold)}.designbase-card.designbase-card--l{--card-padding:var(--db-padding-l);--card-gap:var(--db-gap-m);--card-title-size:var(--db-text-xl);--card-subtitle-size:var(--db-text-l);--card-desc-size:var(--db-text-l);--card-radius:var(--db-radius-xl);--card-image-height:200px;--card-title-weight:var(--db-weight-bold)}.designbase-card.designbase-card--xl{--card-padding:var(--db-padding-xl);--card-gap:var(--db-gap-l);--card-title-size:var(--db-text-2xl);--card-subtitle-size:var(--db-text-xl);--card-desc-size:var(--db-text-xl);--card-radius:var(--db-radius-2xl);--card-image-height:240px;--card-title-weight:var(--db-weight-bold)}.designbase-card.designbase-card--horizontal{flex-direction:row}.designbase-card.designbase-card--horizontal .designbase-card__image--left,.designbase-card.designbase-card--horizontal .designbase-card__image--right{flex:0 0 auto;height:auto;width:180px}.designbase-card.designbase-card--horizontal .designbase-card__image--right{order:2}.designbase-card.designbase-card--horizontal .designbase-card__content{display:flex;flex:1;flex-direction:column;justify-content:center}.designbase-card.designbase-card--compact{--card-padding:var(--db-padding-s);--card-gap:var(--db-gap-s)}.designbase-card.designbase-card--clickable{cursor:pointer;user-select:none}.designbase-card.designbase-card--clickable:hover{box-shadow:var(--db-shadow-card-hover);transform:translateY(-2px)}.designbase-card.designbase-card--clickable:active{transform:translateY(0)}.designbase-card.designbase-card--hoverable:hover{border-color:var(--db-border-layer-1);box-shadow:var(--db-shadow-card-hover)}.designbase-card.designbase-card--selectable{cursor:pointer}.designbase-card.designbase-card--selectable:hover{border-color:var(--db-border-layer-1)}.designbase-card.designbase-card--selected{background:var(--db-surface-layer-1);border-color:var(--db-brand-primary)}.designbase-card.designbase-card--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-card.designbase-card--loading{pointer-events:none}.designbase-card.designbase-card--full-width{width:100%}.designbase-card__image{background:var(--db-surface-layer-1);overflow:hidden;position:relative}.designbase-card__image--bottom,.designbase-card__image--top{height:var(--card-image-height)}.designbase-card__image--left,.designbase-card__image--right{height:100%}.designbase-card__image--background{inset:0;position:absolute;z-index:1}.designbase-card__image-element{display:block;height:100%;object-fit:cover;width:100%}.designbase-card__image-element:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-card__content{display:flex;flex:1;flex-direction:column;gap:var(--card-gap);padding:var(--card-padding)}.designbase-card__icon{align-items:center;color:var(--db-icon-primary);display:flex}.designbase-card__header{display:flex;flex-direction:column;gap:var(--db-gap-xs);margin:0}.designbase-card__title{color:var(--db-text-primary);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--db-leading-snug);margin:0}.designbase-card__subtitle{color:var(--db-text-secondary);font-size:var(--card-subtitle-size);font-weight:var(--db-weight-normal);line-height:var(--db-leading-normal);margin:0}.designbase-card__description{color:var(--db-text-secondary);font-size:var(--card-desc-size);line-height:var(--db-leading-relaxed);margin:0}.designbase-card__body{color:var(--db-text-primary);line-height:var(--db-leading-relaxed);margin:0}.designbase-card__tags{display:flex;flex-wrap:wrap;gap:var(--db-gap-xs)}.designbase-card__tag{background:var(--db-surface-layer-2);border:1px solid var(--db-border-muted);border-radius:var(--db-radius-m);color:var(--db-text-primary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-card__meta{color:var(--db-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--db-text-s);gap:var(--db-gap-s)}.designbase-card__meta-item{align-items:center;display:inline-flex;gap:var(--db-gap-xs);white-space:nowrap}.designbase-card__meta-label{color:var(--db-text-secondary);font-weight:var(--db-weight-medium)}.designbase-card__meta-sep{color:var(--db-text-tertiary)}.designbase-card__meta-value{color:var(--db-text-primary)}.designbase-card__actions{border-top:1px solid var(--db-border-muted);display:flex;flex-wrap:wrap;gap:var(--db-gap-s);margin-top:auto;padding-top:var(--db-padding-s)}.designbase-card__select-overlay{backdrop-filter:blur(2px);background:var(--db-surface-alpha);border-radius:var(--db-radius-s);left:var(--db-padding-s);padding:var(--db-padding-xs);position:absolute;top:var(--db-padding-s);z-index:5}.designbase-card__select-input{cursor:pointer;height:16px;width:16px}.designbase-card__loading-overlay{background:var(--db-surface-transparent);display:grid;inset:0;place-items:center;position:absolute;z-index:10}.designbase-card__loading-spinner{animation:cardLoadingSpin 1s linear infinite;border-top:3px solid var(--db-border-muted);border:3px solid var(--db-border-muted);border-radius:50%;border-top-color:var(--db-brand-primary);height:32px;width:32px}@keyframes cardLoadingSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.designbase-card.designbase-card--horizontal{flex-direction:column}.designbase-card.designbase-card--horizontal .designbase-card__image--left,.designbase-card.designbase-card--horizontal .designbase-card__image--right{height:var(--card-image-height);order:-1;width:100%}.designbase-card__actions{flex-direction:column}.designbase-card__actions .designbase-button{width:100%}}.designbase-card.designbase-card--clickable:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-indicator{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-indicator--horizontal{flex-direction:row}.designbase-indicator--vertical{align-items:center;flex-direction:column}.designbase-indicator--dots{gap:var(--db-gap-m)}.designbase-indicator--line{align-items:center;gap:var(--db-gap-s)}.designbase-indicator__dot{background-color:var(--db-border-base);border-radius:50%;height:12px;position:relative;transition:transform .2s ease;width:12px}.designbase-indicator__dot--active{background-color:var(--db-brand-primary)}.designbase-indicator__circle{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:100%}.designbase-indicator__circle-bg{opacity:.2}.designbase-indicator__circle-progress{transition:stroke-dashoffset .1s linear}.designbase-indicator__line-segment{background-color:var(--db-border-base);border-radius:999px;height:6px;overflow:hidden;position:relative;width:40px}.designbase-indicator__line-segment--active{background-color:var(--db-brand-primary)}.designbase-indicator__line-segment--current{background-color:var(--db-border-base)}.designbase-indicator--vertical .designbase-indicator__line-segment{height:40px;width:6px}.designbase-indicator__line-fill{background-color:var(--db-brand-primary);height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left center;transition:transform .05s linear;width:100%}.designbase-carousel{overflow:hidden;position:relative;width:100%}.designbase-carousel--size-s .designbase-carousel__container{height:200px}.designbase-carousel--size-s .designbase-carousel__slide-title{font-size:var(--db-text-s)}.designbase-carousel--size-s .designbase-carousel__slide-description{font-size:var(--db-text-xs)}.designbase-carousel--size-s .designbase-carousel__nav-button{height:32px;width:32px}.designbase-carousel--size-s .designbase-carousel__indicator{height:8px;width:8px}.designbase-carousel--size-s .designbase-carousel__action-button{height:28px;width:28px}.designbase-carousel--size-m .designbase-carousel__container{height:300px}.designbase-carousel--size-m .designbase-carousel__slide-title{font-size:var(--db-text-base)}.designbase-carousel--size-m .designbase-carousel__slide-description{font-size:var(--db-text-s)}.designbase-carousel--size-m .designbase-carousel__nav-button{height:40px;width:40px}.designbase-carousel--size-m .designbase-carousel__indicator{height:10px;width:10px}.designbase-carousel--size-m .designbase-carousel__action-button{height:32px;width:32px}.designbase-carousel--size-l .designbase-carousel__container{height:400px}.designbase-carousel--size-l .designbase-carousel__slide-title{font-size:var(--db-text-l)}.designbase-carousel--size-l .designbase-carousel__slide-description{font-size:var(--db-text-base)}.designbase-carousel--size-l .designbase-carousel__nav-button{height:48px;width:48px}.designbase-carousel--size-l .designbase-carousel__indicator{height:12px;width:12px}.designbase-carousel--size-l .designbase-carousel__action-button{height:36px;width:36px}.designbase-carousel--size-xl .designbase-carousel__container{height:500px}.designbase-carousel--size-xl .designbase-carousel__slide-title{font-size:var(--db-text-xl)}.designbase-carousel--size-xl .designbase-carousel__slide-description{font-size:var(--db-text-l)}.designbase-carousel--size-xl .designbase-carousel__nav-button{height:56px;width:56px}.designbase-carousel--size-xl .designbase-carousel__indicator{height:14px;width:14px}.designbase-carousel--size-xl .designbase-carousel__action-button{height:40px;width:40px}.designbase-carousel--variant-default .designbase-carousel__slide{border-radius:var(--db-radius-m);overflow:hidden}.designbase-carousel--variant-cards .designbase-carousel__slide{background:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-md);overflow:hidden}.designbase-carousel--variant-gallery .designbase-carousel__slide{border-radius:var(--db-radius-s);overflow:hidden}.designbase-carousel--variant-gallery .designbase-carousel__slide-image{overflow:hidden;position:relative}.designbase-carousel--variant-gallery .designbase-carousel__slide-img{transition:transform .3s ease}.designbase-carousel--variant-gallery .designbase-carousel__slide:hover .designbase-carousel__slide-img{transform:scale(1.05)}.designbase-carousel--variant-hero .designbase-carousel__container{height:600px}.designbase-carousel--variant-hero .designbase-carousel__slide{overflow:hidden;position:relative}.designbase-carousel--variant-hero .designbase-carousel__slide-info{background:rgba(0,0,0,.7);border-radius:var(--db-radius-l);left:50%;max-width:80%;padding:var(--db-padding-xl);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.designbase-carousel--variant-hero .designbase-carousel__slide-title{font-size:var(--db-text-3xl);margin-bottom:var(--db-margin-md)}.designbase-carousel--variant-hero .designbase-carousel__slide-description{font-size:var(--db-text-l)}.designbase-carousel--variant-testimonial .designbase-carousel__slide{align-items:center;background:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--db-padding-xl);text-align:center}.designbase-carousel--variant-testimonial .designbase-carousel__slide-description{font-size:var(--db-text-l);font-style:italic;margin-bottom:var(--db-margin-lg)}.designbase-carousel--variant-testimonial .designbase-carousel__slide-meta{font-weight:var(--db-weight-semibold)}.designbase-carousel--theme-light{color:var(--db-text-primary)}.designbase-carousel--theme-dark{color:var(--db-text-inverse-primary)}.designbase-carousel--theme-dark .designbase-carousel__slide{background:var(--db-bg-inverse)}.designbase-carousel--theme-dark .designbase-carousel__action-button,.designbase-carousel--theme-dark .designbase-carousel__autoplay-button,.designbase-carousel--theme-dark .designbase-carousel__fullscreen-button,.designbase-carousel--theme-dark .designbase-carousel__nav-button,.designbase-carousel--theme-dark .designbase-carousel__quick-nav-button{background:var(--db-overlay-base);color:var(--db-text-inverse-primary)}.designbase-carousel--theme-dark .designbase-carousel__action-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__autoplay-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__fullscreen-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__nav-button:hover:not(:disabled),.designbase-carousel--theme-dark .designbase-carousel__quick-nav-button:hover:not(:disabled){background:var(--db-overlay-base)}.designbase-carousel--transition-slide .designbase-carousel__track{transition:transform .3s ease}.designbase-carousel--transition-fade .designbase-carousel__slide{opacity:0;transition:opacity .3s ease}.designbase-carousel--transition-fade .designbase-carousel__slide--active{opacity:1}.designbase-carousel--transition-zoom .designbase-carousel__slide{transform:scale(.8);transition:transform .3s ease}.designbase-carousel--transition-zoom .designbase-carousel__slide--active{transform:scale(1)}.designbase-carousel--transition-flip .designbase-carousel__slide{transform:rotateY(90deg);transition:transform .6s ease}.designbase-carousel--transition-flip .designbase-carousel__slide--active{transform:rotateY(0deg)}.designbase-carousel--transition-cube .designbase-carousel__track{perspective:1000px;transform-style:preserve-3d}.designbase-carousel--transition-cube .designbase-carousel__slide{transform:rotateY(0deg) translateZ(0);transition:transform .6s ease}.designbase-carousel--indicator-dots .designbase-carousel__indicator-dot{border-radius:50%}.designbase-carousel--indicator-lines .designbase-carousel__indicator-line{background:var(--db-border-base);border-radius:2px;height:3px;transition:all .2s ease;width:100%}.designbase-carousel--indicator-lines .designbase-carousel__indicator--active .designbase-carousel__indicator-line{background:var(--db-color-info);transform:scaleX(1.5)}.designbase-carousel--indicator-numbers .designbase-carousel__indicator-number{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);transition:all .2s ease}.designbase-carousel--indicator-numbers .designbase-carousel__indicator--active .designbase-carousel__indicator-number{color:var(--db-color-info);font-weight:var(--db-weight-semibold)}.designbase-carousel--indicator-thumbnails .designbase-carousel__indicator-thumbnail{border-radius:var(--border-radius-semantic-radius-sm,4px);height:100%;object-fit:cover;opacity:.6;transition:all .2s ease;width:100%}.designbase-carousel--indicator-thumbnails .designbase-carousel__indicator--active .designbase-carousel__indicator-thumbnail{opacity:1;transform:scale(1.1)}.designbase-carousel--disabled,.designbase-carousel--readonly .designbase-carousel__action-button,.designbase-carousel--readonly .designbase-carousel__autoplay-button,.designbase-carousel--readonly .designbase-carousel__fullscreen-button,.designbase-carousel--readonly .designbase-carousel__indicator,.designbase-carousel--readonly .designbase-carousel__nav-button,.designbase-carousel--readonly .designbase-carousel__quick-nav-button{opacity:.5;pointer-events:none}.designbase-carousel--dragging{cursor:grabbing;user-select:none}.designbase-carousel--dragging .designbase-carousel__track{transition:none;will-change:transform}.designbase-carousel--dragging .designbase-carousel__slide{pointer-events:none}.designbase-carousel--fullscreen{background:var(--db-surface-base);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.designbase-carousel--fullscreen .designbase-carousel__container{height:100vh}.designbase-carousel--transitioning .designbase-carousel__track{pointer-events:none}.designbase-carousel__container{border-radius:var(--db-radius-l);height:300px;overflow:hidden;position:relative;width:100%}.designbase-carousel__track{-webkit-user-drag:none;height:100%;touch-action:pan-y pinch-zoom;user-select:none;width:100%}.designbase-carousel__slide,.designbase-carousel__track{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.designbase-carousel__slide{cursor:pointer;flex-direction:column;flex-shrink:0;pointer-events:auto;position:relative;touch-action:none}.designbase-carousel__slide:hover{transform:translateY(-2px)}.designbase-carousel__slide-image{flex:1;overflow:hidden;position:relative}.designbase-carousel__slide-img{-webkit-user-drag:none;height:100%;object-fit:cover;pointer-events:none;transition:transform .3s ease;user-select:none;width:100%}.designbase-carousel__slide-content{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--db-padding-l)}.designbase-carousel__slide-info{background:linear-gradient(transparent,rgba(0,0,0,.7));bottom:0;color:var(--db-text-inverse-primary);left:0;padding:var(--db-padding-l);position:absolute;right:0}.designbase-carousel__slide-title{font-weight:var(--db-weight-semibold);line-height:1.4;margin:0 0 var(--db-margin-xs) 0}.designbase-carousel__slide-description{font-size:var(--db-text-s);line-height:1.5;margin:0;opacity:.9}.designbase-carousel__slide-meta{align-items:center;display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-s);margin-top:var(--db-margin-sm);opacity:.8}.designbase-carousel__slide-author,.designbase-carousel__slide-date,.designbase-carousel__slide-rating{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-carousel__slide-actions{display:flex;flex-direction:column;gap:var(--db-gap-xs);position:absolute;right:var(--db-margin-md);top:var(--db-margin-md);z-index:10}.designbase-carousel__action-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.designbase-carousel__action-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__action-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__action-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__action-button--active{background:var(--db-color-info)}.designbase-carousel__action-button--active:hover:not(:disabled){background:var(--db-blue-700)}.designbase-carousel__action-button--like.designbase-carousel__action-button--active{background:var(--db-red-600)}.designbase-carousel__action-button--like.designbase-carousel__action-button--active:hover:not(:disabled){background:var(--db-red-700)}.designbase-carousel__nav-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px;z-index:10}.designbase-carousel__nav-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.designbase-carousel__nav-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__nav-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__nav-button--prev{left:var(--db-margin-s)}.designbase-carousel__nav-button--next{right:var(--db-margin-s)}.designbase-carousel__quick-nav-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.3);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:10}.designbase-carousel__quick-nav-button:hover:not(:disabled){background:rgba(0,0,0,.5);transform:translateY(-50%) scale(1.1)}.designbase-carousel__quick-nav-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__quick-nav-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__quick-nav-button--first{left:var(--db-margin-sm)}.designbase-carousel__quick-nav-button--last{right:var(--db-margin-sm)}.designbase-carousel__fullscreen-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--db-margin-m);top:var(--db-margin-m);transition:all .2s ease;width:36px;z-index:10}.designbase-carousel__fullscreen-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__fullscreen-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__fullscreen-button:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__controls{align-items:center;display:flex;gap:var(--db-gap-l);justify-content:center;margin-top:var(--db-margin-md);padding:var(--db-padding-m)}.designbase-carousel__indicators{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:center}.designbase-carousel__indicator{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:10px;justify-content:center;padding:0;transition:all .2s ease;width:10px}.designbase-carousel__indicator:hover:not(:disabled){transform:scale(1.2)}.designbase-carousel__indicator:focus{outline:2px solid var(--color-semantic-primary-default,#3b82f6);outline-offset:2px}.designbase-carousel__indicator:disabled{cursor:not-allowed;opacity:.5}.designbase-carousel__indicator-dot{background:var(--db-border-base);border-radius:50%;height:100%;transition:all .2s ease;width:100%}.designbase-carousel__indicator--active .designbase-carousel__indicator-dot{background:var(--db-color-info);transform:scale(1.2)}.designbase-carousel__autoplay-button{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.designbase-carousel__autoplay-button:hover:not(:disabled){background:rgba(0,0,0,.7);transform:scale(1.1)}.designbase-carousel__autoplay-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-carousel__autoplay-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.designbase-carousel__container{height:250px}.designbase-carousel__nav-button{height:36px;width:36px}.designbase-carousel__nav-button--prev{left:var(--db-margin-s)}.designbase-carousel__nav-button--next{right:var(--db-margin-s)}.designbase-carousel__action-button{height:28px;width:28px}.designbase-carousel__slide-info{padding:var(--db-padding-m)}.designbase-carousel__slide-title{font-size:var(--db-text-s)}.designbase-carousel__slide-description{font-size:var(--db-text-xs)}.designbase-carousel__controls{flex-direction:column;gap:var(--db-gap-s)}}@media (max-width:480px){.designbase-carousel__container{height:200px}.designbase-carousel__nav-button{height:32px;width:32px}.designbase-carousel__nav-button--prev{left:var(--db-margin-xs)}.designbase-carousel__nav-button--next{right:var(--db-margin-xs)}.designbase-carousel__action-button{height:24px;width:24px}.designbase-carousel__slide-info{padding:var(--db-padding-s)}.designbase-carousel__controls{margin-top:var(--db-margin-s)}}.designbase-chip{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-full);color:var(--db-text-primary);display:inline-flex;font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap}.designbase-chip__end-icon,.designbase-chip__start-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-chip__end-icon svg,.designbase-chip__start-icon svg{display:block}.designbase-chip__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-chip__delete-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-full);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-xs);height:var(--db-size-s);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-s)}.designbase-chip__delete-button:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-chip__delete-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-chip__delete-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-chip--s{font-size:var(--db-text-xs);gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-chip--s .designbase-chip__end-icon svg,.designbase-chip--s .designbase-chip__start-icon svg{height:12px;width:12px}.designbase-chip--s .designbase-chip__delete-button{font-size:12px;height:12px;width:12px}.designbase-chip--m{font-size:var(--db-text-s);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-chip--m .designbase-chip__end-icon svg,.designbase-chip--m .designbase-chip__start-icon svg{height:16px;width:16px}.designbase-chip--m .designbase-chip__delete-button{font-size:12px;height:16px;width:16px}.designbase-chip--l{font-size:var(--db-text-base);gap:var(--db-gap-s);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-chip--l .designbase-chip__end-icon svg,.designbase-chip--l .designbase-chip__start-icon svg{height:20px;width:20px}.designbase-chip--l .designbase-chip__delete-button{font-size:14px;height:20px;width:20px}.designbase-chip--default{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-chip--default,.designbase-chip--default .designbase-chip__end-icon,.designbase-chip--default .designbase-chip__start-icon{color:var(--db-text-primary)}.designbase-chip--default .designbase-chip__delete-button{color:var(--db-text-secondary)}.designbase-chip--default .designbase-chip__delete-button:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-chip--primary{background-color:var(--color-foundation-blue-50);border-color:var(--color-foundation-blue-200)}.designbase-chip--primary,.designbase-chip--primary .designbase-chip__end-icon,.designbase-chip--primary .designbase-chip__start-icon{color:var(--color-foundation-blue-700)}.designbase-chip--primary .designbase-chip__delete-button{color:var(--color-foundation-blue-600)}.designbase-chip--primary .designbase-chip__delete-button:hover{background-color:var(--color-foundation-blue-100);color:var(--color-foundation-blue-800)}.designbase-chip--success{background-color:var(--color-foundation-green-50);border-color:var(--color-foundation-green-200)}.designbase-chip--success,.designbase-chip--success .designbase-chip__end-icon,.designbase-chip--success .designbase-chip__start-icon{color:var(--color-foundation-green-700)}.designbase-chip--success .designbase-chip__delete-button{color:var(--color-foundation-green-600)}.designbase-chip--success .designbase-chip__delete-button:hover{background-color:var(--color-foundation-green-100);color:var(--color-foundation-green-800)}.designbase-chip--warning{background-color:var(--color-foundation-yellow-50);border-color:var(--color-foundation-yellow-200)}.designbase-chip--warning,.designbase-chip--warning .designbase-chip__end-icon,.designbase-chip--warning .designbase-chip__start-icon{color:var(--color-foundation-yellow-700)}.designbase-chip--warning .designbase-chip__delete-button{color:var(--color-foundation-yellow-600)}.designbase-chip--warning .designbase-chip__delete-button:hover{background-color:var(--color-foundation-yellow-100);color:var(--color-foundation-yellow-800)}.designbase-chip--danger{background-color:var(--color-foundation-red-50);border-color:var(--color-foundation-red-200)}.designbase-chip--danger,.designbase-chip--danger .designbase-chip__end-icon,.designbase-chip--danger .designbase-chip__start-icon{color:var(--color-foundation-red-700)}.designbase-chip--danger .designbase-chip__delete-button{color:var(--color-foundation-red-600)}.designbase-chip--danger .designbase-chip__delete-button:hover{background-color:var(--color-foundation-red-100);color:var(--color-foundation-red-800)}.designbase-chip--info{background-color:var(--color-foundation-blue-50);border-color:var(--color-foundation-blue-200)}.designbase-chip--info,.designbase-chip--info .designbase-chip__end-icon,.designbase-chip--info .designbase-chip__start-icon{color:var(--color-foundation-blue-700)}.designbase-chip--info .designbase-chip__delete-button{color:var(--color-foundation-blue-600)}.designbase-chip--info .designbase-chip__delete-button:hover{background-color:var(--color-foundation-blue-100);color:var(--color-foundation-blue-800)}.designbase-chip--neutral{background-color:var(--db-surface-layer-1);border-color:var(--db-border-muted)}.designbase-chip--neutral,.designbase-chip--neutral .designbase-chip__end-icon,.designbase-chip--neutral .designbase-chip__start-icon{color:var(--db-text-secondary)}.designbase-chip--neutral .designbase-chip__delete-button{color:var(--db-text-tertiary)}.designbase-chip--neutral .designbase-chip__delete-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-secondary)}.designbase-chip--deletable{padding-right:var(--db-padding-s)}.designbase-chip--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-chip--selected{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-chip--clickable{cursor:pointer}.designbase-chip--clickable:hover{box-shadow:var(--db-shadow-sm);transform:translateY(-1px)}.designbase-chip--clickable:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-chip--full-width{justify-content:center;width:100%}@media (max-width:640px){.designbase-chip__label{max-width:120px}}.designbase-color-picker{display:inline-flex;position:relative}.designbase-color-picker__trigger{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:pointer;display:flex;gap:var(--db-gap-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-color-picker__trigger:hover{border-color:var(--db-border-layer-1)}.designbase-color-picker__trigger:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-color-picker__color-display{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-color-picker__color-box{border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);box-shadow:var(--db-shadow-xs);height:var(--db-size-m);position:relative;width:var(--db-size-m)}.designbase-color-picker__color-box:before{background-image:linear-gradient(45deg,var(--db-border-base) 25%,transparent 25%),linear-gradient(-45deg,var(--db-border-base) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--db-border-base) 75%),linear-gradient(-45deg,transparent 75%,var(--db-border-base) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:var(--db-radius-s);content:"";inset:0;position:absolute;z-index:-1}.designbase-color-picker__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);min-width:80px;outline:none;padding:0;text-transform:uppercase}.designbase-color-picker__input::placeholder{color:var(--db-text-tertiary)}.designbase-color-picker__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-color-picker__toggle{align-items:center;background:transparent;border:none;color:var(--db-icon-default);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-color-picker__toggle:hover:not(:disabled){color:var(--db-icon-hover)}.designbase-color-picker__toggle:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-color-picker__toggle svg{transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-color-picker--open .designbase-color-picker__toggle svg{transform:rotate(180deg)}.designbase-color-picker__dropdown{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);min-width:320px;padding:var(--db-padding-m);position:absolute;z-index:var(--db-z-popover)}.designbase-color-picker--bottom-left .designbase-color-picker__dropdown{left:0;top:calc(100% + var(--db-margin-xs))}.designbase-color-picker--bottom-right .designbase-color-picker__dropdown{right:0;top:calc(100% + var(--db-margin-xs))}.designbase-color-picker--top-left .designbase-color-picker__dropdown{bottom:calc(100% + var(--db-margin-xs));left:0}.designbase-color-picker--top-right .designbase-color-picker__dropdown{bottom:calc(100% + var(--db-margin-xs));right:0}.designbase-color-picker__selector{display:flex;flex-direction:column;gap:var(--db-gap-m)}.designbase-color-picker__color-area{border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:crosshair;height:200px;overflow:hidden;position:relative;width:100%}.designbase-color-picker__color-field{cursor:crosshair;height:100%;position:relative;width:100%}.designbase-color-picker__color-pointer{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px}.designbase-color-picker__controls{align-items:center;display:flex;flex-direction:row;gap:var(--db-gap-s)}.designbase-color-picker__slider-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.designbase-color-picker__eyedropper{align-items:center;background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-icon-default);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:32px}.designbase-color-picker__eyedropper:hover{background-color:var(--db-surface-base);color:var(--db-icon-hover)}.designbase-color-picker__alpha-slider,.designbase-color-picker__hue-slider{height:16px;position:relative;width:100%}.designbase-color-picker__slider{-webkit-appearance:none;appearance:none;background:transparent;border-radius:var(--db-radius-full);cursor:pointer;height:8px;outline:none;position:relative;top:-6px;width:100%}.designbase-color-picker__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--db-surface-base);border:2px solid #fff;border-radius:var(--db-radius-full);box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:pointer;height:16px;width:16px}.designbase-color-picker__slider::-webkit-slider-thumb:hover{transform:scale(1.07)}.designbase-color-picker__slider::-moz-range-thumb{background:var(--db-surface-base);border:2px solid #fff;border-radius:var(--db-radius-full);box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:pointer;height:16px;width:16px}.designbase-color-picker__slider::-moz-range-thumb:hover{transform:scale(1.07)}.designbase-color-picker__slider--alpha,.designbase-color-picker__slider--hue{border-radius:var(--db-radius-full)}.designbase-color-picker__value-display{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-color-picker__value-input{flex:1}.designbase-color-picker__alpha-input-wrap{align-items:center;display:flex;gap:4px}.designbase-color-picker__alpha-input{width:45px}.designbase-color-picker__alpha-suffix{color:var(--db-text-secondary);font-size:var(--db-text-xs);padding-right:2px}.designbase-color-picker__copy-button,.designbase-color-picker__copy-button-inline{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-default);cursor:pointer;display:flex;flex-shrink:0;height:var(--db-size-s);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-s)}.designbase-color-picker__copy-button-inline:hover:not(:disabled),.designbase-color-picker__copy-button:hover:not(:disabled){background-color:var(--db-surface-layer-1);color:var(--db-icon-hover)}.designbase-color-picker__copy-button-inline:disabled,.designbase-color-picker__copy-button:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-color-picker--s .designbase-color-picker__trigger{gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-color-picker--s .designbase-color-picker__dropdown{padding:var(--db-padding-xs)}.designbase-color-picker--s .designbase-color-picker__color-box{height:var(--db-size-s);width:var(--db-size-s)}.designbase-color-picker--s .designbase-color-picker__input{font-size:var(--db-text-xs)}.designbase-color-picker--s .designbase-color-picker__toggle svg{height:14px;width:14px}.designbase-color-picker--m .designbase-color-picker__trigger{gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-color-picker--m .designbase-color-picker__dropdown{padding:var(--db-padding-s)}.designbase-color-picker--m .designbase-color-picker__color-box{height:var(--db-size-m);width:var(--db-size-m)}.designbase-color-picker--m .designbase-color-picker__input{font-size:var(--db-text-s)}.designbase-color-picker--m .designbase-color-picker__toggle svg{height:16px;width:16px}.designbase-color-picker--l .designbase-color-picker__trigger{gap:var(--db-gap-m);padding:var(--db-padding-m)}.designbase-color-picker--l .designbase-color-picker__dropdown{padding:var(--db-padding-m)}.designbase-color-picker--l .designbase-color-picker__color-box{height:var(--db-size-l);width:var(--db-size-l)}.designbase-color-picker--l .designbase-color-picker__input{font-size:var(--db-text-base)}.designbase-color-picker--l .designbase-color-picker__toggle svg{height:18px;width:18px}.designbase-color-picker--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-color-picker--readonly .designbase-color-picker__trigger{background-color:var(--db-surface-muted)}.designbase-color-picker--readonly .designbase-color-picker__input{cursor:default}.designbase-color-picker--readonly .designbase-color-picker__toggle{cursor:default;opacity:var(--db-opacity-disabled)}.designbase-color-picker--no-input .designbase-color-picker__trigger{gap:var(--db-gap-xs)}.designbase-color-picker--no-input .designbase-color-picker__input{display:none}@media (max-width:420px){.designbase-color-picker__dropdown{min-width:240px}}.designbase-confirm__overlay{align-items:center;animation:fadeIn .2s ease;background-color:var(--db-overlay-base);bottom:0;display:flex;justify-content:center;left:0;padding:var(--db-padding-m);position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-confirm__modal{animation:slideIn .2s ease;background-color:var(--db-surface-base);border-radius:var(--db-radius-xl);box-shadow:var(--db-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.designbase-confirm__modal--s{width:240px}.designbase-confirm__modal--m{width:320px}.designbase-confirm__modal--l{width:480px}.designbase-confirm__header{align-items:flex-start;display:flex;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-m);padding-bottom:0}.designbase-confirm__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-confirm__title-area{flex:1;min-width:0}.designbase-confirm__title{color:var(--db-text-primary);font-size:var(--db-text-l);line-height:var(--db-leading-normal);margin:0}.designbase-confirm__content{color:var(--db-text-secondary);flex:1;font-size:var(--db-text-s);line-height:var(--db-leading-relaxed);overflow-y:auto;padding:var(--db-padding-m);padding-top:0}.designbase-confirm__footer{border-top:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-s);justify-content:flex-end;padding:var(--db-padding-m)}.designbase-confirm__modal--info .designbase-confirm__icon{color:var(--db-blue-500)}.designbase-confirm__modal--success .designbase-confirm__icon{color:var(--db-green-500)}.designbase-confirm__modal--warning .designbase-confirm__icon{color:var(--db-yellow-500)}.designbase-confirm__modal--danger .designbase-confirm__icon{color:var(--db-red-500)}.designbase-confirm--s .designbase-confirm__header{padding:var(--db-padding-s) 0}.designbase-confirm--s .designbase-confirm__title{font-size:var(--db-text-base)}.designbase-confirm--s .designbase-confirm__content{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-confirm--s .designbase-confirm__footer{padding:var(--db-padding-s)}.designbase-confirm--m .designbase-confirm__header{padding:var(--db-padding-m)}.designbase-confirm--m .designbase-confirm__title{font-size:var(--db-text-l)}.designbase-confirm--m .designbase-confirm__content{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-confirm--m .designbase-confirm__footer{padding:0 var(--db-padding-m)}.designbase-confirm--l .designbase-confirm__header{padding:var(--db-padding-l)}.designbase-confirm--l .designbase-confirm__title{font-size:var(--db-text-xl)}.designbase-confirm--l .designbase-confirm__content{font-size:var(--db-text-l);padding:var(--db-padding-l)}.designbase-confirm--l .designbase-confirm__footer{padding:var(--db-padding-l)}@media (max-width:640px){.designbase-confirm__overlay{padding:var(--db-padding-s)}.designbase-confirm__modal{margin:0;max-width:100%;width:100%!important}.designbase-confirm__footer{flex-direction:column-reverse}.designbase-confirm__footer .designbase-button{width:100%}}.designbase-container{box-sizing:border-box;margin:0 auto;width:100%}.designbase-container--size-s{max-width:var(--db-container-max-width-s)}.designbase-container--size-m{max-width:var(--db-container-max-width-m)}.designbase-container--size-l{max-width:var(--db-container-max-width-l)}.designbase-container--size-xl{max-width:var(--db-container-max-width-xl)}.designbase-container--size-full{max-width:100%}.designbase-container--padding-none{padding-left:var(--db-container-padding-none);padding-right:var(--db-container-padding-none)}.designbase-container--padding-s{padding-left:var(--db-container-padding-s);padding-right:var(--db-container-padding-s)}.designbase-container--padding-m{padding-left:var(--db-container-padding-m);padding-right:var(--db-container-padding-m)}.designbase-container--padding-l,.designbase-container--padding-xl{padding-left:var(--db-container-padding-l);padding-right:var(--db-container-padding-l)}.designbase-container--margin-none{margin-bottom:0;margin-top:0}.designbase-container--margin-sm{margin-bottom:var(--spacing-semantic-margin-sm,8px);margin-top:var(--spacing-semantic-margin-sm,8px)}.designbase-container--margin-md{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}.designbase-container--margin-lg{margin-bottom:var(--spacing-semantic-margin-lg,24px);margin-top:var(--spacing-semantic-margin-lg,24px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-xl,32px);margin-top:var(--spacing-semantic-margin-xl,32px)}.designbase-container--border{border:1px solid var(--db-border-base)}.designbase-container--rounded{border-radius:var(--db-radius-m)}.designbase-container--rounded-sm{border-radius:var(--db-radius-s)}.designbase-container--rounded-md{border-radius:var(--db-radius-m)}.designbase-container--rounded-lg{border-radius:var(--db-radius-l)}.designbase-container--shadow,.designbase-container--shadow-sm{box-shadow:var(--db-shadow-sm)}.designbase-container--shadow-md{box-shadow:var(--db-shadow-md)}.designbase-container--shadow-lg{box-shadow:var(--db-shadow-lg)}@media (max-width:768px){.designbase-container--padding-lg{padding-left:var(--spacing-semantic-padding-md,16px);padding-right:var(--spacing-semantic-padding-md,16px)}.designbase-container--padding-xl{padding-left:var(--spacing-semantic-padding-lg,24px);padding-right:var(--spacing-semantic-padding-lg,24px)}.designbase-container--margin-lg{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-lg,24px);margin-top:var(--spacing-semantic-margin-lg,24px)}}@media (max-width:480px){.designbase-container--padding-lg,.designbase-container--padding-md{padding-left:var(--spacing-semantic-padding-sm,12px);padding-right:var(--spacing-semantic-padding-sm,12px)}.designbase-container--padding-xl{padding-left:var(--spacing-semantic-padding-md,16px);padding-right:var(--spacing-semantic-padding-md,16px)}.designbase-container--margin-lg,.designbase-container--margin-md{margin-bottom:var(--spacing-semantic-margin-sm,8px);margin-top:var(--spacing-semantic-margin-sm,8px)}.designbase-container--margin-xl{margin-bottom:var(--spacing-semantic-margin-md,16px);margin-top:var(--spacing-semantic-margin-md,16px)}}.designbase-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.designbase-menu-item__content{align-items:center;border-radius:var(--db-radius-m);cursor:default;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__content--clickable{cursor:pointer}.designbase-menu-item__content--clickable:hover{background-color:var(--db-surface-layer-1)}.designbase-menu-item__content--clickable:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-menu-item__icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__icon--primary{color:var(--db-icon-primary)}.designbase-menu-item__icon--success{color:var(--db-icon-success)}.designbase-menu-item__icon--warning{color:var(--db-icon-warning)}.designbase-menu-item__icon--danger{color:var(--db-icon-error)}.designbase-menu-item__icon--info{color:var(--db-icon-info)}.designbase-menu-item__icon--active{color:var(--db-icon-primary)}.designbase-menu-item__icon--disabled{color:var(--db-icon-disabled)}.designbase-menu-item__label{color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-menu-item__expand-icon{align-items:center;color:var(--db-text-secondary);display:flex;height:16px;justify-content:center;transition:transform .2s ease;width:16px}.designbase-menu-item__children{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-menu-item__children--dropdown{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-card-md);box-shadow:var(--db-shadow-lg);left:0;min-width:200px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:100%;transform:translateY(-10px);z-index:var(--db-z-popover)}.designbase-menu-item__children--accordion,.designbase-menu-item__children--dropdown{margin-top:var(--db-margin-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__children--accordion{max-height:0;overflow:hidden;padding-left:var(--db-padding-m)}.designbase-menu-item--dropdown{position:relative}.designbase-menu-item--expanded .designbase-menu-item__children--dropdown{opacity:1;transform:translateY(0)}.designbase-menu-item--expanded .designbase-menu-item__children--accordion{max-height:500px}.designbase-menu-item__child{align-items:center;border-radius:var(--db-radius-action-md);cursor:pointer;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs) var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-menu-item__child:hover{background-color:var(--db-surface-layer-1)}.designbase-menu-item__child:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-menu-item__child--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-menu-item__child--active .designbase-menu-item__child-icon{color:var(--db-icon-info)}.designbase-menu-item__child--active .designbase-menu-item__child-label{color:var(--db-feedback-info-fg);font-weight:var(--db-weight-semibold)}.designbase-menu-item__child--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-menu-item__child--disabled:hover{background-color:transparent}.designbase-menu-item__child-icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;justify-content:center}.designbase-menu-item__child-label{color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-menu-item--inline{align-items:center;display:inline-flex;flex-direction:row;width:auto}.designbase-menu-item--inline .designbase-menu-item__content{padding:var(--db-padding-xs)}.designbase-menu-item--block{align-items:flex-start;display:flex;flex-direction:column;width:100%}.designbase-menu-item--block .designbase-menu-item__content{width:100%}.designbase-menu-item--s .designbase-menu-item__content{padding:var(--db-padding-xs)}.designbase-menu-item--s .designbase-menu-item__label{font-size:var(--db-text-xs)}.designbase-menu-item--s .designbase-menu-item__children{padding-left:var(--db-padding-s)}.designbase-menu-item--s .designbase-menu-item__child{padding:var(--db-padding-xs)}.designbase-menu-item--s .designbase-menu-item__child-label{font-size:var(--db-text-xs)}.designbase-menu-item--m .designbase-menu-item__content{padding:var(--db-padding-s)}.designbase-menu-item--m .designbase-menu-item__label{font-size:var(--db-text-s)}.designbase-menu-item--m .designbase-menu-item__children{padding-left:var(--db-padding-s)}.designbase-menu-item--m .designbase-menu-item__child{padding:var(--db-padding-s)}.designbase-menu-item--m .designbase-menu-item__child-label{font-size:var(--db-text-s)}.designbase-menu-item--l .designbase-menu-item__content{padding:var(--db-padding-m)}.designbase-menu-item--l .designbase-menu-item__label{font-size:var(--db-text-base)}.designbase-menu-item--l .designbase-menu-item__children{padding-left:var(--db-padding-m)}.designbase-menu-item--l .designbase-menu-item__child{padding:var(--db-padding-m)}.designbase-menu-item--l .designbase-menu-item__child-label{font-size:var(--db-text-base)}.designbase-menu-item--default .designbase-menu-item__content{color:var(--db-text-primary)}.designbase-menu-item--primary .designbase-menu-item__content,.designbase-menu-item--primary .designbase-menu-item__label{color:var(--db-text-link)}.designbase-menu-item--primary .designbase-menu-item__icon{color:var(--db-icon-primary)}.designbase-menu-item--success .designbase-menu-item__content,.designbase-menu-item--success .designbase-menu-item__label{color:var(--db-feedback-success-fg)}.designbase-menu-item--success .designbase-menu-item__icon{color:var(--db-icon-success)}.designbase-menu-item--warning .designbase-menu-item__content,.designbase-menu-item--warning .designbase-menu-item__label{color:var(--db-feedback-warning-fg)}.designbase-menu-item--warning .designbase-menu-item__icon{color:var(--db-icon-warning)}.designbase-menu-item--danger .designbase-menu-item__content,.designbase-menu-item--danger .designbase-menu-item__label{color:var(--db-feedback-error-fg)}.designbase-menu-item--danger .designbase-menu-item__icon{color:var(--db-icon-error)}.designbase-menu-item--info .designbase-menu-item__content,.designbase-menu-item--info .designbase-menu-item__label{color:var(--db-text-link)}.designbase-menu-item--info .designbase-menu-item__icon{color:var(--db-icon-info)}.designbase-menu-item--depth-1 .designbase-menu-item__content{padding-left:var(--db-padding-m)}.designbase-menu-item--depth-2 .designbase-menu-item__content{padding-left:var(--db-padding-l)}.designbase-menu-item--depth-3 .designbase-menu-item__content{padding-left:var(--db-padding-xl)}.designbase-menu-item--active .designbase-menu-item__content{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-menu-item--active .designbase-menu-item__icon{color:var(--db-icon-info)}.designbase-menu-item--active .designbase-menu-item__label{color:var(--db-feedback-info-fg);font-weight:var(--db-weight-semibold)}.designbase-menu-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-menu-item--disabled .designbase-menu-item__content{cursor:not-allowed}.designbase-menu-item--disabled .designbase-menu-item__content:hover{background-color:transparent}@media (max-width:640px){.designbase-menu-item__label{max-width:120px}.designbase-menu-item__child-label{max-width:100px}}.designbase-divider{background:none;border:none;border-color:var(--db-border-base);display:block;outline:none}.designbase-divider--horizontal{border-top-style:solid;border-top-width:1px;margin:var(--db-margin-m) 0;width:100%}.designbase-divider--vertical{border-left-style:solid;border-left-width:1px;display:inline-block;height:1em;margin:0 var(--db-margin-s);vertical-align:middle;width:1px}.designbase-divider--dashed{border-style:dashed}.designbase-divider--dotted{border-style:dotted}.designbase-divider--horizontal.designbase-divider--thick{border-top-width:2px}.designbase-divider--horizontal.designbase-divider--thin{border-top-width:.5px}.designbase-divider--vertical.designbase-divider--thick{border-left-width:2px}.designbase-divider--vertical.designbase-divider--thin{border-left-width:.5px}.designbase-divider--primary{border-color:var(--db-color-info)}.designbase-divider--secondary{border-color:var(--db-border-secondary)}.designbase-divider--success{border-color:var(--db-color-success)}.designbase-divider--warning{border-color:var(--db-color-warning)}.designbase-divider--danger{border-color:var(--db-color-danger)}.designbase-divider--info{border-color:var(--db-color-info)}.designbase-divider--light{border-color:var(--db-border-muted)}.designbase-divider--dark{border-color:var(--db-border-base)}.designbase-divider--no-margin{margin:0}.designbase-divider--margin-sm{margin:var(--db-margin-s) 0}.designbase-divider--margin-md{margin:var(--db-margin-m) 0}.designbase-divider--margin-lg{margin:var(--db-margin-l) 0}.designbase-divider--margin-xl{margin:var(--db-margin-xl) 0}.designbase-divider--vertical.designbase-divider--no-margin{margin:0}.designbase-divider--vertical.designbase-divider--margin-sm{margin:0 var(--db-margin-xs)}.designbase-divider--vertical.designbase-divider--margin-md{margin:0 var(--db-margin-s)}.designbase-divider--vertical.designbase-divider--margin-lg{margin:0 var(--db-margin-m)}.designbase-divider--vertical.designbase-divider--margin-xl{margin:0 var(--db-margin-l)}@media (max-width:768px){.designbase-divider--horizontal{margin:var(--db-margin-m) 0}.designbase-divider--vertical{margin:0 var(--db-margin-s)}}.designbase-divider:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-context-menu{animation:contextMenuFadeIn var(--db-animation-speed) var(--db-animation-ease);background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);max-width:200px;min-width:120px;padding:var(--db-padding-xs);position:fixed;z-index:var(--db-z-popover)}.designbase-context-menu__item-wrapper{position:relative}.designbase-context-menu__submenu{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);left:100%;max-width:200px;min-width:120px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:0;transform:translateX(-10px);transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-context-menu__submenu--open{opacity:1;transform:translateX(0);visibility:visible}.designbase-context-menu .designbase-menu-item{border-radius:var(--db-radius-s);width:100%}.designbase-context-menu .designbase-menu-item .designbase-menu-item__content{display:flex;text-align:left;width:100%}.designbase-context-menu .designbase-menu-item--disabled{cursor:not-allowed}.designbase-context-menu .designbase-menu-item--disabled:hover{background-color:transparent}.designbase-context-menu .designbase-divider{border-color:var(--db-border-base);margin:var(--db-margin-xs) 0}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:640px){.designbase-context-menu{max-width:calc(100vw - 32px);min-width:180px}.designbase-context-menu__submenu{max-width:calc(100vw - 64px);min-width:180px}}.designbase-date-picker{display:inline-flex;position:relative;width:100%}.designbase-date-picker__trigger{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s);width:100%}.designbase-date-picker__icon-display,.designbase-date-picker__toggle{align-items:center;background:transparent;border:none;color:var(--db-icon-default);cursor:pointer;display:inline-flex;justify-content:center}.designbase-date-picker__icon-display:disabled,.designbase-date-picker__toggle:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-date-picker__icon-display:hover:not(:disabled),.designbase-date-picker__toggle:hover:not(:disabled){color:var(--db-icon-hover)}.designbase-date-picker__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);min-width:90px;outline:none;padding:0}.designbase-date-picker__input::placeholder{color:var(--db-text-tertiary)}.designbase-date-picker__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-date-picker--open .designbase-date-picker__toggle svg{transform:rotate(180deg)}.designbase-date-picker__dropdown{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);left:0;min-width:320px;position:absolute;top:calc(100% + var(--db-margin-xs));z-index:1000}.designbase-date-picker__selector{display:flex;flex-direction:column}.designbase-date-picker__header{align-items:center;border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-s)}.designbase-date-picker__nav-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-m);color:var(--db-text-secondary);cursor:pointer;display:flex;height:var(--db-size-m);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-m)}.designbase-date-picker__nav-button:hover:not(:disabled){background:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-date-picker__nav-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-date-picker__nav-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-date-picker__current-month{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__weekdays{border-bottom:1px solid var(--db-border-base);display:grid;grid-template-columns:repeat(7,1fr)}.designbase-date-picker__weekday{align-items:center;color:var(--db-text-secondary);display:flex;font-weight:var(--db-weight-medium);justify-content:center;text-align:center}.designbase-date-picker__weekday:first-child{color:var(--db-feedback-error-fg);font-weight:var(--db-weight-semibold)}.designbase-date-picker__weekday:last-child{color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__grid{background:var(--db-border-base);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.designbase-date-picker__date{align-items:center;background:var(--db-surface-base);border:none;border-radius:0;color:var(--db-text-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:var(--db-weight-medium);justify-content:center;min-height:40px;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-date-picker__date:hover:not(.designbase-date-picker__date--disabled):not(.designbase-date-picker__date--outside){background:var(--db-surface-layer-1)}.designbase-date-picker__date:focus{outline:2px solid var(--db-border-focus);outline-offset:-2px;z-index:1}.designbase-date-picker__date--outside{background:var(--db-surface-layer-1);color:var(--db-text-tertiary);cursor:default}.designbase-date-picker__date--outside:hover{background:var(--db-surface-layer-1)}.designbase-date-picker__date--today{background:var(--db-surface-base);color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__date--today:before{background:var(--db-brand-primary);border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:4px}.designbase-date-picker__date--selected{background:var(--db-brand-primary);border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);font-weight:var(--db-weight-semibold)}.designbase-date-picker__date--selected:hover{background:var(--db-brand-primary)!important}.designbase-date-picker__date--in-range{background:var(--color-foundation-blue-100);color:var(--db-brand-primary)}.designbase-date-picker__date--range-start{background:var(--db-brand-primary);border-bottom-left-radius:var(--db-radius-s);border-bottom-right-radius:0;border-top-left-radius:var(--db-radius-s);border-top-right-radius:0;color:var(--db-text-inverse-primary)}.designbase-date-picker__date--range-end{background:var(--db-brand-primary);border-bottom-left-radius:0;border-bottom-right-radius:var(--db-radius-s);border-top-left-radius:0;border-top-right-radius:var(--db-radius-s);color:var(--db-text-inverse-primary)}.designbase-date-picker__date--weekend{color:var(--db-feedback-error-fg)}.designbase-date-picker__date--selected.designbase-date-picker__date--weekend{color:var(--db-text-inverse-primary)}.designbase-date-picker__date--disabled{background:var(--db-surface-layer-1);color:var(--db-text-tertiary);cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-date-picker__date--disabled:hover{background:var(--db-surface-layer-1)}.designbase-date-picker__date--has-events{font-weight:var(--db-weight-semibold)}.designbase-date-picker__date-number{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.designbase-date-picker__events{align-items:center;display:flex;gap:2px;justify-content:center;margin-top:2px}.designbase-date-picker__event{background:var(--db-feedback-info-fg);border-radius:50%;height:4px;width:4px}.designbase-date-picker__event--badge{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);display:flex;font-size:10px;font-weight:var(--db-weight-medium);height:16px;justify-content:center;width:16px}.designbase-date-picker__event-count{color:var(--db-text-secondary);font-size:10px;font-weight:var(--db-weight-medium)}.designbase-date-picker__footer{align-items:center;border-top:1px solid var(--db-border-base);display:flex;justify-content:center;padding:var(--db-padding-s)}.designbase-date-picker__today-button{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:pointer;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);padding:var(--db-padding-xs) var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-date-picker__today-button:hover:not(:disabled){background:var(--db-surface-layer-2);border-color:var(--db-border-layer-1)}.designbase-date-picker__today-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-date-picker__today-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-date-picker__modal-footer{display:flex;gap:var(--db-gap-s);justify-content:flex-end}.designbase-date-picker--s .designbase-date-picker__trigger{gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-date-picker--s .designbase-date-picker__input{font-size:var(--db-text-xs)}.designbase-date-picker--s .designbase-date-picker__dropdown{min-width:280px}.designbase-date-picker--m .designbase-date-picker__input{font-size:var(--db-text-s)}.designbase-date-picker--l .designbase-date-picker__trigger{padding:var(--db-padding-m)}.designbase-date-picker--l .designbase-date-picker__input{font-size:var(--db-text-base)}.designbase-date-picker--l .designbase-date-picker__dropdown{min-width:360px}.designbase-date-picker--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-date-picker--readonly .designbase-date-picker__trigger{background:var(--db-surface-muted)}.designbase-date-picker--readonly .designbase-date-picker__toggle{cursor:default}@media (max-width:480px){.designbase-date-picker__dropdown{left:50%;min-width:260px;transform:translateX(-50%)}}.designbase-date-picker--inline{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);display:flex;flex-direction:column;overflow:hidden}.designbase-date-picker--inline--size-s{width:280px}.designbase-date-picker--inline--size-s .designbase-date-picker__header{padding:var(--db-padding-xs)}.designbase-date-picker--inline--size-s .designbase-date-picker__current-month{font-size:var(--db-text-base);font-weight:var(--db-weight-medium)}.designbase-date-picker--inline--size-s .designbase-date-picker__weekdays{padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-s .designbase-date-picker__weekday{font-size:var(--db-text-xs);padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-s .designbase-date-picker__date{font-size:var(--db-text-xs);min-height:32px}.designbase-date-picker--inline--size-s .designbase-date-picker__footer{padding:var(--db-padding-xs)}.designbase-date-picker--inline--size-m{width:320px}.designbase-date-picker--inline--size-m .designbase-date-picker__header{padding:var(--db-padding-s)}.designbase-date-picker--inline--size-m .designbase-date-picker__current-month{font-size:var(--db-text-l);font-weight:var(--db-weight-semibold)}.designbase-date-picker--inline--size-m .designbase-date-picker__weekday{font-size:var(--db-text-s);padding:var(--db-padding-s) 0}.designbase-date-picker--inline--size-m .designbase-date-picker__date{font-size:var(--db-text-s);min-height:40px}.designbase-date-picker--inline--size-m .designbase-date-picker__footer{padding:var(--db-padding-s)}.designbase-date-picker--inline--size-l{width:360px}.designbase-date-picker--inline--size-l .designbase-date-picker__header{padding:var(--db-padding-m)}.designbase-date-picker--inline--size-l .designbase-date-picker__current-month{font-size:var(--db-text-m);font-weight:var(--db-weight-semibold)}.designbase-date-picker--inline--size-l .designbase-date-picker__weekday{font-size:var(--db-text-m);padding:var(--db-padding-s) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__date{font-size:var(--db-text-m);min-height:48px}.designbase-date-picker--inline--size-l .designbase-date-picker__footer{padding:var(--db-padding-m)}.designbase-date-picker--inline--variant-default{background:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-date-picker--inline--variant-outlined{background:transparent;border-color:var(--db-border-base)}.designbase-date-picker--inline--variant-filled{background:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-date-picker--inline--disabled{opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-date-picker--inline--disabled .designbase-date-picker__nav-button,.designbase-date-picker--inline--disabled .designbase-date-picker__today-button{cursor:not-allowed}.designbase-date-picker--inline--readonly .designbase-date-picker__date{cursor:default}.designbase-date-picker--inline--readonly .designbase-date-picker__date:hover{background:var(--db-surface-base)}.designbase-date-picker--inline--readonly .designbase-date-picker__nav-button,.designbase-date-picker--inline--readonly .designbase-date-picker__today-button{cursor:default}.designbase-date-picker--inline--readonly .designbase-date-picker__nav-button:hover,.designbase-date-picker--inline--readonly .designbase-date-picker__today-button:hover{background:transparent}@media (max-width:768px){.designbase-date-picker__dropdown{left:50%!important;margin:0;max-width:400px;position:fixed;top:50%!important;transform:translate(-50%,-50%);width:calc(100vw - 32px)}.designbase-date-picker--inline--size-l{width:320px}.designbase-date-picker--inline--size-l .designbase-date-picker__header{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-date-picker--inline--size-l .designbase-date-picker__current-month{font-size:var(--db-text-l)}.designbase-date-picker--inline--size-l .designbase-date-picker__weekdays{padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__weekday{font-size:var(--db-text-base);padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__date{font-size:var(--db-text-base);min-height:40px}.designbase-date-picker--inline--size-l .designbase-date-picker__footer{padding:var(--db-padding-s) var(--db-padding-m)}}@media (max-width:480px){.designbase-date-picker__dropdown{width:calc(100vw - 16px)}.designbase-date-picker--inline{max-width:320px;width:100%}.designbase-date-picker--inline--size-l .designbase-date-picker__header,.designbase-date-picker--inline--size-m .designbase-date-picker__header{padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-date-picker--inline--size-l .designbase-date-picker__current-month,.designbase-date-picker--inline--size-m .designbase-date-picker__current-month{font-size:var(--db-text-base)}.designbase-date-picker--inline--size-l .designbase-date-picker__weekdays,.designbase-date-picker--inline--size-m .designbase-date-picker__weekdays{padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__weekday,.designbase-date-picker--inline--size-m .designbase-date-picker__weekday{font-size:var(--db-text-s);padding:var(--db-padding-xs) 0}.designbase-date-picker--inline--size-l .designbase-date-picker__date,.designbase-date-picker--inline--size-m .designbase-date-picker__date{font-size:var(--db-text-s);min-height:32px}.designbase-date-picker--inline--size-l .designbase-date-picker__footer,.designbase-date-picker--inline--size-m .designbase-date-picker__footer{padding:var(--db-padding-xs) var(--db-padding-s)}}.designbase-drawer{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-drawer__overlay{background-color:var(--db-overlay-base);bottom:0;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;top:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease-in)}.designbase-drawer__overlay--open{opacity:1}.designbase-drawer__container{background-color:var(--db-surface-base);box-shadow:var(--db-shadow-drawer);display:flex;flex-direction:column;pointer-events:auto;position:absolute;transition:transform var(--db-animation-speed) var(--db-animation-ease-in)}.designbase-drawer__container--left{border-right:1px solid var(--db-border-base);bottom:0;left:0;top:0;transform:translateX(-100%)}.designbase-drawer__container--left.designbase-drawer__container--open{transform:translateX(0)}.designbase-drawer__container--right{border-left:1px solid var(--db-border-base);bottom:0;right:0;top:0;transform:translateX(100%)}.designbase-drawer__container--right.designbase-drawer__container--open{transform:translateX(0)}.designbase-drawer__container--top{border-bottom:1px solid var(--db-border-base);left:0;right:0;top:0;transform:translateY(-100%)}.designbase-drawer__container--top.designbase-drawer__container--open{transform:translateY(0)}.designbase-drawer__container--bottom{border-top:1px solid var(--db-border-base);bottom:0;left:0;right:0;transform:translateY(100%)}.designbase-drawer__container--bottom.designbase-drawer__container--open{transform:translateY(0)}.designbase-drawer--s .designbase-drawer__container--left,.designbase-drawer--s .designbase-drawer__container--right{width:320px}.designbase-drawer--s .designbase-drawer__container--bottom,.designbase-drawer--s .designbase-drawer__container--top{height:320px}.designbase-drawer--m .designbase-drawer__container--left,.designbase-drawer--m .designbase-drawer__container--right{width:480px}.designbase-drawer--m .designbase-drawer__container--bottom,.designbase-drawer--m .designbase-drawer__container--top{height:480px}.designbase-drawer--l .designbase-drawer__container--left,.designbase-drawer--l .designbase-drawer__container--right{width:640px}.designbase-drawer--l .designbase-drawer__container--bottom,.designbase-drawer--l .designbase-drawer__container--top{height:640px}.designbase-drawer--xl .designbase-drawer__container--left,.designbase-drawer--xl .designbase-drawer__container--right{width:800px}.designbase-drawer--xl .designbase-drawer__container--bottom,.designbase-drawer--xl .designbase-drawer__container--top{height:800px}.designbase-drawer--full .designbase-drawer__container--left,.designbase-drawer--full .designbase-drawer__container--right{width:100vw}.designbase-drawer--full .designbase-drawer__container--bottom,.designbase-drawer--full .designbase-drawer__container--top{height:100vh}.designbase-drawer__header{align-items:center;background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-base);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-m)}.designbase-drawer__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);line-height:1.4;margin:0}.designbase-drawer__close-button{flex-shrink:0;margin-left:var(--db-margin-s)}.designbase-drawer__content{flex:1;overflow-x:hidden;overflow-y:auto;padding:var(--db-padding-m)}.designbase-drawer__content::-webkit-scrollbar{width:6px}.designbase-drawer__content::-webkit-scrollbar-track{background:var(--db-surface-layer-1)}.designbase-drawer__content::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:3px}.designbase-drawer__content::-webkit-scrollbar-thumb:hover{background:var(--db-border-secondary)}.designbase-drawer--animating{pointer-events:none}.designbase-drawer--animating .designbase-drawer__container{pointer-events:auto}@media (max-width:768px){.designbase-drawer--l .designbase-drawer__container--left,.designbase-drawer--l .designbase-drawer__container--right,.designbase-drawer--m .designbase-drawer__container--left,.designbase-drawer--m .designbase-drawer__container--right,.designbase-drawer--xl .designbase-drawer__container--left,.designbase-drawer--xl .designbase-drawer__container--right{width:100vw}.designbase-drawer--l .designbase-drawer__container--bottom,.designbase-drawer--l .designbase-drawer__container--top,.designbase-drawer--m .designbase-drawer__container--bottom,.designbase-drawer--m .designbase-drawer__container--top,.designbase-drawer--xl .designbase-drawer__container--bottom,.designbase-drawer--xl .designbase-drawer__container--top{height:100vh}.designbase-drawer__content,.designbase-drawer__header{padding:var(--db-padding-s)}.designbase-drawer__title{font-size:var(--db-text-m)}}@media (max-width:480px){.designbase-drawer--s .designbase-drawer__container--left,.designbase-drawer--s .designbase-drawer__container--right{width:100vw}.designbase-drawer--s .designbase-drawer__container--bottom,.designbase-drawer--s .designbase-drawer__container--top{height:100vh}}.designbase-drawer:focus-visible{outline:none}.designbase-drawer__container:focus-visible{outline:2px solid var(--db-blue-500);outline-offset:-2px}.designbase-drawer__container{backface-visibility:hidden;will-change:transform}.designbase-drawer__overlay{will-change:opacity}.designbase-dropdown{display:inline-block;position:relative}.designbase-dropdown__trigger--open .designbase-button__end-icon{transform:rotate(180deg)}.designbase-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);left:0;min-width:200px;opacity:0;padding:var(--db-padding-xs);position:absolute;top:100%;transform:translateY(-4px);transition:all var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;z-index:var(--db-z-popover)}.designbase-dropdown__menu--open{opacity:1;transform:translateY(0);visibility:visible}.designbase-dropdown__menu--bottom-left{left:0;top:100%;transform:translateY(-4px)}.designbase-dropdown__menu--bottom-left.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--bottom-right{left:auto;right:0;top:100%;transform:translateY(-4px)}.designbase-dropdown__menu--bottom-right.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--top-left{bottom:100%;left:0;top:auto;transform:translateY(4px)}.designbase-dropdown__menu--top-left.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__menu--top-right{bottom:100%;left:auto;right:0;top:auto;transform:translateY(4px)}.designbase-dropdown__menu--top-right.designbase-dropdown__menu--open{transform:translateY(0)}.designbase-dropdown__item{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);gap:var(--db-gap-s);line-height:var(--db-leading-tight);outline:none;padding:var(--db-padding-s);text-align:left;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-dropdown__item:focus,.designbase-dropdown__item:hover:not(.designbase-dropdown__item--disabled){background-color:var(--db-surface-layer-1)}.designbase-dropdown__item:focus{outline:2px solid var(--db-border-focus);outline-offset:-2px}.designbase-dropdown__item--focused{background-color:var(--db-surface-layer-1)}.designbase-dropdown__item--disabled{background-color:var(--db-surface-muted);color:var(--db-text-disabled);cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-dropdown__item-icon{align-items:center;color:var(--db-icon-default);display:flex;flex-shrink:0;justify-content:center}.designbase-dropdown__item-label{flex:1;white-space:nowrap}.designbase-dropdown__divider{background-color:var(--db-border-base);height:1px;margin:var(--db-margin-xs) 0}.designbase-dropdown--s .designbase-dropdown__item{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-dropdown--m .designbase-dropdown__item{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-dropdown--l .designbase-dropdown__item{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-dropdown--full-width{width:100%}.designbase-dropdown--full-width .designbase-dropdown__menu{min-width:100%;width:100%}.designbase-dropzone{align-items:center;background:var(--db-surface-base);border:1px dashed var(--db-border-base);border-radius:var(--db-radius-l);cursor:pointer;display:flex;justify-content:center;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-dropzone--size-s{min-height:80px;padding:var(--db-padding-s)}.designbase-dropzone--size-s .designbase-dropzone__icon{height:var(--db-size-icon-m);margin-bottom:var(--db-margin-xs);width:var(--db-size-icon-m)}.designbase-dropzone--size-s .designbase-dropzone__title{font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-dropzone--size-s .designbase-dropzone__description{font-size:var(--db-text-xs)}.designbase-dropzone--size-m{min-height:120px;padding:var(--db-padding-m)}.designbase-dropzone--size-m .designbase-dropzone__icon{height:var(--db-size-icon-l);margin-bottom:var(--db-margin-s);width:var(--db-size-icon-l)}.designbase-dropzone--size-m .designbase-dropzone__title{font-size:var(--db-text-base);font-weight:var(--db-weight-semibold)}.designbase-dropzone--size-m .designbase-dropzone__description{font-size:var(--db-text-s)}.designbase-dropzone--size-l{min-height:160px;padding:var(--db-padding-l)}.designbase-dropzone--size-l .designbase-dropzone__icon{height:var(--db-size-icon-xl);margin-bottom:var(--db-margin-m);width:var(--db-size-icon-xl)}.designbase-dropzone--size-l .designbase-dropzone__title{font-size:var(--db-text-l);font-weight:var(--db-weight-semibold)}.designbase-dropzone--size-l .designbase-dropzone__description{font-size:var(--db-text-base)}.designbase-dropzone--variant-default{background:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-dropzone--variant-outlined{background:transparent;border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-dropzone--variant-filled{background:var(--db-surface-layer-1);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-dropzone:hover:not(.designbase-dropzone--disabled):not(.designbase-dropzone--readonly){background:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-dropzone:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-dropzone--drag-over{background:var(--color-foundation-blue-50);border-color:var(--db-brand-primary);color:var(--db-brand-primary)}.designbase-dropzone--drag-over .designbase-dropzone__icon{color:var(--db-brand-primary)}.designbase-dropzone--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-dropzone--disabled,.designbase-dropzone--disabled:hover{background:var(--db-surface-muted);border-color:var(--db-border-muted)}.designbase-dropzone--readonly{background:var(--db-surface-muted);cursor:default}.designbase-dropzone--readonly:hover{background:var(--db-surface-muted);border-color:var(--db-border-base)}.designbase-dropzone__content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.designbase-dropzone__icon{align-items:center;color:var(--db-icon-default);display:flex;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-dropzone__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--db-margin-s)}.designbase-dropzone__image img{border-radius:var(--db-radius-m);height:auto;max-width:100%}.designbase-dropzone__title{color:inherit;line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-xs)}.designbase-dropzone__description{color:var(--db-text-secondary);line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-s)}.designbase-dropzone__button{background:var(--db-brand-primary);border:none;border-radius:var(--db-radius-m);color:var(--db-text-inverse-primary);cursor:pointer;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-dropzone__button:hover:not(:disabled){background:var(--color-foundation-blue-800)}.designbase-dropzone__button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-dropzone__button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-dropzone__size-limit{color:var(--db-text-tertiary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium)}.designbase-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--db-padding-xl);text-align:center}.designbase-empty-state__content{align-items:center;display:flex;flex-direction:column;max-width:400px;width:100%}.designbase-empty-state__icon{color:var(--db-icon-muted)}.designbase-empty-state__icon,.designbase-empty-state__image{align-items:center;display:flex;justify-content:center;margin-bottom:var(--db-margin-l)}.designbase-empty-state__image-element{border-radius:var(--db-radius-m);height:auto;max-width:100%}.designbase-empty-state__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold);line-height:var(--db-leading-snug);margin:0 0 var(--db-margin-s) 0}.designbase-empty-state__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-l)}.designbase-empty-state__actions{display:flex;flex-wrap:wrap;gap:var(--db-gap-s);justify-content:center}.designbase-empty-state--s{min-height:200px;padding:var(--db-padding-m)}.designbase-empty-state--s .designbase-empty-state__icon{margin-bottom:var(--db-margin-s)}.designbase-empty-state--s .designbase-empty-state__title{font-size:var(--db-text-base);line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-xs)}.designbase-empty-state--s .designbase-empty-state__description{font-size:var(--db-text-s);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-s)}.designbase-empty-state--m{min-height:300px;padding:var(--db-padding-xl)}.designbase-empty-state--m .designbase-empty-state__icon{margin-bottom:var(--db-margin-l)}.designbase-empty-state--m .designbase-empty-state__title{font-size:var(--db-text-xl);line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-s)}.designbase-empty-state--m .designbase-empty-state__description{font-size:var(--db-text-base);line-height:var(--db-leading-normal);margin-bottom:var(--db-margin-l)}.designbase-empty-state--l{min-height:400px;padding:var(--db-padding-2xl)}.designbase-empty-state--l .designbase-empty-state__icon{margin-bottom:var(--db-margin-xl)}.designbase-empty-state--l .designbase-empty-state__title{font-size:var(--db-text-2xl);line-height:var(--db-leading-tight);margin-bottom:var(--db-margin-m)}.designbase-empty-state--l .designbase-empty-state__description{font-size:var(--db-text-l);line-height:var(--db-leading-snug);margin-bottom:var(--db-margin-xl)}.designbase-empty-state--no-data .designbase-empty-state__icon,.designbase-empty-state--no-results .designbase-empty-state__icon{color:var(--db-icon-muted)}.designbase-empty-state--no-access .designbase-empty-state__icon{color:var(--db-icon-warning)}.designbase-empty-state--error .designbase-empty-state__icon{color:var(--db-icon-error)}.designbase-empty-state--onboarding .designbase-empty-state__icon{color:var(--db-icon-info)}.designbase-empty-state--onboarding .designbase-empty-state__title{color:var(--db-text-primary)}.designbase-empty-state--onboarding .designbase-empty-state__description{color:var(--db-text-secondary)}.designbase-progressbar,.designbase-progressbar__container{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-progressbar__container--top{flex-direction:column}.designbase-progressbar__container--bottom{flex-direction:column-reverse}.designbase-progressbar__container--inside{flex-direction:column}.designbase-progressbar__track{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-full);overflow:hidden;position:relative;width:100%}.designbase-progressbar__fill{align-items:center;background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);display:flex;height:100%;justify-content:center;position:relative;transition:width var(--db-animation-speed) var(--db-animation-ease)}.designbase-progressbar__fill-label{color:var(--db-text-inverse-primary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);line-height:var(--db-leading-tight);white-space:nowrap;z-index:1}.designbase-progressbar__label{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-progressbar__label--bottom,.designbase-progressbar__label--top{text-align:left}.designbase-progressbar__label--inside{display:none}.designbase-progressbar--s .designbase-progressbar__track{height:6px}.designbase-progressbar--s .designbase-progressbar__label{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-progressbar--m .designbase-progressbar__track{height:8px}.designbase-progressbar--m .designbase-progressbar__label{font-size:var(--db-text-s);line-height:var(--db-leading-normal)}.designbase-progressbar--l .designbase-progressbar__track{height:12px}.designbase-progressbar--l .designbase-progressbar__label{font-size:var(--db-text-m);line-height:var(--db-leading-normal)}.designbase-progressbar--default .designbase-progressbar__fill,.designbase-progressbar--primary .designbase-progressbar__fill{background-color:var(--db-brand-primary)}.designbase-progressbar--success .designbase-progressbar__fill{background-color:var(--db-feedback-success-fg)}.designbase-progressbar--warning .designbase-progressbar__fill{background-color:var(--db-feedback-warning-fg)}.designbase-progressbar--danger .designbase-progressbar__fill{background-color:var(--db-feedback-error-fg)}.designbase-progressbar--animated .designbase-progressbar__fill,.designbase-progressbar--striped .designbase-progressbar__fill{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.designbase-progressbar--animated .designbase-progressbar__fill{animation:progressbar-stripes 1s linear infinite}.designbase-progressbar--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-progressbar--disabled .designbase-progressbar__track{background-color:var(--db-surface-layer-1)}.designbase-progressbar--disabled .designbase-progressbar__fill{background-color:var(--db-text-disabled)}.designbase-progressbar--disabled .designbase-progressbar__label{color:var(--db-text-disabled)}.designbase-progressbar--full-width{width:100%}.designbase-progressbar--completed .designbase-progressbar__fill{background-color:var(--db-feedback-success-fg)}.designbase-progressbar--completed .designbase-progressbar__label{color:var(--db-feedback-success-fg)}@keyframes progressbar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (max-width:640px){.designbase-progressbar--l .designbase-progressbar__track{height:10px}.designbase-progressbar--l .designbase-progressbar__label{font-size:var(--db-text-s);line-height:var(--db-leading-normal)}}.designbase-progressbar:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-file-uploader{display:flex;flex-direction:column;gap:var(--db-gap-m)}.designbase-file-uploader--size-s .designbase-file-uploader__file-error{font-size:var(--db-text-xs)}.designbase-file-uploader--size-s .designbase-file-uploader__remove-button,.designbase-file-uploader--size-s .designbase-file-uploader__retry-button{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-file-uploader--size-m .designbase-file-uploader__file-error{font-size:var(--db-text-s)}.designbase-file-uploader--size-m .designbase-file-uploader__remove-button,.designbase-file-uploader--size-m .designbase-file-uploader__retry-button{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-file-uploader--size-l .designbase-file-uploader__file-error{font-size:var(--db-text-base)}.designbase-file-uploader--size-l .designbase-file-uploader__remove-button,.designbase-file-uploader--size-l .designbase-file-uploader__retry-button{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-file-uploader--variant-default .designbase-file-uploader__file-list{background:var(--db-surface-base);border:1px solid var(--db-border-base)}.designbase-file-uploader--variant-outlined .designbase-file-uploader__file-list{background:transparent;border:1px solid var(--db-border-base)}.designbase-file-uploader--variant-filled .designbase-file-uploader__file-list{background:var(--db-surface-layer-1);border:1px solid var(--db-border-base)}.designbase-file-uploader--disabled{opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-file-uploader--readonly .designbase-file-uploader__remove-button,.designbase-file-uploader--readonly .designbase-file-uploader__retry-button{cursor:default;opacity:var(--db-opacity-disabled)}.designbase-file-uploader__file-list{border-radius:var(--db-radius-l);overflow:hidden}.designbase-file-uploader__file-list-title{background:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);color:var(--db-text-primary);font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-file-uploader__file-items{display:flex;flex-direction:column}.designbase-file-uploader__file-item{align-items:center;border-bottom:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-m);justify-content:space-between;padding:var(--db-padding-s);transition:background-color var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__file-item:last-child{border-bottom:none}.designbase-file-uploader__file-item:hover{background:var(--db-surface-layer-1)}.designbase-file-uploader__file-item--pending .designbase-file-uploader__file-icon{color:var(--db-icon-muted)}.designbase-file-uploader__file-item--uploading .designbase-file-uploader__file-icon{color:var(--db-brand-primary)}.designbase-file-uploader__file-item--success .designbase-file-uploader__file-icon{color:var(--db-icon-success)}.designbase-file-uploader__file-item--error .designbase-file-uploader__file-icon{color:var(--db-icon-error)}.designbase-file-uploader__file-info{align-items:center;display:flex;flex:1;gap:var(--db-gap-s);min-width:0}.designbase-file-uploader__file-icon{align-items:center;color:var(--db-icon-default);display:flex;flex-shrink:0;height:var(--db-size-m);justify-content:center;width:var(--db-size-m)}.designbase-file-uploader__file-icon .designbase-spinner{height:var(--db-size-s);width:var(--db-size-s)}.designbase-file-uploader__file-details{display:flex;flex:1;flex-direction:column;min-width:0}.designbase-file-uploader__file-name{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-file-uploader__file-size{color:var(--db-text-secondary);font-size:var(--db-text-xs)}.designbase-file-uploader__file-error{color:var(--db-icon-error);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium)}.designbase-file-uploader__progress{align-items:center;display:flex;gap:var(--db-gap-s);margin:0 var(--db-margin-l);min-width:120px}.designbase-file-uploader__file-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-file-uploader__retry-button{background:var(--db-surface-base);border:1px solid var(--db-brand-primary);border-radius:var(--db-radius-m);color:var(--db-brand-primary);cursor:pointer;font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__retry-button:hover:not(:disabled){background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-file-uploader__retry-button:focus{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-file-uploader__retry-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-file-uploader__remove-button{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-secondary);cursor:pointer;font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-file-uploader__remove-button:hover:not(:disabled){background:var(--db-feedback-error-bg);border-color:var(--db-icon-error);color:var(--db-icon-error)}.designbase-file-uploader__remove-button:focus{outline:2px solid var(--db-icon-error);outline-offset:2px}.designbase-file-uploader__remove-button:disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-fab{align-items:center;background-color:var(--db-brand-primary);border:none;border-radius:var(--db-radius-full);bottom:var(--db-margin-xl);box-shadow:var(--db-shadow-button);color:var(--db-text-inverse-primary);cursor:pointer;display:flex;font-family:var(--db-font-primary);height:var(--db-size-button-m);justify-content:center;min-height:var(--db-size-button-m);min-width:var(--db-size-button-m);outline:none;overflow:hidden;position:fixed;right:var(--db-margin-xl);transition:all .2s ease;user-select:none;width:var(--db-size-button-m);z-index:var(--db-z-50)}.designbase-fab:hover:not(:disabled){box-shadow:var(--db-shadow-button-hover);transform:translateY(-2px) scale(1.05)}.designbase-fab:active:not(:disabled){box-shadow:var(--db-shadow-button-active);transform:translateY(0) scale(.95)}.designbase-fab:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-fab--s{height:var(--db-size-button-s);min-height:var(--db-size-button-s);min-width:var(--db-size-button-s);width:var(--db-size-button-s)}.designbase-fab--m{height:var(--db-size-button-m);min-height:var(--db-size-button-m);min-width:var(--db-size-button-m);width:var(--db-size-button-m)}.designbase-fab--l{height:var(--db-size-button-l);min-height:var(--db-size-button-l);min-width:var(--db-size-button-l);width:var(--db-size-button-l)}.designbase-fab--primary{background-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-fab--primary:hover:not(:disabled){background-color:var(--db-btn-primary-bg-hover)}.designbase-fab--primary:active:not(:disabled){background-color:var(--db-btn-primary-bg-active)}.designbase-fab--secondary{background-color:var(--db-btn-secondary-bg);border:1px solid var(--db-btn-secondary-border);color:var(--db-btn-secondary-text)}.designbase-fab--secondary:hover:not(:disabled){background-color:var(--db-btn-secondary-bg-hover);border-color:var(--db-btn-secondary-border-hover);color:var(--db-btn-secondary-text-hover)}.designbase-fab--secondary:active:not(:disabled){background-color:var(--db-btn-secondary-bg-active)}.designbase-fab--tertiary{background-color:var(--db-btn-tertiary-bg);border:1px solid var(--db-btn-tertiary-border);color:var(--db-btn-tertiary-text)}.designbase-fab--tertiary:hover:not(:disabled){background-color:var(--db-btn-tertiary-bg-hover);border-color:var(--db-btn-tertiary-border-hover);color:var(--db-btn-tertiary-text-hover)}.designbase-fab--tertiary:active:not(:disabled){background-color:var(--db-btn-tertiary-bg-active)}.designbase-fab--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-fab--disabled:hover{box-shadow:var(--db-shadow-button);transform:none}.designbase-fab--loading{cursor:wait;pointer-events:none}.designbase-fab__icon{align-items:center;display:flex;font-size:var(--db-text-xl);justify-content:center;line-height:var(--db-leading-none)}.designbase-fab--s .designbase-fab__icon{font-size:var(--db-text-base)}.designbase-fab--m .designbase-fab__icon{font-size:var(--db-text-xl)}.designbase-fab--l .designbase-fab__icon{font-size:var(--db-text-2xl)}.designbase-fab__icon .designbase-spinner{height:100%;width:100%}@media (prefers-reduced-motion:reduce){.designbase-fab{transition:none}.designbase-fab:active:not(:disabled),.designbase-fab:hover:not(:disabled){transform:none}}@media (hover:none) and (pointer:coarse){.designbase-fab:hover:not(:disabled){transform:none}.designbase-fab:active:not(:disabled){transform:scale(.95)}}@media (max-width:768px){.designbase-fab{bottom:var(--db-margin-l);right:var(--db-margin-l)}}@media (max-width:480px){.designbase-fab{bottom:var(--db-margin-m);right:var(--db-margin-m)}}@media print{.designbase-fab{display:none!important}}.designbase-radio{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-s);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-radio__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-radio__visual{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);display:flex;flex-shrink:0;justify-content:center;position:relative}.designbase-radio__dot,.designbase-radio__visual{border-radius:50%;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-radio__dot{height:60%;width:60%}.designbase-radio__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-radio .designbase-radio__visual{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-radio:hover:not(.designbase-radio--disabled) .designbase-radio__visual{background-color:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-radio.designbase-radio--selected .designbase-radio__visual{background-color:var(--db-surface-base);border-color:var(--db-brand-primary)}.designbase-radio.designbase-radio--selected .designbase-radio__dot{background-color:var(--db-brand-primary)}.designbase-radio.designbase-radio--selected:hover:not(.designbase-radio--disabled) .designbase-radio__visual{background-color:var(--db-surface-base);border-color:var(--color-foundation-blue-800)}.designbase-radio.designbase-radio--selected:hover:not(.designbase-radio--disabled) .designbase-radio__dot{background-color:var(--color-foundation-blue-800)}.designbase-radio--no-label{gap:0}.designbase-radio--s{font-size:var(--db-text-xs)}.designbase-radio--s .designbase-radio__visual{height:var(--db-size-xs);width:var(--db-size-xs)}.designbase-radio--m{font-size:var(--db-text-s)}.designbase-radio--m .designbase-radio__visual{height:var(--db-size-s);width:var(--db-size-s)}.designbase-radio--l{font-size:var(--db-text-base)}.designbase-radio--l .designbase-radio__visual{height:var(--db-size-m);width:var(--db-size-m)}.designbase-radio--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-radio--disabled .designbase-radio__visual{background-color:var(--db-surface-muted);border-color:var(--db-border-muted)}.designbase-radio--disabled .designbase-radio__label{color:var(--db-text-disabled)}.designbase-radio--readonly{cursor:default}.designbase-radio:focus-within .designbase-radio__visual{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-textarea{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-textarea__wrapper{align-items:stretch;display:flex;position:relative}.designbase-textarea__field{background-color:var(--db-field-bg);border:1px solid var(--db-field-border);border-radius:var(--db-radius-m);color:var(--db-field-text);font-family:inherit;font-size:var(--db-text-base);line-height:var(--db-leading-normal);min-height:100px;padding:var(--db-padding-s);resize:vertical;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-textarea__field::placeholder{color:var(--db-field-placeholder)}.designbase-textarea__field:focus{border-color:var(--db-field-border-focus);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10);outline:none}.designbase-textarea__field:hover:not(:disabled):not(:focus){background-color:var(--db-field-bg-hover);border-color:var(--db-field-border-hover)}.designbase-textarea__footer{align-items:center;display:flex;justify-content:space-between;min-height:20px}.designbase-textarea__helper-text{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-textarea__error-message{color:var(--db-feedback-error-fg);font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-textarea__character-count{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-textarea__character-count--top{margin-bottom:var(--db-margin-xs)}.designbase-textarea__character-count--bottom{margin-left:auto}.designbase-textarea__character-count-text--error{color:var(--db-feedback-error-fg)}.designbase-textarea--s .designbase-textarea__field{font-size:var(--db-text-sm);line-height:var(--db-leading-tight);padding:var(--db-padding-xs)}.designbase-textarea--s .designbase-textarea__character-count,.designbase-textarea--s .designbase-textarea__error-message,.designbase-textarea--s .designbase-textarea__helper-text{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-textarea--m .designbase-textarea__field{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-s)}.designbase-textarea--l .designbase-textarea__field{font-size:var(--db-text-l);line-height:var(--db-leading-relaxed);padding:var(--db-padding-m)}.designbase-textarea--l .designbase-textarea__character-count,.designbase-textarea--l .designbase-textarea__error-message,.designbase-textarea--l .designbase-textarea__helper-text{font-size:var(--db-text-sm);line-height:var(--db-leading-normal)}.designbase-textarea--error .designbase-textarea__field{border-color:var(--db-field-border-error)}.designbase-textarea--error .designbase-textarea__field:focus{border-color:var(--db-field-border-error);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10)}.designbase-textarea--disabled .designbase-textarea__field{background-color:var(--db-field-bg-disabled);border-color:var(--db-border-muted);color:var(--db-field-text-disabled);cursor:not-allowed}.designbase-textarea--disabled .designbase-textarea__field::placeholder{color:var(--db-field-text-disabled)}.designbase-textarea--readonly .designbase-textarea__field{background-color:var(--db-surface-layer-1);border-color:var(--db-border-muted);color:var(--db-text-primary);cursor:default}.designbase-textarea--readonly .designbase-textarea__field:focus{border-color:var(--db-border-muted);box-shadow:none}.designbase-textarea--full-width{width:100%}.designbase-textarea--not-resizable .designbase-textarea__field{resize:none}@media (max-width:640px){.designbase-textarea__footer{align-items:flex-start;flex-direction:column;gap:var(--db-gap-xs)}.designbase-textarea__character-count--bottom{margin-left:0}}.designbase-time-picker{display:inline-flex;position:relative;width:100%}.designbase-time-picker__trigger{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;gap:var(--db-gap-s);padding:var(--db-padding-s);width:100%}.designbase-time-picker__icon-display,.designbase-time-picker__toggle{align-items:center;background:transparent;border:none;color:var(--db-icon-default);cursor:pointer;display:inline-flex;justify-content:center}.designbase-time-picker__icon-display:disabled,.designbase-time-picker__toggle:disabled{color:var(--db-icon-disabled);cursor:not-allowed}.designbase-time-picker__icon-display:hover:not(:disabled),.designbase-time-picker__toggle:hover:not(:disabled){color:var(--db-icon-hover)}.designbase-time-picker__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);min-width:90px;outline:none;padding:0}.designbase-time-picker__input::placeholder{color:var(--db-text-tertiary)}.designbase-time-picker__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-time-picker--open .designbase-time-picker__toggle svg{transform:rotate(180deg)}.designbase-time-picker__dropdown{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);left:0;min-width:280px;padding:var(--db-padding-m);position:absolute;top:calc(100% + var(--db-margin-xs));z-index:1000}.designbase-time-picker__selector{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-time-picker__picker-wheels{display:flex;gap:var(--db-gap-s);justify-content:center}.designbase-time-picker__wheel-container{align-items:center;display:flex;flex:1 1 80px;flex-direction:column;gap:var(--db-gap-xs);max-width:80px}.designbase-time-picker__wheel-label{color:var(--db-text-secondary);font-size:var(--db-text-xs);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs);text-align:center}.designbase-time-picker__wheel-viewport{height:200px;overflow:hidden;position:relative;width:100%}.designbase-time-picker__wheel{-ms-overflow-style:none;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;padding-top:80px;position:relative;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.designbase-time-picker__wheel::-webkit-scrollbar{display:none}.designbase-time-picker__wheel-item{align-items:center;color:var(--db-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--db-text-base);font-weight:var(--db-weight-medium);height:40px;justify-content:center;scroll-snap-align:center}.designbase-time-picker__wheel-item:hover{color:var(--db-text-primary)}.designbase-time-picker__wheel-item--selected{color:var(--db-brand-primary);font-weight:var(--db-weight-bold)}.designbase-time-picker__wheel-center-indicator{background:transparent;border-bottom:2px solid var(--db-brand-primary);border-top:2px solid var(--db-brand-primary);height:40px;left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}.designbase-time-picker__wheel-fade{height:80px;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.designbase-time-picker .wheel-fade--top{background:linear-gradient(to bottom,var(--db-surface-base) 0,transparent 100%);top:0}.designbase-time-picker .wheel-fade--bottom{background:linear-gradient(to top,var(--db-surface-base) 0,transparent 100%);bottom:0}.designbase-time-picker__preview{align-items:center;background:var(--db-surface-layer-1);border-radius:var(--db-radius-m);display:flex;gap:var(--db-gap-s);justify-content:center;padding:var(--db-padding-s)}.designbase-time-picker__preview-time{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold)}.designbase-time-picker__dropdown-actions{display:flex;justify-content:flex-end}.designbase-time-picker__modal-footer{display:flex;gap:var(--db-gap-s);justify-content:flex-end}.designbase-time-picker--s .designbase-time-picker__trigger{gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-time-picker--s .designbase-time-picker__input{font-size:var(--db-text-xs)}.designbase-time-picker--s .designbase-time-picker__dropdown{min-width:280px}.designbase-time-picker--m .designbase-time-picker__input{font-size:var(--db-text-s)}.designbase-time-picker--m .designbase-time-picker__dropdown{min-width:320px}.designbase-time-picker--l .designbase-time-picker__trigger{padding:var(--db-padding-m)}.designbase-time-picker--l .designbase-time-picker__input{font-size:var(--db-text-base)}.designbase-time-picker--l .designbase-time-picker__dropdown{min-width:400px}.designbase-time-picker--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-time-picker--readonly .designbase-time-picker__trigger{background:var(--db-surface-muted)}.designbase-time-picker--readonly .designbase-time-picker__toggle{cursor:default}@media (max-width:480px){.designbase-time-picker__dropdown{left:50%;min-width:260px;transform:translateX(-50%)}}.designbase-form{width:100%}.designbase-form__fields{display:grid;gap:var(--db-gap-l)}.designbase-form--columns-1 .designbase-form__fields{grid-template-columns:1fr}.designbase-form--columns-2 .designbase-form__fields{grid-template-columns:repeat(2,1fr)}.designbase-form__field-wrapper{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-form__label{color:var(--db-text-primary);display:block;font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal)}.designbase-form__required{color:var(--db-icon-error);margin-left:var(--db-margin-xxs)}.designbase-form--s .designbase-form__field,.designbase-form--s .designbase-form__label{font-size:var(--db-text-s)}.designbase-form--s .designbase-form__error,.designbase-form--s .designbase-form__help{font-size:var(--db-text-xs)}.designbase-form--m .designbase-form__field,.designbase-form--m .designbase-form__label{font-size:var(--db-text-base)}.designbase-form--m .designbase-form__error,.designbase-form--m .designbase-form__help{font-size:var(--db-text-s)}.designbase-form--l .designbase-form__field,.designbase-form--l .designbase-form__label{font-size:var(--db-text-l)}.designbase-form--l .designbase-form__error,.designbase-form--l .designbase-form__help{font-size:var(--db-text-base)}.designbase-form--default{background:none;border:none;padding:0}.designbase-form--bordered{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);box-shadow:var(--db-shadow-sm)}.designbase-form--bordered,.designbase-form--filled{border-radius:var(--db-radius-l);padding:var(--db-padding-xl)}.designbase-form--filled{background-color:var(--db-surface-layer-1);border:none}.designbase-form__header{margin-bottom:var(--db-margin-l)}.designbase-form__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);line-height:var(--db-leading-tight);margin:0 0 var(--db-margin-xs) 0}.designbase-form__description{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:var(--db-leading-normal);margin:0}.designbase-form__field{transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-form__field--error{border-color:var(--db-icon-error)!important;box-shadow:0 0 0 2px var(--db-feedback-error-bg)}.designbase-form__radio-group{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-form__radio-group .designbase-radio{margin-bottom:0}.designbase-form__checkbox-group{display:flex;flex-direction:column;gap:var(--db-gap-s)}.designbase-form__checkbox-group .designbase-checkbox{margin-bottom:0}.designbase-form__error{animation:formErrorSlideIn var(--db-animation-speed) var(--db-animation-ease);color:var(--db-icon-error)}.designbase-form__error,.designbase-form__help{font-size:var(--db-text-xs);line-height:var(--db-leading-normal)}.designbase-form__help{color:var(--db-text-tertiary)}.designbase-form__actions{display:flex;gap:var(--db-gap-s);margin-top:var(--db-margin-l)}@media (max-width:768px){.designbase-form--columns-2 .designbase-form__fields{grid-template-columns:1fr}.designbase-form__actions{flex-direction:column}.designbase-form__actions .designbase-button{width:100%}}@keyframes formErrorSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes formFieldSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.designbase-form__field-wrapper--error .designbase-form__label{color:var(--db-red-500)}.designbase-form__field-wrapper--success .designbase-form__field{border-color:var(--db-green-500);box-shadow:0 0 0 2px rgba(40,167,69,.1)}.designbase-form__field-wrapper--warning .designbase-form__field{border-color:var(--db-yellow-500);box-shadow:0 0 0 2px rgba(255,193,7,.1)}.designbase-form--loading{opacity:.7;pointer-events:none}.designbase-form--loading .designbase-form__field{background-color:var(--db-surface-layer-1)}.designbase-form--disabled{opacity:.6;pointer-events:none}.designbase-form--disabled .designbase-form__field{background-color:var(--db-surface-layer-1);cursor:not-allowed}.designbase-gradient{align-items:center;background-position:50%;background-size:200% 200%;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.designbase-gradient--size-s{border-radius:var(--db-radius-m);height:80px;width:120px}.designbase-gradient--size-m{border-radius:var(--db-radius-l);height:120px;width:200px}.designbase-gradient--size-l{border-radius:var(--db-radius-xl);height:180px;width:300px}.designbase-gradient--size-xl{border-radius:var(--db-radius-2xl);height:240px;width:400px}.designbase-gradient--size-full{border-radius:0;height:100%;width:100%}.designbase-gradient--full-width{width:100%}.designbase-gradient--full-height{height:100%}.designbase-gradient--variant-animated{animation:gradient-shift 3s ease-in-out infinite}.designbase-gradient--variant-mesh{animation:mesh-rotate 8s ease-in-out infinite;background-size:400% 400%}.designbase-gradient--direction-to-right{background:linear-gradient(to right,var(--gradient-colors))}.designbase-gradient--direction-to-left{background:linear-gradient(to left,var(--gradient-colors))}.designbase-gradient--direction-to-bottom{background:linear-gradient(to bottom,var(--gradient-colors))}.designbase-gradient--direction-to-top{background:linear-gradient(to top,var(--gradient-colors))}.designbase-gradient--direction-to-bottom-right{background:linear-gradient(to bottom right,var(--gradient-colors))}.designbase-gradient--direction-to-bottom-left{background:linear-gradient(to bottom left,var(--gradient-colors))}.designbase-gradient--direction-to-top-right{background:linear-gradient(to top right,var(--gradient-colors))}.designbase-gradient--direction-to-top-left{background:linear-gradient(to top left,var(--gradient-colors))}.designbase-gradient--direction-radial{background:radial-gradient(circle,var(--gradient-colors));background-size:100% 100%}.designbase-gradient:hover{box-shadow:var(--db-shadow-lg);transform:scale(1.02)}.designbase-gradient:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-gradient:before{background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 50%,transparent);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.designbase-gradient:hover:before{opacity:1}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mesh-rotate{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}:root{--gradient-colors:#ff6b6b,#4ecdc4,#45b7d1,#96ceb4}@media (max-width:768px){.designbase-gradient--size-xl{height:180px;width:300px}.designbase-gradient--size-l{height:150px;width:250px}}@media (max-width:480px){.designbase-gradient--size-xl{height:150px;width:250px}.designbase-gradient--size-l{height:120px;width:200px}.designbase-gradient--size-m{height:90px;width:150px}}.gradient-sunset{background:linear-gradient(45deg,#ff6b6b,#feca57,#ff9ff3,#54a0ff)}.gradient-ocean{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-forest{background:linear-gradient(45deg,#11998e,#38ef7d)}.gradient-sunrise{background:linear-gradient(45deg,#ff9a9e,#fecfef 50%,#fecfef)}.gradient-aurora{background:linear-gradient(45deg,#a8edea,#fed6e3)}.gradient-cosmic{animation:gradient-shift 6s ease infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3);background-size:400% 400%}.gradient-neon{animation:gradient-shift 4s ease infinite;background:linear-gradient(45deg,#ff006e,#8338ec,#3a86ff);background-size:200% 200%}.gradient-pastel{background:linear-gradient(45deg,#ffd1dc,#e0f7fa,#f3e5f5,#fff3e0)}.gradient-metallic{animation:gradient-shift 5s ease infinite;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:300% 300%}.designbase-grid{display:flex;flex-direction:column;padding:var(--ion-grid-padding,16px);width:100%}.designbase-grid--fixed{margin:0 auto;width:var(--ion-grid-width,100%)}@media (min-width:576px){.designbase-grid--fixed{width:var(--ion-grid-width-sm,540px)}}@media (min-width:768px){.designbase-grid--fixed{width:var(--ion-grid-width-md,720px)}}@media (min-width:992px){.designbase-grid--fixed{width:var(--ion-grid-width-lg,960px)}}@media (min-width:1200px){.designbase-grid--fixed{width:var(--ion-grid-width-xl,1140px)}}.designbase-grid--no-padding{padding:0}.designbase-grid__row{display:flex;flex-wrap:wrap;margin:calc(var(--ion-grid-column-padding, 8px)*-1)}.designbase-grid__row--align-start{align-items:flex-start}.designbase-grid__row--align-center{align-items:center}.designbase-grid__row--align-end{align-items:flex-end}.designbase-grid__row--align-stretch{align-items:stretch}.designbase-grid__row--justify-start{justify-content:flex-start}.designbase-grid__row--justify-center{justify-content:center}.designbase-grid__row--justify-end{justify-content:flex-end}.designbase-grid__row--justify-around{justify-content:space-around}.designbase-grid__row--justify-between{justify-content:space-between}.designbase-grid__row--justify-evenly{justify-content:space-evenly}.designbase-grid__col{box-sizing:border-box;flex:1;padding:var(--ion-grid-column-padding,8px)}.designbase-grid__col--xs-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--xs-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--xs-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--xs-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--xs-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--xs-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--xs-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--xs-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--xs-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--xs-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--xs-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--xs-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--xs-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--xs-offset-1{margin-left:8.33333%}.designbase-grid__col--xs-offset-2{margin-left:16.66667%}.designbase-grid__col--xs-offset-3{margin-left:25%}.designbase-grid__col--xs-offset-4{margin-left:33.33333%}.designbase-grid__col--xs-offset-5{margin-left:41.66667%}.designbase-grid__col--xs-offset-6{margin-left:50%}.designbase-grid__col--xs-offset-7{margin-left:58.33333%}.designbase-grid__col--xs-offset-8{margin-left:66.66667%}.designbase-grid__col--xs-offset-9{margin-left:75%}.designbase-grid__col--xs-offset-10{margin-left:83.33333%}.designbase-grid__col--xs-offset-11{margin-left:91.66667%}.designbase-grid__col--xs-push-1{margin-left:8.33333%}.designbase-grid__col--xs-push-2{margin-left:16.66667%}.designbase-grid__col--xs-push-3{margin-left:25%}.designbase-grid__col--xs-push-4{margin-left:33.33333%}.designbase-grid__col--xs-push-5{margin-left:41.66667%}.designbase-grid__col--xs-push-6{margin-left:50%}.designbase-grid__col--xs-push-7{margin-left:58.33333%}.designbase-grid__col--xs-push-8{margin-left:66.66667%}.designbase-grid__col--xs-push-9{margin-left:75%}.designbase-grid__col--xs-push-10{margin-left:83.33333%}.designbase-grid__col--xs-push-11{margin-left:91.66667%}.designbase-grid__col--xs-pull-1{margin-left:-8.33333%}.designbase-grid__col--xs-pull-2{margin-left:-16.66667%}.designbase-grid__col--xs-pull-3{margin-left:-25%}.designbase-grid__col--xs-pull-4{margin-left:-33.33333%}.designbase-grid__col--xs-pull-5{margin-left:-41.66667%}.designbase-grid__col--xs-pull-6{margin-left:-50%}.designbase-grid__col--xs-pull-7{margin-left:-58.33333%}.designbase-grid__col--xs-pull-8{margin-left:-66.66667%}.designbase-grid__col--xs-pull-9{margin-left:-75%}.designbase-grid__col--xs-pull-10{margin-left:-83.33333%}.designbase-grid__col--xs-pull-11{margin-left:-91.66667%}@media (min-width:576px){.designbase-grid__col--sm-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--sm-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--sm-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--sm-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--sm-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--sm-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--sm-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--sm-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--sm-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--sm-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--sm-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--sm-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--sm-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--sm-offset-1{margin-left:8.33333%}.designbase-grid__col--sm-offset-2{margin-left:16.66667%}.designbase-grid__col--sm-offset-3{margin-left:25%}.designbase-grid__col--sm-offset-4{margin-left:33.33333%}.designbase-grid__col--sm-offset-5{margin-left:41.66667%}.designbase-grid__col--sm-offset-6{margin-left:50%}.designbase-grid__col--sm-offset-7{margin-left:58.33333%}.designbase-grid__col--sm-offset-8{margin-left:66.66667%}.designbase-grid__col--sm-offset-9{margin-left:75%}.designbase-grid__col--sm-offset-10{margin-left:83.33333%}.designbase-grid__col--sm-offset-11{margin-left:91.66667%}.designbase-grid__col--sm-push-1{margin-left:8.33333%}.designbase-grid__col--sm-push-2{margin-left:16.66667%}.designbase-grid__col--sm-push-3{margin-left:25%}.designbase-grid__col--sm-push-4{margin-left:33.33333%}.designbase-grid__col--sm-push-5{margin-left:41.66667%}.designbase-grid__col--sm-push-6{margin-left:50%}.designbase-grid__col--sm-push-7{margin-left:58.33333%}.designbase-grid__col--sm-push-8{margin-left:66.66667%}.designbase-grid__col--sm-push-9{margin-left:75%}.designbase-grid__col--sm-push-10{margin-left:83.33333%}.designbase-grid__col--sm-push-11{margin-left:91.66667%}.designbase-grid__col--sm-pull-1{margin-left:-8.33333%}.designbase-grid__col--sm-pull-2{margin-left:-16.66667%}.designbase-grid__col--sm-pull-3{margin-left:-25%}.designbase-grid__col--sm-pull-4{margin-left:-33.33333%}.designbase-grid__col--sm-pull-5{margin-left:-41.66667%}.designbase-grid__col--sm-pull-6{margin-left:-50%}.designbase-grid__col--sm-pull-7{margin-left:-58.33333%}.designbase-grid__col--sm-pull-8{margin-left:-66.66667%}.designbase-grid__col--sm-pull-9{margin-left:-75%}.designbase-grid__col--sm-pull-10{margin-left:-83.33333%}.designbase-grid__col--sm-pull-11{margin-left:-91.66667%}}@media (min-width:768px){.designbase-grid__col--md-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--md-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--md-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--md-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--md-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--md-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--md-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--md-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--md-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--md-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--md-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--md-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--md-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--md-offset-1{margin-left:8.33333%}.designbase-grid__col--md-offset-2{margin-left:16.66667%}.designbase-grid__col--md-offset-3{margin-left:25%}.designbase-grid__col--md-offset-4{margin-left:33.33333%}.designbase-grid__col--md-offset-5{margin-left:41.66667%}.designbase-grid__col--md-offset-6{margin-left:50%}.designbase-grid__col--md-offset-7{margin-left:58.33333%}.designbase-grid__col--md-offset-8{margin-left:66.66667%}.designbase-grid__col--md-offset-9{margin-left:75%}.designbase-grid__col--md-offset-10{margin-left:83.33333%}.designbase-grid__col--md-offset-11{margin-left:91.66667%}.designbase-grid__col--md-push-1{margin-left:8.33333%}.designbase-grid__col--md-push-2{margin-left:16.66667%}.designbase-grid__col--md-push-3{margin-left:25%}.designbase-grid__col--md-push-4{margin-left:33.33333%}.designbase-grid__col--md-push-5{margin-left:41.66667%}.designbase-grid__col--md-push-6{margin-left:50%}.designbase-grid__col--md-push-7{margin-left:58.33333%}.designbase-grid__col--md-push-8{margin-left:66.66667%}.designbase-grid__col--md-push-9{margin-left:75%}.designbase-grid__col--md-push-10{margin-left:83.33333%}.designbase-grid__col--md-push-11{margin-left:91.66667%}.designbase-grid__col--md-pull-1{margin-left:-8.33333%}.designbase-grid__col--md-pull-2{margin-left:-16.66667%}.designbase-grid__col--md-pull-3{margin-left:-25%}.designbase-grid__col--md-pull-4{margin-left:-33.33333%}.designbase-grid__col--md-pull-5{margin-left:-41.66667%}.designbase-grid__col--md-pull-6{margin-left:-50%}.designbase-grid__col--md-pull-7{margin-left:-58.33333%}.designbase-grid__col--md-pull-8{margin-left:-66.66667%}.designbase-grid__col--md-pull-9{margin-left:-75%}.designbase-grid__col--md-pull-10{margin-left:-83.33333%}.designbase-grid__col--md-pull-11{margin-left:-91.66667%}}@media (min-width:992px){.designbase-grid__col--lg-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--lg-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--lg-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--lg-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--lg-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--lg-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--lg-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--lg-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--lg-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--lg-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--lg-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--lg-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--lg-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--lg-offset-1{margin-left:8.33333%}.designbase-grid__col--lg-offset-2{margin-left:16.66667%}.designbase-grid__col--lg-offset-3{margin-left:25%}.designbase-grid__col--lg-offset-4{margin-left:33.33333%}.designbase-grid__col--lg-offset-5{margin-left:41.66667%}.designbase-grid__col--lg-offset-6{margin-left:50%}.designbase-grid__col--lg-offset-7{margin-left:58.33333%}.designbase-grid__col--lg-offset-8{margin-left:66.66667%}.designbase-grid__col--lg-offset-9{margin-left:75%}.designbase-grid__col--lg-offset-10{margin-left:83.33333%}.designbase-grid__col--lg-offset-11{margin-left:91.66667%}.designbase-grid__col--lg-push-1{margin-left:8.33333%}.designbase-grid__col--lg-push-2{margin-left:16.66667%}.designbase-grid__col--lg-push-3{margin-left:25%}.designbase-grid__col--lg-push-4{margin-left:33.33333%}.designbase-grid__col--lg-push-5{margin-left:41.66667%}.designbase-grid__col--lg-push-6{margin-left:50%}.designbase-grid__col--lg-push-7{margin-left:58.33333%}.designbase-grid__col--lg-push-8{margin-left:66.66667%}.designbase-grid__col--lg-push-9{margin-left:75%}.designbase-grid__col--lg-push-10{margin-left:83.33333%}.designbase-grid__col--lg-push-11{margin-left:91.66667%}.designbase-grid__col--lg-pull-1{margin-left:-8.33333%}.designbase-grid__col--lg-pull-2{margin-left:-16.66667%}.designbase-grid__col--lg-pull-3{margin-left:-25%}.designbase-grid__col--lg-pull-4{margin-left:-33.33333%}.designbase-grid__col--lg-pull-5{margin-left:-41.66667%}.designbase-grid__col--lg-pull-6{margin-left:-50%}.designbase-grid__col--lg-pull-7{margin-left:-58.33333%}.designbase-grid__col--lg-pull-8{margin-left:-66.66667%}.designbase-grid__col--lg-pull-9{margin-left:-75%}.designbase-grid__col--lg-pull-10{margin-left:-83.33333%}.designbase-grid__col--lg-pull-11{margin-left:-91.66667%}}@media (min-width:1200px){.designbase-grid__col--xl-1{flex:0 0 8.33333%;max-width:8.33333%}.designbase-grid__col--xl-2{flex:0 0 16.66667%;max-width:16.66667%}.designbase-grid__col--xl-3{flex:0 0 25%;max-width:25%}.designbase-grid__col--xl-4{flex:0 0 33.33333%;max-width:33.33333%}.designbase-grid__col--xl-5{flex:0 0 41.66667%;max-width:41.66667%}.designbase-grid__col--xl-6{flex:0 0 50%;max-width:50%}.designbase-grid__col--xl-7{flex:0 0 58.33333%;max-width:58.33333%}.designbase-grid__col--xl-8{flex:0 0 66.66667%;max-width:66.66667%}.designbase-grid__col--xl-9{flex:0 0 75%;max-width:75%}.designbase-grid__col--xl-10{flex:0 0 83.33333%;max-width:83.33333%}.designbase-grid__col--xl-11{flex:0 0 91.66667%;max-width:91.66667%}.designbase-grid__col--xl-12{flex:0 0 100%;max-width:100%}.designbase-grid__col--xl-auto{flex:0 0 auto;max-width:none}.designbase-grid__col--xl-offset-1{margin-left:8.33333%}.designbase-grid__col--xl-offset-2{margin-left:16.66667%}.designbase-grid__col--xl-offset-3{margin-left:25%}.designbase-grid__col--xl-offset-4{margin-left:33.33333%}.designbase-grid__col--xl-offset-5{margin-left:41.66667%}.designbase-grid__col--xl-offset-6{margin-left:50%}.designbase-grid__col--xl-offset-7{margin-left:58.33333%}.designbase-grid__col--xl-offset-8{margin-left:66.66667%}.designbase-grid__col--xl-offset-9{margin-left:75%}.designbase-grid__col--xl-offset-10{margin-left:83.33333%}.designbase-grid__col--xl-offset-11{margin-left:91.66667%}.designbase-grid__col--xl-push-1{margin-left:8.33333%}.designbase-grid__col--xl-push-2{margin-left:16.66667%}.designbase-grid__col--xl-push-3{margin-left:25%}.designbase-grid__col--xl-push-4{margin-left:33.33333%}.designbase-grid__col--xl-push-5{margin-left:41.66667%}.designbase-grid__col--xl-push-6{margin-left:50%}.designbase-grid__col--xl-push-7{margin-left:58.33333%}.designbase-grid__col--xl-push-8{margin-left:66.66667%}.designbase-grid__col--xl-push-9{margin-left:75%}.designbase-grid__col--xl-push-10{margin-left:83.33333%}.designbase-grid__col--xl-push-11{margin-left:91.66667%}.designbase-grid__col--xl-pull-1{margin-left:-8.33333%}.designbase-grid__col--xl-pull-2{margin-left:-16.66667%}.designbase-grid__col--xl-pull-3{margin-left:-25%}.designbase-grid__col--xl-pull-4{margin-left:-33.33333%}.designbase-grid__col--xl-pull-5{margin-left:-41.66667%}.designbase-grid__col--xl-pull-6{margin-left:-50%}.designbase-grid__col--xl-pull-7{margin-left:-58.33333%}.designbase-grid__col--xl-pull-8{margin-left:-66.66667%}.designbase-grid__col--xl-pull-9{margin-left:-75%}.designbase-grid__col--xl-pull-10{margin-left:-83.33333%}.designbase-grid__col--xl-pull-11{margin-left:-91.66667%}}:root{--ion-grid-padding:16px;--ion-grid-padding-xs:16px;--ion-grid-padding-sm:16px;--ion-grid-padding-md:16px;--ion-grid-padding-lg:16px;--ion-grid-padding-xl:16px;--ion-grid-column-padding:8px;--ion-grid-column-padding-xs:8px;--ion-grid-column-padding-sm:8px;--ion-grid-column-padding-md:8px;--ion-grid-column-padding-lg:8px;--ion-grid-column-padding-xl:8px;--ion-grid-width:100%;--ion-grid-width-xs:100%;--ion-grid-width-sm:540px;--ion-grid-width-md:720px;--ion-grid-width-lg:960px;--ion-grid-width-xl:1140px;--ion-grid-columns:12}.designbase-grid[role=grid] .designbase-grid__row{role:"row"}.designbase-grid[role=grid] .designbase-grid__col{role:"gridcell"}.designbase-grid__col{backface-visibility:hidden;will-change:flex-basis,max-width,margin-left}.designbase-stat{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;font-family:var(--db-font-family);gap:var(--db-gap-s);padding:var(--db-padding-m);transition:all .2s ease}.designbase-stat--size-s{gap:var(--db-gap-xs);padding:var(--db-padding-s)}.designbase-stat--size-s .designbase-stat__value{font-size:var(--db-text-l);font-weight:var(--db-weight-semibold)}.designbase-stat--size-s .designbase-stat__label{font-size:var(--db-text-s)}.designbase-stat--size-s .designbase-stat__icon{font-size:var(--db-text-base)}.designbase-stat--size-m{gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-stat--size-m .designbase-stat__value{font-size:var(--db-text-xl);font-weight:var(--db-weight-semibold)}.designbase-stat--size-m .designbase-stat__label{font-size:var(--db-text-base)}.designbase-stat--size-m .designbase-stat__icon{font-size:var(--db-text-xl)}.designbase-stat--size-l{gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-stat--size-l .designbase-stat__value{font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold)}.designbase-stat--size-l .designbase-stat__label{font-size:var(--db-text-l)}.designbase-stat--size-l .designbase-stat__icon{font-size:var(--db-text-2xl)}.designbase-stat--size-xl{gap:var(--db-gap-l);padding:var(--db-padding-xl)}.designbase-stat--size-xl .designbase-stat__value{font-size:var(--db-text-3xl);font-weight:var(--db-weight-bold)}.designbase-stat--size-xl .designbase-stat__label{font-size:var(--db-text-xl)}.designbase-stat--size-xl .designbase-stat__icon{font-size:var(--db-text-3xl)}.designbase-stat--variant-minimal{background:transparent;border:none;padding:var(--db-padding-xs)}.designbase-stat--variant-minimal .designbase-stat__label,.designbase-stat--variant-minimal .designbase-stat__value{opacity:.8}.designbase-stat--variant-card{border:1px solid var(--db-border-base);box-shadow:var(--db-shadow-sm)}.designbase-stat--variant-colored{border:none}.designbase-stat--variant-colored,.designbase-stat--variant-colored .designbase-stat__change,.designbase-stat--variant-colored .designbase-stat__description,.designbase-stat--variant-colored .designbase-stat__icon,.designbase-stat--variant-colored .designbase-stat__label,.designbase-stat--variant-colored .designbase-stat__value{color:var(--db-text-inverse-primary)}.designbase-stat--layout-horizontal{align-items:center;flex-direction:row}.designbase-stat--layout-vertical{align-items:flex-start;flex-direction:column;text-align:left}.designbase-stat--layout-reverse{align-items:center;flex-direction:row-reverse}.designbase-stat--color-primary{--stat-color:var(--db-brand-primary)}.designbase-stat--color-secondary{--stat-color:var(--db-text-secondary)}.designbase-stat--color-success{--stat-color:var(--db-feedback-success-fg)}.designbase-stat--color-warning{--stat-color:var(--db-feedback-warning-fg)}.designbase-stat--color-error{--stat-color:var(--db-feedback-error-fg)}.designbase-stat--color-info{--stat-color:var(--db-feedback-info-fg)}.designbase-stat--clickable{cursor:pointer}.designbase-stat--clickable:hover{box-shadow:var(--db-shadow-md);transform:translateY(-2px)}.designbase-stat--clickable:active{transform:translateY(0)}.designbase-stat--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-stat--animated .designbase-stat__value{animation:stat-pulse 2s infinite}.designbase-stat--with-progress{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}.designbase-stat--with-change .designbase-stat__content,.designbase-stat--with-description .designbase-stat__content{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-stat__icon{align-items:center;color:var(--stat-color,var(--db-blue-600));display:flex;flex-shrink:0;justify-content:center}.designbase-stat__icon--left{order:1}.designbase-stat__icon--right{order:3}.designbase-stat__content{flex:1;min-width:0}.designbase-stat__main{display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-stat__value{color:var(--stat-color,var(--db-text-primary));line-height:1.2}.designbase-stat__label{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);line-height:1.4}.designbase-stat__change{font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-stat__change--increase{color:var(--db-green-600)}.designbase-stat__change--decrease{color:var(--db-red-600)}.designbase-stat__description{color:var(--db-text-tertiary);font-size:var(--db-text-s);line-height:1.4}.designbase-stat__progress{width:100%}@keyframes stat-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.designbase-stat--size-l{gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-stat--size-l .designbase-stat__value{font-size:var(--db-text-xl)}.designbase-stat--size-l .designbase-stat__label{font-size:var(--db-text-base)}.designbase-stat--size-l .designbase-stat__icon{font-size:var(--db-text-xl)}.designbase-stat--size-xl{gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-stat--size-xl .designbase-stat__value{font-size:var(--db-text-2xl)}.designbase-stat--size-xl .designbase-stat__label{font-size:var(--db-text-l)}.designbase-stat--size-xl .designbase-stat__icon{font-size:var(--db-text-2xl)}.designbase-stat--layout-vertical{align-items:center;text-align:center}}@media (max-width:480px){.designbase-stat--size-m{gap:var(--db-gap-xs);padding:var(--db-padding-s)}.designbase-stat--size-m .designbase-stat__value{font-size:var(--db-text-l)}.designbase-stat--size-m .designbase-stat__label{font-size:var(--db-text-s)}.designbase-stat--size-m .designbase-stat__icon{font-size:var(--db-text-base)}.designbase-stat--layout-reverse{align-items:flex-start;flex-direction:column;text-align:left}}.designbase-hero-feature{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.designbase-hero-feature--size-s{min-height:300px;padding:var(--db-padding-lg) var(--db-padding-s)}.designbase-hero-feature--size-s .designbase-hero-feature__title{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-s .designbase-hero-feature__subtitle{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-s .designbase-hero-feature__description{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-hero-feature--size-m{min-height:400px;padding:var(--db-padding-xl) var(--db-padding-m)}.designbase-hero-feature--size-m .designbase-hero-feature__title{font-size:var(--db-text-3xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-m .designbase-hero-feature__subtitle{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-m .designbase-hero-feature__description{font-size:var(--db-text-l);line-height:var(--db-leading-normal)}.designbase-hero-feature--size-l{min-height:500px;padding:var(--db-padding-2xl) var(--db-padding-l)}.designbase-hero-feature--size-l .designbase-hero-feature__title{font-size:var(--db-text-4xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-l .designbase-hero-feature__subtitle{font-size:var(--db-text-3xl);line-height:var(--db-leading-snug)}.designbase-hero-feature--size-l .designbase-hero-feature__description{font-size:var(--db-text-xl);line-height:var(--db-leading-relaxed)}.designbase-hero-feature--size-xl{min-height:600px;padding:var(--db-padding-3xl) var(--db-padding-xl)}.designbase-hero-feature--size-xl .designbase-hero-feature__title{font-size:var(--db-text-5xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-xl .designbase-hero-feature__subtitle{font-size:var(--db-text-4xl);line-height:var(--db-leading-tight)}.designbase-hero-feature--size-xl .designbase-hero-feature__description{font-size:var(--db-text-2xl);line-height:var(--db-leading-relaxed)}.designbase-hero-feature--full-height{min-height:100vh}.designbase-hero-feature--theme-light{background:var(--db-surface-base);color:var(--db-text-primary)}.designbase-hero-feature--theme-dark{background:var(--db-bg-inverse);color:var(--db-text-inverse-primary)}.designbase-hero-feature--theme-gradient{background:linear-gradient(135deg,var(--db-blue-600) 0,var(--db-blue-400) 100%);color:var(--db-text-inverse-primary)}.designbase-hero-feature--theme-image{background:var(--db-surface-base);color:var(--db-text-primary)}.designbase-hero-feature--alignment-left .designbase-hero-feature__content{align-items:flex-start;text-align:left}.designbase-hero-feature--alignment-center .designbase-hero-feature__content{align-items:center;text-align:center}.designbase-hero-feature--alignment-right .designbase-hero-feature__content{align-items:flex-end;text-align:right}.designbase-hero-feature--animated .designbase-hero-feature__buttons,.designbase-hero-feature--animated .designbase-hero-feature__description,.designbase-hero-feature--animated .designbase-hero-feature__subtitle,.designbase-hero-feature--animated .designbase-hero-feature__title{animation:fadeInUp .8s ease-out}.designbase-hero-feature--animated .designbase-hero-feature__badge{animation:fadeInDown .6s ease-out}.designbase-hero-feature--animated .designbase-hero-feature__stats{animation:fadeInUp 1s ease-out .2s both}.designbase-hero-feature--parallax .designbase-hero-feature__image--parallax{transform:translateZ(0);will-change:transform}.designbase-hero-feature__container{align-items:center;display:flex;gap:var(--db-gap-l);justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.designbase-hero-feature__content{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-s);max-width:600px}.designbase-hero-feature__icon{align-items:center;background:var(--db-color-info);border-radius:var(--db-radius-l);color:var(--db-white);display:flex;height:64px;justify-content:center;margin-bottom:var(--db-margin-sm);width:64px}.designbase-hero-feature__badge{align-items:center;border-radius:var(--db-radius-s);display:inline-flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:1;margin-bottom:var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s);white-space:nowrap;width:fit-content}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-solid{background:var(--db-color-info);color:var(--db-white)}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-color-info);color:var(--db-color-info)}.designbase-hero-feature__badge--color-primary.designbase-hero-feature__badge--variant-soft{background:var(--db-blue-100);color:var(--db-blue-700)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-solid{background:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-border-base);color:var(--db-text-secondary)}.designbase-hero-feature__badge--color-secondary.designbase-hero-feature__badge--variant-soft{background:var(--db-surface-layer-2);color:var(--db-text-secondary)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-solid{background:var(--db-green-600);color:var(--db-white)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-green-600);color:var(--db-green-600)}.designbase-hero-feature__badge--color-success.designbase-hero-feature__badge--variant-soft{background:var(--db-green-100);color:var(--db-green-700)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-solid{background:var(--db-yellow-600);color:var(--db-white)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-yellow-600);color:var(--db-yellow-700)}.designbase-hero-feature__badge--color-warning.designbase-hero-feature__badge--variant-soft{background:var(--db-yellow-100);color:var(--db-yellow-700)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-solid{background:var(--db-red-600);color:var(--db-white)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-red-600);color:var(--db-red-600)}.designbase-hero-feature__badge--color-error.designbase-hero-feature__badge--variant-soft{background:var(--db-red-100);color:var(--db-red-700)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-solid{background:var(--db-color-info);color:var(--db-white)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-outline{background:transparent;border:1px solid var(--db-color-info);color:var(--db-color-info)}.designbase-hero-feature__badge--color-info.designbase-hero-feature__badge--variant-soft{background:var(--db-blue-100);color:var(--db-blue-700)}.designbase-hero-feature__title{color:inherit;font-weight:var(--db-weight-bold);line-height:1.2;margin:0}.designbase-hero-feature__subtitle{color:inherit;font-weight:var(--db-weight-semibold);line-height:1.3;margin:0;opacity:.8}.designbase-hero-feature__description{color:inherit;line-height:1.6;margin:0;max-width:500px;opacity:.7}.designbase-hero-feature__buttons{display:flex;flex-wrap:wrap;gap:var(--db-gap-s);margin-top:var(--db-margin-sm)}.designbase-hero-feature__button{align-items:center;border:none;border-radius:var(--db-radius-m);cursor:pointer;display:inline-flex;font-size:var(--db-text-base);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);padding:var(--db-padding-sm) var(--db-padding-l);text-decoration:none;transition:all .2s ease}.designbase-hero-feature__button--size-s{font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-m)}.designbase-hero-feature__button--size-m{font-size:var(--db-text-base);padding:var(--db-padding-sm) var(--db-padding-l)}.designbase-hero-feature__button--size-l{font-size:var(--db-text-l);padding:var(--db-padding-md) var(--db-padding-xl)}.designbase-hero-feature__button--variant-primary{background:var(--db-color-info);color:var(--db-white)}.designbase-hero-feature__button--variant-primary:hover{background:var(--db-blue-700);transform:translateY(-1px)}.designbase-hero-feature__button--variant-secondary{background:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-hero-feature__button--variant-secondary:hover{background:var(--db-bg-hover);transform:translateY(-1px)}.designbase-hero-feature__button--variant-outline{background:transparent;border:2px solid var(--db-color-info);color:var(--db-color-info)}.designbase-hero-feature__button--variant-outline:hover{background:var(--db-color-info);border-color:var(--db-color-info)}.designbase-hero-feature__button--variant-ghost{background:transparent;color:var(--db-color-info)}.designbase-hero-feature__button--variant-ghost:hover{background:var(--db-blue-100)}.designbase-hero-feature__button-icon{align-items:center;display:flex;justify-content:center}.designbase-hero-feature__stats{display:flex;flex-wrap:wrap;gap:var(--db-gap-m);margin-top:var(--db-margin-md)}.designbase-hero-feature__stat{align-items:flex-start;display:flex;flex-direction:column;gap:var(--db-gap-xs)}.designbase-hero-feature__stat-value{color:inherit;font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold);line-height:1}.designbase-hero-feature__stat-label{color:inherit;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);opacity:.7}.designbase-hero-feature__stat-description{color:inherit;font-size:var(--db-text-xs);opacity:.5}.designbase-hero-feature__image{align-items:center;display:flex;flex:1;justify-content:center;max-width:500px}.designbase-hero-feature__image img{border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-lg);height:auto;transition:transform .3s ease;width:100%}.designbase-hero-feature__image img:hover{transform:scale(1.02)}.designbase-hero-feature__background-video{object-fit:cover}.designbase-hero-feature__background-image,.designbase-hero-feature__background-video,.designbase-hero-feature__overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.designbase-hero-feature--variant-split .designbase-hero-feature__container{flex-direction:row}.designbase-hero-feature--variant-centered .designbase-hero-feature__container{flex-direction:column;text-align:center}.designbase-hero-feature--variant-centered .designbase-hero-feature__content{align-items:center;text-align:center}.designbase-hero-feature--variant-overlay .designbase-hero-feature__content{position:relative;z-index:3}.designbase-hero-feature--variant-minimal .designbase-hero-feature__content{max-width:800px}.designbase-hero-feature--variant-minimal .designbase-hero-feature__title{font-size:var(--db-text-4xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.designbase-hero-feature--size-l,.designbase-hero-feature--size-xl{padding:var(--db-padding-lg) var(--db-padding-s)}.designbase-hero-feature--size-l .designbase-hero-feature__title,.designbase-hero-feature--size-xl .designbase-hero-feature__title{font-size:var(--db-text-3xl)}.designbase-hero-feature--size-l .designbase-hero-feature__subtitle,.designbase-hero-feature--size-xl .designbase-hero-feature__subtitle{font-size:var(--db-text-2xl)}.designbase-hero-feature--size-l .designbase-hero-feature__description,.designbase-hero-feature--size-xl .designbase-hero-feature__description{font-size:var(--db-text-l)}.designbase-hero-feature--variant-split .designbase-hero-feature__container{flex-direction:column;gap:var(--db-gap-m)}.designbase-hero-feature--variant-split .designbase-hero-feature__image{max-width:100%}.designbase-hero-feature__buttons{flex-direction:column;width:100%}.designbase-hero-feature__button{justify-content:center;width:100%}.designbase-hero-feature__stats{flex-direction:column;gap:var(--db-gap-s)}}.designbase-lightbox{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.designbase-lightbox--size-s .designbase-lightbox__modal{max-height:80vh;max-width:600px}.designbase-lightbox--size-s .designbase-lightbox__image{max-height:400px;max-width:500px}.designbase-lightbox--size-s .designbase-lightbox__thumbnail{height:60px;width:60px}.designbase-lightbox--size-m .designbase-lightbox__modal{max-height:85vh;max-width:800px}.designbase-lightbox--size-m .designbase-lightbox__image{max-height:500px;max-width:700px}.designbase-lightbox--size-m .designbase-lightbox__thumbnail{height:80px;width:80px}.designbase-lightbox--size-l .designbase-lightbox__modal{max-height:90vh;max-width:1000px}.designbase-lightbox--size-l .designbase-lightbox__image{max-height:600px;max-width:900px}.designbase-lightbox--size-l .designbase-lightbox__thumbnail{height:100px;width:100px}.designbase-lightbox--size-xl .designbase-lightbox__modal{max-height:95vh;max-width:1200px}.designbase-lightbox--size-xl .designbase-lightbox__image{max-height:700px;max-width:1100px}.designbase-lightbox--size-xl .designbase-lightbox__thumbnail{height:120px;width:120px}.designbase-lightbox__modal{background:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-xl)}.designbase-lightbox--fullscreen .designbase-lightbox__overlay{padding:0!important}.designbase-lightbox--fullscreen .designbase-lightbox__modal{border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.designbase-lightbox__overlay{align-items:center;backdrop-filter:blur(4px);background:var(--db-overlay-base);bottom:0;display:flex;justify-content:center;left:0;padding:var(--db-padding-l);position:absolute;right:0;top:0}.designbase-lightbox__modal{display:flex;flex-direction:column;height:100%;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}.designbase-lightbox__header{align-items:center;background:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--db-padding-s)}.designbase-lightbox__title{align-items:center;display:flex;flex:1;gap:var(--db-gap-s);min-width:0}.designbase-lightbox__title-text{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-lightbox__counter{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-s);color:var(--db-text-secondary);flex-shrink:0;font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-lightbox__header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-lightbox__toolbar-button{align-items:center;background:transparent;border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;font-size:var(--db-text-xs);font-weight:var(--db-weight-normal);height:var(--db-size-button-l);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-button-l)}.designbase-lightbox__toolbar-button:hover{background:var(--db-surface-hover);border-color:var(--db-border-hover);color:var(--db-text-primary)}.designbase-lightbox__toolbar-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-lightbox__close-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;height:var(--db-size-button-l);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-button-l)}.designbase-lightbox__close-button:hover{background:var(--db-surface-hover);color:var(--db-text-primary)}.designbase-lightbox__close-button:focus{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-lightbox__content{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.designbase-lightbox__nav-button{align-items:center;background:var(--db-overlay-base);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:var(--db-size-button-xl);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-button-xl);z-index:10}.designbase-lightbox__nav-button:hover{background:var(--db-surface-inverse);transform:translateY(-50%) scale(1.1)}.designbase-lightbox__nav-button:focus{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-lightbox__nav-button--prev{left:var(--db-padding-m)}.designbase-lightbox__nav-button--next{right:var(--db-padding-m)}.designbase-lightbox__image-container{align-items:center;background:var(--db-surface-layer-2);display:flex;flex:1;justify-content:center;min-height:200px;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;user-select:none}.designbase-lightbox__image{max-height:100%;max-width:100%;object-fit:contain;opacity:0;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-lightbox__image--loaded{opacity:1}.designbase-lightbox__image--dragging{transition:none}.designbase-lightbox__loading{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column;gap:var(--db-gap-m);justify-content:center}.designbase-lightbox__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--db-border-base);border:3px solid var(--db-border-base);border-radius:50%;border-top-color:var(--db-brand-primary);height:32px;width:32px}.designbase-lightbox__loading-text{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0}.designbase-lightbox__error{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column;gap:var(--db-gap-m);justify-content:center}.designbase-lightbox__error-icon{font-size:var(--db-text-xl)}.designbase-lightbox__error-text{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0}.designbase-lightbox__description{background:var(--db-surface-layer-1);border-top:1px solid var(--db-border-base);flex-shrink:0;padding:var(--db-padding-s)}.designbase-lightbox__description-text{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:1.6;margin:0}.designbase-lightbox__thumbnails{background:var(--db-surface-layer-1);border-top:1px solid var(--db-border-base);flex-shrink:0;padding:var(--db-padding-s)}.designbase-lightbox__thumbnails-container{display:flex;gap:var(--db-gap-s);overflow-x:auto;scrollbar-color:var(--db-border-base) transparent;scrollbar-width:thin}.designbase-lightbox__thumbnails-container::-webkit-scrollbar{height:6px}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-track{background:transparent}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:3px}.designbase-lightbox__thumbnails-container::-webkit-scrollbar-thumb:hover{background:var(--db-border-hover)}.designbase-lightbox__thumbnail{align-items:center;background:transparent;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);cursor:pointer;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;transition:all var(--db-animation-speed) var(--db-animation-ease);width:80px}.designbase-lightbox__thumbnail:hover{border-color:var(--db-brand-primary)}.designbase-lightbox__thumbnail:focus{outline:1px solid var(--db-brand-primary);outline-offset:1px}.designbase-lightbox__thumbnail--active{border-color:var(--db-brand-primary);box-shadow:0 0 0 2px var(--db-brand-primary)}.designbase-lightbox__thumbnail-image{border-radius:var(--db-radius-s);height:100%;object-fit:cover;width:100%}@media (max-width:768px){.designbase-lightbox__overlay{padding:var(--db-padding-m)}.designbase-lightbox__modal{max-height:95vh}.designbase-lightbox__header{align-items:stretch;flex-direction:column;gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-lightbox__header-actions,.designbase-lightbox__title{justify-content:center}.designbase-lightbox__nav-button{height:40px;width:40px}.designbase-lightbox__nav-button--prev{left:var(--db-padding-m)}.designbase-lightbox__nav-button--next{right:var(--db-padding-m)}.designbase-lightbox__thumbnails{padding:var(--db-padding-m)}.designbase-lightbox__thumbnail{height:80px;width:80px}}@media (max-width:480px){.designbase-lightbox__header,.designbase-lightbox__overlay{padding:var(--db-padding-s)}.designbase-lightbox__title-text{font-size:var(--db-text-m)}.designbase-lightbox__toolbar-button{height:32px;width:32px}.designbase-lightbox__close-button,.designbase-lightbox__nav-button{height:36px;width:36px}.designbase-lightbox__nav-button--prev{left:var(--db-padding-s)}.designbase-lightbox__nav-button--next{right:var(--db-padding-s)}.designbase-lightbox__thumbnails{padding:var(--db-padding-s)}.designbase-lightbox__thumbnail{height:60px;width:60px}}.designbase-image-list{display:flex;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-image-list--grid{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(var(--columns,3),1fr)}.designbase-image-list--grid.designbase-image-list--columns-1{grid-template-columns:1fr}.designbase-image-list--grid.designbase-image-list--columns-2{grid-template-columns:repeat(2,1fr)}.designbase-image-list--grid.designbase-image-list--columns-3{grid-template-columns:repeat(3,1fr)}.designbase-image-list--grid.designbase-image-list--columns-4{grid-template-columns:repeat(4,1fr)}.designbase-image-list--grid.designbase-image-list--columns-5{grid-template-columns:repeat(5,1fr)}.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(6,1fr)}.designbase-image-list--list{flex-direction:column;gap:var(--db-gap-s)}.designbase-image-list--list .designbase-image-list__item{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;gap:var(--db-gap-m);padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--list .designbase-image-list__item:hover{box-shadow:var(--db-shadow-md);transform:translateY(-1px)}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__image{border-radius:var(--db-radius-s);flex-shrink:0;height:80px;overflow:hidden;width:120px}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay{background:none;color:var(--db-text-primary);flex:1;opacity:1;padding:0;position:static;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay .designbase-image-list__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-bold);margin:0 0 var(--db-margin-xs) 0;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--list .designbase-image-list__item .designbase-image-list__overlay .designbase-image-list__description{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--gallery{display:grid;gap:var(--db-gap-m);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.designbase-image-list--gallery .designbase-image-list__item{border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-md);overflow:hidden;position:relative;transition:transform var(--db-animation-speed) var(--db-animation-ease),box-shadow var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list--gallery .designbase-image-list__item:hover{box-shadow:var(--db-shadow-lg);transform:translateY(-4px)}.designbase-image-list--gallery .designbase-image-list__item:hover .designbase-image-list__overlay{opacity:1}.designbase-image-list--carousel{display:flex;gap:var(--db-gap-m);overflow-x:auto;padding:var(--db-padding-s) 0;scroll-snap-type:x mandatory}.designbase-image-list--carousel::-webkit-scrollbar{height:6px}.designbase-image-list--carousel::-webkit-scrollbar-track{background:var(--db-surface-layer-1);border-radius:var(--db-radius-s)}.designbase-image-list--carousel::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:var(--db-radius-s)}.designbase-image-list--carousel::-webkit-scrollbar-thumb:hover{background:var(--db-border-hover)}.designbase-image-list--carousel .designbase-image-list__carousel-item{flex:0 0 auto;max-width:300px;min-width:200px;scroll-snap-align:start}.designbase-image-list--spacing-xs{gap:var(--db-gap-xs)}.designbase-image-list--spacing-s{gap:var(--db-gap-s)}.designbase-image-list--spacing-m{gap:var(--db-gap-m)}.designbase-image-list--spacing-l{gap:var(--db-gap-l)}.designbase-image-list--spacing-xl{gap:var(--db-gap-xl)}.designbase-image-list__item{border-radius:var(--db-radius-m);cursor:pointer;overflow:hidden;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list__item:hover .designbase-image-list__overlay{opacity:1}.designbase-image-list__image{height:100%;transition:transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-image-list--hover .designbase-image-list__image:hover{transform:scale(1.05)}.designbase-image-list__overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:var(--db-text-inverse-primary);left:0;opacity:0;padding:var(--db-padding-m);pointer-events:none;position:absolute;right:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-image-list__title{color:var(--db-text-inverse-primary);font-size:var(--db-text-m);font-weight:var(--db-weight-semibold);line-height:1.3;margin:0}.designbase-image-list__description{color:var(--db-text-inverse-secondary);font-size:var(--db-text-s);line-height:1.4;margin:0}.designbase-image-list__metadata{color:var(--db-text-inverse-primary);display:flex;flex-direction:row;font-size:var(--db-text-xs);gap:var(--db-gap-xs);pointer-events:none;position:absolute;right:var(--db-margin-s);top:var(--db-margin-s)}.designbase-image-list__date,.designbase-image-list__size{background:rgba(0,0,0,.6);border-radius:var(--db-radius-s);padding:var(--db-padding-xs)}@media (max-width:1200px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-4,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-3,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-4,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-5,.designbase-image-list--responsive.designbase-image-list--grid.designbase-image-list--columns-6{grid-template-columns:repeat(2,1fr)}.designbase-image-list--responsive.designbase-image-list--list .designbase-image-list__item{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}.designbase-image-list--responsive.designbase-image-list--list .designbase-image-list__item .designbase-image-list__image{height:120px;width:100%}}@media (max-width:480px){.designbase-image-list--responsive.designbase-image-list--gallery,.designbase-image-list--responsive.designbase-image-list--grid{grid-template-columns:1fr}.designbase-image-list--responsive .designbase-image-list__carousel-item{max-width:200px;min-width:150px}}.designbase-image-list__item:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-image-list__item{backface-visibility:hidden;will-change:transform}.designbase-image-list__image{will-change:transform}.designbase-list{display:flex;flex-direction:column;width:100%}.designbase-list--size-s{gap:var(--db-gap-s)}.designbase-list--size-s .designbase-list__item{font-size:var(--db-text-s);line-height:var(--db-leading-normal);padding:var(--db-padding-xs)}.designbase-list--size-s .designbase-list__item-title{font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-list--size-s .designbase-list__item-description{font-size:var(--db-text-xs);line-height:var(--db-leading-tight)}.designbase-list--size-s .designbase-list__item-icon{height:var(--db-size-sm);margin-right:var(--db-margin-xs);width:var(--db-size-sm)}.designbase-list--size-s .designbase-list__item-image{height:var(--db-size-md);margin-right:var(--db-margin-xs);width:var(--db-size-md)}.designbase-list--size-m{gap:var(--db-gap-s)}.designbase-list--size-m .designbase-list__item{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-s)}.designbase-list--size-m .designbase-list__item-title{font-size:var(--db-text-base);font-weight:var(--db-weight-medium)}.designbase-list--size-m .designbase-list__item-description{font-size:var(--db-text-s);line-height:var(--db-leading-normal)}.designbase-list--size-m .designbase-list__item-icon{height:var(--db-size-md);margin-right:var(--db-margin-s);width:var(--db-size-md)}.designbase-list--size-m .designbase-list__item-image{height:var(--db-size-lg);margin-right:var(--db-margin-s);width:var(--db-size-lg)}.designbase-list--size-l{gap:var(--db-gap-m)}.designbase-list--size-l .designbase-list__item{font-size:var(--db-text-l);line-height:var(--db-leading-normal);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-list--size-l .designbase-list__item-title{font-size:var(--db-text-l);font-weight:var(--db-weight-medium)}.designbase-list--size-l .designbase-list__item-description{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-list--size-l .designbase-list__item-icon{height:var(--db-size-md);margin-right:var(--db-margin-m);width:var(--db-size-md)}.designbase-list--size-l .designbase-list__item-image{height:var(--db-size-xl);margin-right:var(--db-margin-m);width:var(--db-size-xl)}.designbase-list--layout-horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-list--layout-horizontal .designbase-list__item{flex:1;max-width:300px;min-width:200px}.designbase-list--spacing-none .designbase-list__item{margin-bottom:0}.designbase-list--spacing-sm .designbase-list__item{margin-bottom:var(--db-margin-xs)}.designbase-list--spacing-md .designbase-list__item{margin-bottom:var(--db-margin-s)}.designbase-list--spacing-lg .designbase-list__item{margin-bottom:var(--db-margin-m)}.designbase-list--variant-default .designbase-list__item{background:var(--db-surface-base);border-radius:var(--db-radius-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-default .designbase-list__item:hover{background:var(--db-surface-layer-1)}.designbase-list--variant-bordered .designbase-list__item{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-bordered .designbase-list__item:hover{border-color:var(--db-border-layer-1);box-shadow:var(--db-shadow-card)}.designbase-list--variant-card .designbase-list__item{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-card);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-card .designbase-list__item:hover{box-shadow:var(--db-shadow-card-hover);transform:translateY(-1px)}.designbase-list--variant-minimal .designbase-list__item{background:transparent;border:none;border-bottom:1px solid var(--db-border-base);border-radius:0;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list--variant-minimal .designbase-list__item:last-child{border-bottom:none}.designbase-list--variant-minimal .designbase-list__item:hover{background:var(--db-surface-layer-1)}.designbase-list--selectable .designbase-list__item{cursor:pointer}.designbase-list--selectable .designbase-list__item--selected{background:var(--db-brand-primary);border-color:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-list--selectable .designbase-list__item--selected:hover{background:var(--db-brand-secondary)}.designbase-list--draggable .designbase-list__item{cursor:grab}.designbase-list--draggable .designbase-list__item--dragging{cursor:grabbing;opacity:var(--db-opacity-disabled)}.designbase-list--loading .designbase-list__item{pointer-events:none}.designbase-list__item{align-items:center;background:var(--db-surface-base);border-radius:var(--db-radius-m);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-list__item--alignment-start{align-items:flex-start}.designbase-list__item--alignment-center{align-items:center}.designbase-list__item--alignment-end{align-items:flex-end}.designbase-list__item--alignment-stretch{align-items:stretch}.designbase-list__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-list__item--clickable{cursor:pointer}.designbase-list__item--clickable:hover{background:var(--db-surface-layer-1)}.designbase-list__item--clickable:active{transform:translateY(1px)}.designbase-list__item-checkbox{align-items:center;display:flex;margin-right:var(--db-margin-s)}.designbase-list__item-checkbox input[type=checkbox],.designbase-list__item-checkbox input[type=radio]{cursor:pointer;height:var(--db-size-sm);width:var(--db-size-sm)}.designbase-list__item-icon{align-items:center;color:var(--db-text-tertiary);display:flex;flex-shrink:0;justify-content:center}.designbase-list__item-image{border-radius:var(--db-radius-s);flex-shrink:0;overflow:hidden}.designbase-list__item-image img{height:100%;object-fit:cover;width:100%}.designbase-list__item-content{flex:1;min-width:0}.designbase-list__item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--db-margin-xs)}.designbase-list__item-title{color:var(--db-text-primary);font-weight:var(--db-weight-medium);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-list__item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--db-text-tertiary);display:-webkit-box;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.designbase-list__item-meta{display:flex;flex-direction:column;gap:var(--db-gap-xs);margin-top:var(--db-margin-s)}.designbase-list__item-meta-item{align-items:center;color:var(--db-text-tertiary);display:flex;font-size:var(--db-text-xs)}.designbase-list__item-meta-label{font-weight:var(--db-weight-medium);margin-right:var(--db-margin-xs)}.designbase-list__item-meta-value{color:var(--db-text-secondary)}.designbase-list__item-actions{flex-shrink:0;gap:var(--db-gap-s);margin-left:var(--db-margin-s)}.designbase-list__item-action,.designbase-list__item-actions{align-items:center;display:flex}.designbase-list__item-drag-handle{align-items:center;color:var(--db-text-tertiary);cursor:grab;display:flex;flex-shrink:0;height:var(--db-size-md);justify-content:center;margin-left:var(--db-margin-s);width:var(--db-size-md)}.designbase-list__item-drag-handle:hover{color:var(--db-text-secondary)}.designbase-list__item--loading .designbase-list__item-skeleton{align-items:center;display:flex;width:100%}.designbase-list__item--loading .designbase-list__item-skeleton-icon{animation:pulse 1.5s ease-in-out infinite;background:var(--db-surface-layer-2);border-radius:var(--db-radius-s);height:var(--db-size-icon-m);margin-right:var(--db-margin-s);width:var(--db-size-icon-m)}.designbase-list__item--loading .designbase-list__item-skeleton-content{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-s)}.designbase-list__item--loading .designbase-list__item-skeleton-title{animation:pulse 1.5s ease-in-out infinite;background:var(--db-surface-layer-2);border-radius:var(--db-radius-s);height:16px;width:60%}.designbase-list__item--loading .designbase-list__item-skeleton-description{animation:pulse 1.5s ease-in-out infinite;background:var(--db-surface-layer-2);border-radius:var(--db-radius-s);height:12px;width:80%}.designbase-list__empty{align-items:center;color:var(--db-text-tertiary);display:flex;justify-content:center;padding:var(--db-padding-l);text-align:center}@media (max-width:768px){.designbase-list--layout-horizontal{flex-direction:column}.designbase-list--layout-horizontal .designbase-list__item{max-width:none;min-width:auto}.designbase-list__item-actions{margin-left:var(--db-margin-s)}.designbase-list__item-meta{flex-direction:column;gap:var(--db-gap-xs)}}.designbase-logo{align-items:center;display:inline-flex;font-family:var(--db-font-primary);font-weight:var(--db-weight-bold);justify-content:center;line-height:1;text-decoration:none;transition:all .15s ease-in-out}.designbase-logo__text{color:var(--db-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-logo__image{object-fit:contain}.designbase-logo__image,.designbase-logo__svg{display:block;height:auto;max-width:100%}.designbase-logo__svg svg{display:block;height:auto;width:100%}.designbase-logo--svg{color:var(--db-text-primary)}.designbase-logo__link{align-items:center;color:inherit;display:inline-flex;justify-content:center;text-decoration:none}.designbase-logo__link:hover{text-decoration:none}.designbase-logo--xs .designbase-logo__text{font-size:var(--db-text-xs);line-height:var(--db-leading-normal)}.designbase-logo--xs .designbase-logo__image{max-height:16px}.designbase-logo--s .designbase-logo__text{font-size:var(--db-text-s);line-height:var(--db-leading-normal)}.designbase-logo--s .designbase-logo__image{max-height:20px}.designbase-logo--m .designbase-logo__text{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-logo--m .designbase-logo__image{max-height:24px}.designbase-logo--l .designbase-logo__text{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-logo--l .designbase-logo__image{max-height:32px}.designbase-logo--xl .designbase-logo__text{font-size:var(--db-text-2xl);line-height:var(--db-leading-snug)}.designbase-logo--xl .designbase-logo__image{max-height:40px}.designbase-logo--default .designbase-logo__text{color:var(--db-text-primary)}.designbase-logo--primary .designbase-logo__text{color:var(--db-color-primary)}.designbase-logo--secondary .designbase-logo__text{color:var(--db-text-secondary)}.designbase-logo--white .designbase-logo__text{color:var(--db-text-inverse-primary)}.designbase-logo--dark .designbase-logo__text{color:var(--db-text-primary)}.designbase-logo--clickable{cursor:pointer}.designbase-logo--clickable:hover{opacity:.8;transform:translateY(-1px)}.designbase-logo--clickable:active{transform:translateY(0)}.designbase-logo--full-width{justify-content:flex-start;width:100%}.designbase-logo--full-width .designbase-logo__text{flex:1;min-width:0}.designbase-logo--full-width .designbase-logo__image{flex-shrink:0}@media (max-width:640px){.designbase-logo--l .designbase-logo__text{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-logo--l .designbase-logo__image{max-height:24px}.designbase-logo--xl .designbase-logo__text{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-logo--xl .designbase-logo__image{max-height:32px}}.designbase-logo:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-markdown-editor{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);display:flex;flex-direction:column;font-family:var(--db-font-primary);transition:all .2s ease}.designbase-markdown-editor--size-s .designbase-markdown-editor__toolbar{gap:var(--db-gap-xs);padding:var(--db-padding-s)}.designbase-markdown-editor--size-s .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-s .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-markdown-editor--size-s .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-s .designbase-markdown-editor__preview,.designbase-markdown-editor--size-s .designbase-markdown-editor__textarea{font-size:var(--db-text-s);padding:var(--db-padding-m)}.designbase-markdown-editor--size-s .designbase-markdown-editor__status{font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-markdown-editor--size-m .designbase-markdown-editor__toolbar{gap:var(--db-gap-s);padding:var(--db-padding-m)}.designbase-markdown-editor--size-m .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-m .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-markdown-editor--size-m .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-m .designbase-markdown-editor__preview,.designbase-markdown-editor--size-m .designbase-markdown-editor__textarea{font-size:var(--db-text-base);padding:var(--db-padding-l)}.designbase-markdown-editor--size-m .designbase-markdown-editor__status{font-size:var(--db-text-s);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-markdown-editor--size-l .designbase-markdown-editor__toolbar{gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-markdown-editor--size-l .designbase-markdown-editor__mode-button,.designbase-markdown-editor--size-l .designbase-markdown-editor__toolbar-item{font-size:var(--db-text-base);padding:var(--db-padding-m)}.designbase-markdown-editor--size-l .designbase-markdown-editor__code-view,.designbase-markdown-editor--size-l .designbase-markdown-editor__preview,.designbase-markdown-editor--size-l .designbase-markdown-editor__textarea{font-size:var(--db-text-l);padding:var(--db-padding-xl)}.designbase-markdown-editor--size-l .designbase-markdown-editor__status{font-size:var(--db-text-base);padding:var(--db-padding-l) var(--db-padding-xl)}.designbase-markdown-editor--variant-default{background:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-markdown-editor--variant-outlined{background:transparent;border-color:var(--db-border-base)}.designbase-markdown-editor--variant-filled{background:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-markdown-editor--mode-edit .designbase-markdown-editor__content,.designbase-markdown-editor--mode-preview .designbase-markdown-editor__content{display:block}.designbase-markdown-editor--mode-split .designbase-markdown-editor__content{display:flex;gap:var(--db-gap-m)}.designbase-markdown-editor--mode-split .designbase-markdown-editor__edit-panel,.designbase-markdown-editor--mode-split .designbase-markdown-editor__preview-panel{flex:1}.designbase-markdown-editor--mode-code .designbase-markdown-editor__content{display:block}.designbase-markdown-editor--theme-light{color:var(--db-text-primary)}.designbase-markdown-editor--theme-dark{background:var(--db-bg-inverse);border-color:var(--db-border-base);color:var(--db-text-inverse-primary)}.designbase-markdown-editor--focused{border-color:var(--db-color-info);box-shadow:0 0 0 3px var(--db-blue-100)}.designbase-markdown-editor--disabled,.designbase-markdown-editor--readonly .designbase-markdown-editor__toolbar{opacity:.5;pointer-events:none}.designbase-markdown-editor__toolbar{align-items:center;background:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);border-radius:var(--db-radius-l) var(--db-radius-l) 0 0;display:flex;flex-wrap:wrap}.designbase-markdown-editor__mode-buttons{align-items:center;display:flex;gap:var(--db-gap-xs);margin-right:var(--db-margin-md)}.designbase-markdown-editor__mode-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;font-weight:var(--db-weight-medium);justify-content:center;padding:var(--db-padding-s);transition:all .2s ease}.designbase-markdown-editor__mode-button:hover:not(.designbase-markdown-editor__mode-button--disabled){background:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-markdown-editor__mode-button:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-markdown-editor__mode-button--active{background:var(--db-color-info);color:var(--db-white)}.designbase-markdown-editor__mode-button--disabled{cursor:not-allowed;opacity:.5}.designbase-markdown-editor__toolbar-separator{background:var(--db-border-base);height:24px;margin:0 var(--db-margin-md);width:1px}.designbase-markdown-editor__toolbar-item{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;font-weight:var(--db-weight-medium);justify-content:center;padding:var(--db-padding-s);position:relative;transition:all .2s ease}.designbase-markdown-editor__toolbar-item:hover:not(.designbase-markdown-editor__toolbar-item--disabled){background:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-markdown-editor__toolbar-item:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-markdown-editor__toolbar-item--active{background:var(--db-color-info);color:var(--db-white)}.designbase-markdown-editor__toolbar-item--disabled{cursor:not-allowed;opacity:.5}.designbase-markdown-editor__toolbar-shortcut{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-secondary);font-size:var(--db-text-xs);left:50%;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}.designbase-markdown-editor__toolbar-item:hover .designbase-markdown-editor__toolbar-shortcut{opacity:1}.designbase-markdown-editor__file-upload{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--db-padding-s);transition:all .2s ease}.designbase-markdown-editor__file-upload:hover{background:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-markdown-editor__file-upload:focus{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-markdown-editor__content{flex:1;min-height:200px}.designbase-markdown-editor__edit-panel{height:100%}.designbase-markdown-editor__textarea{background:transparent;border:none;color:inherit;font-family:Monaco,Menlo,Ubuntu Mono,monospace;height:100%;line-height:1.6;min-height:inherit;outline:none;resize:vertical;width:100%}.designbase-markdown-editor__textarea::placeholder{color:var(--db-text-tertiary)}.designbase-markdown-editor__textarea:disabled{cursor:not-allowed}.designbase-markdown-editor__preview-panel{height:100%;overflow-y:auto}.designbase-markdown-editor__preview{color:inherit;line-height:1.6}.designbase-markdown-editor__preview h1,.designbase-markdown-editor__preview h2,.designbase-markdown-editor__preview h3,.designbase-markdown-editor__preview h4,.designbase-markdown-editor__preview h5,.designbase-markdown-editor__preview h6{font-weight:var(--db-weight-semibold);line-height:1.3;margin:var(--db-margin-lg) 0 var(--db-margin-md) 0}.designbase-markdown-editor__preview h1{font-size:var(--db-text-3xl)}.designbase-markdown-editor__preview h2{font-size:var(--db-text-2xl)}.designbase-markdown-editor__preview h3{font-size:var(--db-text-xl)}.designbase-markdown-editor__preview p{margin:0 0 var(--db-margin-m) 0}.designbase-markdown-editor__preview strong{font-weight:var(--db-weight-semibold)}.designbase-markdown-editor__preview em{font-style:italic}.designbase-markdown-editor__preview del{text-decoration:line-through}.designbase-markdown-editor__preview code{background:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 6px}.designbase-markdown-editor__preview pre{background:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);margin:var(--db-margin-lg) 0;overflow-x:auto;padding:var(--db-padding-l)}.designbase-markdown-editor__preview pre code{background:none;border:none;color:inherit;padding:0}.designbase-markdown-editor__preview a{color:var(--db-color-info);text-decoration:none}.designbase-markdown-editor__preview a:hover{text-decoration:underline}.designbase-markdown-editor__preview img{border-radius:var(--db-radius-m);height:auto;max-width:100%}.designbase-markdown-editor__preview blockquote{background:var(--db-surface-layer-1);border-left:4px solid var(--db-color-info);border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;font-style:italic;margin:var(--db-margin-lg) 0;padding:var(--db-padding-md) var(--db-padding-l)}.designbase-markdown-editor__preview ol,.designbase-markdown-editor__preview ul{margin:var(--db-margin-md) 0;padding-left:var(--db-padding-xl)}.designbase-markdown-editor__preview li{margin:var(--db-margin-xs) 0}.designbase-markdown-editor__preview table{border-collapse:collapse;margin:var(--db-margin-lg) 0;width:100%}.designbase-markdown-editor__preview td,.designbase-markdown-editor__preview th{border:1px solid var(--db-border-base);padding:var(--db-padding-sm) var(--db-padding-m);text-align:left}.designbase-markdown-editor__preview th{background:var(--db-surface-layer-1);font-weight:var(--db-weight-semibold)}.designbase-markdown-editor__preview hr{border:none;border-top:1px solid var(--db-border-base);margin:var(--db-margin-xl) 0}.designbase-markdown-editor__code-panel{height:100%;overflow-y:auto}.designbase-markdown-editor__code-view{word-wrap:break-word;background:var(--db-surface-layer-1);border:none;border-radius:0;color:var(--db-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;height:100%;line-height:1.6;margin:0;min-height:inherit;outline:none;overflow-wrap:break-word;white-space:pre-wrap;width:100%}.designbase-markdown-editor__code-view code{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;padding:0}.designbase-markdown-editor__status{align-items:center;background:var(--db-surface-layer-1);border-radius:0 0 var(--db-radius-l) var(--db-radius-l);border-top:1px solid var(--db-border-base);color:var(--db-text-secondary);display:flex;gap:var(--db-gap-l)}.designbase-markdown-editor__last-saved,.designbase-markdown-editor__line-count,.designbase-markdown-editor__word-count{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-markdown-editor__last-saved{color:var(--db-green-600)}.designbase-markdown-editor__saving{align-items:center;color:var(--db-color-info);display:flex;gap:var(--db-gap-xs)}@media (max-width:768px){.designbase-markdown-editor--mode-split .designbase-markdown-editor__content{flex-direction:column}.designbase-markdown-editor__toolbar{gap:var(--db-gap-xs)}.designbase-markdown-editor__mode-buttons{margin-right:var(--db-margin-s)}.designbase-markdown-editor__mode-button,.designbase-markdown-editor__toolbar-item{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-markdown-editor__status{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}}@media (max-width:480px){.designbase-markdown-editor__toolbar{padding:var(--db-padding-s)}.designbase-markdown-editor__code-view,.designbase-markdown-editor__preview,.designbase-markdown-editor__textarea{font-size:var(--db-text-s);padding:var(--db-padding-m)}.designbase-markdown-editor__status{font-size:var(--db-text-xs);padding:var(--db-padding-s) var(--db-padding-m)}}.designbase-masonry{display:flex;gap:var(--db-gap-m);width:100%}.designbase-masonry__column{display:flex;flex:1;flex-direction:column;gap:var(--db-gap-m)}.designbase-masonry--columns-1 .designbase-masonry__column,.designbase-masonry--columns-2 .designbase-masonry__column,.designbase-masonry--columns-3 .designbase-masonry__column,.designbase-masonry--columns-4 .designbase-masonry__column,.designbase-masonry--columns-5 .designbase-masonry__column,.designbase-masonry--columns-6 .designbase-masonry__column{flex:1}.designbase-masonry--spacing-xs,.designbase-masonry--spacing-xs .designbase-masonry__column{gap:var(--db-gap-xs)}.designbase-masonry--spacing-s,.designbase-masonry--spacing-s .designbase-masonry__column{gap:var(--db-gap-s)}.designbase-masonry--spacing-m,.designbase-masonry--spacing-m .designbase-masonry__column{gap:var(--db-gap-m)}.designbase-masonry--spacing-l,.designbase-masonry--spacing-l .designbase-masonry__column{gap:var(--db-gap-l)}.designbase-masonry--spacing-xl,.designbase-masonry--spacing-xl .designbase-masonry__column{gap:var(--db-gap-xl)}.designbase-masonry__item{border-radius:var(--db-radius-m);cursor:pointer;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-masonry__item--visible{opacity:1;transform:translateY(0)}.designbase-masonry__item:hover .designbase-masonry__overlay{opacity:1}.designbase-masonry__item:hover .designbase-masonry__image{transform:scale(1.05)}.designbase-masonry__image{display:block;height:auto;transition:transform var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-masonry__overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:var(--db-text-inverse-primary);left:0;opacity:0;padding:var(--db-padding-m);pointer-events:none;position:absolute;right:0;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-masonry__title{color:var(--db-text-inverse-primary);font-size:var(--db-text-m);font-weight:var(--db-weight-semibold);line-height:1.3;margin:0 0 var(--db-margin-xs) 0}.designbase-masonry__description{color:var(--db-text-inverse-secondary);font-size:var(--db-text-s);line-height:1.4;margin:0}.designbase-masonry__metadata{color:var(--db-text-inverse-primary);display:flex;flex-direction:row;font-size:var(--db-text-xs);gap:var(--db-gap-xs);pointer-events:none;position:absolute;right:var(--db-margin-s);top:var(--db-margin-s)}.designbase-masonry__date,.designbase-masonry__size{background:rgba(0,0,0,.6);border-radius:var(--db-radius-s);padding:var(--db-padding-xs)}.designbase-masonry--animation-fade .designbase-masonry__item,.designbase-masonry--animation-fade .designbase-masonry__item--visible{animation:masonryFadeIn .6s ease forwards}.designbase-masonry--animation-slide .designbase-masonry__item,.designbase-masonry--animation-slide .designbase-masonry__item--visible{animation:masonrySlideIn .6s ease forwards}.designbase-masonry--animation-zoom .designbase-masonry__item,.designbase-masonry--animation-zoom .designbase-masonry__item--visible{animation:masonryZoomIn .6s ease forwards}.designbase-masonry--animation-none .designbase-masonry__item{animation:none;opacity:1;transform:none}@media (max-width:1200px){.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+5),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+5){display:none}}@media (max-width:992px){.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+4),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+4),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+4){display:none}}@media (max-width:768px){.designbase-masonry--responsive.designbase-masonry--columns-3 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+3),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+3){display:none}}@media (max-width:480px){.designbase-masonry--responsive.designbase-masonry--columns-2 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-3 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-4 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-5 .designbase-masonry__column:nth-child(n+2),.designbase-masonry--responsive.designbase-masonry--columns-6 .designbase-masonry__column:nth-child(n+2){display:none}}.designbase-masonry--infinite-scroll{max-height:80vh;overflow-y:auto}.designbase-masonry--infinite-scroll::-webkit-scrollbar{width:6px}.designbase-masonry--infinite-scroll::-webkit-scrollbar-track{background:var(--db-surface-layer-1);border-radius:var(--db-radius-s)}.designbase-masonry--infinite-scroll::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:var(--db-radius-s)}.designbase-masonry--infinite-scroll::-webkit-scrollbar-thumb:hover{background:var(--db-border-hover)}.designbase-masonry__item:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-masonry__item{backface-visibility:hidden;will-change:transform,opacity}.designbase-masonry__image{will-change:transform}@keyframes masonryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes masonrySlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes masonryZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.designbase-onboarding-modal{align-items:center;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:var(--db-padding-m);position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-onboarding-modal__overlay{animation:fadeIn .3s ease;backdrop-filter:blur(4px);background-color:var(--db-overlay-base);bottom:0;left:0;position:absolute;right:0;top:0}.designbase-onboarding-modal__content{animation:slideUp .3s ease;background-color:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:400px;overflow:hidden;position:relative;width:100%}.designbase-onboarding-modal__close-button{align-items:center;background-color:var(--db-surface-layer-1);border:none;border-radius:var(--db-radius-full);color:var(--db-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--db-padding-m);top:var(--db-padding-m);transition:all var(--db-animation-speed) var(--db-animation-ease);width:32px;z-index:10}.designbase-onboarding-modal__close-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-onboarding-modal__close-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-onboarding-modal__main{align-items:center;display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:var(--db-padding-xl) var(--db-padding-l) var(--db-padding-l);text-align:center}.designbase-onboarding-modal__image{align-items:center;border-radius:var(--db-radius-m);display:flex;justify-content:center;margin-bottom:var(--db-margin-l);max-width:280px;overflow:hidden;width:100%}.designbase-onboarding-modal__image img{display:block;height:auto;width:100%}.designbase-onboarding-modal__text{margin-bottom:var(--db-margin-l);width:100%}.designbase-onboarding-modal__title{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);line-height:var(--db-leading-tight);margin:0 0 var(--db-margin-m) 0}.designbase-onboarding-modal__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);margin:0}.designbase-onboarding-modal__content-area{margin-top:var(--db-margin-m)}.designbase-onboarding-modal__navigation{align-items:center;background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-m);justify-content:space-between;padding:var(--db-padding-m);position:relative}.designbase-onboarding-modal__navigation .designbase-indicator{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:480px){.designbase-onboarding-modal{padding:var(--db-padding-s)}.designbase-onboarding-modal__content{max-height:95vh;max-width:100%}.designbase-onboarding-modal__main{padding:var(--db-padding-l) var(--db-padding-m) var(--db-padding-m)}.designbase-onboarding-modal__image{margin-bottom:var(--db-margin-m);max-width:240px}.designbase-onboarding-modal__title{font-size:var(--db-text-l)}.designbase-onboarding-modal__description{font-size:var(--db-text-sm)}.designbase-onboarding-modal__navigation{gap:var(--db-gap-s);padding:var(--db-padding-m)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.designbase-tutorial{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--db-z-modal)}.designbase-tutorial__overlay{animation:fadeIn .3s ease;backdrop-filter:blur(2px);background-color:var(--db-overlay-backdrop);bottom:0;left:0;pointer-events:auto;position:absolute;right:0;top:0}.designbase-tutorial__popover{animation:slideIn .3s ease;background-color:var(--db-surface-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-xl);max-width:320px;min-width:280px;pointer-events:auto;position:absolute;z-index:10000}.designbase-tutorial__popover:before{border:8px solid transparent;content:"";height:0;position:absolute;width:0}.designbase-tutorial__popover--top:before{border-top-color:var(--db-surface-base);bottom:-16px;left:50%;transform:translateX(-50%)}.designbase-tutorial__popover--bottom:before{border-bottom-color:var(--db-surface-base);left:50%;top:-16px;transform:translateX(-50%)}.designbase-tutorial__popover--left:before{border-left-color:var(--db-surface-base);right:-16px;top:50%;transform:translateY(-50%)}.designbase-tutorial__popover--right:before{border-right-color:var(--db-surface-base);left:-16px;top:50%;transform:translateY(-50%)}.designbase-tutorial__close-button{align-items:center;background-color:var(--db-surface-layer-1);border:none;border-radius:var(--db-radius-full);color:var(--db-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:var(--db-padding-s);top:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease);width:24px;z-index:10}.designbase-tutorial__close-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-tutorial__close-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-tutorial__content{display:flex;flex-direction:column;gap:var(--db-gap-m);padding:var(--db-padding-l)}.designbase-tutorial__text{flex:1}.designbase-tutorial__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-bold);line-height:var(--db-leading-tight);margin:0 0 var(--db-margin-s) 0}.designbase-tutorial__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:var(--db-leading-relaxed);margin:0}.designbase-tutorial__children{margin-top:var(--db-margin-s)}.designbase-tutorial__navigation{align-items:center;border-top:1px solid var(--db-border-base);display:flex;gap:var(--db-gap-m);justify-content:space-between;padding-top:var(--db-padding-s)}.designbase-tutorial__target{animation:pulse 2s infinite!important;border-radius:var(--db-radius-m)!important;box-shadow:0 0 0 3px var(--db-brand-primary-alpha-20)!important;outline:3px solid var(--db-brand-primary)!important;outline-offset:2px!important;position:relative!important;z-index:1001!important}@media (max-width:480px){.designbase-tutorial__popover{margin:0 var(--db-padding-m);max-width:calc(100vw - 32px);min-width:280px}.designbase-tutorial__content{padding:var(--db-padding-m)}.designbase-tutorial__title{font-size:var(--db-text-base)}.designbase-tutorial__description{font-size:var(--db-text-sm)}.designbase-tutorial__navigation{flex-direction:column;gap:var(--db-gap-s)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.designbase-search-bar{display:inline-flex;position:relative;width:auto}.designbase-search-bar--full-width{width:100%}.designbase-search-bar__container{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-search-bar__container:hover{border-color:var(--db-border-secondary)}.designbase-search-bar__container:focus-within{border-color:var(--db-field-border-focus);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10)}.designbase-search-bar__search-icon{align-items:center;color:var(--db-text-secondary);display:flex;flex-shrink:0;height:100%;justify-content:center;margin-right:-8px;pointer-events:none;width:40px}.designbase-search-bar__input{background:transparent;border:none;color:var(--db-text-primary);flex:1;font-size:var(--db-text-s);font-weight:var(--db-weight-normal);line-height:1.5;min-width:0;outline:none;padding:var(--db-padding-s) var(--db-padding-m);padding-left:var(--db-padding-xs);width:100%}.designbase-search-bar__input::placeholder{color:var(--db-text-tertiary)}.designbase-search-bar__input:disabled{color:var(--db-text-disabled);cursor:not-allowed}.designbase-search-bar__input:read-only{color:var(--db-text-secondary)}.designbase-search-bar__clear-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:var(--db-size-xl);justify-content:center;margin-right:var(--db-margin-xs);transition:all var(--db-animation-speed) var(--db-animation-ease);width:var(--db-size-xl)}.designbase-search-bar__clear-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-search-bar__clear-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-search-bar__clear-button:active{background-color:var(--db-border-base)}.designbase-search-bar--s .designbase-search-bar__container{min-height:32px}.designbase-search-bar--s .designbase-search-bar__search-icon{width:32px}.designbase-search-bar--s .designbase-search-bar__input{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s);padding-left:var(--db-padding-xxs)}.designbase-search-bar--s .designbase-search-bar__clear-button{height:24px;width:24px}.designbase-search-bar--m .designbase-search-bar__container{min-height:40px}.designbase-search-bar--m .designbase-search-bar__search-icon{width:40px}.designbase-search-bar--m .designbase-search-bar__input{font-size:var(--db-text-s);padding:var(--db-padding-s) var(--db-padding-m);padding-left:var(--db-padding-xs)}.designbase-search-bar--m .designbase-search-bar__clear-button{height:32px;width:32px}.designbase-search-bar--l .designbase-search-bar__container{min-height:48px}.designbase-search-bar--l .designbase-search-bar__search-icon{width:48px}.designbase-search-bar--l .designbase-search-bar__input{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l);padding-left:var(--db-padding-s)}.designbase-search-bar--l .designbase-search-bar__clear-button{height:40px;width:40px}.designbase-search-bar--default .designbase-search-bar__container{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-search-bar--outlined .designbase-search-bar__container{background-color:transparent;border-color:var(--db-border-base)}.designbase-search-bar--filled .designbase-search-bar__container{background-color:var(--db-surface-layer-1);border-color:transparent}.designbase-search-bar--filled:hover .designbase-search-bar__container{background-color:var(--db-surface-layer-2)}.designbase-search-bar--filled:focus-within .designbase-search-bar__container{background-color:var(--db-surface-base);border-color:var(--db-field-border-focus)}.designbase-search-bar--disabled .designbase-search-bar__container{background-color:var(--db-surface-layer-1);border-color:var(--db-border-muted);cursor:not-allowed}.designbase-search-bar--disabled .designbase-search-bar__search-icon{color:var(--db-text-disabled)}.designbase-search-bar--disabled .designbase-search-bar__clear-button{display:none}.designbase-search-bar--readonly .designbase-search-bar__container{background-color:var(--db-surface-layer-1)}.designbase-search-bar--readonly .designbase-search-bar__clear-button{display:none}.designbase-search-bar:focus-within .designbase-search-bar__search-icon{color:var(--db-icon-primary)}.designbase-search-bar--has-value .designbase-search-bar__search-icon{color:var(--db-icon-primary)}.designbase-search-bar__recent-searches{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.designbase-search-bar__recent-header{align-items:center;background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-s)}.designbase-search-bar__recent-title{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-search-bar__clear-all-button{background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-tertiary);cursor:pointer;font-size:var(--db-text-xs);padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-search-bar__clear-all-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-secondary)}.designbase-search-bar__recent-list{max-height:200px;overflow-y:auto}.designbase-search-bar__recent-item{align-items:center;border-bottom:1px solid var(--db-border-muted);display:flex;padding:var(--db-padding-xs)}.designbase-search-bar__recent-item:last-child{border-bottom:none}.designbase-search-bar__recent-item:hover{background-color:var(--db-surface-layer-1)}.designbase-search-bar__recent-search-button{background:transparent;border:none;color:var(--db-text-primary);cursor:pointer;flex:1;font-size:var(--db-text-s);padding:var(--db-padding-xs);text-align:left;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-search-bar__recent-search-button:hover{color:var(--db-brand-primary)}.designbase-search-bar__recent-remove-button{align-items:center;background:transparent;border:none;border-radius:var(--db-radius-s);color:var(--db-text-tertiary);cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:var(--db-margin-s);transition:all var(--db-animation-speed) var(--db-animation-ease);width:24px}.designbase-search-bar__recent-remove-button:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-secondary)}.designbase-search-bar__suggestions{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.designbase-search-bar__suggestions-header{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-s)}.designbase-search-bar__suggestions-title{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold)}.designbase-search-bar__suggestions-list{display:flex;flex-direction:column}.designbase-search-bar__suggestion-item{background:transparent;border:none;border-bottom:1px solid var(--db-border-muted);color:var(--db-text-primary);cursor:pointer;font-size:var(--db-text-s);padding:var(--db-padding-s);text-align:left;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-search-bar__suggestion-item:last-child{border-bottom:none}.designbase-search-bar__suggestion-item:hover{background-color:var(--db-surface-layer-1)}.designbase-search-bar__suggestion-item--active{background-color:var(--db-brand-primary-alpha-10);color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-navbar{background-color:var(--db-surface-base);border-bottom:1px solid var(--db-border-base);position:relative;z-index:var(--db-z-50)}.designbase-navbar__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width,1200px);padding:0 var(--db-padding-m)}.designbase-navbar__container--full-width{max-width:none}.designbase-navbar__left,.designbase-navbar__right{align-items:center;display:flex}.designbase-navbar__right{gap:var(--db-gap-s)}.designbase-navbar__brand,.designbase-navbar__logo{align-items:center;display:flex}.designbase-navbar__logo{cursor:pointer;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__logo:hover{opacity:.8}.designbase-navbar__logo:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-blue-500);outline-offset:2px}.designbase-navbar__logo-text{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-bold);text-decoration:none}.designbase-navbar__nav{align-items:center;display:flex}@media (max-width:767px){.designbase-navbar__nav--desktop{display:none}}.designbase-navbar__nav-list{align-items:center;display:flex;gap:var(--db-gap-s);list-style:none;margin:0;padding:0}.designbase-navbar__nav-item{flex-shrink:0;margin:0;position:relative}.designbase-navbar__nav-link{align-items:center;background:none;border:none;border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);padding:var(--db-padding-s);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__nav-link:hover{background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}.designbase-navbar__nav-link:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-navbar__nav-link--active{background-color:var(--db-feedback-info-bg);border-radius:var(--db-radius-m);color:var(--db-feedback-info-fg)}.designbase-navbar__nav-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__nav-link--has-children .designbase-navbar__chevron{color:var(--db-text-tertiary);font-size:12px;margin-left:auto;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__nav-link--has-children .designbase-navbar__chevron--expanded{transform:rotate(180deg)}.designbase-navbar__dropdown{position:relative}.designbase-navbar__dropdown:hover .designbase-navbar__dropdown-menu{display:flex}.designbase-navbar__dropdown-toggle{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-navbar__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-lg);display:none;flex-direction:column;gap:var(--db-gap-xs);left:0;list-style:none;min-width:120px;padding:var(--db-padding-xs);position:absolute;top:100%;z-index:var(--db-z-popover)}.designbase-navbar__dropdown-menu li{margin:0}.designbase-navbar__dropdown-item{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);gap:var(--db-gap-xs);padding:var(--db-padding-s) var(--db-padding-m);position:relative;text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__dropdown-item:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__dropdown-item--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-navbar__dropdown-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__dropdown-item--has-children{padding:0}.designbase-navbar__dropdown-item--has-children .designbase-navbar__chevron{color:var(--db-text-tertiary);font-size:12px;margin-left:auto;transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__submenu{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);display:none;left:100%;list-style:none;margin-left:var(--db-margin-xs);min-width:180px;padding:var(--db-padding-xs);position:absolute;top:0;z-index:var(--db-z-popover)}.designbase-navbar__dropdown-item:hover .designbase-navbar__submenu{display:block}.designbase-navbar__search{align-items:center;display:flex;margin:0 var(--db-margin-m)}.designbase-navbar__search-input-wrapper{align-items:center;display:flex;position:relative}.designbase-navbar__search-icon{color:var(--db-text-secondary);font-size:var(--db-text-s);left:var(--db-padding-s);pointer-events:none;position:absolute}.designbase-navbar__search-input{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-full);font-size:var(--db-text-s);min-width:200px;padding:var(--db-padding-s) var(--db-padding-s) var(--db-padding-s) var(--db-padding-xl);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__search-input:focus{background-color:var(--db-surface-base);border-color:var(--db-brand-primary);box-shadow:0 0 0 3px var(--db-brand-primary-alpha);outline:none}.designbase-navbar__search-input::placeholder{color:var(--db-text-tertiary)}.designbase-navbar__user-menu{align-items:center;display:flex;flex-shrink:0}.designbase-navbar__user-dropdown{position:relative}.designbase-navbar__user-toggle{align-items:center;background:none;border:none;border-radius:var(--db-radius-m);cursor:pointer;display:flex;gap:var(--db-gap-xs);padding:var(--db-padding-s);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__user-toggle:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__user-toggle:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-navbar__user-avatar{object-fit:cover}.designbase-navbar__user-avatar,.designbase-navbar__user-avatar-placeholder{border-radius:var(--db-radius-full);height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-navbar__user-avatar-placeholder{align-items:center;background-color:var(--db-blue-500);color:var(--db-text-inverse-primary);display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);justify-content:center}.designbase-navbar__user-name{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-navbar__user-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-lg);display:flex;flex-direction:column;gap:0;list-style:none;margin-top:var(--db-margin-xs);min-width:200px;padding:var(--db-padding-xs);position:absolute;right:0;top:100%;z-index:var(--db-z-popover)}.designbase-navbar__user-info{border-bottom:1px solid var(--db-border-base);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-navbar__user-email{color:var(--db-text-secondary);font-size:var(--db-text-xs)}.designbase-navbar__user-dropdown-item{align-items:center;border-radius:var(--db-radius-s);color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);gap:var(--db-gap-xs);padding:var(--db-padding-s) var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-navbar__user-dropdown-item:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__user-dropdown-item--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__auth-button{background-color:var(--db-blue-500);border:none;border-radius:var(--db-radius-m);color:var(--db-text-inverse-primary);cursor:pointer;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);padding:var(--db-padding-s) var(--db-padding-l);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__auth-button:hover{background-color:var(--db-brand-primary)}.designbase-navbar__auth-button:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-navbar__mobile-toggle{background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:none;padding:var(--db-padding-xs);transition:all var(--db-animation-speed) var(--db-animation-ease)}@media (max-width:767px){.designbase-navbar__mobile-toggle{align-items:center;display:flex;flex-direction:column;justify-content:center}}.designbase-navbar__mobile-toggle:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__mobile-toggle:focus-visible{outline:2px solid var(--db-brand-primary);outline-offset:2px}.designbase-navbar__mobile-toggle-line{background-color:var(--db-text-primary);display:block;height:2px;margin:2px 0;transform-origin:center;transition:all .3s ease;width:20px}.designbase-navbar__mobile-menu{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);box-shadow:var(--db-shadow-lg);box-sizing:border-box;display:flex;flex-direction:column;left:0;padding:var(--db-padding-m);position:absolute;right:0;top:100%;z-index:var(--db-z-50)}.designbase-navbar__mobile-menu-close,.designbase-navbar__mobile-menu-header{display:none}.designbase-navbar__mobile-search{border-bottom:1px solid var(--db-border-base);margin-bottom:var(--db-margin-m);padding-bottom:var(--db-padding-m)}.designbase-navbar__mobile-nav-list{display:flex;flex-direction:column;gap:var(--db-gap-s);list-style:none;margin:0;padding:0}.designbase-navbar__mobile-nav-item{border-bottom:1px solid var(--db-border-secondary);width:100%}.designbase-navbar__mobile-nav-link{align-items:center;box-sizing:border-box;color:var(--db-text-primary);display:flex;font-size:var(--db-text-base);gap:var(--db-gap-s);padding:var(--db-padding-m);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-navbar__mobile-nav-link:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__mobile-nav-link--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-navbar__mobile-nav-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__mobile-submenu{background-color:var(--db-surface-layer-1);list-style:none;margin:0;padding:0}.designbase-navbar__mobile-submenu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m) var(--db-padding-s) var(--db-padding-xl);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-submenu-link:hover{background-color:var(--db-surface-layer-1)}.designbase-navbar__mobile-submenu-link--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-navbar__mobile-submenu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar__mobile-user{border-top:1px solid var(--db-border-base);margin-top:var(--db-margin-m);padding-top:var(--db-padding-m)}.designbase-navbar__mobile-user-info{align-items:center;display:flex;gap:var(--db-gap-m);margin-bottom:var(--db-margin-m)}.designbase-navbar__mobile-user-avatar{border-radius:var(--db-radius-full);height:var(--db-size-2xl);object-fit:cover;width:var(--db-size-2xl)}.designbase-navbar__mobile-user-avatar-placeholder{align-items:center;background-color:var(--db-blue-500);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);display:flex;font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);height:var(--db-size-2xl);justify-content:center;width:var(--db-size-2xl)}.designbase-navbar__mobile-user-name{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs)}.designbase-navbar__mobile-user-email{color:var(--db-text-secondary);font-size:var(--db-text-s)}.designbase-navbar__mobile-user-menu{list-style:none;margin:0;padding:0}.designbase-navbar__mobile-user-menu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);gap:var(--db-gap-s);padding:var(--db-padding-s) 0;text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-navbar__mobile-user-menu-link:hover{color:var(--db-brand-primary)}.designbase-navbar__mobile-user-menu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-navbar--s .designbase-navbar__container{height:48px}.designbase-navbar--s .designbase-navbar__logo-text{font-size:var(--db-text-l)}.designbase-navbar--s .designbase-navbar__nav-link{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-navbar--s .designbase-navbar__search-input{font-size:var(--db-text-xs);min-width:150px}.designbase-navbar--s .designbase-navbar__user-avatar,.designbase-navbar--s .designbase-navbar__user-avatar-placeholder{font-size:var(--db-text-xs);height:24px;width:24px}.designbase-navbar--s .designbase-navbar__user-name{font-size:var(--db-text-xs)}.designbase-navbar--m .designbase-navbar__container{height:64px}.designbase-navbar--l .designbase-navbar__container{height:80px}.designbase-navbar--l .designbase-navbar__logo-text{font-size:var(--db-text-xl)}.designbase-navbar--l .designbase-navbar__nav-link{font-size:var(--db-text-base);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-navbar--l .designbase-navbar__search-input{font-size:var(--db-text-base);min-width:250px}.designbase-navbar--l .designbase-navbar__user-avatar,.designbase-navbar--l .designbase-navbar__user-avatar-placeholder{font-size:var(--db-text-base);height:40px;width:40px}.designbase-navbar--l .designbase-navbar__user-name{font-size:var(--db-text-base)}.designbase-navbar--transparent{background-color:transparent;border-bottom:none}.designbase-navbar--fixed{left:0;position:fixed;right:0;top:0}.designbase-navbar--sticky{position:sticky;top:0}.designbase-navbar--shadow{box-shadow:var(--db-shadow-sm)}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:first-child{transform:rotate(45deg) translate(4px,4px)}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:nth-child(2){opacity:0}.designbase-navbar--mobile-open .designbase-navbar__mobile-toggle-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:767px){.designbase-navbar__nav--desktop,.designbase-navbar__search,.designbase-navbar__user-menu{display:none}.designbase-navbar__mobile-toggle{display:flex}.designbase-navbar__container{padding:0 var(--db-padding-s)}.designbase-navbar__right{gap:var(--db-gap-m)}}@media (max-width:480px){.designbase-navbar__logo-text{font-size:var(--db-text-l)}.designbase-navbar__mobile-menu{max-height:calc(100vh - 64px)}}.designbase-pagination{align-items:center;display:flex;gap:var(--db-gap-m);justify-content:center}.designbase-pagination__container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-m)}.designbase-pagination__container--full-width{justify-content:space-between;width:100%}.designbase-pagination__total{color:var(--db-text-secondary);font-size:var(--db-text-s);white-space:nowrap}.designbase-pagination__nav{align-items:center;display:flex}.designbase-pagination__list{gap:var(--db-gap-xs);list-style:none;padding:0}.designbase-pagination__item,.designbase-pagination__list{align-items:center;display:flex;margin:0}.designbase-pagination__button{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);height:36px;justify-content:center;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s);text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-pagination__button:hover{background-color:var(--db-surface-layer-2);border-color:var(--db-border-secondary);color:var(--db-text-primary)}.designbase-pagination__button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-pagination__button:disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-pagination__button--active{background-color:var(--db-color-primary);border-color:var(--db-color-primary);color:var(--db-text-inverse-primary)}.designbase-pagination__button--active:hover{background-color:var(--db-color-info-hover);border-color:var(--db-color-info-hover);color:var(--db-text-inverse-primary)}.designbase-pagination__button--first i,.designbase-pagination__button--last i,.designbase-pagination__button--next i,.designbase-pagination__button--previous i{font-size:var(--db-text-s)}.designbase-pagination__ellipsis{align-items:center;display:flex;height:36px;justify-content:center;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-pagination__ellipsis-text{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-pagination__page-size,.designbase-pagination__page-size-label{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-pagination__page-size-label{color:var(--db-text-secondary);cursor:pointer;font-size:var(--db-text-s)}.designbase-pagination__page-size-select:disabled{cursor:not-allowed;opacity:.5}.designbase-pagination--s .designbase-pagination__button{font-size:var(--db-text-xs)}.designbase-pagination--s .designbase-pagination__button,.designbase-pagination--s .designbase-pagination__ellipsis{height:32px;min-width:32px;padding:var(--db-padding-xs) var(--db-padding-xs)}.designbase-pagination--s .designbase-pagination__ellipsis-text,.designbase-pagination--s .designbase-pagination__page-size-label,.designbase-pagination--s .designbase-pagination__total{font-size:var(--db-text-xs)}.designbase-pagination--m .designbase-pagination__button{font-size:var(--db-text-s)}.designbase-pagination--m .designbase-pagination__button,.designbase-pagination--m .designbase-pagination__ellipsis{height:36px;min-width:36px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-pagination--m .designbase-pagination__ellipsis-text,.designbase-pagination--m .designbase-pagination__page-size-label,.designbase-pagination--m .designbase-pagination__total{font-size:var(--db-text-s)}.designbase-pagination--m .designbase-pagination__page-size-select{min-width:80px}.designbase-pagination--l .designbase-pagination__button{font-size:var(--db-text-base)}.designbase-pagination--l .designbase-pagination__button,.designbase-pagination--l .designbase-pagination__ellipsis{height:44px;min-width:44px;padding:var(--db-padding-s) var(--db-padding-m)}.designbase-pagination--l .designbase-pagination__ellipsis-text,.designbase-pagination--l .designbase-pagination__page-size-label,.designbase-pagination--l .designbase-pagination__total{font-size:var(--db-text-base)}.designbase-pagination--l .designbase-pagination__page-size-select{min-width:80px}.designbase-pagination--outlined .designbase-pagination__button{background-color:transparent;border:2px solid var(--db-border-base)}.designbase-pagination--outlined .designbase-pagination__button:hover{border-color:var(--db-color-info);color:var(--db-color-info)}.designbase-pagination--outlined .designbase-pagination__button--active{background-color:transparent;border-color:var(--db-color-info);color:var(--db-color-info)}.designbase-pagination--outlined .designbase-pagination__button--active:hover{background-color:var(--db-bg-selected)}.designbase-pagination--minimal .designbase-pagination__button{background-color:transparent;border:none;border-radius:var(--db-radius-s)}.designbase-pagination--minimal .designbase-pagination__button:hover{background-color:var(--db-surface-layer-2)}.designbase-pagination--minimal .designbase-pagination__button--active{background-color:var(--db-bg-selected);color:var(--db-text-selected)}.designbase-pagination--minimal .designbase-pagination__button--active:hover{background-color:var(--db-bg-selected-hover)}.designbase-pagination--left{justify-content:flex-start}.designbase-pagination--center{justify-content:center}.designbase-pagination--right{justify-content:flex-end}.designbase-pagination--disabled{opacity:var(--db-opacity-60);pointer-events:none}.designbase-pagination--disabled .designbase-pagination__button,.designbase-pagination--disabled .designbase-pagination__page-size-select{cursor:not-allowed}.designbase-pagination--full-width{width:100%}@media (max-width:640px){.designbase-pagination,.designbase-pagination__container{flex-direction:column;gap:var(--db-gap-s)}.designbase-pagination__container{width:100%}.designbase-pagination__container--full-width{flex-direction:column}.designbase-pagination__list{flex-wrap:wrap;justify-content:center}.designbase-pagination__button{font-size:var(--db-text-xs);height:32px;min-width:32px}.designbase-pagination__ellipsis{height:32px;min-width:32px}.designbase-pagination__ellipsis-text{font-size:var(--db-text-xs)}.designbase-pagination__total{font-size:var(--db-text-xs);text-align:center}.designbase-pagination__page-size{justify-content:center}.designbase-pagination__page-size-label{font-size:var(--db-text-xs)}.designbase-pagination__page-size-select{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-xs)}}@media (max-width:480px){.designbase-pagination__list{gap:var(--db-gap-xs)}.designbase-pagination__button{font-size:var(--db-text-xs)}.designbase-pagination__button,.designbase-pagination__ellipsis{height:28px;min-width:28px;padding:var(--db-padding-xs)}.designbase-pagination__ellipsis-text{font-size:var(--db-text-xs)}}.designbase-pagination:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-popover{opacity:0;pointer-events:auto;position:fixed;transform:translateZ(0) scale(.98);transform:translate3d(var(--enter-offset-x,0),var(--enter-offset-y,0),0) scale(.98);transition:opacity var(--db-animation-speed) var(--db-animation-ease),visibility var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;will-change:transform,opacity;z-index:var(--db-z-popover)}.designbase-popover[data-placement-group=top]{--enter-offset-x:0px;--enter-offset-y:-6px}.designbase-popover[data-placement-group=bottom]{--enter-offset-x:0px;--enter-offset-y:6px}.designbase-popover[data-placement-group=left]{--enter-offset-x:-6px;--enter-offset-y:0px}.designbase-popover[data-placement-group=right]{--enter-offset-x:6px;--enter-offset-y:0px}.designbase-popover--visible{opacity:1;transform:translateZ(0) scale(1);visibility:visible}.designbase-popover__content{word-wrap:break-word;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-popover);color:var(--db-text-primary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);max-width:100%;overflow:hidden;position:relative;white-space:normal}.designbase-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--db-padding-s);padding-bottom:0!important}.designbase-popover__title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-font-weight-semibold);line-height:var(--db-leading-tight);margin:0}.designbase-popover__body{padding:var(--db-padding-s)}.designbase-popover__close-button{flex-shrink:0;height:auto;margin-left:var(--db-margin-s);min-width:auto;width:auto}.designbase-popover__arrow{border:4px solid transparent;height:0;position:absolute;width:0}.designbase-popover__arrow--top,.designbase-popover__arrow--top-end,.designbase-popover__arrow--top-start{border-top-color:var(--db-surface-base);top:100%}.designbase-popover__arrow--bottom,.designbase-popover__arrow--bottom-end,.designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-surface-base);bottom:100%}.designbase-popover__arrow--left,.designbase-popover__arrow--left-end,.designbase-popover__arrow--left-start{border-left-color:var(--db-surface-base);left:100%}.designbase-popover__arrow--right,.designbase-popover__arrow--right-end,.designbase-popover__arrow--right-start{border-right-color:var(--db-surface-base);right:100%}.designbase-popover--s .designbase-popover__header{padding:var(--db-padding-s)}.designbase-popover--s .designbase-popover__body{font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-popover--s .designbase-popover__title{font-size:var(--db-text-s)}.designbase-popover--m .designbase-popover__header{padding:var(--db-padding-m)}.designbase-popover--m .designbase-popover__body{font-size:var(--db-text-s);padding:var(--db-padding-m)}.designbase-popover--m .designbase-popover__title{font-size:var(--db-text-base)}.designbase-popover--l .designbase-popover__header{padding:var(--db-padding-l)}.designbase-popover--l .designbase-popover__body{font-size:var(--db-text-base);padding:var(--db-padding-l)}.designbase-popover--l .designbase-popover__title{font-size:var(--db-text-l)}.designbase-popover--default .designbase-popover__content{background:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-popover--default .designbase-popover__arrow--top,.designbase-popover--default .designbase-popover__arrow--top-end,.designbase-popover--default .designbase-popover__arrow--top-start{border-top-color:var(--db-surface-base)}.designbase-popover--default .designbase-popover__arrow--bottom,.designbase-popover--default .designbase-popover__arrow--bottom-end,.designbase-popover--default .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-surface-base)}.designbase-popover--default .designbase-popover__arrow--left,.designbase-popover--default .designbase-popover__arrow--left-end,.designbase-popover--default .designbase-popover__arrow--left-start{border-left-color:var(--db-surface-base)}.designbase-popover--default .designbase-popover__arrow--right,.designbase-popover--default .designbase-popover__arrow--right-end,.designbase-popover--default .designbase-popover__arrow--right-start{border-right-color:var(--db-surface-base)}.designbase-popover--primary .designbase-popover__content{background:var(--db-feedback-info-bg);border-color:var(--db-feedback-info-fg);color:var(--db-feedback-info-fg)}.designbase-popover--primary .designbase-popover__arrow--top,.designbase-popover--primary .designbase-popover__arrow--top-end,.designbase-popover--primary .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-info-bg)}.designbase-popover--primary .designbase-popover__arrow--bottom,.designbase-popover--primary .designbase-popover__arrow--bottom-end,.designbase-popover--primary .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-info-bg)}.designbase-popover--primary .designbase-popover__arrow--left,.designbase-popover--primary .designbase-popover__arrow--left-end,.designbase-popover--primary .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-info-bg)}.designbase-popover--primary .designbase-popover__arrow--right,.designbase-popover--primary .designbase-popover__arrow--right-end,.designbase-popover--primary .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-info-bg)}.designbase-popover--success .designbase-popover__content{background:var(--db-feedback-success-bg);border-color:var(--db-feedback-success-fg);color:var(--db-feedback-success-fg)}.designbase-popover--success .designbase-popover__arrow--top,.designbase-popover--success .designbase-popover__arrow--top-end,.designbase-popover--success .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-success-bg)}.designbase-popover--success .designbase-popover__arrow--bottom,.designbase-popover--success .designbase-popover__arrow--bottom-end,.designbase-popover--success .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-success-bg)}.designbase-popover--success .designbase-popover__arrow--left,.designbase-popover--success .designbase-popover__arrow--left-end,.designbase-popover--success .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-success-bg)}.designbase-popover--success .designbase-popover__arrow--right,.designbase-popover--success .designbase-popover__arrow--right-end,.designbase-popover--success .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-success-bg)}.designbase-popover--warning .designbase-popover__content{background:var(--db-feedback-warning-bg);border-color:var(--db-feedback-warning-fg);color:var(--db-feedback-warning-fg)}.designbase-popover--warning .designbase-popover__arrow--top,.designbase-popover--warning .designbase-popover__arrow--top-end,.designbase-popover--warning .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-warning-bg)}.designbase-popover--warning .designbase-popover__arrow--bottom,.designbase-popover--warning .designbase-popover__arrow--bottom-end,.designbase-popover--warning .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-warning-bg)}.designbase-popover--warning .designbase-popover__arrow--left,.designbase-popover--warning .designbase-popover__arrow--left-end,.designbase-popover--warning .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-warning-bg)}.designbase-popover--warning .designbase-popover__arrow--right,.designbase-popover--warning .designbase-popover__arrow--right-end,.designbase-popover--warning .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-warning-bg)}.designbase-popover--danger .designbase-popover__content{background:var(--db-feedback-error-bg);border-color:var(--db-feedback-error-fg);color:var(--db-feedback-error-fg)}.designbase-popover--danger .designbase-popover__arrow--top,.designbase-popover--danger .designbase-popover__arrow--top-end,.designbase-popover--danger .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-error-bg)}.designbase-popover--danger .designbase-popover__arrow--bottom,.designbase-popover--danger .designbase-popover__arrow--bottom-end,.designbase-popover--danger .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-error-bg)}.designbase-popover--danger .designbase-popover__arrow--left,.designbase-popover--danger .designbase-popover__arrow--left-end,.designbase-popover--danger .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-error-bg)}.designbase-popover--danger .designbase-popover__arrow--right,.designbase-popover--danger .designbase-popover__arrow--right-end,.designbase-popover--danger .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-error-bg)}.designbase-popover--info .designbase-popover__content{background:var(--db-feedback-info-bg);border-color:var(--db-feedback-info-fg);color:var(--db-feedback-info-fg)}.designbase-popover--info .designbase-popover__arrow--top,.designbase-popover--info .designbase-popover__arrow--top-end,.designbase-popover--info .designbase-popover__arrow--top-start{border-top-color:var(--db-feedback-info-bg)}.designbase-popover--info .designbase-popover__arrow--bottom,.designbase-popover--info .designbase-popover__arrow--bottom-end,.designbase-popover--info .designbase-popover__arrow--bottom-start{border-bottom-color:var(--db-feedback-info-bg)}.designbase-popover--info .designbase-popover__arrow--left,.designbase-popover--info .designbase-popover__arrow--left-end,.designbase-popover--info .designbase-popover__arrow--left-start{border-left-color:var(--db-feedback-info-bg)}.designbase-popover--info .designbase-popover__arrow--right,.designbase-popover--info .designbase-popover__arrow--right-end,.designbase-popover--info .designbase-popover__arrow--right-start{border-right-color:var(--db-feedback-info-bg)}.designbase-popover--disabled{opacity:0;pointer-events:none;visibility:hidden}.designbase-progress{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-progress--size-s{gap:var(--db-gap-xs)}.designbase-progress--size-s .designbase-progress__value{font-size:var(--db-text-xs)}.designbase-progress--size-s .designbase-progress__circular-value{font-size:var(--db-text-s)}.designbase-progress--size-m{gap:var(--db-gap-s)}.designbase-progress--size-m .designbase-progress__value{font-size:var(--db-text-s)}.designbase-progress--size-m .designbase-progress__circular-value{font-size:var(--db-text-base)}.designbase-progress--size-l{gap:var(--db-gap-m)}.designbase-progress--size-l .designbase-progress__value{font-size:var(--db-text-base)}.designbase-progress--size-l .designbase-progress__circular-value{font-size:var(--db-text-l)}.designbase-progress--variant-default .designbase-progress__bar{background-color:var(--db-color-info)}.designbase-progress--variant-default .designbase-progress__circular-bar{stroke:var(--db-color-info)}.designbase-progress--variant-success .designbase-progress__bar{background-color:var(--db-color-success)}.designbase-progress--variant-success .designbase-progress__circular-bar{stroke:var(--db-color-success)}.designbase-progress--variant-warning .designbase-progress__bar{background-color:var(--db-color-warning)}.designbase-progress--variant-warning .designbase-progress__circular-bar{stroke:var(--db-color-warning)}.designbase-progress--variant-danger .designbase-progress__bar{background-color:var(--db-color-danger)}.designbase-progress--variant-danger .designbase-progress__circular-bar{stroke:var(--db-color-danger)}.designbase-progress--animated .designbase-progress__bar{transition:width .3s ease}.designbase-progress--animated .designbase-progress__circular-bar{transition:stroke-dashoffset .3s ease}.designbase-progress--striped .designbase-progress__bar{animation:progress-bar-stripes 1s linear infinite;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.designbase-progress__linear{align-items:center;display:flex;gap:var(--db-gap-s);width:100%}.designbase-progress__track{background-color:var(--db-surface-layer-2);border-radius:var(--db-radius-full);flex:1;height:8px;overflow:hidden}.designbase-progress__bar{background-color:var(--db-color-info);border-radius:var(--db-radius-full);height:100%;transition:width .3s ease}.designbase-progress__value{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);min-width:3em;text-align:right;white-space:nowrap}.designbase-progress__circular{align-items:center;display:flex;justify-content:center;position:relative}.designbase-progress__circular-svg{transform:rotate(-90deg)}.designbase-progress__circular-track{fill:none;stroke:var(--db-surface-layer-2);stroke-linecap:round}.designbase-progress__circular-bar{fill:none;stroke:var(--db-color-info);stroke-linecap:round;transition:stroke-dashoffset .3s ease}.designbase-progress__circular-value{color:var(--db-text-primary);font-weight:var(--db-weight-semibold);position:absolute}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (max-width:480px){.designbase-progress--size-l .designbase-progress__value{font-size:var(--db-text-s)}.designbase-progress--size-l .designbase-progress__circular-value{font-size:var(--db-text-base)}}.designbase-progress-step{display:flex;gap:var(--db-gap-m)}.designbase-progress-step .designbase-progress-step__indicator{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);color:var(--db-text-primary)}.designbase-progress-step--s .designbase-progress-step__indicator{font-size:var(--db-text-xs);height:var(--db-size-s);width:var(--db-size-s)}.designbase-progress-step--s .designbase-progress-step__title{font-size:var(--db-text-s)}.designbase-progress-step--s .designbase-progress-step__description{font-size:var(--db-text-xs)}.designbase-progress-step--m .designbase-progress-step__indicator{font-size:var(--db-text-s);height:var(--db-size-m);width:var(--db-size-m)}.designbase-progress-step--m .designbase-progress-step__title{font-size:var(--db-text-base)}.designbase-progress-step--m .designbase-progress-step__description{font-size:var(--db-text-s)}.designbase-progress-step--l .designbase-progress-step__indicator{font-size:var(--db-text-base);height:var(--db-size-l);width:var(--db-size-l)}.designbase-progress-step--l .designbase-progress-step__title{font-size:var(--db-text-l)}.designbase-progress-step--l .designbase-progress-step__description{font-size:var(--db-text-base)}.designbase-progress-step--vertical{flex-direction:column;gap:var(--db-gap-xs)}.designbase-progress-step--vertical .designbase-progress-step__item{align-items:flex-start;display:flex;gap:var(--db-gap-m)}.designbase-progress-step--vertical .designbase-progress-step__indicator-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.designbase-progress-step--vertical .designbase-progress-step__connector{height:var(--db-size-l);width:2px}.designbase-progress-step--horizontal{align-items:flex-start;flex-direction:row;gap:0}.designbase-progress-step--horizontal .designbase-progress-step__header{align-items:center;flex-direction:column}.designbase-progress-step--horizontal .designbase-progress-step__item{align-items:center;display:flex;flex:1;flex-direction:column;position:relative;text-align:center}.designbase-progress-step--horizontal .designbase-progress-step__indicator-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.designbase-progress-step--horizontal .designbase-progress-step__connector{height:2px;left:50%;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 16px);z-index:1}.designbase-progress-step--horizontal .designbase-progress-step__content{margin-top:var(--db-margin-m);width:100%}.designbase-progress-step--full-width,.designbase-progress-step--full-width .designbase-progress-step__item{width:100%}.designbase-progress-step--clickable .designbase-progress-step__item--clickable{cursor:pointer}.designbase-progress-step--clickable .designbase-progress-step__item--clickable:hover .designbase-progress-step__indicator{transform:scale(1.05)}.designbase-progress-step--disabled{opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-progress-step__item{position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-progress-step__item--pending .designbase-progress-step__indicator{background-color:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-tertiary)}.designbase-progress-step__item--pending .designbase-progress-step__connector{background-color:var(--db-border-base)}.designbase-progress-step__item--active .designbase-progress-step__indicator{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary);box-shadow:0 0 0 4px var(--db-brand-primary-alpha-20);color:var(--db-text-inverse-primary)}.designbase-progress-step__item--active .designbase-progress-step__connector{background-color:var(--db-brand-primary)}.designbase-progress-step__item--active .designbase-progress-step__title{color:var(--db-brand-primary);font-weight:var(--db-weight-semibold)}.designbase-progress-step__item--completed .designbase-progress-step__indicator{background-color:var(--db-feedback-success-bg);border-color:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-progress-step__item--completed .designbase-progress-step__connector{background-color:var(--db-feedback-success-bg)}.designbase-progress-step__item--completed .designbase-progress-step__title{color:var(--db-feedback-success-fg)}.designbase-progress-step__item--error .designbase-progress-step__indicator{background-color:var(--db-feedback-error-bg);border-color:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}.designbase-progress-step__item--error .designbase-progress-step__connector{background-color:var(--db-feedback-error-bg)}.designbase-progress-step__item--error .designbase-progress-step__title{color:var(--db-feedback-error-fg)}.designbase-progress-step__item--disabled{opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-progress-step__indicator-container{align-items:center;display:flex;flex-direction:column;position:relative}.designbase-progress-step__indicator{align-items:center;border-radius:var(--db-radius-full);display:flex;flex-shrink:0;font-weight:var(--db-weight-semibold);justify-content:center;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:2}.designbase-progress-step__indicator:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-progress-step__connector{background-color:var(--db-border-base);position:relative;transition:background-color var(--db-animation-speed) var(--db-animation-ease);z-index:1}.designbase-progress-step__content{flex:1;min-width:0}.designbase-progress-step__header{align-items:flex-start;display:flex;gap:var(--db-gap-s);justify-content:space-between;margin-bottom:var(--db-margin-xs)}.designbase-progress-step__title{color:var(--db-text-primary);font-weight:var(--db-weight-medium);line-height:var(--db-leading-snug);margin:0}.designbase-progress-step__timestamp{color:var(--db-text-tertiary);flex-shrink:0;font-size:var(--db-text-xs);white-space:nowrap}.designbase-progress-step__description{color:var(--db-text-secondary);line-height:var(--db-leading-normal);margin:0}.designbase-progress-step__icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.designbase-progress-step__icon svg{fill:currentColor;height:60%;width:60%}.designbase-progress-step__number{font-weight:var(--db-weight-semibold)}@media (max-width:768px){.designbase-progress-step--horizontal{flex-direction:column;gap:var(--db-gap-l)}.designbase-progress-step--horizontal .designbase-progress-step__item{flex-direction:row;text-align:left;width:100%}.designbase-progress-step--horizontal .designbase-progress-step__indicator-container{flex-direction:column;width:auto}.designbase-progress-step--horizontal .designbase-progress-step__connector{height:var(--db-gap-l);margin:var(--db-margin-xs) 0 0 0;position:static;transform:none;width:2px}.designbase-progress-step--horizontal .designbase-progress-step__content{margin-left:var(--db-margin-m);margin-top:0}}@media (prefers-reduced-motion:reduce){.designbase-progress-step__connector,.designbase-progress-step__indicator,.designbase-progress-step__item{transition:none}}@media (hover:none) and (pointer:coarse){.designbase-progress-step__indicator{min-height:44px;min-width:44px}}.designbase-range-slider{display:flex;flex-direction:column;gap:var(--db-gap-s);max-width:100%;min-width:120px;width:100%}.designbase-range-slider--full-width{max-width:none}.designbase-range-slider--vertical{align-items:center;flex-direction:row;gap:var(--db-gap-m);height:200px;max-width:none}.designbase-range-slider__values{align-items:center;color:var(--db-text-secondary);display:flex;font-size:var(--db-text-s);justify-content:space-between}.designbase-range-slider__value{color:var(--db-text-primary);font-weight:var(--db-font-weight-medium)}.designbase-range-slider--value-top .designbase-range-slider__values{margin-bottom:var(--db-gap-s)}.designbase-range-slider--value-bottom .designbase-range-slider__values{margin-top:var(--db-gap-s)}.designbase-range-slider--value-left{align-items:center;display:flex;flex-direction:row;gap:var(--db-gap-m)}.designbase-range-slider--value-left .designbase-range-slider__values{flex-shrink:0;margin:0;order:-1}.designbase-range-slider--value-left .designbase-range-slider__container{flex:1}.designbase-range-slider--value-right{align-items:center;display:flex;flex-direction:row;gap:var(--db-gap-m)}.designbase-range-slider--value-right .designbase-range-slider__values{flex-shrink:0;margin:0;order:1}.designbase-range-slider--value-right .designbase-range-slider__container{flex:1}.designbase-range-slider--range .designbase-range-slider__values{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.designbase-range-slider--range .designbase-range-slider__value--min{left:0;position:absolute;top:0}.designbase-range-slider--range .designbase-range-slider__value--max{position:absolute;right:0;top:0}.designbase-range-slider__container{align-items:center;display:flex;height:20px;outline:none;position:relative;width:100%}.designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-border-focus)}.designbase-range-slider__track{background-color:var(--db-border-base);border-radius:var(--db-radius-full);cursor:pointer;height:4px;position:relative;touch-action:none;user-select:none;width:100%}.designbase-range-slider__track--disabled{background-color:var(--db-border-muted);cursor:not-allowed}.designbase-range-slider__track--readonly{cursor:default}.designbase-range-slider__fill{background-color:var(--db-border-base);border-radius:var(--db-radius-full);height:100%;left:0;pointer-events:none;position:absolute;top:0}.designbase-range-slider__thumb{background-color:var(--db-border-base);border:2px solid var(--db-surface-base);border-radius:var(--db-radius-full);box-shadow:var(--db-shadow-sm);cursor:grab;height:16px;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:16px}.designbase-range-slider__thumb:hover{box-shadow:var(--db-shadow-md);transform:translate(-50%,-50%) scale(1.1)}.designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-range-slider__thumb--active{box-shadow:var(--db-shadow-lg);cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.designbase-range-slider__mark{border-radius:var(--db-radius-full);height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.designbase-range-slider__mark,.designbase-range-slider__mark--active{background-color:var(--db-border-base)}.designbase-range-slider__mark-label{color:var(--db-text-secondary);font-size:var(--db-text-xs);left:50%;position:absolute;top:16px;transform:translateX(-50%);white-space:nowrap}.designbase-range-slider--default .designbase-range-slider__fill,.designbase-range-slider--default .designbase-range-slider__mark--active,.designbase-range-slider--default .designbase-range-slider__thumb{background-color:var(--db-brand-primary)}.designbase-range-slider--default .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-brand-primary-alpha-20)}.designbase-range-slider--default .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-brand-primary)}.designbase-range-slider--primary .designbase-range-slider__fill,.designbase-range-slider--primary .designbase-range-slider__mark--active,.designbase-range-slider--primary .designbase-range-slider__thumb{background-color:var(--db-brand-primary)}.designbase-range-slider--primary .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-brand-primary-alpha-20)}.designbase-range-slider--primary .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-brand-primary)}.designbase-range-slider--success .designbase-range-slider__fill,.designbase-range-slider--success .designbase-range-slider__mark--active,.designbase-range-slider--success .designbase-range-slider__thumb{background-color:var(--db-feedback-success-fg)}.designbase-range-slider--success .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-feedback-success-bg)}.designbase-range-slider--success .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-feedback-success-fg)}.designbase-range-slider--warning .designbase-range-slider__fill,.designbase-range-slider--warning .designbase-range-slider__mark--active,.designbase-range-slider--warning .designbase-range-slider__thumb{background-color:var(--db-feedback-warning-fg)}.designbase-range-slider--warning .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-feedback-warning-bg)}.designbase-range-slider--warning .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-feedback-warning-fg)}.designbase-range-slider--danger .designbase-range-slider__fill,.designbase-range-slider--danger .designbase-range-slider__mark--active,.designbase-range-slider--danger .designbase-range-slider__thumb{background-color:var(--db-feedback-error-fg)}.designbase-range-slider--danger .designbase-range-slider__container:focus-visible .designbase-range-slider__track{box-shadow:0 0 0 3px var(--db-feedback-error-bg)}.designbase-range-slider--danger .designbase-range-slider__thumb:focus-visible{outline:2px solid var(--db-feedback-error-fg)}.designbase-range-slider--s .designbase-range-slider__container{height:var(--db-size-s);padding:0 calc(var(--db-size-s)/2)}.designbase-range-slider--s .designbase-range-slider__track{height:3px}.designbase-range-slider--s .designbase-range-slider__thumb{height:var(--db-size-s);width:var(--db-size-s)}.designbase-range-slider--s .designbase-range-slider__mark{height:6px;width:1px}.designbase-range-slider--s .designbase-range-slider__values{font-size:var(--db-text-xs)}.designbase-range-slider--m .designbase-range-slider__container{height:var(--db-size-m);padding:0 calc(var(--db-size-m)/2)}.designbase-range-slider--m .designbase-range-slider__track{height:4px}.designbase-range-slider--m .designbase-range-slider__thumb{height:var(--db-size-m);width:var(--db-size-m)}.designbase-range-slider--m .designbase-range-slider__mark{height:8px;width:2px}.designbase-range-slider--m .designbase-range-slider__values{font-size:var(--db-text-s)}.designbase-range-slider--l .designbase-range-slider__container{height:var(--db-size-l);padding:0 calc(var(--db-size-l)/2)}.designbase-range-slider--l .designbase-range-slider__track{height:6px}.designbase-range-slider--l .designbase-range-slider__thumb{height:var(--db-size-l);width:var(--db-size-l)}.designbase-range-slider--l .designbase-range-slider__mark{height:10px;width:3px}.designbase-range-slider--l .designbase-range-slider__values{font-size:var(--db-text-base)}.designbase-range-slider--vertical .designbase-range-slider__container{flex-direction:column;height:100%;width:var(--db-size-m)}.designbase-range-slider--vertical .designbase-range-slider__track{height:100%;width:4px}.designbase-range-slider--vertical .designbase-range-slider__fill{height:auto;left:auto;top:auto;width:100%}.designbase-range-slider--vertical .designbase-range-slider__thumb{left:50%;top:auto;transform:translate(-50%,50%)}.designbase-range-slider--vertical .designbase-range-slider__thumb:hover{transform:translate(-50%,50%) scale(1.1)}.designbase-range-slider--vertical .designbase-range-slider__thumb--active{transform:translate(-50%,50%) scale(1.2)}.designbase-range-slider--vertical .designbase-range-slider__mark{height:2px;left:50%;top:auto;transform:translate(-50%,50%);width:8px}.designbase-range-slider--vertical .designbase-range-slider__mark-label{left:24px;top:auto;transform:translateY(-50%)}.designbase-range-slider--vertical.designbase-range-slider--s .designbase-range-slider__container{width:var(--db-size-s)}.designbase-range-slider--vertical.designbase-range-slider--s .designbase-range-slider__track{width:3px}.designbase-range-slider--vertical.designbase-range-slider--s .designbase-range-slider__thumb{height:var(--db-size-s);width:var(--db-size-s)}.designbase-range-slider--vertical.designbase-range-slider--s .designbase-range-slider__mark{height:1px;width:6px}.designbase-range-slider--vertical.designbase-range-slider--l .designbase-range-slider__container{width:var(--db-size-l)}.designbase-range-slider--vertical.designbase-range-slider--l .designbase-range-slider__track{width:6px}.designbase-range-slider--vertical.designbase-range-slider--l .designbase-range-slider__thumb{height:var(--db-size-l);width:var(--db-size-l)}.designbase-range-slider--vertical.designbase-range-slider--l .designbase-range-slider__mark{height:3px;width:10px}.designbase-range-slider--disabled{opacity:.5;pointer-events:none}.designbase-range-slider--disabled .designbase-range-slider__thumb,.designbase-range-slider--disabled .designbase-range-slider__track{cursor:not-allowed}.designbase-range-slider--readonly .designbase-range-slider__thumb,.designbase-range-slider--readonly .designbase-range-slider__track{cursor:default}.designbase-rating{align-items:center;display:inline-flex;font-family:var(--db-font-primary)}.designbase-rating,.designbase-rating--size-xs{gap:var(--db-gap-xs)}.designbase-rating--size-xs .designbase-rating__star{font-size:12px}.designbase-rating--size-xs .designbase-rating__number,.designbase-rating--size-xs .designbase-rating__review-count{font-size:var(--db-text-xs)}.designbase-rating--size-s{gap:var(--db-gap-s)}.designbase-rating--size-s .designbase-rating__star{font-size:16px}.designbase-rating--size-s .designbase-rating__number,.designbase-rating--size-s .designbase-rating__review-count{font-size:var(--db-text-s)}.designbase-rating--size-m{gap:var(--db-gap-s)}.designbase-rating--size-m .designbase-rating__star{font-size:20px}.designbase-rating--size-m .designbase-rating__number,.designbase-rating--size-m .designbase-rating__review-count{font-size:var(--db-text-base)}.designbase-rating--size-l{gap:var(--db-gap-m)}.designbase-rating--size-l .designbase-rating__star{font-size:24px}.designbase-rating--size-l .designbase-rating__number,.designbase-rating--size-l .designbase-rating__review-count{font-size:var(--db-text-l)}.designbase-rating--size-xl{gap:var(--db-gap-m)}.designbase-rating--size-xl .designbase-rating__star{font-size:32px}.designbase-rating--size-xl .designbase-rating__number,.designbase-rating--size-xl .designbase-rating__review-count{font-size:var(--db-text-xl)}.designbase-rating--variant-minimal .designbase-rating__star{opacity:.7}.designbase-rating--variant-minimal .designbase-rating__number,.designbase-rating--variant-minimal .designbase-rating__review-count{opacity:.8}.designbase-rating--variant-card{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-card);padding:var(--db-padding-m)}.designbase-rating--variant-inline{align-items:center;display:inline-flex;gap:var(--db-gap-xs)}.designbase-rating--variant-large{align-items:center;flex-direction:column;gap:var(--db-gap-m);text-align:center}.designbase-rating--variant-large .designbase-rating__stars{justify-content:center}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-2xl);font-weight:var(--db-weight-bold)}.designbase-rating--variant-large .designbase-rating__review-count{font-size:var(--db-text-base)}.designbase-rating--type-number .designbase-rating__number{font-weight:var(--db-weight-semibold)}.designbase-rating--type-percentage .designbase-rating__number{color:var(--db-color-info);font-weight:var(--db-weight-semibold)}.designbase-rating--type-text .designbase-rating__number{font-style:italic}.designbase-rating--display-reviews .designbase-rating__review-count{font-weight:var(--typography-semantic-body-md-font-weight,500)}.designbase-rating--display-detailed{align-items:flex-start;flex-direction:column;gap:var(--db-gap-s)}.designbase-rating--display-detailed .designbase-rating__stars{justify-content:flex-start}.designbase-rating--display-detailed .designbase-rating__detailed{width:100%}.designbase-rating--color-primary{--rating-color:var(--db-color-info)}.designbase-rating--color-secondary{--rating-color:var(--db-text-secondary)}.designbase-rating--color-success{--rating-color:var(--db-green-600)}.designbase-rating--color-warning{--rating-color:var(--db-yellow-600)}.designbase-rating--color-error{--rating-color:var(--db-red-600)}.designbase-rating--readonly .designbase-rating__star{cursor:default;pointer-events:none}.designbase-rating--disabled{opacity:.5;pointer-events:none}.designbase-rating--disabled .designbase-rating__star{cursor:not-allowed}.designbase-rating--clickable .designbase-rating__star{cursor:pointer}.designbase-rating--animated .designbase-rating__star{transition:all .2s ease}.designbase-rating--hovering .designbase-rating__star{transform:scale(1.05)}.designbase-rating__stars{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-rating__star{color:var(--rating-color,var(--db-blue-600));transition:all .2s ease}.designbase-rating__star:hover{transform:scale(1.1)}.designbase-rating__star--clickable{cursor:pointer}.designbase-rating__star--clickable:hover{color:var(--db-blue-700)}.designbase-rating__star--clickable:active{transform:scale(.95)}.designbase-rating__star--animated{animation:rating-pulse .3s ease}.designbase-rating__number-container{align-items:center;display:flex}.designbase-rating__number{color:var(--db-text-primary);font-weight:var(--db-weight-semibold)}.designbase-rating__reviews{align-items:center;display:flex}.designbase-rating__review-count{color:var(--db-text-secondary);font-size:var(--db-text-s)}.designbase-rating__detailed{width:100%}.designbase-rating__rating-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--db-gap-s)}@keyframes rating-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.designbase-rating--variant-large{gap:var(--db-gap-s)}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-xl)}.designbase-rating--variant-large .designbase-rating__review-count{font-size:var(--db-text-s)}.designbase-rating--display-detailed{gap:var(--db-gap-xs)}}@media (max-width:480px){.designbase-rating--size-l{gap:var(--db-gap-s)}.designbase-rating--size-l .designbase-rating__star{font-size:20px}.designbase-rating--size-xl{gap:var(--db-gap-s)}.designbase-rating--size-xl .designbase-rating__star{font-size:24px}.designbase-rating--variant-large .designbase-rating__number{font-size:var(--db-text-l)}}.designbase-reorder{display:flex;flex-direction:column;gap:var(--db-gap-xs);user-select:none}.designbase-reorder--default .designbase-reorder__item{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m)}.designbase-reorder--bordered .designbase-reorder__item{background-color:var(--db-surface-base);border:2px solid var(--db-border-base);border-radius:var(--db-radius-l)}.designbase-reorder--filled .designbase-reorder__item{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m)}.designbase-reorder--minimal .designbase-reorder__item{background-color:transparent;border:none;border-bottom:1px solid var(--db-border-base);border-radius:0}.designbase-reorder--minimal .designbase-reorder__item:last-child{border-bottom:none}.designbase-reorder--s .designbase-reorder__item{min-height:40px;padding:var(--db-padding-s)}.designbase-reorder--s .designbase-reorder__checkbox,.designbase-reorder--s .designbase-reorder__drag-handle{height:var(--db-size-md);width:var(--db-size-md)}.designbase-reorder--m .designbase-reorder__item{min-height:56px;padding:var(--db-padding-m)}.designbase-reorder--m .designbase-reorder__checkbox,.designbase-reorder--m .designbase-reorder__drag-handle{height:var(--db-size-lg);width:var(--db-size-lg)}.designbase-reorder--l .designbase-reorder__item{min-height:72px;padding:var(--db-padding-l)}.designbase-reorder--l .designbase-reorder__checkbox,.designbase-reorder--l .designbase-reorder__drag-handle{height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-reorder--horizontal{flex-direction:row;gap:var(--db-gap-s)}.designbase-reorder--horizontal .designbase-reorder__item{flex:1;min-width:120px}.designbase-reorder--full-width{width:100%}.designbase-reorder--disabled{opacity:var(--db-opacity-60);pointer-events:none}.designbase-reorder--disabled .designbase-reorder__item{cursor:not-allowed}.designbase-reorder--dragging .designbase-reorder__item{transition:all .2s cubic-bezier(.4,0,.2,1)}.designbase-reorder--dragging .designbase-reorder__item:not(.designbase-reorder__item--dragged){transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s ease}.designbase-reorder--dragging:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.designbase-reorder--selectable .designbase-reorder__item{cursor:pointer}.designbase-reorder__item{align-items:center;cursor:grab;display:flex;gap:var(--db-gap-s);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-reorder__item:hover{background-color:var(--db-surface-layer-1);box-shadow:var(--db-shadow-sm);transform:translateY(-1px)}.designbase-reorder__item:active{cursor:grabbing;transform:translateY(0)}.designbase-reorder__item--selected{background-color:var(--db-blue-100);border-color:var(--db-color-info)}.designbase-reorder__item--selected:hover{background-color:var(--db-blue-200)}.designbase-reorder__item--dragged{background-color:var(--db-surface-base);border:2px solid var(--db-brand-primary);box-shadow:0 12px 24px rgba(0,0,0,.15),0 6px 12px rgba(0,0,0,.1),0 0 0 2px var(--db-brand-primary);cursor:grabbing;opacity:.8;position:relative;transform:scale(1.02);transition:none;z-index:1000}.designbase-reorder__item--dragged:hover{transform:scale(1.02)}.designbase-reorder__item--dragged:before{animation:placeholderPulse 1.5s ease-in-out infinite;background-color:var(--db-surface-layer-1);border:2px dashed var(--db-brand-primary);border-radius:inherit;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.designbase-reorder__item:not(.designbase-reorder__item--dragged):not(.designbase-reorder__item--drag-over){background-color:var(--db-surface-base);border:1px solid var(--db-border-base);box-shadow:var(--db-shadow-sm);cursor:grab;opacity:1;transform:scale(1);transition:all .2s ease;z-index:auto}.designbase-reorder__item--drag-over{position:relative}.designbase-reorder__item--drag-down:before{top:-3px}.designbase-reorder__item--drag-down:before,.designbase-reorder__item--drag-up:after{animation:dropGuidePulse 1s ease-in-out infinite;background:var(--db-brand-primary);border-radius:4px;box-shadow:0 0 12px rgba(6,131,255,.6);content:"";height:8px;left:0;opacity:1;position:absolute;right:0;z-index:1000}.designbase-reorder__item--drag-up:after{bottom:-3px}.designbase-reorder__item--drag-right:before{left:-3px}.designbase-reorder__item--drag-left:after,.designbase-reorder__item--drag-right:before{animation:dropGuidePulse 1s ease-in-out infinite;background:var(--db-brand-primary);border-radius:4px;bottom:0;box-shadow:0 0 12px rgba(6,131,255,.6);content:"";opacity:1;position:absolute;top:0;width:8px;z-index:1000}.designbase-reorder__item--drag-left:after{right:-3px}.designbase-reorder__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-reorder__item--disabled:hover{background-color:inherit;box-shadow:none;transform:none}.designbase-reorder__drag-handle{align-items:center;color:var(--db-text-secondary);cursor:grab;display:flex;flex-shrink:0;justify-content:center;transition:color var(--db-animation-speed) var(--db-animation-ease)}.designbase-reorder__drag-handle:hover{color:var(--db-color-info)}.designbase-reorder__drag-handle:active{cursor:grabbing}.designbase-reorder__drag-handle svg{height:100%;width:100%}.designbase-reorder__checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-reorder__checkbox-input{accent-color:var(--db-color-info);cursor:pointer;height:16px;width:16px}.designbase-reorder__content{color:var(--db-text-primary);flex:1;line-height:1.5;min-width:0}@media (max-width:768px){.designbase-reorder--horizontal{flex-direction:column;gap:var(--db-gap-xs)}.designbase-reorder--horizontal .designbase-reorder__item{min-width:auto}.designbase-reorder__item{min-height:48px;padding:var(--db-padding-s)}.designbase-reorder__checkbox,.designbase-reorder__drag-handle{height:18px;width:18px}}.designbase-reorder__item:focus-visible{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-reorder__drag-handle:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-reorder__checkbox-input:focus-visible{outline:2px solid var(--db-color-info);outline-offset:2px}.designbase-reorder__item{animation:reorderItemSlideIn .3s ease}@keyframes reorderItemSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes placeholderPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes dropGuidePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes dragStart{0%{box-shadow:var(--db-shadow-sm);transform:scale(1)}to{box-shadow:0 12px 24px rgba(0,0,0,.15),0 6px 12px rgba(0,0,0,.1);transform:scale(1.02)}}@keyframes dropComplete{0%{transform:scale(1.02)}50%{transform:scale(1.05)}to{transform:scale(1)}}.designbase-reorder--dragging body{overflow:hidden}@media (hover:none) and (pointer:coarse){.designbase-reorder__item{min-height:60px;touch-action:none}.designbase-reorder__item:active{transform:scale(.98);transition:transform .1s ease}.designbase-reorder__drag-handle{min-height:44px;min-width:44px;touch-action:none}.designbase-reorder__checkbox{min-height:44px;min-width:44px}.designbase-reorder__item--dragged{box-shadow:0 15px 30px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.15),0 0 0 2px var(--db-brand-primary);transform:scale(1.05)}}.designbase-resizable-panels{display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow var(--db-animation-speed) var(--db-animation-ease);user-select:none}.designbase-resizable-panels--border{border:1px solid var(--db-border)}.designbase-resizable-panels--shadow{box-shadow:var(--db-shadow-md)}.designbase-resizable-panels--resizing{transition:none;z-index:1000}.designbase-resizable-panels--resizing .designbase-resizable-panels__handle{opacity:1;transform:scale(1.1)}.designbase-resizable-panels__content{flex:1;overflow:auto;position:relative;z-index:1}.designbase-resizable-panels__handle{align-items:center;border-radius:var(--db-radius-s);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;display:flex;font-size:var(--db-font-xs);justify-content:center;opacity:var(--db-opacity-70);position:absolute;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:10}.designbase-resizable-panels__handle svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-resizable-panels__handle:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);opacity:var(--db-opacity-100);transform:scale(1.1)}.designbase-resizable-panels__handle:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.designbase-resizable-panels__handle:active{box-shadow:0 1px 2px rgba(0,0,0,.1);transform:scale(.95)}@media (hover:none){.designbase-resizable-panels__handle{opacity:var(--db-opacity-90)}}.designbase-resizable-panels__guides{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.designbase-resizable-panels__guide{background:linear-gradient(90deg,transparent 0,var(--db-primary) 50%,transparent 100%);opacity:var(--db-opacity-60);position:absolute}.designbase-resizable-panels__guide--horizontal{height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.designbase-resizable-panels__guide--vertical{bottom:0;left:50%;top:0;transform:translateX(-50%);width:1px}.designbase-resizable-panels__size-indicator{background:rgba(0,0,0,.8);border-radius:var(--db-radius-s);color:#fff;font-size:var(--db-font-xs);font-weight:var(--db-font-medium);left:var(--db-spacing-10);padding:var(--db-padding-xs) var(--db-padding-s);pointer-events:none;position:absolute;top:var(--db-spacing-10);white-space:nowrap;z-index:6}.designbase-resizable-panels__constraints{bottom:var(--db-spacing-10);display:flex;flex-direction:column;gap:var(--db-gap-xs);left:var(--db-spacing-10);pointer-events:none;position:absolute;z-index:6}.designbase-resizable-panels__constraint{animation:pulse 1s ease-in-out infinite;background:rgba(220,53,69,.9);border-radius:var(--db-radius-s);color:#fff;font-size:var(--db-font-xs);font-weight:var(--db-font-medium);padding:var(--db-padding-xs) var(--db-padding-s);white-space:nowrap}.designbase-resizable-panels__constraint--min{background:rgba(255,193,7,.9);color:#212529}.designbase-resizable-panels__constraint--max{background:rgba(220,53,69,.9);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.designbase-resizable-panels__handle{opacity:var(--db-opacity-90);transform:scale(1.2)}.designbase-resizable-panels__size-indicator{font-size:11px;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-resizable-panels__constraint{font-size:9px;padding:var(--db-padding-xs) var(--db-padding-xs)}}@media (prefers-contrast:high){.designbase-resizable-panels__handle{border:2px solid}.designbase-resizable-panels__guide{background:#000;opacity:1}.designbase-resizable-panels__size-indicator{background:#000;border:1px solid #fff}.designbase-resizable-panels__constraint{border:1px solid}}.designbase-resizable-panels:focus-within{outline:2px solid var(--db-primary);outline-offset:var(--db-outline-offset)}.designbase-resizable-panels__handle[aria-label]:before{content:attr(aria-label);height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.designbase-scroll-area{box-sizing:border-box;overflow:hidden;position:relative}.designbase-scroll-area--full-width{width:100%}.designbase-scroll-area--full-height{height:100%}.designbase-scroll-area--direction-vertical{overflow-x:hidden;overflow-y:auto}.designbase-scroll-area--direction-horizontal{overflow-x:auto;overflow-y:hidden}.designbase-scroll-area--direction-both{overflow:auto}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-track{background:var(--scrollbar-track-color,var(--db-border-muted));border-radius:var(--db-radius-s)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-thumb{background:var(--scrollbar-color,var(--db-border-base));border-radius:var(--db-radius-s)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar-corner{background:var(--scrollbar-track-color,var(--db-border-muted))}.designbase-scroll-area--scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.designbase-scroll-area--scrollbar-none::-webkit-scrollbar{display:none}.designbase-scroll-area--always-show::-webkit-scrollbar{-webkit-appearance:none}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:8px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:8px}.designbase-scroll-area--always-show::-webkit-scrollbar-track{background:var(--scrollbar-track-color,var(--db-border-muted));border-radius:var(--db-radius-s)}.designbase-scroll-area--always-show::-webkit-scrollbar-thumb{background:var(--scrollbar-color,var(--db-border-base));border-radius:var(--db-radius-s)}.designbase-scroll-area--always-show::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}.designbase-scroll-area__content{box-sizing:border-box;height:100%;width:100%}@media (max-width:768px){.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:4px;width:4px}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:6px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:6px}}@media (max-width:480px){.designbase-scroll-area--scrollbar-thin::-webkit-scrollbar{height:3px;width:3px}.designbase-scroll-area--always-show::-webkit-scrollbar:vertical{width:4px}.designbase-scroll-area--always-show::-webkit-scrollbar:horizontal{height:4px}}.designbase-section{box-sizing:border-box;display:flex;flex-direction:column}.designbase-section--full-width{width:100%}.designbase-section--full-height{height:100%}.designbase-section--no-padding .designbase-section__content{padding:0}.designbase-section--size-s .designbase-section__content,.designbase-section--size-s .designbase-section__footer,.designbase-section--size-s .designbase-section__header{padding:var(--db-padding-s)}.designbase-section--size-s .designbase-section__title{font-size:var(--db-text-l);line-height:var(--db-leading-snug)}.designbase-section--size-s .designbase-section__subtitle{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-section--size-m .designbase-section__content,.designbase-section--size-m .designbase-section__footer,.designbase-section--size-m .designbase-section__header{padding:var(--db-padding-m)}.designbase-section--size-m .designbase-section__title{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-section--size-m .designbase-section__subtitle{font-size:var(--db-text-l);line-height:var(--db-leading-snug)}.designbase-section--size-l .designbase-section__content,.designbase-section--size-l .designbase-section__footer,.designbase-section--size-l .designbase-section__header{padding:var(--db-padding-l)}.designbase-section--size-l .designbase-section__title{font-size:var(--db-text-2xl);line-height:var(--db-leading-tight)}.designbase-section--size-l .designbase-section__subtitle{font-size:var(--db-text-xl);line-height:var(--db-leading-snug)}.designbase-section--size-xl .designbase-section__content,.designbase-section--size-xl .designbase-section__footer,.designbase-section--size-xl .designbase-section__header{padding:var(--db-padding-xl)}.designbase-section--size-xl .designbase-section__title{font-size:var(--db-text-3xl);line-height:var(--db-leading-tight)}.designbase-section--size-xl .designbase-section__subtitle{font-size:var(--db-text-2xl);line-height:var(--db-leading-tight)}.designbase-section--variant-default{background-color:transparent;border:none;border-radius:0;box-shadow:none}.designbase-section--variant-elevated{background-color:var(--db-surface-base);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-sm)}.designbase-section--variant-outlined{background-color:transparent;border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:none}.designbase-section--variant-filled{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-secondary);border-radius:var(--db-radius-m);box-shadow:none}.designbase-section__header{align-items:flex-start;border-bottom:1px solid var(--db-border-secondary);display:flex;gap:var(--db-gap-m);justify-content:space-between;margin-bottom:0}.designbase-section--variant-default .designbase-section__header{border-bottom:none}.designbase-section__title-area{flex:1;min-width:0}.designbase-section__title{color:var(--db-text-primary);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-xs) 0}.designbase-section__subtitle{color:var(--db-text-secondary);font-weight:var(--db-weight-medium);margin:0 0 var(--db-margin-xs) 0}.designbase-section__description{color:var(--db-text-tertiary);font-size:var(--db-text-s);line-height:var(--db-leading-relaxed);margin:0}.designbase-section__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--db-gap-s)}.designbase-section__content{flex:1;min-height:0}.designbase-section__footer{align-items:center;border-top:1px solid var(--db-border-secondary);display:flex;gap:var(--db-gap-m);justify-content:space-between;margin-top:auto}.designbase-section--variant-default .designbase-section__footer{border-top:none}@media (max-width:768px){.designbase-section__header{align-items:flex-start;flex-direction:column;gap:var(--db-margin-s)}.designbase-section__actions{justify-content:flex-end;width:100%}.designbase-section__footer{align-items:flex-start;flex-direction:column;gap:var(--db-margin-s)}}@media (max-width:480px){.designbase-section--size-l .designbase-section__content,.designbase-section--size-l .designbase-section__footer,.designbase-section--size-l .designbase-section__header{padding:var(--db-padding-m)}.designbase-section--size-xl .designbase-section__content,.designbase-section--size-xl .designbase-section__footer,.designbase-section--size-xl .designbase-section__header{padding:var(--db-padding-l)}}.designbase-share{display:inline-block;position:relative}.designbase-share__content{padding:var(--db-padding-m)}.designbase-share__platforms{display:grid;gap:var(--db-gap-s);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--db-margin-m)}.designbase-share__platform-button{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--db-text-s);font-weight:var(--db-font-medium);gap:var(--db-gap-xs);overflow:hidden;padding:var(--db-padding-m);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-share__platform-button:hover{border-color:var(--platform-color,#007bff);box-shadow:var(--db-shadow-md);transform:translateY(-2px)}.designbase-share__platform-button:active{transform:translateY(0)}.designbase-share__platform-button--facebook{--platform-color:#1877f2}.designbase-share__platform-button--facebook:hover{background-color:rgba(24,119,242,.1);color:#1877f2}.designbase-share__platform-button--twitter{--platform-color:#1da1f2}.designbase-share__platform-button--twitter:hover{background-color:rgba(29,161,242,.1);color:#1da1f2}.designbase-share__platform-button--instagram{--platform-color:#e4405f}.designbase-share__platform-button--instagram:hover{background-color:rgba(228,64,95,.1);color:#e4405f}.designbase-share__platform-button--linkedin{--platform-color:#0077b5}.designbase-share__platform-button--linkedin:hover{background-color:rgba(0,119,181,.1);color:#0077b5}.designbase-share__platform-button--pinterest{--platform-color:#bd081c}.designbase-share__platform-button--pinterest:hover{background-color:rgba(189,8,28,.1);color:#bd081c}.designbase-share__platform-button--whatsapp{--platform-color:#25d366}.designbase-share__platform-button--whatsapp:hover{background-color:rgba(37,211,102,.1);color:#25d366}.designbase-share__platform-button--telegram{--platform-color:#08c}.designbase-share__platform-button--telegram:hover{background-color:rgba(0,136,204,.1);color:#08c}.designbase-share__platform-button--email{--platform-color:#ea4335}.designbase-share__platform-button--email:hover{background-color:rgba(234,67,53,.1);color:#ea4335}.designbase-share__platform-button--link{--platform-color:#6c757d}.designbase-share__platform-button--link:hover{background-color:hsla(208,7%,46%,.1);color:#6c757d}.designbase-share__platform-button--link.designbase-share__platform-button--copied{background-color:var(--db-feedback-success-fg);border-color:var(--db-feedback-success-fg);color:var(--db-text-inverse-primary)}.designbase-share__platform-button--qr{--platform-color:#6c757d}.designbase-share__platform-button--qr:hover{background-color:hsla(208,7%,46%,.1);color:#6c757d}.designbase-share__platform-icon{fill:currentColor;height:24px;width:24px}.designbase-share__platform-name{font-size:var(--db-text-xs);line-height:1.2;text-align:center}.designbase-share__copy-success{align-items:center;animation:copySuccessFadeIn .3s ease;background-color:var(--db-feedback-success-fg);border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);display:flex;font-size:var(--db-text-xs);font-weight:var(--db-weight-bold);gap:var(--db-gap-xs);left:50%;padding:var(--db-padding-xs) var(--db-padding-s);position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.designbase-share__copy-success svg{height:12px;width:12px}.designbase-share__qr-section{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-m);margin-bottom:var(--db-margin-l);padding:var(--db-padding-m);text-align:center}.designbase-share__qr-title{color:var(--db-text-primary);font-size:var(--db-font-base);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0}.designbase-share__qr-code{display:flex;justify-content:center;margin-bottom:var(--db-margin-s);text-align:center}.designbase-share__qr-code img{box-shadow:var(--db-shadow-sm)}.designbase-share__qr-description{color:var(--db-text-secondary);font-size:var(--db-text-s);margin:0}.designbase-share__link-title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-s) 0}.designbase-share__link-container{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-share__link-input{background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);color:var(--db-text-primary);cursor:text;flex:1;font-size:var(--db-text-s);padding:var(--db-padding-xs)}.designbase-share__link-input:focus{border-color:var(--db-field-border-focus);box-shadow:0 0 0 3px var(--color-aliases-brand-primary-alpha-10);outline:none}.designbase-share__copy-button{flex-shrink:0}.designbase-share--dropdown{position:relative}.designbase-share--inline{display:block;width:100%}.designbase-share--inline .designbase-share__content{border:1px solid var(--db-border-base);box-shadow:none}.designbase-share--s .designbase-share__platform-button{font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-share--s .designbase-share__platform-icon{height:20px;width:20px}.designbase-share--s .designbase-share__platform-name{font-size:var(--db-text-xs)}.designbase-share--l .designbase-share__platform-button{font-size:var(--db-font-base);padding:var(--db-padding-l)}.designbase-share--l .designbase-share__platform-icon{height:32px;width:32px}.designbase-share--l .designbase-share__platform-name{font-size:var(--db-text-s)}@media (max-width:768px){.designbase-share .designbase-share__platforms{gap:var(--db-gap-xs);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.designbase-share .designbase-share__platform-button{font-size:var(--db-text-xs);padding:var(--db-padding-s)}.designbase-share .designbase-share__platform-icon{height:20px;width:20px}.designbase-share .designbase-share__platform-name{font-size:var(--db-text-xs)}.designbase-share .designbase-share__content{padding:var(--db-padding-m)}.designbase-share .designbase-share__link-container{align-items:stretch;flex-direction:column}.designbase-share .designbase-share__copy-button{width:100%}}.designbase-share__platform-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-share__platform-button{animation:platformButtonSlideIn .3s ease}@keyframes copySuccessFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes platformButtonSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.designbase-share__platform-button svg{fill:currentColor}.designbase-share--loading{opacity:.7;pointer-events:none}.designbase-share--loading .designbase-share__platform-button{cursor:not-allowed}.designbase-share--disabled{opacity:.5;pointer-events:none}.designbase-share--disabled .designbase-share__platform-button{cursor:not-allowed}.designbase-sidebar{background-color:var(--db-surface-base);border-right:1px solid var(--db-border-base);height:100vh;overflow-y:auto;position:relative;transition:width var(--db-animation-speed) var(--db-animation-ease);width:280px;z-index:var(--db-z-20)}.designbase-sidebar__container{display:flex;flex-direction:column;height:100%}.designbase-sidebar__header{align-items:center;border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-m)}.designbase-sidebar__logo{align-items:center;cursor:pointer;display:flex;transition:opacity var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__logo:hover{opacity:.8}.designbase-sidebar__logo:focus-visible{border-radius:var(--db-radius-s);outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-sidebar__logo-text{color:var(--db-text-primary);font-size:var(--db-text-xl);font-weight:var(--db-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__toggle{flex-shrink:0}.designbase-sidebar__toggle .designbase-button{height:var(--db-size-xl);min-width:var(--db-size-xl);padding:0;width:var(--db-size-xl)}.designbase-sidebar__toggle-icon{transition:transform var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__toggle-icon--collapsed{transform:rotate(180deg)}.designbase-sidebar__nav{flex:1;overflow-y:auto;padding:var(--db-padding-m)}.designbase-sidebar__nav-list{list-style:none;margin:0;padding:0}.designbase-sidebar__item{margin-bottom:var(--db-margin-xs)}.designbase-sidebar__link{align-items:center;border-radius:var(--db-radius-m);color:var(--db-text-primary);display:flex;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:var(--db-gap-s);margin:0 var(--db-margin-s);padding:var(--db-padding-s);position:relative;text-decoration:none;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-sidebar__link:hover{background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-sidebar__link:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-sidebar__link--active{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-sidebar__link--active:before{background-color:var(--db-brand-primary);border-radius:0 var(--db-radius-s) var(--db-radius-s) 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.designbase-sidebar__link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-sidebar__link--expanded{background-color:var(--db-surface-layer-2)}.designbase-sidebar__link--has-children{cursor:pointer}.designbase-sidebar__icon{flex-shrink:0;font-size:var(--db-text-base);text-align:center;width:var(--db-size-md)}.designbase-sidebar__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__badge{border-radius:var(--db-radius-full);flex-shrink:0;font-size:var(--db-text-xs);font-weight:var(--db-weight-semibold);line-height:1;padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-sidebar__badge--primary{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-sidebar__badge--success{background-color:var(--db-feedback-success-bg);color:var(--db-feedback-success-fg)}.designbase-sidebar__badge--warning{background-color:var(--db-feedback-warning-bg);color:var(--db-feedback-warning-fg)}.designbase-sidebar__badge--danger{background-color:var(--db-feedback-error-bg);color:var(--db-feedback-error-fg)}.designbase-sidebar__badge--info{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-sidebar__chevron{color:var(--db-text-secondary);flex-shrink:0;font-size:var(--db-text-xs);transition:transform .2s ease}.designbase-sidebar__chevron--expanded{transform:rotate(90deg)}.designbase-sidebar__submenu{background-color:var(--db-surface-base);border-radius:var(--db-radius-s);list-style:none;margin:0;margin:var(--db-margin-xs) var(--db-margin-s) 0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.designbase-sidebar__submenu--expanded{max-height:500px}.designbase-sidebar__user{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);padding:var(--db-padding-m)}.designbase-sidebar__user-info{align-items:center;display:flex;gap:var(--db-gap-s);margin-bottom:var(--db-margin-s)}.designbase-sidebar__user-avatar{border-radius:var(--db-radius-full);flex-shrink:0;height:40px;object-fit:cover;width:40px}.designbase-sidebar__user-avatar-placeholder{align-items:center;background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);display:flex;flex-shrink:0;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);height:40px;justify-content:center;width:40px}.designbase-sidebar__user-details{flex:1;min-width:0}.designbase-sidebar__user-name{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);margin-bottom:var(--db-margin-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__user-email{margin-bottom:var(--db-margin-xs)}.designbase-sidebar__user-email,.designbase-sidebar__user-role{color:var(--db-text-secondary);font-size:var(--db-text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designbase-sidebar__user-menu{list-style:none;margin:0;padding:0}.designbase-sidebar__user-menu-link{align-items:center;color:var(--db-text-primary);display:flex;font-size:var(--db-text-xs);gap:var(--db-gap-s);padding:var(--db-padding-xs) 0;text-decoration:none;transition:all .2s ease}.designbase-sidebar__user-menu-link:hover{color:var(--db-icon-primary)}.designbase-sidebar__user-menu-link--disabled{cursor:not-allowed;opacity:var(--db-opacity-50);pointer-events:none}.designbase-sidebar__user-collapsed{display:flex;justify-content:center;padding:var(--db-padding-m)}.designbase-sidebar__user-avatar-collapsed{border-radius:var(--db-radius-full);height:40px;object-fit:cover;width:40px}.designbase-sidebar__user-avatar-placeholder-collapsed{align-items:center;background-color:var(--db-brand-primary);border-radius:var(--db-radius-full);color:var(--db-text-inverse-primary);display:flex;font-size:var(--db-text-base);font-weight:var(--db-weight-semibold);height:40px;justify-content:center;width:40px}.designbase-sidebar--s{width:240px}.designbase-sidebar--s .designbase-sidebar__header{padding:var(--db-padding-s) var(--db-padding-m)}.designbase-sidebar--s .designbase-sidebar__logo-text{font-size:var(--db-text-xl)}.designbase-sidebar--s .designbase-sidebar__link{font-size:var(--db-text-xs);margin:0 var(--db-margin-xs);padding:var(--db-padding-xs) var(--db-padding-s)}.designbase-sidebar--s .designbase-sidebar__icon{font-size:var(--db-text-s);width:16px}.designbase-sidebar--s .designbase-sidebar__user-avatar,.designbase-sidebar--s .designbase-sidebar__user-avatar-collapsed,.designbase-sidebar--s .designbase-sidebar__user-avatar-placeholder,.designbase-sidebar--s .designbase-sidebar__user-avatar-placeholder-collapsed{font-size:var(--db-text-s);height:32px;width:32px}.designbase-sidebar--s .designbase-sidebar__user-email,.designbase-sidebar--s .designbase-sidebar__user-name,.designbase-sidebar--s .designbase-sidebar__user-role{font-size:var(--db-text-xs)}.designbase-sidebar--m{width:280px}.designbase-sidebar--l{width:320px}.designbase-sidebar--l .designbase-sidebar__header{padding:var(--db-padding-l) var(--db-padding-l)}.designbase-sidebar--l .designbase-sidebar__logo-text{font-size:var(--db-text-2xl)}.designbase-sidebar--l .designbase-sidebar__link{font-size:var(--db-text-base);margin:0 var(--db-margin-m);padding:var(--db-padding-m) var(--db-padding-l)}.designbase-sidebar--l .designbase-sidebar__icon{font-size:var(--db-text-l);width:24px}.designbase-sidebar--l .designbase-sidebar__user-avatar,.designbase-sidebar--l .designbase-sidebar__user-avatar-collapsed,.designbase-sidebar--l .designbase-sidebar__user-avatar-placeholder,.designbase-sidebar--l .designbase-sidebar__user-avatar-placeholder-collapsed{font-size:var(--db-text-l);height:48px;width:48px}.designbase-sidebar--l .designbase-sidebar__user-name{font-size:var(--db-text-base)}.designbase-sidebar--l .designbase-sidebar__user-email,.designbase-sidebar--l .designbase-sidebar__user-role{font-size:var(--db-text-s)}.designbase-sidebar--right{border-left:1px solid var(--db-border-base);border-right:none}.designbase-sidebar--collapsed{width:64px}.designbase-sidebar--collapsed .designbase-sidebar__badge,.designbase-sidebar--collapsed .designbase-sidebar__chevron,.designbase-sidebar--collapsed .designbase-sidebar__label,.designbase-sidebar--collapsed .designbase-sidebar__logo-text,.designbase-sidebar--collapsed .designbase-sidebar__user-info,.designbase-sidebar--collapsed .designbase-sidebar__user-menu{display:none}.designbase-sidebar--collapsed .designbase-sidebar__link{justify-content:center;margin:0 var(--db-margin-xs);padding:var(--db-padding-s)}.designbase-sidebar--collapsed .designbase-sidebar__icon{margin:0}.designbase-sidebar--collapsed .designbase-sidebar__toggle-icon{transform:rotate(180deg)}.designbase-sidebar--collapsed .designbase-sidebar__toggle .designbase-button{height:var(--db-size-xl);width:var(--db-size-xl)}.designbase-sidebar--fixed{bottom:0;left:0;position:fixed;top:0;z-index:var(--db-z-50)}.designbase-sidebar--full-height{height:100vh}.designbase-sidebar--shadow{box-shadow:var(--db-shadow-lg)}@media (max-width:768px){.designbase-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:var(--db-z-50)}.designbase-sidebar--mobile-open{transform:translateX(0)}.designbase-sidebar--right{left:auto;right:0;transform:translateX(100%)}.designbase-sidebar--right--mobile-open{transform:translateX(0)}}.designbase-sidebar:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-skeleton{background-color:var(--db-surface-muted);border-radius:var(--db-radius-s);display:inline-block;overflow:hidden;position:relative}.designbase-skeleton--text{border-radius:var(--db-radius-s);width:100%}.designbase-skeleton--circular{aspect-ratio:1;border-radius:50%}.designbase-skeleton--rectangular{border-radius:0}.designbase-skeleton--rounded{border-radius:var(--db-radius-m)}.designbase-skeleton--xs.designbase-skeleton--text{height:12px}.designbase-skeleton--s.designbase-skeleton--text{height:16px}.designbase-skeleton--m.designbase-skeleton--text{height:20px}.designbase-skeleton--l.designbase-skeleton--text{height:24px}.designbase-skeleton--xl.designbase-skeleton--text{height:32px}.designbase-skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.designbase-skeleton--wave:after{animation:skeleton-wave 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.designbase-skeleton--none{animation:none}.designbase-skeleton__line{background-color:var(--db-surface-muted);border-radius:var(--db-radius-s);display:block;height:100%}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes skeleton-wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.designbase-skeleton:focus{outline:none}.designbase-split-view{box-sizing:border-box;display:flex;position:relative}.designbase-split-view--full-width{width:100%}.designbase-split-view--full-height{height:100vh;min-height:100vh}.designbase-split-view--dragging *{pointer-events:none}.designbase-split-view--dragging .designbase-split-view__splitter{pointer-events:auto}.designbase-split-view--direction-horizontal{flex-direction:row}.designbase-split-view--direction-horizontal.designbase-split-view--dragging{cursor:col-resize}.designbase-split-view--direction-horizontal .designbase-split-view__splitter{cursor:col-resize;flex-shrink:0;height:100%;width:8px}.designbase-split-view--direction-horizontal .designbase-split-view__splitter:before{background-color:var(--db-border-base);height:24px;width:3px}.designbase-split-view--direction-horizontal .designbase-split-view__splitter:active:before,.designbase-split-view--direction-horizontal .designbase-split-view__splitter:hover:before{background-color:var(--db-brand-primary);height:48px}.designbase-split-view--direction-vertical{flex-direction:column}.designbase-split-view--direction-vertical.designbase-split-view--dragging{cursor:row-resize}.designbase-split-view--direction-vertical .designbase-split-view__splitter{cursor:row-resize;flex-shrink:0;height:8px;width:100%}.designbase-split-view--direction-vertical .designbase-split-view__splitter:before{background-color:var(--db-border-base);height:3px;width:24px}.designbase-split-view--direction-vertical .designbase-split-view__splitter:active:before,.designbase-split-view--direction-vertical .designbase-split-view__splitter:hover:before{background-color:var(--db-brand-primary);width:48px}.designbase-split-view__panel{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.designbase-split-view__panel.designbase-split-view__panel--flexible{flex:1;overflow-x:hidden;overflow-y:auto}.designbase-split-view__panel.designbase-split-view__panel--fixed{flex-shrink:0;overflow:visible}.designbase-split-view__splitter{position:relative;transition:all .2s ease;z-index:10}.designbase-split-view__splitter:before{border-radius:var(--db-radius-s);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease}.designbase-stack{box-sizing:border-box;display:flex;flex-direction:column}.designbase-stack--full-width{width:100%}.designbase-stack--full-height{height:100%}.designbase-stack--wrap{flex-wrap:wrap}.designbase-stack--direction-vertical{flex-direction:column}.designbase-stack--direction-horizontal{flex-direction:row}.designbase-stack--alignment-start{align-items:flex-start}.designbase-stack--alignment-center{align-items:center}.designbase-stack--alignment-end{align-items:flex-end}.designbase-stack--alignment-stretch{align-items:stretch}.designbase-stack--justify-start{justify-content:flex-start}.designbase-stack--justify-center{justify-content:center}.designbase-stack--justify-end{justify-content:flex-end}.designbase-stack--justify-space-between{justify-content:space-between}.designbase-stack--justify-space-around{justify-content:space-around}.designbase-stack--justify-space-evenly{justify-content:space-evenly}.designbase-stack--spacing-none{gap:0}.designbase-stack--spacing-xs{gap:var(--db-gap-xs)}.designbase-stack--spacing-sm{gap:var(--db-gap-s)}.designbase-stack--spacing-md{gap:var(--db-gap-m)}.designbase-stack--spacing-lg{gap:var(--db-gap-l)}.designbase-stack--spacing-xl{gap:var(--db-gap-xl)}@media (max-width:768px){.designbase-stack--spacing-lg{gap:var(--db-gap-m)}.designbase-stack--spacing-xl{gap:var(--db-gap-l)}}@media (max-width:480px){.designbase-stack--spacing-lg,.designbase-stack--spacing-md{gap:var(--db-gap-s)}.designbase-stack--spacing-xl{gap:var(--db-gap-m)}}.designbase-stepper{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);display:inline-flex;gap:var(--db-gap-xs);padding:var(--db-padding-xs);transition:all .2s ease}.designbase-stepper--size-s .designbase-stepper__button{height:var(--db-size-button-s);width:var(--db-size-button-s)}.designbase-stepper--size-s .designbase-stepper__value{min-width:24px}.designbase-stepper--size-s .designbase-stepper__value-text{font-size:var(--db-text-xs)}.designbase-stepper--size-m .designbase-stepper__button{height:var(--db-size-button-m);width:var(--db-size-button-m)}.designbase-stepper--size-m .designbase-stepper__value{min-width:28px}.designbase-stepper--size-m .designbase-stepper__value-text{font-size:var(--db-text-s)}.designbase-stepper--size-l .designbase-stepper__button{height:var(--db-size-button-l);width:var(--db-size-button-l)}.designbase-stepper--size-l .designbase-stepper__value{min-width:32px}.designbase-stepper--size-l .designbase-stepper__value-text{font-size:var(--db-text-base)}.designbase-stepper--variant-default{background-color:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-stepper--variant-outlined{background-color:transparent;border-color:var(--db-border-base)}.designbase-stepper--variant-filled{background-color:var(--db-surface-layer-1);border-color:var(--db-border-layer-1)}.designbase-stepper--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.designbase-stepper--readonly .designbase-stepper__button{cursor:not-allowed;opacity:.5}.designbase-stepper:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-stepper__button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:all .2s ease}.designbase-stepper__button:hover:not(.designbase-stepper__button--disabled){background-color:var(--db-surface-layer-1);color:var(--db-brand-primary)}.designbase-stepper__button:active:not(.designbase-stepper__button--disabled){background-color:var(--db-surface-layer-2);transform:scale(.95)}.designbase-stepper__button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-stepper__button:disabled{cursor:not-allowed;opacity:.5}.designbase-stepper__button--disabled{color:var(--db-text-tertiary);cursor:not-allowed;opacity:.5}.designbase-stepper__button--disabled:hover{background-color:transparent;color:var(--db-text-tertiary)}.designbase-stepper__button svg{stroke:currentColor;stroke-width:2;height:16px;width:16px}.designbase-stepper__value{align-items:center;color:var(--db-text-primary);display:flex;flex:1;font-weight:var(--db-weight-medium);justify-content:center;min-width:0;text-align:center;user-select:none}.designbase-stepper__value-text{font-weight:var(--db-weight-semibold);line-height:1}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:480px){.designbase-stepper--size-l .designbase-stepper__button{height:32px;width:32px}.designbase-stepper--size-l .designbase-stepper__value{min-width:48px;padding:0 var(--db-padding-m)}.designbase-stepper--size-l .designbase-stepper__value-text{font-size:var(--db-text-base)}}.designbase-table{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);overflow:hidden;width:100%}.designbase-table__header{align-items:center;background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);display:flex;justify-content:space-between;padding:var(--db-padding-s)}.designbase-table__header-left,.designbase-table__header-right{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-table__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0}.designbase-table__container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:auto;scrollbar-width:thin}.designbase-table__container::-webkit-scrollbar{height:8px}.designbase-table__container::-webkit-scrollbar-track{background:var(--db-surface-layer-1);border-radius:var(--db-radius-s)}.designbase-table__container::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:var(--db-radius-s)}.designbase-table__container::-webkit-scrollbar-thumb:hover{background:var(--db-icon-muted)}.designbase-table__footer{align-items:center;background-color:var(--db-surface-layer-1);display:flex;justify-content:space-between;padding:var(--db-padding-s)}.designbase-table__footer-left,.designbase-table__footer-right{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-table__rows-info{color:var(--db-text-secondary);font-size:var(--db-text-xs)}.designbase-table__page-size select{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-s);color:var(--db-text-primary);font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-table__pagination{align-items:center;display:flex;gap:var(--db-gap-s)}.designbase-table__page-info{color:var(--db-text-secondary);font-size:var(--db-text-s);min-width:60px;text-align:center}.designbase-table__table{border-collapse:collapse;min-width:100%;table-layout:auto;width:100%}.designbase-table__table--scrollable{min-width:800px}.designbase-table__thead{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base)}.designbase-table__tbody{background-color:var(--db-surface-base)}.designbase-table__tr{border-bottom:1px solid var(--db-border-base);transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-table__tr:last-child{border-bottom:none}.designbase-table__tr:hover{background-color:var(--db-surface-layer-1)}.designbase-table__tr--selected{background-color:var(--db-feedback-info-bg);border-color:var(--db-feedback-info-fg)}.designbase-table__tr--selected:hover{background-color:var(--db-interactive-bg-hover)}.designbase-table__tr--clickable{cursor:pointer}.designbase-table__th{background-color:var(--db-surface-layer-1);border-bottom:1px solid var(--db-border-base);color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-semibold);padding:var(--db-padding-s);position:relative;text-align:left}.designbase-table__th--checkbox{align-items:center;justify-content:center;text-align:center;width:48px}.designbase-table__th--sortable{cursor:pointer;user-select:none}.designbase-table__th--sortable:hover{background-color:var(--db-surface-layer-1)}.designbase-table__th--sorted{background-color:var(--db-feedback-info-bg);color:var(--db-feedback-info-fg)}.designbase-table__th--left{text-align:left}.designbase-table__th--center{text-align:center}.designbase-table__th--right{text-align:right}.designbase-table__th--fixed-left{left:0}.designbase-table__th--fixed-left,.designbase-table__th--fixed-right{background-color:var(--db-surface-layer-1);position:sticky;z-index:10}.designbase-table__th--fixed-right{right:0}.designbase-table__th-content{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-table__th-text{flex:1}.designbase-table__sort-icon{align-items:center;color:var(--db-icon-muted);display:flex;transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-table__sort-icon--asc,.designbase-table__sort-icon--desc{color:var(--db-icon-primary)}.designbase-table__sort-icon--idle{color:var(--db-icon-muted)}.designbase-table__td{border-bottom:1px solid var(--db-border-base);color:var(--db-text-primary);font-size:var(--db-text-s);padding:var(--db-padding-s);text-align:left;vertical-align:middle}.designbase-table__td--checkbox{text-align:center;width:40px}.designbase-table__td--empty{color:var(--db-text-secondary);padding:var(--db-padding-l);text-align:center}.designbase-table__td--left{text-align:left}.designbase-table__td--center{text-align:center}.designbase-table__td--right{text-align:right}.designbase-table__td--fixed-left{background-color:var(--db-surface-base);left:0;position:sticky;z-index:5}.designbase-table__td--fixed-right{background-color:var(--db-surface-base);position:sticky;right:0;z-index:5}.designbase-table__checkbox{accent-color:var(--db-brand-primary);cursor:pointer;height:16px;width:16px}.designbase-table__empty{font-size:var(--db-text-s);gap:var(--db-gap-s)}.designbase-table__empty,.designbase-table__loading{align-items:center;color:var(--db-text-secondary);display:flex;flex-direction:column}.designbase-table__loading{gap:var(--db-gap-m);justify-content:center;padding:var(--db-padding-l)}.designbase-table__loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--db-border-base);border:2px solid var(--db-border-base);border-radius:50%;border-top-color:var(--db-brand-primary);height:24px;width:24px}.designbase-table--s .designbase-table__td,.designbase-table--s .designbase-table__th{font-size:var(--db-text-xs);padding:var(--db-padding-xs)}.designbase-table--s .designbase-table__checkbox{height:14px;width:14px}.designbase-table--m .designbase-table__td,.designbase-table--m .designbase-table__th{font-size:var(--db-text-s);padding:var(--db-padding-s)}.designbase-table--l .designbase-table__td,.designbase-table--l .designbase-table__th{font-size:var(--db-text-m);padding:var(--db-padding-m)}.designbase-table--l .designbase-table__checkbox{height:18px;width:18px}.designbase-table--striped .designbase-table__tr:nth-child(2n){background-color:var(--db-surface-layer-1)}.designbase-table--bordered .designbase-table__td,.designbase-table--bordered .designbase-table__th{border:1px solid var(--db-border-base)}.designbase-table--hoverable .designbase-table__tr:hover{background-color:var(--db-surface-layer-1)}.designbase-table--selectable .designbase-table__tr--selected{background-color:var(--db-feedback-info-bg)}.designbase-table--sortable .designbase-table__th--sortable{cursor:pointer}.designbase-tabs{display:flex;flex-direction:column;width:100%}.designbase-tabs__list{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid var(--db-border-base);cursor:grab;display:flex;gap:var(--db-gap-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;user-select:none}.designbase-tabs__list::-webkit-scrollbar{display:none}.designbase-tabs__list.designbase-tabs__list--dragging{cursor:grabbing}.designbase-tabs__list--horizontal{flex-direction:row}.designbase-tabs__list--vertical{border-bottom:none;border-right:1px solid var(--db-border-base);flex-direction:column;min-width:200px;width:200px}.designbase-tabs__list--full-width{width:100%}.designbase-tabs__list--full-width .designbase-tabs__tab{flex:1;min-width:fit-content}.designbase-tabs__tab{align-items:center;background:none;border:none;color:var(--db-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);justify-content:center;line-height:var(--db-leading-normal);outline:none;padding:var(--db-padding-m);position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);white-space:nowrap}.designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){background-color:var(--db-surface-layer-2);color:var(--db-text-primary)}.designbase-tabs__tab:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-tabs__tab--selected{background-color:var(--db-surface-base);border-bottom:2px solid var(--db-brand-primary);color:var(--db-brand-primary)}.designbase-tabs__tab--selected:after{background-color:var(--db-surface-base);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.designbase-tabs__tab--focused{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-tabs__tab--disabled{background-color:var(--db-surface-layer-1);color:var(--db-text-disabled);cursor:not-allowed}.designbase-tabs__tab-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.designbase-tabs__tab-label{white-space:nowrap}.designbase-tabs__panel{background-color:var(--db-surface-base);border-radius:0 0 var(--db-radius-m) var(--db-radius-m);flex:1;padding:var(--db-padding-m)}.designbase-tabs--pills .designbase-tabs__list{border-bottom:none;gap:var(--db-gap-xs)}.designbase-tabs--pills .designbase-tabs__tab{border-bottom:none;border-radius:var(--db-radius-full)}.designbase-tabs--pills .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){background-color:var(--db-surface-layer-2)}.designbase-tabs--pills .designbase-tabs__tab--selected{background-color:var(--db-brand-primary);border-bottom:none;color:var(--db-text-inverse-primary)}.designbase-tabs--pills .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--underline .designbase-tabs__list{border-bottom:1px solid var(--db-border-base)}.designbase-tabs--underline .designbase-tabs__tab{border-bottom:2px solid transparent;border-radius:0}.designbase-tabs--underline .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-bottom-color:var(--db-border-layer-1)}.designbase-tabs--underline .designbase-tabs__tab--selected{border-bottom-color:var(--db-brand-primary)}.designbase-tabs--underline .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--s .designbase-tabs__tab{font-size:var(--db-text-xs);line-height:var(--db-leading-tight);padding:var(--db-padding-s)}.designbase-tabs--s .designbase-tabs__panel{padding:var(--db-padding-s)}.designbase-tabs--m .designbase-tabs__tab{font-size:var(--db-text-s);line-height:var(--db-leading-normal);padding:var(--db-padding-m)}.designbase-tabs--m .designbase-tabs__panel{padding:var(--db-padding-m)}.designbase-tabs--l .designbase-tabs__tab{font-size:var(--db-text-base);line-height:var(--db-leading-normal);padding:var(--db-padding-l)}.designbase-tabs--l .designbase-tabs__panel{padding:var(--db-padding-l)}.designbase-tabs--vertical{flex-direction:row}.designbase-tabs--vertical .designbase-tabs__list{border-bottom:none;border-right:1px solid var(--db-border-base);flex-direction:column;min-width:200px;width:200px}.designbase-tabs--vertical .designbase-tabs__tab{border-bottom:none;border-radius:var(--db-radius-m) 0 0 var(--db-radius-m);border-right:2px solid transparent;justify-content:flex-start;text-align:left}.designbase-tabs--vertical .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-right-color:var(--db-border-layer-1)}.designbase-tabs--vertical .designbase-tabs__tab--selected{border-bottom:none;border-right-color:var(--db-brand-primary)}.designbase-tabs--vertical .designbase-tabs__tab--selected:after{display:none}.designbase-tabs--vertical .designbase-tabs__panel{border-radius:0 var(--db-radius-m) var(--db-radius-m) 0;flex:1}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__list{border-right:none}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab{border-radius:var(--db-radius-full);border-right:none;margin-bottom:var(--db-margin-xs)}.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab--selected,.designbase-tabs--vertical.designbase-tabs--pills .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-right-color:transparent}.designbase-tabs--full-width{width:100%}.designbase-tabs--full-width .designbase-tabs__tab{flex:1}@media (max-width:640px){.designbase-tabs--vertical{flex-direction:column}.designbase-tabs--vertical .designbase-tabs__list{border-bottom:1px solid var(--db-border-base);border-right:none;flex-direction:row;min-width:auto;overflow-x:auto;width:100%}.designbase-tabs--vertical .designbase-tabs__tab{border-bottom:2px solid transparent;border-radius:var(--db-radius-m) var(--db-radius-m) 0 0;border-right:none;justify-content:center;min-width:120px;text-align:center;white-space:nowrap}.designbase-tabs--vertical .designbase-tabs__tab:hover:not(.designbase-tabs__tab--disabled){border-bottom-color:var(--db-border-layer-1);border-right-color:transparent}.designbase-tabs--vertical .designbase-tabs__tab--selected{border-bottom-color:var(--db-brand-primary);border-right-color:transparent}.designbase-tabs--vertical .designbase-tabs__panel{border-radius:0 0 var(--db-radius-m) var(--db-radius-m)}}.designbase-timeline{position:relative;width:100%}.designbase-timeline__container{align-items:center;display:flex;flex-direction:column;position:relative}.designbase-timeline__container:before{background-color:var(--db-border-muted);bottom:0;content:"";left:50%;opacity:.3;position:absolute;top:0;transform:translateX(-50%);width:1px}.designbase-timeline__item{align-items:flex-start;display:flex;margin-bottom:2rem;position:relative;width:100%}.designbase-timeline__item:last-child{margin-bottom:0}.designbase-timeline__item--left{flex-direction:row}.designbase-timeline__item--left .designbase-timeline__content{margin-right:2rem;text-align:right}.designbase-timeline__item--left .designbase-timeline__separator{order:2}.designbase-timeline__item--right{flex-direction:row-reverse}.designbase-timeline__item--right .designbase-timeline__content{margin-left:2rem;text-align:left}.designbase-timeline__item--right .designbase-timeline__separator{order:1}.designbase-timeline__item--clickable{cursor:pointer}.designbase-timeline__item--clickable .designbase-timeline__content-inner,.designbase-timeline__item--clickable .designbase-timeline__dot{transition:all .2s ease}.designbase-timeline__item--clickable .designbase-timeline__content-inner:hover,.designbase-timeline__item--clickable .designbase-timeline__dot:hover{transform:scale(1.05)}.designbase-timeline__item--disabled{opacity:.5;pointer-events:none}.designbase-timeline__content{flex:1;max-width:45%}.designbase-timeline__content-inner{background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-sm);padding:1rem}.designbase-timeline__content-inner:hover{box-shadow:var(--db-shadow-md)}.designbase-timeline__content--left .designbase-timeline__timestamp{text-align:right}.designbase-timeline__content--right .designbase-timeline__timestamp{text-align:left}.designbase-timeline__timestamp{color:var(--db-text-secondary);font-size:var(--db-text-s);font-weight:500;margin-bottom:.5rem}.designbase-timeline__title{color:var(--db-text-primary);font-size:var(--db-text-l);font-weight:600;line-height:1.4;margin:0 0 .5rem}.designbase-timeline__description{color:var(--db-text-secondary);font-size:var(--db-text-base);line-height:1.5;margin:0}.designbase-timeline__separator{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.designbase-timeline__dot{align-items:center;background-color:var(--db-surface-base);border:2px solid var(--db-border-base);border-radius:50%;box-shadow:var(--db-shadow-sm);display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.designbase-timeline__dot-inner{background-color:var(--db-color-primary);border-radius:50%;height:.75rem;width:.75rem}.designbase-timeline__dot--clickable{cursor:pointer}.designbase-timeline__dot--clickable:hover{box-shadow:var(--db-shadow-md);transform:scale(1.1)}.designbase-timeline__dot--primary{border-color:var(--db-color-primary)}.designbase-timeline__dot--primary .designbase-timeline__dot-inner{background-color:var(--db-color-primary)}.designbase-timeline__dot--secondary{border-color:var(--db-color-secondary)}.designbase-timeline__dot--secondary .designbase-timeline__dot-inner{background-color:var(--db-color-secondary)}.designbase-timeline__dot--success{border-color:var(--db-border-success)}.designbase-timeline__dot--success .designbase-timeline__dot-inner{background-color:var(--db-text-success)}.designbase-timeline__dot--warning{border-color:var(--db-border-warning)}.designbase-timeline__dot--warning .designbase-timeline__dot-inner{background-color:var(--db-text-warning)}.designbase-timeline__dot--error{border-color:var(--db-border-error)}.designbase-timeline__dot--error .designbase-timeline__dot-inner{background-color:var(--db-text-error)}.designbase-timeline__dot--info{border-color:var(--db-color-info)}.designbase-timeline__dot--info .designbase-timeline__dot-inner{background-color:var(--db-color-info)}.designbase-timeline__dot--default{border-color:var(--db-border-base)}.designbase-timeline__dot--default .designbase-timeline__dot-inner{background-color:var(--db-text-secondary)}.designbase-timeline__dot--outlined,.designbase-timeline__dot--outlined .designbase-timeline__dot-inner{background-color:transparent}.designbase-timeline__dot--filled .designbase-timeline__dot-inner{background-color:var(--db-surface-base)}.designbase-timeline__icon{align-items:center;color:inherit;display:flex;height:1rem;justify-content:center;width:1rem}.designbase-timeline__connector{background-color:var(--db-border-base);height:2rem;margin-top:.5rem;width:2px}.designbase-timeline--s .designbase-timeline__dot{height:1.5rem;width:1.5rem}.designbase-timeline--s .designbase-timeline__dot .designbase-timeline__dot-inner{height:.5rem;width:.5rem}.designbase-timeline--s .designbase-timeline__title{font-size:var(--db-text-base)}.designbase-timeline--s .designbase-timeline__description{font-size:var(--db-text-s)}.designbase-timeline--l .designbase-timeline__dot{height:2.5rem;width:2.5rem}.designbase-timeline--l .designbase-timeline__dot .designbase-timeline__dot-inner{height:1rem;width:1rem}.designbase-timeline--l .designbase-timeline__description,.designbase-timeline--l .designbase-timeline__title{font-size:var(--db-text-l)}.designbase-timeline--left .designbase-timeline__container:before{left:2rem;transform:none}.designbase-timeline--left .designbase-timeline__item{flex-direction:row}.designbase-timeline--left .designbase-timeline__item .designbase-timeline__content{margin-right:2rem;max-width:calc(100% - 4rem);text-align:left}.designbase-timeline--left .designbase-timeline__item .designbase-timeline__separator{order:2}.designbase-timeline--right .designbase-timeline__container:before{left:auto;right:2rem;transform:none}.designbase-timeline--right .designbase-timeline__item{flex-direction:row-reverse}.designbase-timeline--right .designbase-timeline__item .designbase-timeline__content{margin-left:2rem;max-width:calc(100% - 4rem);text-align:right}.designbase-timeline--right .designbase-timeline__item .designbase-timeline__separator{order:1}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n){flex-direction:row-reverse}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n) .designbase-timeline__content{margin-left:2rem;margin-right:0;text-align:left}.designbase-timeline--alternate .designbase-timeline__item:nth-child(2n) .designbase-timeline__separator{order:1}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd){flex-direction:row-reverse}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd) .designbase-timeline__content{margin-left:2rem;margin-right:0;text-align:left}.designbase-timeline--reverse-alternate .designbase-timeline__item:nth-child(odd) .designbase-timeline__separator{order:1}.designbase-timeline--full-width .designbase-timeline__content{max-width:40%}.designbase-timeline--full-width.designbase-timeline--left .designbase-timeline__content,.designbase-timeline--full-width.designbase-timeline--right .designbase-timeline__content{max-width:calc(100% - 4rem)}@media (max-width:768px){.designbase-timeline__container:before{left:1rem;transform:none}.designbase-timeline__item{flex-direction:row!important}.designbase-timeline__item .designbase-timeline__content{margin-left:0!important;margin-right:1.5rem!important;max-width:calc(100% - 3rem)!important;text-align:left!important}.designbase-timeline__item .designbase-timeline__separator{order:2!important}.designbase-timeline__content-inner{padding:.75rem}.designbase-timeline__title{font-size:var(--db-text-base)}.designbase-timeline__description{font-size:var(--db-text-s)}}.designbase-toast{align-items:center;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-toast);display:flex;gap:var(--db-gap-s);max-width:360px;min-width:200px;opacity:0;padding:var(--db-padding-s);position:fixed;transform:translateY(-20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--db-z-toast)}.designbase-toast--visible{opacity:1;transform:translateY(0) scale(1)}.designbase-toast__progress{background-color:var(--db-border-base);border-radius:var(--db-radius-m) var(--db-radius-m) 0 0;height:3px;left:0;overflow:hidden;position:absolute;right:0;top:0}.designbase-toast__progress-bar{background-color:var(--db-brand-primary);height:100%;transition:width .1s linear}.designbase-toast__icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.designbase-toast__icon svg{height:100%;width:100%}.designbase-toast__status-icon{font-size:16px;font-weight:700}.designbase-toast__content{flex:1;min-width:0}.designbase-toast__title{color:var(--db-text-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium);line-height:var(--db-leading-normal);margin:0}.designbase-toast__description{color:var(--db-text-secondary);font-size:var(--db-text-xs);line-height:var(--db-leading-tight);margin:var(--db-margin-xs) 0 0 0}.designbase-toast__close-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-icon-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all var(--db-animation-speed) var(--db-animation-ease);width:20px}.designbase-toast__close-button:hover{background-color:var(--db-interactive-bg-hover);color:var(--db-icon-hover)}.designbase-toast__close-button:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-toast--success{background-color:var(--db-feedback-success-bg);border:1px solid var(--db-feedback-success-fg)}.designbase-toast--success .designbase-toast__progress-bar{background-color:var(--db-feedback-success-fg)}.designbase-toast--success .designbase-toast__icon,.designbase-toast--success .designbase-toast__status-icon,.designbase-toast--success .designbase-toast__title{color:var(--db-feedback-success-fg)}.designbase-toast--error{background-color:var(--db-feedback-error-bg);border:1px solid var(--db-feedback-error-fg)}.designbase-toast--error .designbase-toast__progress-bar{background-color:var(--db-feedback-error-fg)}.designbase-toast--error .designbase-toast__icon,.designbase-toast--error .designbase-toast__status-icon,.designbase-toast--error .designbase-toast__title{color:var(--db-feedback-error-fg)}.designbase-toast--warning{background-color:var(--db-feedback-warning-bg);border:1px solid var(--db-feedback-warning-fg)}.designbase-toast--warning .designbase-toast__progress-bar{background-color:var(--db-feedback-warning-fg)}.designbase-toast--warning .designbase-toast__icon,.designbase-toast--warning .designbase-toast__status-icon,.designbase-toast--warning .designbase-toast__title{color:var(--db-feedback-warning-fg)}.designbase-toast--info{background-color:var(--db-feedback-info-bg);border:1px solid var(--db-feedback-info-fg)}.designbase-toast--info .designbase-toast__progress-bar{background-color:var(--db-feedback-info-fg)}.designbase-toast--info .designbase-toast__icon,.designbase-toast--info .designbase-toast__status-icon,.designbase-toast--info .designbase-toast__title{color:var(--db-feedback-info-fg)}.designbase-toast--bottom-center,.designbase-toast--bottom-right,.designbase-toast--top-center,.designbase-toast--top-right{opacity:0;transform:translateY(-20px) scale(.95)}.designbase-toast--bottom-center.designbase-toast--visible,.designbase-toast--bottom-right.designbase-toast--visible,.designbase-toast--top-center.designbase-toast--visible,.designbase-toast--top-right.designbase-toast--visible{opacity:1;transform:translateY(0) scale(1)}@media (max-width:768px){.designbase-toast{max-width:calc(100vw - 24px);min-width:calc(100vw - 24px);width:calc(100vw - 24px)}}.designbase-toast-container{pointer-events:none;position:fixed;z-index:var(--db-z-toast)}.designbase-toast-container--top-right{right:var(--db-padding-m);top:var(--db-padding-m)}.designbase-toast-container--top-center{left:50%;top:var(--db-padding-m);transform:translateX(-50%)}.designbase-toast-container--bottom-center{bottom:var(--db-padding-m);left:50%;transform:translateX(-50%)}.designbase-toast-container--bottom-right{bottom:var(--db-padding-m);right:var(--db-padding-m)}.designbase-toast-container .designbase-toast{margin-bottom:var(--db-margin-s);pointer-events:auto}.designbase-toast-container .designbase-toast:last-child{margin-bottom:0}@media (max-width:768px){.designbase-toast-container--bottom-center,.designbase-toast-container--bottom-right,.designbase-toast-container--top-center,.designbase-toast-container--top-right{left:var(--db-padding-s);right:var(--db-padding-s);transform:none}}.designbase-toggle{align-items:center;color:var(--db-text-primary);cursor:pointer;display:inline-flex;font-size:var(--db-text-s);gap:var(--db-gap-s);line-height:var(--db-leading-tight);user-select:none}.designbase-toggle__input{height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.designbase-toggle__track{align-items:center;background-color:var(--db-surface-layer-1);border:1px solid var(--db-border-base);border-radius:var(--db-radius-action-pill);display:flex;flex-shrink:0;position:relative}.designbase-toggle__thumb,.designbase-toggle__track{transition:all var(--db-animation-speed) var(--db-animation-ease)}.designbase-toggle__thumb{background-color:var(--db-surface-base);border-radius:50%;left:1px;position:absolute}.designbase-toggle__label{color:inherit;font-size:inherit;line-height:inherit}.designbase-toggle .designbase-toggle__track{background-color:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-toggle .designbase-toggle__thumb{background-color:var(--db-surface-base)}.designbase-toggle:hover:not(.designbase-toggle--disabled) .designbase-toggle__track{background-color:var(--db-surface-layer-2);border-color:var(--db-border-layer-1)}.designbase-toggle.designbase-toggle--selected .designbase-toggle__track{background-color:var(--db-brand-primary);border-color:var(--db-brand-primary)}.designbase-toggle.designbase-toggle--selected .designbase-toggle__thumb{background-color:var(--db-text-inverse-primary)}.designbase-toggle.designbase-toggle--selected:hover:not(.designbase-toggle--disabled) .designbase-toggle__track{background-color:var(--color-foundation-blue-800);border-color:var(--color-foundation-blue-800)}.designbase-toggle.designbase-toggle--selected:hover:not(.designbase-toggle--disabled) .designbase-toggle__thumb{background-color:var(--db-text-inverse-primary)}.designbase-toggle--no-label{gap:0}.designbase-toggle--s{font-size:var(--db-text-s);line-height:var(--db-leading-tight)}.designbase-toggle--s .designbase-toggle__track{height:20px;width:36px}.designbase-toggle--s .designbase-toggle__thumb{height:16px;width:16px}.designbase-toggle--s.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(16px)}.designbase-toggle--m{font-size:var(--db-text-base);line-height:var(--db-leading-normal)}.designbase-toggle--m .designbase-toggle__track{height:24px;width:44px}.designbase-toggle--m .designbase-toggle__thumb{height:20px;width:20px}.designbase-toggle--m.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(20px)}.designbase-toggle--l{font-size:var(--db-text-l);line-height:var(--db-leading-relaxed)}.designbase-toggle--l .designbase-toggle__track{height:28px;width:52px}.designbase-toggle--l .designbase-toggle__thumb{height:24px;width:24px}.designbase-toggle--l.designbase-toggle--selected .designbase-toggle__thumb{transform:translateX(24px)}.designbase-toggle--disabled{cursor:not-allowed;opacity:var(--db-opacity-disabled)}.designbase-toggle--disabled .designbase-toggle__track{background-color:var(--db-surface-muted);border-color:var(--db-border-muted)}.designbase-toggle--disabled .designbase-toggle__thumb{background-color:var(--db-surface-base)}.designbase-toggle--disabled .designbase-toggle__label{color:var(--db-text-disabled)}.designbase-toggle--readonly{cursor:default}.designbase-toggle:focus-within .designbase-toggle__track{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-toolbar{align-items:center;background:var(--db-surface-base);border:1px solid var(--db-border-base);display:flex;position:relative;transition:all var(--db-animation-speed) var(--db-animation-ease);z-index:var(--db-z-10)}.designbase-toolbar--size-s{gap:var(--db-gap-xs);padding:var(--db-padding-xs)}.designbase-toolbar--size-s .designbase-toolbar__item{border-radius:var(--db-radius-s);font-size:var(--db-text-s);padding:var(--db-padding-xs)}.designbase-toolbar--size-s .designbase-toolbar__item-icon{height:14px;width:14px}.designbase-toolbar--size-m{gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-toolbar--size-m .designbase-toolbar__item{border-radius:var(--db-radius-m);font-size:var(--db-text-base);padding:var(--db-padding-s)}.designbase-toolbar--size-m .designbase-toolbar__item-icon{height:16px;width:16px}.designbase-toolbar--size-l{gap:var(--db-gap-s);padding:var(--db-padding-s)}.designbase-toolbar--size-l .designbase-toolbar__item{border-radius:var(--db-radius-l);font-size:var(--db-text-l);padding:var(--db-padding-m)}.designbase-toolbar--size-l .designbase-toolbar__item-icon{height:18px;width:18px}.designbase-toolbar--variant-default{background:var(--db-surface-base);border-color:var(--db-border-base)}.designbase-toolbar--variant-outlined{background:transparent;border-color:var(--db-border-base)}.designbase-toolbar--variant-filled{background:var(--db-surface-layer-1);border-color:var(--db-border-base)}.designbase-toolbar--variant-ghost{background:transparent;border-color:transparent}.designbase-toolbar--position-top{border-bottom:1px solid var(--db-border-base)}.designbase-toolbar--position-bottom{border-top:1px solid var(--db-border-base)}.designbase-toolbar--position-left{border-right:1px solid var(--db-border-base);flex-direction:column}.designbase-toolbar--position-right{border-left:1px solid var(--db-border-base);flex-direction:column}.designbase-toolbar--position-floating{border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-lg);position:absolute}.designbase-toolbar--full-width{width:100%}.designbase-toolbar--fixed{position:fixed;z-index:var(--db-z-50)}.designbase-toolbar--shadow{box-shadow:var(--db-shadow-sm)}.designbase-toolbar--rounded{border-radius:var(--db-radius-l)}.designbase-toolbar__content{width:100%}.designbase-toolbar__content,.designbase-toolbar__group{align-items:center;display:flex;gap:inherit}.designbase-toolbar__group-separator{background:var(--db-border-base);height:24px;margin:0 var(--db-margin-xs);width:1px}.designbase-toolbar__children{align-items:center;display:flex;gap:inherit;margin-left:auto}.designbase-toolbar__item{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:var(--db-gap-xs);justify-content:center;transition:all var(--db-animation-speed) var(--db-animation-ease);user-select:none;white-space:nowrap}.designbase-toolbar__item:hover:not(.designbase-toolbar__item--disabled){background:var(--db-surface-layer-2)}.designbase-toolbar__item:focus{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-toolbar__item--active{background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-toolbar__item--active:hover{background:var(--color-foundation-blue-800)}.designbase-toolbar__item--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-toolbar__item--disabled:hover{background:transparent}.designbase-toolbar__item--dropdown{padding:0!important;position:relative}.designbase-toolbar__item--open{background:var(--db-surface-layer-2)}.designbase-toolbar__item--separator{background:var(--db-border-base);cursor:default;height:24px;margin:0 var(--db-margin-xs);padding:0;width:1px}.designbase-toolbar__item--separator:hover{background:var(--db-border-base)}.designbase-toolbar__item--custom{padding:0}.designbase-toolbar__item-icon{align-items:center;display:flex;flex-shrink:0;height:auto;justify-content:center;width:auto}.designbase-toolbar__item-icon svg{display:block;height:100%;width:100%}.designbase-toolbar__item-label{font-weight:var(--db-weight-medium)}.designbase-toolbar__dropdown-trigger{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-size:inherit;font-weight:inherit;gap:var(--db-gap-xs);height:100%;padding:var(--db-padding-s);width:100%}.designbase-toolbar__dropdown-arrow{align-items:center;display:flex;flex-shrink:0;height:12px;justify-content:center;transition:transform .2s ease;width:12px}.designbase-toolbar__item--open .designbase-toolbar__dropdown-arrow{transform:rotate(180deg)}.designbase-toolbar__dropdown-arrow svg{display:block;height:100%;width:100%}.designbase-toolbar__dropdown-menu{background:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);left:0;margin-top:var(--db-margin-xs);min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:var(--db-z-popover)}.designbase-toolbar__dropdown-option{align-items:center;background:transparent;border:none;color:var(--db-text-primary);cursor:pointer;display:flex;font-size:var(--db-text-s);gap:var(--db-gap-s);padding:var(--db-padding-s) var(--db-padding-m);text-align:left;transition:background-color var(--db-animation-speed) var(--db-animation-ease);width:100%}.designbase-toolbar__dropdown-option:hover:not(.designbase-toolbar__dropdown-option--disabled){background:var(--db-surface-layer-2)}.designbase-toolbar__dropdown-option:focus{outline:2px solid var(--db-border-focus);outline-offset:-2px}.designbase-toolbar__dropdown-option--selected{background:var(--db-brand-primary);color:var(--db-text-inverse-primary)}.designbase-toolbar__dropdown-option--selected:hover{background:var(--color-foundation-blue-800)}.designbase-toolbar__dropdown-option--disabled{cursor:not-allowed;opacity:var(--db-opacity-50)}.designbase-toolbar__dropdown-option--disabled:hover{background:transparent}.designbase-toolbar__dropdown-option-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.designbase-toolbar__dropdown-option-icon svg{display:block;height:100%;width:100%}.designbase-toolbar__dropdown-option-label{flex:1;text-align:left}@media (max-width:768px){.designbase-toolbar--size-l{gap:var(--db-gap-s);min-height:40px;padding:var(--db-padding-s)}.designbase-toolbar--size-l .designbase-toolbar__item{font-size:var(--db-text-base);padding:var(--db-padding-s) var(--db-padding-m)}.designbase-toolbar__dropdown-trigger .designbase-toolbar__item-label,.designbase-toolbar__item-label{display:none}}@media (max-width:480px){.designbase-toolbar--size-m{gap:var(--db-gap-xs);min-height:32px;padding:var(--db-padding-xs)}.designbase-toolbar--size-m .designbase-toolbar__item{font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-s)}}.designbase-video-player{background:var(--db-surface-layer-1);border-radius:var(--db-radius-l);font-family:var(--db-font-family);line-height:var(--db-leading-normal);overflow:hidden;position:relative;width:100%}.designbase-video-player--size-s{height:180px;max-width:320px}.designbase-video-player--size-m{height:360px;max-width:640px}.designbase-video-player--size-l{height:540px;max-width:960px}.designbase-video-player--size-xl{height:720px;max-width:1280px}.designbase-video-player--theme-light{--video-controls-bg:hsla(0,0%,100%,.9);--video-controls-color:var(--db-text-primary);--video-overlay-bg:rgba(0,0,0,.3);--video-dim-overlay:rgba(0,0,0,.4)}.designbase-video-player--theme-dark{--video-controls-bg:rgba(0,0,0,.8);--video-controls-color:var(--db-text-inverse-primary);--video-overlay-bg:rgba(0,0,0,.5);--video-dim-overlay:rgba(0,0,0,.6)}.designbase-video-player--theme-auto{--video-controls-color:var(--db-text-inverse-primary);--video-dim-overlay:rgba(0,0,0,.5)}.designbase-video-player--playing .designbase-video-player__center-controls{opacity:0;transform:scale(.8)}.designbase-video-player--paused .designbase-video-player__center-controls{opacity:1;transform:scale(1)}.designbase-video-player--muted .designbase-video-player__volume-slider{opacity:.5}.designbase-video-player--fullscreen{border-radius:0;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.designbase-video-player--fullscreen .designbase-video-player__video{height:100%;object-fit:contain;width:100%}.designbase-video-player--error .designbase-video-player__error,.designbase-video-player--loading .designbase-video-player__loading,.designbase-video-player--show-controls .designbase-video-player__dim-overlay,.designbase-video-player--show-controls .designbase-video-player__overlay{opacity:1;visibility:visible}.designbase-video-player__video{background:var(--db-surface-base);cursor:pointer;height:100%;object-fit:cover;width:100%}.designbase-video-player__dim-overlay{background:var(--video-dim-overlay);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1}.designbase-video-player__loading{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-video-player__loading .designbase-video-player__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--db-border-layer-1);border:3px solid var(--db-border-layer-1);border-radius:50%;border-top-color:var(--db-brand-primary);height:40px;width:40px}.designbase-video-player__error{background:var(--video-overlay-bg);border-radius:var(--db-radius-m);color:var(--db-text-inverse-primary);left:50%;opacity:0;padding:var(--db-padding-l);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;visibility:hidden;z-index:10}.designbase-video-player__error p{font-size:var(--db-text-base);margin:0 0 var(--db-margin-md) 0}.designbase-video-player__error button{background:var(--db-brand-primary);border:none;border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);cursor:pointer;font-size:var(--db-text-s);padding:var(--db-padding-s) var(--db-padding-m);transition:background-color .2s ease}.designbase-video-player__error button:hover{background:var(--color-foundation-blue-800)}.designbase-video-player__overlay{background:linear-gradient(to bottom,transparent 0,transparent 60%,var(--video-overlay-bg) 100%);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:var(--db-padding-m);position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:10}.designbase-video-player__top-controls{align-items:flex-start;color:var(--db-text-inverse-primary);display:flex;justify-content:space-between}.designbase-video-player__title h3{color:var(--db-text-inverse-primary);font-size:var(--db-text-l);font-weight:var(--db-weight-semibold);margin:0 0 var(--db-margin-xs) 0}.designbase-video-player__title p{color:var(--db-text-inverse-primary);font-size:var(--db-text-s);margin:0;opacity:.8}.designbase-video-player__settings{position:relative}.designbase-video-player__settings .designbase-video-player__settings-button{background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);cursor:pointer;padding:var(--db-padding-xs);transition:background-color .2s ease}.designbase-video-player__settings .designbase-video-player__settings-button:hover{background:hsla(0,0%,100%,.1)}.designbase-video-player__settings .designbase-video-player__settings-menu{background:var(--video-controls-bg);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-lg);min-width:200px;padding:var(--db-padding-m);position:absolute;right:0;top:100%;z-index:20}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group{margin-bottom:var(--db-margin-sm)}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group:last-child{margin-bottom:0}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group label{color:var(--db-text-inverse-primary);display:block;font-size:var(--db-text-s);font-weight:var(--db-weight-medium);margin-bottom:var(--db-margin-xs)}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group select{background:var(--db-surface-base);border:1px solid var(--db-border-layer-1);border-radius:var(--db-radius-s);color:var(--db-text-primary);font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-s);width:100%}.designbase-video-player__settings .designbase-video-player__settings-menu .designbase-video-player__setting-group select:focus{border-color:var(--db-field-border-focus);outline:none}.designbase-video-player__center-controls{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.designbase-video-player__play-button{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:var(--db-text-inverse-primary);cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .2s ease;width:80px}.designbase-video-player__play-button:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.designbase-video-player__bottom-controls{color:var(--db-text-inverse-primary)}.designbase-video-player__progress{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;margin-bottom:var(--db-margin-sm);position:relative;transition:height .2s ease}.designbase-video-player__progress:hover{height:6px}.designbase-video-player__progress .designbase-video-player__progress-bar{background:var(--db-brand-primary);border-radius:2px;height:100%;transition:width .1s ease}.designbase-video-player__progress .designbase-video-player__progress-handle{background:var(--db-brand-primary);border-radius:50%;height:12px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:12px}.designbase-video-player__progress:hover .designbase-video-player__progress-handle{opacity:1}.designbase-video-player__controls{align-items:center;display:flex;gap:var(--db-gap-s);justify-content:space-between}.designbase-video-player__left-controls,.designbase-video-player__right-controls{align-items:center;display:flex;gap:var(--db-gap-xs)}.designbase-video-player__control-button{align-items:center;background:none;border:none;border-radius:var(--db-radius-s);color:var(--db-text-inverse-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--db-padding-xs);transition:all .2s ease}.designbase-video-player__control-button:hover{background:hsla(0,0%,100%,.1)}.designbase-video-player__control-button:disabled{cursor:not-allowed;opacity:.5}.designbase-video-player__control-button:disabled:hover{background:none}.designbase-video-player__volume{align-items:center;display:flex;position:relative}.designbase-video-player__volume .designbase-video-player__volume-slider{background:var(--video-controls-bg);border-radius:var(--db-radius-m);bottom:100%;left:50%;margin-bottom:var(--db-margin-xs);opacity:0;padding:var(--db-padding-s);position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:10}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--db-brand-primary);border-radius:50%;cursor:pointer;height:12px;width:12px}.designbase-video-player__volume .designbase-video-player__volume-slider input[type=range]::-moz-range-thumb{background:var(--db-brand-primary);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.designbase-video-player__volume:hover .designbase-video-player__volume-slider{opacity:1;visibility:visible}.designbase-video-player__time{opacity:.9}.designbase-video-player__playlist-controls,.designbase-video-player__time{color:var(--db-text-inverse-primary);font-size:var(--db-text-s);font-weight:var(--db-weight-medium)}.designbase-video-player__playlist-controls{align-items:center;display:flex;gap:var(--db-gap-xs)}@media (max-width:768px){.designbase-video-player--size-m{height:200px;max-width:100%}.designbase-video-player--size-l{height:300px;max-width:100%}.designbase-video-player--size-xl{height:400px;max-width:100%}.designbase-video-player__play-button{height:60px;width:60px}.designbase-video-player__settings-menu{min-width:150px}.designbase-video-player__volume-slider input[type=range]{width:60px}}.designbase-video-player:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-youtube-player{background-color:var(--db-surface-layer-1);border-radius:var(--db-radius-m);box-shadow:var(--db-shadow-md);overflow:hidden;position:relative;width:100%}.designbase-youtube-player--s{aspect-ratio:16/9;max-width:320px}.designbase-youtube-player--m{aspect-ratio:16/9;max-width:640px}.designbase-youtube-player--l{aspect-ratio:16/9;max-width:960px}.designbase-youtube-player--xl{aspect-ratio:16/9;max-width:1280px}.designbase-youtube-player--full{aspect-ratio:16/9;width:100%}.designbase-youtube-player--default{border:1px solid var(--db-border-base)}.designbase-youtube-player--minimal{border:none;border-radius:0;box-shadow:none}.designbase-youtube-player--theater{background-color:var(--db-surface-inverse);border-radius:0;box-shadow:none}.designbase-youtube-player--picture-in-picture{border-radius:var(--db-radius-m);bottom:20px;box-shadow:var(--db-shadow-xl);height:180px;position:fixed;right:20px;width:320px;z-index:1000}.designbase-youtube-player--light{background-color:var(--db-surface-base);color:var(--db-text-primary)}.designbase-youtube-player--dark{background-color:var(--db-surface-inverse);color:var(--db-text-inverse-primary)}.designbase-youtube-player--fullscreen{aspect-ratio:auto;border-radius:0;height:100vh;left:0;max-width:none;position:fixed;top:0;width:100vw;z-index:9999}.designbase-youtube-player--error .designbase-youtube-player__container{display:none}.designbase-youtube-player__container{background-color:var(--db-surface-inverse);height:100%;position:relative;width:100%}.designbase-youtube-player__iframe{border:none;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.designbase-youtube-player__description{background-color:var(--db-surface-base);border-top:1px solid var(--db-border-base);padding:var(--db-padding-m)}.designbase-youtube-player__description p{color:var(--db-text-secondary);font-size:var(--db-text-s);line-height:1.5;margin:0}.designbase-youtube-player__error{align-items:center;color:var(--db-feedback-error-fg);display:flex;height:100%;justify-content:center;padding:var(--db-padding-xl);text-align:center}.designbase-youtube-player__error p{font-size:var(--db-text-base);line-height:1.5;margin:0}@media (max-width:768px){.designbase-youtube-player--lg,.designbase-youtube-player--md,.designbase-youtube-player--sm,.designbase-youtube-player--xl{max-width:100%}}.designbase-youtube-player:focus-within{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-youtube-player:before{animation:spin 1s linear infinite;border:3px solid var(--db-border-base);border-radius:50%;border-top-color:var(--db-brand-primary);content:"";height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:40px;z-index:1}.designbase-youtube-player--loading:before{opacity:1}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.designbase-youtube-player--picture-in-picture .designbase-youtube-player__description{display:none}
2
2
  /*# sourceMappingURL=index.css.map */