/* merged from @designbase/tokens/css */ /** * Designbase Korea Design Tokens * Generated: 2025-11-16T10:38:28.551Z * Version: 0.2.3 * * Structure: * - Foundation: Raw scales (global) * - Aliases: Human-friendly labels (global) * - Semantic: Product meaning (light theme = :root) * - Dark: Overrides only (dark theme = [data-theme="dark"]) */ :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%; --blur-foundation-l: 2rem; --blur-foundation-m: 1rem; --blur-foundation-s: 0.5rem; --blur-foundation-none: 0rem; --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, 0.06); --shadow-foundation-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25); --shadow-foundation-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1); --shadow-foundation-l: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); --shadow-foundation-m: 0px 4px 6px -1px rgba(0, 0, 0, 0.1); --shadow-foundation-base: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); --shadow-foundation-s: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); --shadow-foundation-none: 0px 0px 0px 0px rgba(0,0,0,0.2); --color-aliases-overlay-inverse: rgba(255, 255, 255, 0.6); --color-aliases-overlay-soft: rgba(0, 0, 0, 0.3); --color-aliases-overlay-base: rgba(0, 0, 0, 0.6); --color-aliases-text-link-hover: rgba(0, 111, 255, 0.9); --color-aliases-surface-alpha-inverse-70: rgba(0, 0, 0, 0.7); --color-aliases-surface-alpha-inverse-50: rgba(0, 0, 0, 0.5); --color-aliases-surface-alpha-inverse-30: rgba(0, 0, 0, 0.3); --color-aliases-surface-alpha-inverse-10: rgba(0, 0, 0, 0.1); --color-aliases-surface-alpha-inverse: rgba(0, 0, 0, 0.3); --color-aliases-surface-alpha-70: rgba(255, 255, 255, 0.7); --color-aliases-surface-alpha-50: rgba(255, 255, 255, 0.5); --color-aliases-surface-alpha-30: rgba(255, 255, 255, 0.3); --color-aliases-surface-alpha-10: rgba(255, 255, 255, 0.1); --color-aliases-surface-alpha: rgba(255, 255, 255, 0.3); --color-aliases-surface-transparent: rgba(255, 255, 255, 0); --color-aliases-border-alpha-inverse-70: rgba(255, 255, 255, 0.7); --color-aliases-border-alpha-inverse-50: rgba(255, 255, 255, 0.5); --color-aliases-border-alpha-inverse-30: rgba(255, 255, 255, 0.3); --color-aliases-border-alpha-inverse-10: rgba(255, 255, 255, 0.1); --color-aliases-border-alpha-inverse: rgba(255, 255, 255, 0.1); --color-aliases-border-alpha-70: rgba(0, 0, 0, 0.7); --color-aliases-border-alpha-50: rgba(0, 0, 0, 0.5); --color-aliases-border-alpha-30: rgba(0, 0, 0, 0.3); --color-aliases-border-alpha-10: rgba(0, 0, 0, 0.1); --color-aliases-border-alpha: rgba(0, 0, 0, 0.1); --color-aliases-border-transparent: rgba(0, 0, 0, 0); --color-aliases-brand-primary-alpha-90: rgba(0, 111, 255, 0.9); --color-aliases-brand-primary-alpha-80: rgba(0, 111, 255, 0.8); --color-aliases-brand-primary-alpha-70: rgba(0, 111, 255, 0.7); --color-aliases-brand-primary-alpha-60: rgba(0, 111, 255, 0.6); --color-aliases-brand-primary-alpha-50: rgba(0, 111, 255, 0.5); --color-aliases-brand-primary-alpha-40: rgba(0, 111, 255, 0.4); --color-aliases-brand-primary-alpha-30: rgba(0, 111, 255, 0.3); --color-aliases-brand-primary-alpha-20: rgba(0, 111, 255, 0.2); --color-aliases-brand-primary-alpha-10: rgba(0, 111, 255, 0.1); --color-foundation-black: #000000; --color-foundation-white: #ffffff; --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: #ffffff; --color-foundation-neutral-1100: #000000; --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: #ffffff; --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-10: 3rem; --border-foundation-radius-9: 2.5rem; --border-foundation-radius-8: 2rem; --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); --blur-semantic-overlay-l: var(--blur-foundation-l); --blur-semantic-overlay-m: var(--blur-foundation-m); --blur-semantic-overlay-s: var(--blur-foundation-s); --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-10); --border-aliases-radius-2xl: var(--border-foundation-radius-8); --border-aliases-radius-xl: var(--border-foundation-radius-6); --border-aliases-radius-l: var(--border-foundation-radius-5); --border-aliases-radius-m: var(--border-foundation-radius-4); --border-aliases-radius-s: var(--border-foundation-radius-3); --border-aliases-radius-xs: var(--border-foundation-radius-2); --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-l: var(--size-aliases-l); --size-semantic-checkbox-m: var(--size-aliases-m); --size-semantic-checkbox-s: var(--size-aliases-s); --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-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-control-l: var(--size-aliases-xl); --size-semantic-control-m: var(--size-aliases-l); --size-semantic-control-s: var(--size-aliases-m); --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-s); --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); --size-semantic-search-l: var(--size-semantic-control-l); --size-semantic-search-m: var(--size-semantic-control-m); --size-semantic-search-s: var(--size-semantic-control-s); --size-semantic-dropdown-l: var(--size-semantic-control-l); --size-semantic-dropdown-m: var(--size-semantic-control-m); --size-semantic-dropdown-s: var(--size-semantic-control-s); --size-semantic-select-l: var(--size-semantic-control-l); --size-semantic-select-m: var(--size-semantic-control-m); --size-semantic-select-s: var(--size-semantic-control-s); --size-semantic-input-l: var(--size-semantic-control-l); --size-semantic-input-m: var(--size-semantic-control-m); --size-semantic-input-s: var(--size-semantic-control-s); --size-semantic-button-l: var(--size-semantic-control-l); --size-semantic-button-m: var(--size-semantic-control-m); --size-semantic-button-s: var(--size-semantic-control-s); } [data-theme="dark"] { --color-aliases-overlay-inverse: rgba(255, 255, 255, 0.6); --color-aliases-overlay-soft: rgba(0, 0, 0, 0.3); --color-aliases-overlay-base: rgba(0, 0, 0, 0.6); --color-aliases-text-link-hover: rgba(0, 111, 255, 0.9); --color-aliases-surface-alpha-inverse-70: rgba(255, 255, 255, 0.7); --color-aliases-surface-alpha-inverse-50: rgba(255, 255, 255, 0.5); --color-aliases-surface-alpha-inverse-30: rgba(255, 255, 255, 0.3); --color-aliases-surface-alpha-inverse-10: rgba(255, 255, 255, 0.1); --color-aliases-surface-alpha-inverse: rgba(255, 255, 255, 0.3); --color-aliases-surface-alpha-70: rgba(0, 0, 0, 0.7); --color-aliases-surface-alpha-50: rgba(0, 0, 0, 0.5); --color-aliases-surface-alpha-30: rgba(0, 0, 0, 0.3); --color-aliases-surface-alpha-10: rgba(0, 0, 0, 0.1); --color-aliases-surface-alpha: rgba(0, 0, 0, 0.3); --color-aliases-surface-transparent: rgba(0, 0, 0, 0); --color-aliases-border-alpha-inverse-70: rgba(0, 0, 0, 0.7); --color-aliases-border-alpha-inverse-50: rgba(0, 0, 0, 0.5); --color-aliases-border-alpha-inverse-30: rgba(0, 0, 0, 0.3); --color-aliases-border-alpha-inverse-10: rgba(0, 0, 0, 0.1); --color-aliases-border-alpha-inverse: rgba(0, 0, 0, 0.1); --color-aliases-border-alpha-70: rgba(255, 255, 255, 0.7); --color-aliases-border-alpha-50: rgba(255, 255, 255, 0.5); --color-aliases-border-alpha-30: rgba(255, 255, 255, 0.3); --color-aliases-border-alpha-10: rgba(255, 255, 255, 0.1); --color-aliases-border-alpha: rgba(255, 255, 255, 0.1); --color-aliases-border-transparent: rgba(0, 0, 0, 0); --color-aliases-brand-primary-alpha-90: rgba(0, 111, 255, 0.9); --color-aliases-brand-primary-alpha-80: rgba(0, 111, 255, 0.8); --color-aliases-brand-primary-alpha-70: rgba(0, 111, 255, 0.7); --color-aliases-brand-primary-alpha-60: rgba(0, 111, 255, 0.6); --color-aliases-brand-primary-alpha-50: rgba(0, 111, 255, 0.5); --color-aliases-brand-primary-alpha-40: rgba(0, 111, 255, 0.4); --color-aliases-brand-primary-alpha-30: rgba(0, 111, 255, 0.3); --color-aliases-brand-primary-alpha-20: rgba(0, 111, 255, 0.2); --color-aliases-brand-primary-alpha-10: rgba(0, 111, 255, 0.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); } *,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{font-family:var(--db-font-primary);font-size:var(--font-size-base);color:var(--db-text-primary);background-color:var(--db-surface-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background:none;border:none;padding:0;cursor:pointer;outline:none}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}input,textarea,select{background:rgba(0,0,0,0);border:none;outline:none;appearance:none}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted, #6b7280)}table{border-collapse:collapse;border-spacing:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*:focus{outline:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.designbase-scrollable{scrollbar-width:thin;-ms-overflow-style:auto}.designbase-scrollable::-webkit-scrollbar{display:block;width:8px;height: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;width:4px;height: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;width:6px;height:6px}.designbase-scrollable--custom::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.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, #ffffff)}@media print{*,*::before,*::after{background:rgba(0,0,0,0) !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{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-muted: var(--color-aliases-text-tertiary);--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-surface-alpha-10: var(--color-aliases-surface-alpha-10);--db-surface-alpha-30: var(--color-aliases-surface-alpha-30);--db-surface-alpha-50: var(--color-aliases-surface-alpha-50);--db-surface-alpha-70: var(--color-aliases-surface-alpha-70);--db-surface-alpha-inverse-10: var(--color-aliases-surface-alpha-inverse-10);--db-surface-alpha-inverse-30: var(--color-aliases-surface-alpha-inverse-30);--db-surface-alpha-inverse-50: var(--color-aliases-surface-alpha-inverse-50);--db-surface-alpha-inverse-70: var(--color-aliases-surface-alpha-inverse-70);--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-alpha-10: var(--color-aliases-border-alpha-10);--db-border-alpha-30: var(--color-aliases-border-alpha-30);--db-border-alpha-50: var(--color-aliases-border-alpha-50);--db-border-alpha-70: var(--color-aliases-border-alpha-70);--db-border-alpha-inverse-10: var(--color-aliases-border-alpha-inverse-10);--db-border-alpha-inverse-30: var(--color-aliases-border-alpha-inverse-30);--db-border-alpha-inverse-50: var(--color-aliases-border-alpha-inverse-50);--db-border-alpha-inverse-70: var(--color-aliases-border-alpha-inverse-70);--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-color-primary-90: var(--color-aliases-brand-primary-alpha-90);--db-color-primary-80: var(--color-aliases-brand-primary-alpha-80);--db-color-primary-70: var(--color-aliases-brand-primary-alpha-70);--db-color-primary-60: var(--color-aliases-brand-primary-alpha-60);--db-color-primary-50: var(--color-aliases-brand-primary-alpha-50);--db-color-primary-40: var(--color-aliases-brand-primary-alpha-40);--db-color-primary-30: var(--color-aliases-brand-primary-alpha-30);--db-color-primary-20: var(--color-aliases-brand-primary-alpha-20);--db-color-primary-10: var(--color-aliases-brand-primary-alpha-10);--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-blur-overlay-s: var(--blur-semantic-overlay-s);--db-blur-overlay-m: var(--blur-semantic-overlay-m);--db-blur-overlay-l: var(--blur-semantic-overlay-l);--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-control-s: var(--size-semantic-control-s);--db-size-control-m: var(--size-semantic-control-m);--db-size-control-l: var(--size-semantic-control-l);--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(--db-size-control-s);--db-size-button-s: var(--db-size-control-s);--db-size-button-m: var(--db-size-control-m);--db-size-button-l: var(--db-size-control-l);--db-size-button-xl: var(--db-size-control-l);--db-size-input-xs: var(--db-size-control-s);--db-size-input-s: var(--db-size-control-s);--db-size-input-m: var(--db-size-control-m);--db-size-input-l: var(--db-size-control-l);--db-size-input-xl: var(--db-size-control-l);--db-size-select-s: var(--db-size-control-s);--db-size-select-m: var(--db-size-control-m);--db-size-select-l: var(--db-size-control-l);--db-size-dropdown-s: var(--db-size-control-s);--db-size-dropdown-m: var(--db-size-control-m);--db-size-dropdown-l: var(--db-size-control-l);--db-size-search-s: var(--db-size-control-s);--db-size-search-m: var(--db-size-control-m);--db-size-search-l: var(--db-size-control-l);--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-s: var(--size-semantic-checkbox-s);--db-size-checkbox-m: var(--size-semantic-checkbox-m)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:600;line-height:1.2;color:var(--db-text-primary);transition:color .3s ease}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--db-margin-l)}h2{font-size:2rem;font-weight:600;margin-bottom:var(--db-margin-m)}h3{font-size:1.75rem;font-weight:600;margin-bottom:var(--db-margin-m)}h4{font-size:1.5rem;font-weight:600;margin-bottom:var(--db-margin-s)}h5{font-size:1.25rem;font-weight:600;margin-bottom:var(--db-margin-s)}h6{font-size:1rem;font-weight:600;margin-bottom:var(--db-margin-xs)}p{margin:0 0 var(--db-margin-m) 0;line-height:1.6;color:var(--db-text-primary);transition:color .3s ease}a{color:var(--db-text-link);text-decoration:none;transition:all .3s ease;cursor:pointer}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}strong,b{font-weight:600;color:var(--db-text-primary)}em,i{color:var(--db-text-primary)}blockquote{margin:var(--db-margin-m) 0;padding:var(--db-padding-m) var(--db-padding-l);border-left:2px solid var(--db-border-base);background-color:var(--db-surface-layer-1);color:var(--db-text-primary)}code{background-color:var(--db-surface-layer-2);color:var(--db-text-primary);padding:.125rem .25rem;border-radius:4px;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.875em;border:1px solid var(--db-border-base)}pre{background-color:var(--db-surface-layer-2);color:var(--db-text-primary);padding:var(--db-padding-m);border-radius:8px;overflow-x:auto;border:1px solid var(--db-border-base);margin:var(--db-margin-m) 0}pre code{background:none;border:none;padding:0;color:inherit}ul,ol{margin:0;padding-left:0;color:var(--db-text-primary)}li{margin-bottom:var(--db-margin-s);line-height:var(--db-leading-normal);color:var(--db-text-primary)}dl{margin:0 0 var(--db-margin-m) 0}dt{font-weight:600;color:var(--db-text-primary);margin-bottom:var(--db-margin-xs)}dd{margin:0 0 var(--db-margin-s);color:var(--db-text-secondary)}hr{border:none;height:1px;background-color:var(--db-border-base);margin:var(--db-margin-l) 0}details{margin:var(--db-margin-m) 0;border:1px solid var(--db-border-base);border-radius:8px;overflow:hidden}summary{padding:var(--db-padding-m);background-color:var(--db-surface-layer-1);color:var(--db-text-primary);font-weight:600;cursor:pointer;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{padding:var(--db-padding-m);color:var(--db-text-primary)}mark{background-color:var(--color-foundation-yellow-200);color:var(--color-foundation-yellow-900);padding:var(--db-padding-xxs) var(--db-padding-xs);border-radius:3px}del,s{color:var(--db-text-tertiary);text-decoration:line-through}ins,u{color:var(--db-text-primary);text-decoration:underline}small{font-size:.875em;color:var(--db-text-tertiary)}big{font-size:1.125em;color:var(--db-text-primary)}cite{font-style:italic;color:var(--db-text-secondary)}time{color:var(--db-text-tertiary);font-size:.875em}address{font-style:normal;color:var(--db-text-secondary);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{margin-top:var(--db-margin-s);color:var(--db-text-secondary);font-size:.875em}video,audio{max-width:100%;border-radius:8px}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{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--db-surface-layer-2);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--db-border-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--db-border-base)}.text-primary{color:var(--db-text-primary) !important}.text-secondary{color:var(--db-text-secondary) !important}.text-muted{color:var(--db-text-muted) !important}.text-disabled{color:var(--db-text-disabled) !important}.text-inverse{color:var(--db-text-inverse-primary) !important}.text-link{color:var(--db-text-link) !important}.text-success{color:var(--db-text-success) !important}.text-warning{color:var(--db-text-warning) !important}.text-error{color:var(--db-text-error) !important}.bg-primary{background-color:var(--db-bg-primary) !important}.bg-secondary{background-color:var(--db-bg-secondary) !important}.bg-tertiary{background-color:var(--db-bg-tertiary) !important}.bg-inverse{background-color:var(--db-bg-inverse) !important}.bg-success{background-color:var(--db-bg-success) !important}.bg-warning{background-color:var(--db-bg-warning) !important}.bg-error{background-color:var(--db-bg-error) !important}.bg-transparent{background-color:rgba(0,0,0,0) !important}.border-primary{border-color:var(--db-border-primary) !important}.border-secondary{border-color:var(--db-border-secondary) !important}.border-muted{border-color:var(--db-border-muted) !important}.border-focus{border-color:var(--db-border-focus) !important}.border-success{border-color:var(--db-border-success) !important}.border-warning{border-color:var(--db-border-warning) !important}.border-error{border-color:var(--db-border-error) !important}.text-xs{font-size:var(--db-text-xs) !important}.text-s{font-size:var(--db-text-s) !important}.text-m{font-size:var(--db-text-base) !important}.text-l{font-size:var(--db-text-l) !important}.text-xl{font-size:var(--db-text-xl) !important}.text-2xl{font-size:var(--db-text-2xl) !important}.text-3xl{font-size:var(--db-text-3xl) !important}.text-4xl{font-size:var(--db-text-4xl) !important}.font-light{font-weight:var(--db-weight-light) !important}.font-normal{font-weight:var(--db-weight-normal) !important}.font-medium{font-weight:var(--db-weight-medium) !important}.font-semibold{font-weight:var(--db-weight-semibold) !important}.font-bold{font-weight:var(--db-weight-bold) !important}.font-primary{font-family:var(--db-font-primary) !important}.font-mono{font-family:var(--db-font-mono) !important}.leading-none{line-height:var(--db-leading-none) !important}.leading-tight{line-height:var(--db-leading-tight) !important}.leading-snug{line-height:var(--db-leading-snug) !important}.leading-normal{line-height:var(--db-leading-normal) !important}.leading-relaxed{line-height:var(--db-leading-relaxed) !important}.leading-loose{line-height:var(--db-leading-loose) !important}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify !important}.no-underline{text-decoration:none !important}.underline{text-decoration:underline !important}.line-through{text-decoration:line-through !important}.uppercase{text-transform:uppercase !important}.lowercase{text-transform:lowercase !important}.capitalize{text-transform:capitalize !important}.normal-case{text-transform:none !important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block{display:block !important}.inline-block{display:inline-block !important}.inline{display:inline !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}.grid{display:grid !important}.hidden{display:none !important}.flex-row{flex-direction:row !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-col{flex-direction:column !important}.flex-col-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-nowrap{flex-wrap:nowrap !important}.items-start{align-items:flex-start !important}.items-end{align-items:flex-end !important}.items-center{align-items:center !important}.items-baseline{align-items:baseline !important}.items-stretch{align-items:stretch !important}.justify-start{justify-content:flex-start !important}.justify-end{justify-content:flex-end !important}.justify-center{justify-content:center !important}.justify-between{justify-content:space-between !important}.justify-around{justify-content:space-around !important}.justify-evenly{justify-content:space-evenly !important}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-initial{flex:0 1 auto !important}.flex-none{flex:none !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink{flex-shrink:1 !important}.flex-grow-0{flex-grow:0 !important}.flex-grow{flex-grow:1 !important}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}.w-auto{width:auto !important}.w-full{width:100% !important}.w-screen{width:100vw !important}.w-min{width:min-content !important}.w-max{width:max-content !important}.w-fit{width:fit-content !important}.h-auto{height:auto !important}.h-full{height:100% !important}.h-screen{height:100vh !important}.h-min{height:min-content !important}.h-max{height:max-content !important}.h-fit{height:fit-content !important}.border{border:1px solid var(--db-border-primary) !important}.border-0{border:0 !important}.rounded-none{border-radius:var(--border-radius-none) !important}.rounded-sm{border-radius:var(--border-radius-sm) !important}.rounded{border-radius:var(--border-radius-base) !important}.rounded-md{border-radius:var(--border-radius-md) !important}.rounded-lg{border-radius:var(--border-radius-lg) !important}.rounded-xl{border-radius:var(--border-radius-xl) !important}.rounded-2xl{border-radius:var(--border-radius-2xl) !important}.rounded-3xl{border-radius:var(--border-radius-3xl) !important}.rounded-full{border-radius:var(--border-radius-full) !important}.shadow-none{box-shadow:var(--shadow-none) !important}.shadow-sm{box-shadow:var(--shadow-sm) !important}.shadow{box-shadow:var(--shadow-base) !important}.shadow-md{box-shadow:var(--shadow-md) !important}.shadow-lg{box-shadow:var(--shadow-lg) !important}.shadow-xl{box-shadow:var(--shadow-xl) !important}.shadow-2xl{box-shadow:var(--shadow-2xl) !important}.shadow-inner{box-shadow:var(--shadow-inner) !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}.cursor-auto{cursor:auto !important}.cursor-default{cursor:default !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-text{cursor:text !important}.cursor-move{cursor:move !important}.cursor-help{cursor:help !important}.cursor-not-allowed{cursor:not-allowed !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.resize-none{resize:none !important}.resize{resize:both !important}.resize-x{resize:horizontal !important}.resize-y{resize:vertical !important}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.focus-ring:focus{outline:2px solid var(--db-border-focus) !important;outline-offset:2px !important}/*# sourceMappingURL=theme.css.map */