UNPKG

welcome-ui

Version:

Customizable design system with react, typescript, tailwindcss and ariakit.

1,080 lines 89.1 kB
"use client"; var E = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}; function w(o) { return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o; } function S(o) { return function(...c) { const t = /* @__PURE__ */ new Set(); function n(...b) { for (const e of b) if (e) { if (typeof e == "string") t.add((o == null ? void 0 : o[e]) || e); else if (Array.isArray(e)) n(...e); else if (typeof e == "object") for (const r in e) Object.prototype.hasOwnProperty.call(e, r) && e[r] && t.add((o == null ? void 0 : o[r]) || r); } } return n(...c), Array.from(t).join(" "); }; } const v = { "--accordion-padding-block-content": "16px", "--accordion-padding-gap-content": "8px", "--accordion-padding-gap-subtitle": "4px", "--accordion-padding-gap-tags": "4px", "--accordion-padding-size-icon-lg": "16px", "--accordion-padding-size-icon-md": "16px", "--accordion-padding-size-max-height-lg": "32px", "--accordion-padding-size-max-height-md": "24px", "--accordion-subtitle-color-text-default": "#212121", "--accordion-title-color-background": "rgba(255, 255, 255, 0)", "--accordion-title-color-icon-default": "#000000", "--accordion-title-color-text-default": "#000000", "--alert-border-radius": "8px", "--alert-border-width-ai": "2px", "--alert-color-background-ai": "#ffffff", "--alert-color-background-brand": "#fff8d9", "--alert-color-background-danger": "#fbdedc", "--alert-color-background-information": "#e0f5ff", "--alert-color-background-success": "#e7fbd3", "--alert-color-background-warning": "#ffebce", "--alert-color-icon-default": "rgba(0, 0, 0, 0.26)", "--alert-color-text-ai-body": "#212121", "--alert-color-text-ai-title": "#000000", "--alert-color-text-brand-body": "#423500", "--alert-color-text-brand-title": "#000000", "--alert-color-text-danger-body": "#450101", "--alert-color-text-danger-title": "#000000", "--alert-color-text-information-body": "#00202b", "--alert-color-text-information-title": "#000000", "--alert-color-text-success-body": "#142603", "--alert-color-text-success-title": "#000000", "--alert-color-text-warning-body": "#382303", "--alert-color-text-warning-title": "#000000", "--alert-gap-actions-lg": "12px", "--alert-gap-actions-md": "8px", "--alert-gap-content-lg": "12px", "--alert-gap-content-md": "8px", "--alert-icon-border-radius": "8px", "--alert-icon-color-background-brand": "#ffe166", "--alert-icon-color-background-danger": "#fdb3ae", "--alert-icon-color-background-information": "#9bdef7", "--alert-icon-color-background-success": "#cfebb0", "--alert-icon-color-background-warning": "#ffbb59", "--alert-icon-color-icon-ai": "#ffffff", "--alert-icon-color-icon-brand": "#423500", "--alert-icon-color-icon-danger": "#450101", "--alert-icon-color-icon-information": "#00202b", "--alert-icon-color-icon-success": "#142603", "--alert-icon-color-icon-warning": "#382303", "--alert-icon-padding-block": "4px", "--alert-icon-padding-inline": "4px", "--alert-padding-block-lg": "32px", "--alert-padding-block-md": "16px", "--alert-padding-inline-lg": "32px", "--alert-padding-inline-md": "16px", "--alert-size-icon": "24px", "--avatar-border-radius": "calc(infinity * 1px)", "--avatar-color-background-initials-blue": "#55c3e9", "--avatar-color-background-initials-green": "#bade94", "--avatar-color-background-initials-orange": "#ff9868", "--avatar-color-background-initials-pink": "#f696c8", "--avatar-color-background-initials-teal": "#00c7ae", "--avatar-color-background-initials-violet": "#acacff", "--avatar-color-background-placeholder": "#f6f3ef", "--avatar-color-icon-placeholder": "#a7a096", "--avatar-color-text-initials-blue": "#013c50", "--avatar-color-text-initials-green": "#2a4210", "--avatar-color-text-initials-orange": "#6d2605", "--avatar-color-text-initials-pink": "#5c2944", "--avatar-color-text-initials-teal": "#053731", "--avatar-color-text-initials-violet": "#3c2e63", "--avatar-size-lg": "64px", "--avatar-size-md": "48px", "--avatar-size-sm": "32px", "--avatar-size-xs": "24px", "--badge-border-radius-lg": "8px", "--badge-border-radius-md": "4px", "--badge-border-radius-sm": "calc(infinity * 1px)", "--badge-color-background-blue": "#27a5d0", "--badge-color-background-brand": "#ffcd00", "--badge-color-background-neutral": "#000000", "--badge-color-background-red": "#e1003a", "--badge-color-background-warm": "#eae4de", "--badge-color-text-blue": "#ffffff", "--badge-color-text-brand": "#000000", "--badge-color-text-neutral": "#ffffff", "--badge-color-text-red": "#ffffff", "--badge-color-text-warm": "#1e1c1a", "--badge-padding-block-lg": "4px", "--badge-padding-block-md": "2px", "--badge-padding-inline-lg": "4px", "--badge-padding-inline-md": "4px", "--badge-size-height": "8px", "--badge-size-max-height-lg": "20px", "--badge-size-max-height-md": "16px", "--badge-size-min-width-lg": "20px", "--badge-size-min-width-md": "16px", "--badge-size-width": "8px", "--border-radius-2xl": "1.5rem", "--border-radius-xxl": "1.5rem", "--radius-2xl": "1.5rem", "--border-radius-full": "calc(infinity * 1px)", "--radius-full": "calc(infinity * 1px)", "--border-radius-lg": "0.75rem", "--radius-lg": "0.75rem", "--border-radius-md": "0.5rem", "--radius-md": "0.5rem", "--border-radius-none": "0", "--radius-none": "0", "--border-radius-sm": "0.25rem", "--radius-sm": "0.25rem", "--border-radius-xl": "1rem", "--radius-xl": "1rem", "--border-radius-xs": "0.125rem", "--radius-xs": "0.125rem", "--border-width-lg": "6px", "--border-width-md": "4px", "--border-width-sm": "2px", "--border-width-xs": "1px", "--breadcrumb-color-icon-active": "#000000", "--breadcrumb-color-icon-default": "#605b55", "--breadcrumb-color-icon-hover": "#33302d", "--breadcrumb-color-text-active": "#000000", "--breadcrumb-color-text-default": "#605b55", "--breadcrumb-color-text-hover": "#33302d", "--breadcrumb-gap-content": "4px", "--breadcrumb-size-icon": "16px", "--breakpoint-2xl": "1440px", "--breakpoint-xxl": "1440px", "--breakpoint-3xl": "1620px", "--breakpoint-4xl": "1920px", "--breakpoint-lg": "980px", "--breakpoint-md": "736px", "--breakpoint-sm": "480px", "--breakpoint-xl": "1280px", "--breakpoint-xs": "0", "--button-border-radius": "8px", "--button-border-width-ai": "2px", "--button-border-width-focused": "4px", "--button-border-width-secondary": "1px", "--button-color-background-primary-ai-default": "#ffffff", "--button-color-background-primary-ai-disabled": "#f3f3f3", "--button-color-background-primary-ai-focused": "#ffffff", "--button-color-background-primary-ai-hover": "#ffffff", "--button-color-background-primary-ai-pressed": "#f3f3f3", "--button-color-background-primary-danger-default": "#a80029", "--button-color-background-primary-danger-disabled": "#f3f3f3", "--button-color-background-primary-danger-focused": "#a80029", "--button-color-background-primary-danger-hover": "#e1003a", "--button-color-background-primary-danger-pressed": "#ff6165", "--button-color-background-primary-main-default": "#ffcd00", "--button-color-background-primary-main-disabled": "#f3f3f3", "--button-color-background-primary-main-focused": "#ffcd00", "--button-color-background-primary-main-hover": "#e5b800", "--button-color-background-primary-main-pressed": "#ffe166", "--button-color-background-primary-neutral-default": "#000000", "--button-color-background-primary-neutral-disabled": "#f3f3f3", "--button-color-background-primary-neutral-focused": "#000000", "--button-color-background-primary-neutral-hover": "#212121", "--button-color-background-primary-neutral-pressed": "#444444", "--button-color-background-secondary-danger-default": "#ffffff", "--button-color-background-secondary-danger-disabled": "#f3f3f3", "--button-color-background-secondary-danger-focused": "#ffffff", "--button-color-background-secondary-danger-hover": "#ffffff", "--button-color-background-secondary-danger-pressed": "#fbdedc", "--button-color-background-secondary-main-default": "#ffffff", "--button-color-background-secondary-main-disabled": "#f3f3f3", "--button-color-background-secondary-main-focused": "#ffffff", "--button-color-background-secondary-main-hover": "#ffffff", "--button-color-background-secondary-main-pressed": "#f3f3f3", "--button-color-background-tertiary-danger-default": "rgba(0, 0, 0, 0)", "--button-color-background-tertiary-danger-disabled": "rgba(0, 0, 0, 0)", "--button-color-background-tertiary-danger-focused": "rgba(0, 0, 0, 0)", "--button-color-background-tertiary-danger-hover": "#fbdedc", "--button-color-background-tertiary-danger-pressed": "#fcc7c3", "--button-color-background-tertiary-main-default": "rgba(0, 0, 0, 0)", "--button-color-background-tertiary-main-disabled": "rgba(0, 0, 0, 0)", "--button-color-background-tertiary-main-focused": "rgba(0, 0, 0, 0)", "--button-color-background-tertiary-main-hover": "rgba(0, 0, 0, 0.05)", "--button-color-background-tertiary-main-pressed": "rgba(0, 0, 0, 0.13)", "--button-color-border-focused": "#ffe166", "--button-color-border-secondary-danger-default": "#a80029", "--button-color-border-secondary-danger-focused": "#a80029", "--button-color-border-secondary-danger-hover": "#e1003a", "--button-color-border-secondary-danger-pressed": "#fdb3ae", "--button-color-border-secondary-main-default": "#dedede", "--button-color-border-secondary-main-focused": "#dedede", "--button-color-border-secondary-main-hover": "#bdbdbd", "--button-color-border-secondary-main-pressed": "#dedede", "--button-color-icon-primary-ai-default": "#000000", "--button-color-icon-primary-ai-disabled": "#989898", "--button-color-icon-primary-ai-focused": "#000000", "--button-color-icon-primary-ai-hover": "#212121", "--button-color-icon-primary-ai-pressed": "#000000", "--button-color-icon-primary-danger-default": "#ffffff", "--button-color-icon-primary-danger-disabled": "#989898", "--button-color-icon-primary-danger-focused": "#ffffff", "--button-color-icon-primary-danger-hover": "#ffffff", "--button-color-icon-primary-danger-pressed": "#ffffff", "--button-color-icon-primary-main-default": "#000000", "--button-color-icon-primary-main-disabled": "#989898", "--button-color-icon-primary-main-focused": "#000000", "--button-color-icon-primary-main-hover": "#000000", "--button-color-icon-primary-main-pressed": "#423500", "--button-color-icon-primary-neutral-default": "#ffffff", "--button-color-icon-primary-neutral-disabled": "#989898", "--button-color-icon-primary-neutral-focused": "#ffffff", "--button-color-icon-primary-neutral-hover": "#ffffff", "--button-color-icon-primary-neutral-pressed": "#ffffff", "--button-color-icon-secondary-danger-default": "#75001a", "--button-color-icon-secondary-danger-disabled": "#989898", "--button-color-icon-secondary-danger-focused": "#75001a", "--button-color-icon-secondary-danger-hover": "#a80029", "--button-color-icon-secondary-danger-pressed": "#75001a", "--button-color-icon-secondary-main-default": "#000000", "--button-color-icon-secondary-main-disabled": "#989898", "--button-color-icon-secondary-main-focused": "#000000", "--button-color-icon-secondary-main-hover": "#212121", "--button-color-icon-secondary-main-pressed": "#000000", "--button-color-icon-tertiary-danger-default": "#a80029", "--button-color-icon-tertiary-danger-disabled": "#989898", "--button-color-icon-tertiary-danger-focused": "#a80029", "--button-color-icon-tertiary-danger-hover": "#e1003a", "--button-color-icon-tertiary-danger-pressed": "#450101", "--button-color-icon-tertiary-main-default": "#000000", "--button-color-icon-tertiary-main-disabled": "#989898", "--button-color-icon-tertiary-main-focused": "#000000", "--button-color-icon-tertiary-main-hover": "#212121", "--button-color-icon-tertiary-main-pressed": "#000000", "--button-color-text-primary-ai-default": "#000000", "--button-color-text-primary-ai-disabled": "#989898", "--button-color-text-primary-ai-focused": "#000000", "--button-color-text-primary-ai-hover": "#212121", "--button-color-text-primary-ai-pressed": "#000000", "--button-color-text-primary-danger-default": "#ffffff", "--button-color-text-primary-danger-disabled": "#989898", "--button-color-text-primary-danger-focused": "#ffffff", "--button-color-text-primary-danger-hover": "#ffffff", "--button-color-text-primary-danger-pressed": "#ffffff", "--button-color-text-primary-main-default": "#000000", "--button-color-text-primary-main-disabled": "#989898", "--button-color-text-primary-main-focused": "#000000", "--button-color-text-primary-main-hover": "#000000", "--button-color-text-primary-main-pressed": "#423500", "--button-color-text-primary-neutral-default": "#ffffff", "--button-color-text-primary-neutral-disabled": "#989898", "--button-color-text-primary-neutral-focused": "#ffffff", "--button-color-text-primary-neutral-hover": "#ffffff", "--button-color-text-primary-neutral-pressed": "#ffffff", "--button-color-text-secondary-danger-default": "#75001a", "--button-color-text-secondary-danger-disabled": "#989898", "--button-color-text-secondary-danger-focused": "#75001a", "--button-color-text-secondary-danger-hover": "#a80029", "--button-color-text-secondary-danger-pressed": "#75001a", "--button-color-text-secondary-main-default": "#000000", "--button-color-text-secondary-main-disabled": "#989898", "--button-color-text-secondary-main-focused": "#000000", "--button-color-text-secondary-main-hover": "#212121", "--button-color-text-secondary-main-pressed": "#000000", "--button-color-text-tertiary-danger-default": "#a80029", "--button-color-text-tertiary-danger-disabled": "#989898", "--button-color-text-tertiary-danger-focused": "#a80029", "--button-color-text-tertiary-danger-hover": "#e1003a", "--button-color-text-tertiary-danger-pressed": "#450101", "--button-color-text-tertiary-main-default": "#000000", "--button-color-text-tertiary-main-disabled": "#989898", "--button-color-text-tertiary-main-focused": "#000000", "--button-color-text-tertiary-main-hover": "#212121", "--button-color-text-tertiary-main-pressed": "#000000", "--button-gap-content-lg": "8px", "--button-gap-content-md": "4px", "--button-gap-content-sm": "4px", "--button-padding-block-lg": "12px", "--button-padding-block-md": "8px", "--button-padding-block-sm": "4px", "--button-padding-inline-lg": "16px", "--button-padding-inline-md": "12px", "--button-padding-inline-sm": "8px", "--button-size-icon-lg": "24px", "--button-size-icon-md": "16px", "--button-size-icon-sm": "16px", "--button-size-max-height-lg": "42px", "--button-size-max-height-md": "32px", "--button-size-max-height-sm": "24px", "--calendar-border-radius-cell": "8px", "--calendar-border-radius-container": "12px", "--calendar-border-width": "1px", "--calendar-cell-height": "32px", "--calendar-cell-width": "36px", "--calendar-color-background-default": "#ffffff", "--calendar-color-background-disabled": "#f3f3f3", "--calendar-color-background-hover": "#fbf9f7", "--calendar-color-background-range": "#fff1b2", "--calendar-color-background-selected": "#ffcd00", "--calendar-color-border-default": "#f6f3ef", "--calendar-color-dot-today": "#ffcd00", "--calendar-color-text-disabled": "#444444", "--calendar-color-text-primary": "#000000", "--calendar-color-text-secondary": "#585858", "--calendar-color-text-selected": "#000000", "--calendar-color-text-today": "#423500", "--calendar-gap-row": "0", "--calendar-gap-section": "8px", "--calendar-padding-container": "12px", "--calendar-weekday-cell-height": "28px", "--card-action-dismiss-icon-default": "#bdbdbd", "--card-action-dismiss-icon-hover": "#000000", "--card-action-dismiss-padding-block-start-lg": "16px", "--card-action-dismiss-padding-block-start-md": "12px", "--card-action-dismiss-padding-block-start-sm": "8px", "--card-action-dismiss-padding-inline-end-lg": "16px", "--card-action-dismiss-padding-inline-end-md": "12px", "--card-action-dismiss-padding-inline-end-sm": "8px", "--card-action-dismiss-size-icon-lg": "32px", "--card-action-dismiss-size-icon-md": "32px", "--card-action-dismiss-size-icon-sm": "24px", "--card-body-color-meta-text-default": "#585858", "--card-body-color-text-default": "#212121", "--card-border-radius": "8px", "--card-color-background-default": "#ffffff", "--card-color-border-default": "#f6f3ef", "--card-color-border-hover": "#eae4de", "--card-color-icon-default": "#585858", "--card-color-icon-hover": "#000000", "--card-gap-actions": "8px", "--card-gap-content-lg": "24px", "--card-gap-content-md": "16px", "--card-gap-content-sm": "8px", "--card-gap-footer-lg": "24px", "--card-gap-footer-md": "16px", "--card-gap-footer-sm": "12px", "--card-gap-title": "8px", "--card-header-color-icon-default": "#000000", "--card-header-color-text-default": "#000000", "--card-padding-block-lg": "32px", "--card-padding-block-md": "24px", "--card-padding-block-sm": "16px", "--card-padding-inline-lg": "32px", "--card-padding-inline-md": "24px", "--card-padding-inline-sm": "16px", "--card-size-icon-lg": "24px", "--checkbox-border-radius": "4px", "--checkbox-border-width-default": "1px", "--checkbox-border-width-focused": "2px", "--checkbox-color-background-checked-default": "#ffcd00", "--checkbox-color-background-checked-hover": "#ffe166", "--checkbox-color-background-default": "#eae4de", "--checkbox-color-background-unchecked-default": "#ffffff", "--checkbox-color-border-disabled": "#d2cbc3", "--checkbox-color-border-error": "#e1003a", "--checkbox-color-border-focused": "#ffe166", "--checkbox-color-border-unchecked-default": "#dedede", "--checkbox-color-border-unchecked-hover": "#bdbdbd", "--checkbox-color-icon-default": "#000000", "--checkbox-color-icon-disabled": "#a7a096", "--checkbox-size-container": "16px", "--checkbox-size-icon": "16px", "--color-background-accent-blue-minimal": "#e0f5ff", "--color-background-accent-blue-primary": "#55c3e9", "--color-background-accent-blue-secondary": "#9bdef7", "--color-background-accent-blue-strong": "#27a5d0", "--color-background-accent-blue-stronger": "#057aa3", "--color-background-accent-blue-strongest": "#025a79", "--color-background-accent-blue-subtle": "#bbeaff", "--color-background-accent-green-minimal": "#e7fbd3", "--color-background-accent-green-primary": "#bade94", "--color-background-accent-green-secondary": "#cfebb0", "--color-background-accent-green-strong": "#9fc873", "--color-background-accent-green-stronger": "#83ad57", "--color-background-accent-green-strongest": "#5a8034", "--color-background-accent-orange-minimal": "#ffded0", "--color-background-accent-orange-primary": "#ff9868", "--color-background-accent-orange-secondary": "#ffb595", "--color-background-accent-orange-strong": "#e67b49", "--color-background-accent-orange-stronger": "#c45927", "--color-background-accent-orange-strongest": "#9f4217", "--color-background-accent-orange-subtle": "#ffc9b2", "--color-background-accent-pink-minimal": "#ffeaf5", "--color-background-accent-pink-primary": "#f696c8", "--color-background-accent-pink-secondary": "#feb7dc", "--color-background-accent-pink-strong": "#d17ba8", "--color-background-accent-pink-stronger": "#b06089", "--color-background-accent-pink-strongest": "#803c5f", "--color-background-accent-pink-subtle": "#ffd5eb", "--color-background-accent-teal-minimal": "#dbfaf6", "--color-background-accent-teal-primary": "#00c7ae", "--color-background-accent-teal-secondary": "#6fdbcd", "--color-background-accent-teal-strong": "#06a894", "--color-background-accent-teal-stronger": "#0a7b6d", "--color-background-accent-teal-strongest": "#00544a", "--color-background-accent-teal-subtle": "#a5ece4", "--color-background-accent-violet-minimal": "#efefff", "--color-background-accent-violet-primary": "#acacff", "--color-background-accent-violet-secondary": "#c9c9ff", "--color-background-accent-violet-strong": "#9587e8", "--color-background-accent-violet-stronger": "#8068c6", "--color-background-accent-violet-strongest": "#5a4890", "--color-background-accent-violet-subtle": "#e0e0ff", "--color-background-brand-minimal": "#fff8d9", "--color-background-brand-primary": "#ffcd00", "--color-background-brand-secondary": "#ffe166", "--color-background-brand-strong": "#e5b800", "--color-background-brand-stronger": "#b69200", "--color-background-brand-subtle": "#fff1b2", "--color-background-danger-minimal": "#fbdedc", "--color-background-danger-primary": "#ff9490", "--color-background-danger-secondary": "#fdb3ae", "--color-background-danger-strong": "#ff6165", "--color-background-danger-stronger": "#e1003a", "--color-background-danger-strongest": "#a80029", "--color-background-danger-subtle": "#fcc7c3", "--color-background-information-minimal": "#e0f5ff", "--color-background-information-primary": "#55c3e9", "--color-background-information-secondary": "#9bdef7", "--color-background-information-strong": "#27a5d0", "--color-background-information-stronger": "#057aa3", "--color-background-information-subtle": "#bbeaff", "--color-background-neutral-inverse": "#ffffff", "--color-background-neutral-inverse-fixed": "#ffffff", "--color-background-neutral-minimal": "#f3f3f3", "--color-background-neutral-primary": "#000000", "--color-background-neutral-primary-fixed": "#000000", "--color-background-neutral-secondary": "#212121", "--color-background-neutral-subtle": "#bdbdbd", "--color-background-neutral-subtlest": "#dedede", "--color-background-neutral-tertiary": "#444444", "--color-background-success-minimal": "#e7fbd3", "--color-background-success-primary": "#bade94", "--color-background-success-secondary": "#cfebb0", "--color-background-success-strong": "#9fc873", "--color-background-success-stronger": "#83ad57", "--color-background-success-strongest": "#5a8034", "--color-background-transparent-black-minimal": "rgba(0, 0, 0, 0.05)", "--color-background-transparent-black-none": "rgba(0, 0, 0, 0)", "--color-background-transparent-black-subtle": "rgba(0, 0, 0, 0.26)", "--color-background-transparent-black-subtlest": "rgba(0, 0, 0, 0.13)", "--color-background-transparent-white-minimal": "rgba(255, 255, 255, 0.05)", "--color-background-transparent-white-none": "rgba(255, 255, 255, 0)", "--color-background-transparent-white-subtle": "rgba(255, 255, 255, 0.26)", "--color-background-transparent-white-subtlest": "rgba(255, 255, 255, 0.13)", "--color-background-warm-minimal": "#fbf9f7", "--color-background-warm-primary": "#f6f3ef", "--color-background-warm-strong": "#eae4de", "--color-background-warm-stronger": "#d2cbc3", "--color-background-warning-minimal": "#ffebce", "--color-background-warning-primary": "#ff9f14", "--color-background-warning-secondary": "#ffbb59", "--color-background-warning-strong": "#db860a", "--color-background-warning-stronger": "#a6670a", "--color-background-warning-subtle": "#ffd495", "--color-beige-10": "#fbf9f7", "--color-beige-20": "#f6f3ef", "--color-beige-30": "#eae4de", "--color-beige-40": "#d2cbc3", "--color-beige-50": "#a7a096", "--color-beige-60": "#605b55", "--color-beige-70": "#4d4944", "--color-beige-80": "#33302d", "--color-beige-90": "#1e1c1a", "--color-blue-10": "#e0f5ff", "--color-blue-20": "#bbeaff", "--color-blue-30": "#9bdef7", "--color-blue-40": "#55c3e9", "--color-blue-50": "#27a5d0", "--color-blue-60": "#057aa3", "--color-blue-70": "#025a79", "--color-blue-80": "#013c50", "--color-blue-90": "#00202b", "--color-border-brand-minimal": "#fff8d9", "--color-border-brand-primary": "#ffcd00", "--color-border-brand-secondary": "#ffe166", "--color-border-brand-strong": "#e5b800", "--color-border-brand-stronger": "#b69200", "--color-border-brand-subtle": "#fff1b2", "--color-border-danger-minimal": "#fbdedc", "--color-border-danger-primary": "#ff9490", "--color-border-danger-secondary": "#fdb3ae", "--color-border-danger-strong": "#ff6165", "--color-border-danger-stronger": "#e1003a", "--color-border-danger-strongest": "#a80029", "--color-border-danger-subtle": "#fcc7c3", "--color-border-information-minimal": "#e0f5ff", "--color-border-information-primary": "#55c3e9", "--color-border-information-secondary": "#9bdef7", "--color-border-information-strong": "#27a5d0", "--color-border-information-stronger": "#057aa3", "--color-border-information-strongest": "#025a79", "--color-border-information-subtle": "#bbeaff", "--color-border-neutral-inverse": "#ffffff", "--color-border-neutral-inverse-fixed": "#ffffff", "--color-border-neutral-minimal": "#f3f3f3", "--color-border-neutral-primary": "#000000", "--color-border-neutral-primary-fixed": "#000000", "--color-border-neutral-secondary": "#212121", "--color-border-neutral-subtle": "#bdbdbd", "--color-border-neutral-subtlest": "#dedede", "--color-border-neutral-tertiary": "#444444", "--color-border-neutral-transparent-minimal": "rgba(0, 0, 0, 0.03)", "--color-border-success-minimal": "#e7fbd3", "--color-border-success-primary": "#bade94", "--color-border-success-secondary": "#cfebb0", "--color-border-success-strong": "#9fc873", "--color-border-success-stronger": "#83ad57", "--color-border-success-strongest": "#5a8034", "--color-border-transparent-black-minimal": "rgba(0, 0, 0, 0.03)", "--color-border-transparent-black-none": "rgba(0, 0, 0, 0)", "--color-border-transparent-black-subtle": "rgba(0, 0, 0, 0.26)", "--color-border-transparent-black-subtlest": "rgba(0, 0, 0, 0.13)", "--color-border-transparent-white-minimal": "rgba(255, 255, 255, 0.05)", "--color-border-transparent-white-none": "rgba(255, 255, 255, 0)", "--color-border-transparent-white-subtle": "rgba(255, 255, 255, 0.26)", "--color-border-transparent-white-subtlest": "rgba(255, 255, 255, 0.13)", "--color-border-warm-minimal": "#f6f3ef", "--color-border-warm-primary": "#605b55", "--color-border-warm-secondary": "#a7a096", "--color-border-warm-strong": "#4d4944", "--color-border-warm-stronger": "#33302d", "--color-border-warm-subtle": "#eae4de", "--color-border-warm-tertiary": "#d2cbc3", "--color-border-warning-minimal": "#ffebce", "--color-border-warning-primary": "#ff9f14", "--color-border-warning-secondary": "#ffbb59", "--color-border-warning-strong": "#db860a", "--color-border-warning-stronger": "#a6670a", "--color-border-warning-strongest": "#824f06", "--color-border-warning-subtle": "#ffd495", "--color-green-10": "#e7fbd3", "--color-green-20": "#cfebb0", "--color-green-30": "#bade94", "--color-green-40": "#9fc873", "--color-green-50": "#83ad57", "--color-green-60": "#5a8034", "--color-green-70": "#40611f", "--color-green-80": "#2a4210", "--color-green-90": "#142603", "--color-icon-accent-blue-minimal": "#55c3e9", "--color-icon-accent-blue-primary": "#00202b", "--color-icon-accent-blue-secondary": "#013c50", "--color-icon-accent-blue-subtle": "#057aa3", "--color-icon-accent-blue-subtlest": "#27a5d0", "--color-icon-accent-blue-tertiary": "#025a79", "--color-icon-accent-green-minimal": "#bade94", "--color-icon-accent-green-primary": "#142603", "--color-icon-accent-green-secondary": "#2a4210", "--color-icon-accent-green-subtle": "#5a8034", "--color-icon-accent-green-subtlest": "#83ad57", "--color-icon-accent-green-tertiary": "#40611f", "--color-icon-accent-orange-minimal": "#ff9868", "--color-icon-accent-orange-primary": "#451701", "--color-icon-accent-orange-secondary": "#6d2605", "--color-icon-accent-orange-subtle": "#c45927", "--color-icon-accent-orange-subtlest": "#e67b49", "--color-icon-accent-orange-tertiary": "#9f4217", "--color-icon-accent-pink-minimal": "#f696c8", "--color-icon-accent-pink-primary": "#3b142a", "--color-icon-accent-pink-secondary": "#5c2944", "--color-icon-accent-pink-subtle": "#b06089", "--color-icon-accent-pink-subtlest": "#d17ba8", "--color-icon-accent-pink-tertiary": "#803c5f", "--color-icon-accent-teal-minimal": "#00c7ae", "--color-icon-accent-teal-primary": "#001b18", "--color-icon-accent-teal-secondary": "#053731", "--color-icon-accent-teal-subtle": "#0a7b6d", "--color-icon-accent-teal-subtlest": "#06a894", "--color-icon-accent-teal-tertiary": "#00544a", "--color-icon-accent-violet-minimal": "#acacff", "--color-icon-accent-violet-primary": "#26194d", "--color-icon-accent-violet-secondary": "#3c2e63", "--color-icon-accent-violet-subtle": "#8068c6", "--color-icon-accent-violet-subtlest": "#9587e8", "--color-icon-accent-violet-tertiary": "#5a4890", "--color-icon-brand-minimal": "#ffcd00", "--color-icon-brand-primary": "#423500", "--color-icon-brand-secondary": "#604d00", "--color-icon-brand-subtle": "#b69200", "--color-icon-brand-subtlest": "#e5b800", "--color-icon-brand-tertiary": "#846a01", "--color-icon-danger-minimal": "#ff9490", "--color-icon-danger-primary": "#450101", "--color-icon-danger-secondary": "#75001a", "--color-icon-danger-subtle": "#e1003a", "--color-icon-danger-subtlest": "#ff6165", "--color-icon-danger-tertiary": "#a80029", "--color-icon-information-minimal": "#55c3e9", "--color-icon-information-primary": "#00202b", "--color-icon-information-secondary": "#013c50", "--color-icon-information-subtle": "#057aa3", "--color-icon-information-subtlest": "#27a5d0", "--color-icon-information-tertiary": "#025a79", "--color-icon-neutral-inverse": "#ffffff", "--color-icon-neutral-inverse-fixed": "#ffffff", "--color-icon-neutral-minimal": "#bdbdbd", "--color-icon-neutral-primary": "#000000", "--color-icon-neutral-primary-fixed": "#000000", "--color-icon-neutral-secondary": "#212121", "--color-icon-neutral-subtle": "#585858", "--color-icon-neutral-subtlest": "#989898", "--color-icon-neutral-tertiary": "#444444", "--color-icon-success-minimal": "#bade94", "--color-icon-success-primary": "#142603", "--color-icon-success-secondary": "#2a4210", "--color-icon-success-subtle": "#5a8034", "--color-icon-success-subtlest": "#83ad57", "--color-icon-success-tertiary": "#40611f", "--color-icon-warm-minimal": "#a7a096", "--color-icon-warm-primary": "#1e1c1a", "--color-icon-warm-secondary": "#33302d", "--color-icon-warm-subtle": "#605b55", "--color-icon-warm-tertiary": "#4d4944", "--color-icon-warning-minimal": "#ff9f14", "--color-icon-warning-primary": "#382303", "--color-icon-warning-secondary": "#573607", "--color-icon-warning-subtle": "#a6670a", "--color-icon-warning-subtlest": "#db860a", "--color-icon-warning-tertiary": "#824f06", "--color-logo-background-primary": "#ffcd00", "--color-logo-mark-primary": "#000000", "--color-logo-mark-primary-fixed": "#000000", "--color-neutral-10": "#ffffff", "--color-neutral-20": "#f3f3f3", "--color-neutral-30": "#dedede", "--color-neutral-40": "#bdbdbd", "--color-neutral-50": "#989898", "--color-neutral-60": "#585858", "--color-neutral-70": "#444444", "--color-neutral-80": "#212121", "--color-neutral-90": "#000000", "--color-orange-10": "#ffebce", "--color-orange-20": "#ffd495", "--color-orange-30": "#ffbb59", "--color-orange-40": "#ff9f14", "--color-orange-50": "#db860a", "--color-orange-60": "#a6670a", "--color-orange-70": "#824f06", "--color-orange-80": "#573607", "--color-orange-90": "#382303", "--color-overlay-default": "rgba(0, 0, 0, 0.7)", "--color-overlay-strong": "rgba(0, 0, 0, 0.5)", "--color-pink-10": "#ffeaf5", "--color-pink-20": "#ffd5eb", "--color-pink-30": "#feb7dc", "--color-pink-40": "#f696c8", "--color-pink-50": "#d17ba8", "--color-pink-60": "#b06089", "--color-pink-70": "#803c5f", "--color-pink-80": "#5c2944", "--color-pink-90": "#3b142a", "--color-red-10": "#fbdedc", "--color-red-20": "#fcc7c3", "--color-red-30": "#fdb3ae", "--color-red-40": "#ff9490", "--color-red-50": "#ff6165", "--color-red-60": "#e1003a", "--color-red-70": "#a80029", "--color-red-80": "#75001a", "--color-red-90": "#450101", "--color-red-orange-10": "#ffded0", "--color-red-orange-20": "#ffc9b2", "--color-red-orange-30": "#ffb595", "--color-red-orange-40": "#ff9868", "--color-red-orange-50": "#e67b49", "--color-red-orange-60": "#c45927", "--color-red-orange-70": "#9f4217", "--color-red-orange-80": "#6d2605", "--color-red-orange-90": "#451701", "--color-teal-10": "#dbfaf6", "--color-teal-20": "#a5ece4", "--color-teal-30": "#6fdbcd", "--color-teal-40": "#00c7ae", "--color-teal-50": "#06a894", "--color-teal-60": "#0a7b6d", "--color-teal-70": "#00544a", "--color-teal-80": "#053731", "--color-teal-90": "#001b18", "--color-text-accent-blue-minimal": "#27a5d0", "--color-text-accent-blue-primary": "#00202b", "--color-text-accent-blue-secondary": "#013c50", "--color-text-accent-blue-subtle": "#057aa3", "--color-text-accent-blue-tertiary": "#025a79", "--color-text-accent-green-minimal": "#83ad57", "--color-text-accent-green-primary": "#142603", "--color-text-accent-green-secondary": "#2a4210", "--color-text-accent-green-subtle": "#5a8034", "--color-text-accent-green-tertiary": "#40611f", "--color-text-accent-orange-minimal": "#e67b49", "--color-text-accent-orange-primary": "#451701", "--color-text-accent-orange-secondary": "#6d2605", "--color-text-accent-orange-subtle": "#c45927", "--color-text-accent-orange-tertiary": "#9f4217", "--color-text-accent-pink-minimal": "#d17ba8", "--color-text-accent-pink-primary": "#3b142a", "--color-text-accent-pink-secondary": "#5c2944", "--color-text-accent-pink-subtle": "#b06089", "--color-text-accent-pink-tertiary": "#803c5f", "--color-text-accent-teal-minimal": "#06a894", "--color-text-accent-teal-primary": "#001b18", "--color-text-accent-teal-secondary": "#053731", "--color-text-accent-teal-subtle": "#0a7b6d", "--color-text-accent-teal-tertiary": "#00544a", "--color-text-accent-violet-minimal": "#9587e8", "--color-text-accent-violet-primary": "#26194d", "--color-text-accent-violet-secondary": "#3c2e63", "--color-text-accent-violet-subtle": "#8068c6", "--color-text-accent-violet-tertiary": "#5a4890", "--color-text-brand-minimal": "#e5b800", "--color-text-brand-primary": "#423500", "--color-text-brand-secondary": "#604d00", "--color-text-brand-subtle": "#b69200", "--color-text-brand-tertiary": "#846a01", "--color-text-danger-minimal": "#ff6165", "--color-text-danger-primary": "#450101", "--color-text-danger-secondary": "#75001a", "--color-text-danger-subtle": "#e1003a", "--color-text-danger-tertiary": "#a80029", "--color-text-information-minimal": "#27a5d0", "--color-text-information-primary": "#00202b", "--color-text-information-secondary": "#013c50", "--color-text-information-subtle": "#057aa3", "--color-text-information-tertiary": "#025a79", "--color-text-neutral-inverse": "#ffffff", "--color-text-neutral-inverse-fixed": "#ffffff", "--color-text-neutral-minimal": "#bdbdbd", "--color-text-neutral-primary": "#000000", "--color-text-neutral-primary-fixed": "#000000", "--color-text-neutral-secondary": "#212121", "--color-text-neutral-subtle": "#585858", "--color-text-neutral-subtlest": "#989898", "--color-text-neutral-tertiary": "#444444", "--color-text-success-minimal": "#83ad57", "--color-text-success-primary": "#142603", "--color-text-success-secondary": "#2a4210", "--color-text-success-subtle": "#5a8034", "--color-text-success-tertiary": "#40611f", "--color-text-warm-minimal": "#a7a096", "--color-text-warm-primary": "#1e1c1a", "--color-text-warm-secondary": "#33302d", "--color-text-warm-subtle": "#605b55", "--color-text-warm-tertiary": "#4d4944", "--color-text-warning-minimal": "#db860a", "--color-text-warning-primary": "#382303", "--color-text-warning-secondary": "#573607", "--color-text-warning-subtle": "#a6670a", "--color-text-warning-tertiary": "#824f06", "--color-transparent-10": "rgba(0, 0, 0, 0.03)", "--color-violet-10": "#efefff", "--color-violet-20": "#e0e0ff", "--color-violet-30": "#c9c9ff", "--color-violet-40": "#acacff", "--color-violet-50": "#9587e8", "--color-violet-60": "#8068c6", "--color-violet-70": "#5a4890", "--color-violet-80": "#3c2e63", "--color-violet-90": "#26194d", "--color-yellow-10": "#fff8d9", "--color-yellow-20": "#fff1b2", "--color-yellow-30": "#ffe166", "--color-yellow-40": "#ffcd00", "--color-yellow-50": "#e5b800", "--color-yellow-60": "#b69200", "--color-yellow-70": "#846a01", "--color-yellow-80": "#604d00", "--color-yellow-90": "#423500", "--drawer-body-color-background-default": "#ffffff", "--drawer-body-padding-block": "32px", "--drawer-body-padding-inline": "32px", "--drawer-border-radius": "8px", "--drawer-border-width": "1px", "--drawer-color-border-default": "#f6f3ef", "--drawer-color-border-hover": "#eae4de", "--drawer-color-icon-default": "#000000", "--drawer-color-text-description": "#212121", "--drawer-color-text-title": "#000000", "--drawer-size-width-lg": "900px", "--drawer-size-width-md": "708px", "--drawer-size-width-sm": "516px", "--dropdown-menu-border-radius": "8px", "--dropdown-menu-border-width": "1px", "--dropdown-menu-color-background-default": "#ffffff", "--dropdown-menu-color-border-default": "#f6f3ef", "--dropdown-menu-color-border-hover": "#eae4de", "--dropdown-menu-divider-padding-block-lg": "8px", "--dropdown-menu-divider-padding-block-md": "4px", "--dropdown-menu-gap-content": "8px", "--dropdown-menu-item-border-radius": "8px", "--dropdown-menu-item-color-background-default": "#ffffff", "--dropdown-menu-item-color-background-disabled": "#fbf9f7", "--dropdown-menu-item-color-background-hover": "#fff8d9", "--dropdown-menu-item-color-icon-default": "#000000", "--dropdown-menu-item-color-icon-disabled": "#605b55", "--dropdown-menu-item-color-icon-hover": "#423500", "--dropdown-menu-item-color-text-content-default": "#000000", "--dropdown-menu-item-color-text-content-disabled": "#605b55", "--dropdown-menu-item-color-text-content-hover": "#423500", "--dropdown-menu-item-color-text-description-default": "#444444", "--dropdown-menu-item-color-text-description-disabled": "#605b55", "--dropdown-menu-item-color-text-description-hover": "#604d00", "--dropdown-menu-item-gap-content": "8px", "--dropdown-menu-item-padding-block-lg": "12px", "--dropdown-menu-item-padding-block-md": "8px", "--dropdown-menu-item-padding-inline-lg": "16px", "--dropdown-menu-item-padding-inline-md": "12px", "--dropdown-menu-padding-block-lg": "8px", "--dropdown-menu-padding-block-md": "8px", "--dropdown-menu-padding-inline-lg": "8px", "--dropdown-menu-padding-inline-md": "8px", "--dropdown-menu-size-icon": "16px", "--elevation-10": "0 1px 2px 0 rgba(0, 0, 0, 0.04)", "--elevation-20": "0 4px 6px 0 rgba(0, 0, 0, 0.04)", "--elevation-30": "0 4px 6px 0 rgba(0, 0, 0, 0.08)", "--elevation-40": "0 6px 8px 0 rgba(0, 0, 0, 0.12)", "--elevation-50": "0 12px 16px 0 rgba(0, 0, 0, 0.12)", "--elevation-60": "0 12px 32px 0 rgba(0, 0, 0, 0.16)", "--field-gap-assistive": "4px", "--field-gap-label": "8px", "--file-drop-border-radius": "8px", "--file-drop-border-width-default": "1px", "--file-drop-gap-content": "16px", "--file-drop-padding-block": "32px", "--file-drop-padding-inline": "32px", "--floating-action-bar-border-radius": "8px", "--floating-action-bar-border-width": "1px", "--floating-action-bar-color-background": "#ffffff", "--floating-action-bar-color-border": "#f3f3f3", "--floating-action-bar-gap-actions": "8px", "--floating-action-bar-gap-items": "12px", "--floating-action-bar-gap-pagination": "12px", "--floating-action-bar-padding-block": "12px", "--floating-action-bar-padding-inline": "16px", "--floating-action-bar-size-max-height": "57px", "--font-family-body": "'Work Sans', sans-serif", "--font-family-title": "'welcome-font', sans-serif", "--font-letter-spacing-none": "0", "--font-letter-spacing-xs": "-2%", "--font-line-height-lg": "150%", "--font-line-height-md": "140%", "--font-line-height-sm": "130%", "--font-line-height-xs": "120%", "--font-size-12": "0.75rem", "--text-12": "0.75rem", "--font-size-128": "8rem", "--text-128": "8rem", "--font-size-14": "0.875rem", "--text-14": "0.875rem", "--font-size-16": "1rem", "--text-16": "1rem", "--font-size-18": "1.125rem", "--text-18": "1.125rem", "--font-size-20": "1.25rem", "--text-20": "1.25rem", "--font-size-24": "1.5rem", "--text-24": "1.5rem", "--font-size-2xl": "1.5rem", "--font-size-xxl": "1.5rem", "--text-2xl": "1.5rem", "--font-size-32": "2rem", "--text-32": "2rem", "--font-size-36": "2.25rem", "--text-36": "2.25rem", "--font-size-3xl": "2rem", "--text-3xl": "2rem", "--font-size-48": "3rem", "--text-48": "3rem", "--font-size-4xl": "2.25rem", "--text-4xl": "2.25rem", "--font-size-5xl": "3rem", "--text-5xl": "3rem", "--font-size-60": "3.75rem", "--text-60": "3.75rem", "--font-size-6xl": "3.75rem", "--text-6xl": "3.75rem", "--font-size-72": "4.5rem", "--text-72": "4.5rem", "--font-size-7xl": "4.5rem", "--text-7xl": "4.5rem", "--font-size-lg": "1.125rem", "--text-lg": "1.125rem", "--font-size-md": "1rem", "--text-md": "1rem", "--font-size-sm": "0.875rem", "--text-sm": "0.875rem", "--font-size-xl": "1.25rem", "--text-xl": "1.25rem", "--font-size-xs": "0.75rem", "--text-xs": "0.75rem", "--font-weight-black": "900", "--font-weight-bold": "700", "--font-weight-medium": "500", "--font-weight-regular": "400", "--font-weight-semi-bold": "600", "--growl-border-radius": "12px", "--growl-border-width": "1px", "--growl-color-background-default": "#ffffff", "--growl-color-border-default": "#eae4de", "--growl-color-border-hover": "#d2cbc3", "--growl-color-icon-default": "#bdbdbd", "--growl-color-icon-hover": "#000000", "--growl-color-text-body": "#212121", "--growl-color-text-title": "#000000", "--growl-gap-content": "16px", "--growl-icon-border-radius": "16px", "--growl-icon-color-background-error": "#fbdedc", "--growl-icon-color-background-information": "#e0f5ff", "--growl-icon-color-background-success": "#e7fbd3", "--growl-icon-color-background-warning": "#ffebce", "--growl-icon-color-icon-error": "#a80029", "--growl-icon-color-icon-information": "#025a79", "--growl-icon-color-icon-success": "#40611f", "--growl-icon-color-icon-warning": "#824f06", "--growl-icon-padding-block": "8px", "--growl-icon-padding-inline": "8px", "--growl-icon-size-icon": "24px", "--growl-padding-block": "16px", "--growl-padding-inline": "16px", "--growl-size-icon": "24px", "--height-16": "1rem", "--height-2": "0.125rem", "--height-20": "1.25rem", "--height-24": "1.5rem", "--height-25": "1.5625rem", "--height-32": "2rem", "--height-33": "2.0625rem", "--height-40": "2.5rem", "--height-43": "2.6875rem", "--height-57": "3.5625rem", "--height-8": "0.5rem", "--hint-color-text-default": "#585858", "--hint-color-text-error": "#a80029", "--hint-color-text-success": "#40611f", "--hint-color-text-warning": "#824f06", "--input-border-radius": "8px", "--input-border-width-default": "1px", "--input-border-width-focused": "2px", "--input-color-background-default": "#ffffff", "--input-color-background-disabled": "#eae4de", "--input-color-background-transparent": "rgba(255, 255, 255, 0)", "--input-color-border-active": "#ffcd00", "--input-color-border-default": "#f3f3f3", "--input-color-border-disabled": "#d2cbc3", "--input-color-border-error": "#e1003a", "--input-color-border-focused": "#ffe166", "--input-color-border-hover": "#dedede", "--input-color-border-hover-transparent": "rgba(0, 0, 0, 0.13)", "--input-color-border-success": "#5a8034", "--input-color-border-warning": "#a6670a", "--input-color-icon-default": "#000000", "--input-color-icon-disabled": "#a7a096", "--input-color-icon-placeholder": "#000000", "--input-color-text-default": "#000000", "--input-color-text-disabled": "#605b55", "--input-color-text-placeholder": "#989898", "--input-gap-content": "8px", "--input-max-height-lg": "42px", "--input-max-height-md": "32px", "--input-max-height-sm": "24px", "--input-padding-block-lg": "12px", "--input-padding-block-md": "8px", "--input-padding-block-sm": "4px", "--input-padding-inline-lg": "12px", "--input-padding-inline-md": "12px", "--input-padding-inline-sm": "8px", "--input-password-color-background-default": "#f3f3f3", "--input-password-color-background-good": "#83ad57", "--input-password-color-background-strong": "#83ad57", "--input-password-color-background-too-weak": "#a80029", "--input-password-color-background-weak": "#a6670a", "--input-size-icon-root": "16px", "--input-size-icon-select": "24px", "--input-size-image": "16px", "--inset-10": "0 0 6px 0 rgba(0, 0, 0, 0.08)", "--inset-20": "0 0 8px 0 rgba(0, 0, 0, 0.16)", "--inset-5": "0 0 4px 0 rgba(0, 0, 0, 0.08)", "--label-color-icon-default": "#444444", "--label-color-icon-error": "#e1003a", "--label-color-icon-required": "#e5b800", "--label-color-icon-success": "#5a8034", "--label-color-icon-warning": "#a6670a", "--label-color-text-default": "#585858", "--label-gap-content": "4px", "--label-size-leading": "16px", "--label-size-required": "12px", "--latency-color-background-bar": "rgba(0, 0, 0, 0.05)", "--latency-color-background-progress": "#ffcd00", "--link-color-background-primary-hover": "#ffcd00", "--link-color-background-primary-visited-default": "#fff8d9", "--link-color-background-primary-visited-hover": "#ffcd00", "--link-color-background-secondary-hover": "#000000", "--link-color-background-secondary-visited-default": "#dedede", "--link-color-background-secondary-visited-hover": "#000000", "--link-color-icon-primary-default": "#000000", "--link-color-icon-primary-disabled": "#a7a096", "--link-color-icon-primary-hover": "#000000", "--link-color-icon-primary-visited-default": "#604d00", "--link-color-icon-primary-visited-hover": "#000000", "--link-color-icon-secondary-default": "#000000", "--link-color-icon-secondary-disabled": "#989898", "--link-color-icon-secondary-hover": "#ffffff", "--link-color-icon-secondary-visited-default": "#444444", "--link-color-icon-secondary-visited-hover": "#ffffff", "--link-color-text-primary-default": "#000000", "--link-color-text-primary-disabled": "#605b55", "--link-color-text-primary-hover": "#000000", "--link-color-text-primary-visited-default": "#604d00", "--link-color-text-primary-visited-hover": "#000000", "--link-color-text-secondary-default": "#000000", "--link-color-text-secondary-disabled": "#585858", "--link-color-text-secondary-hover": "#ffffff", "--link-color-text-secondary-visited-default": "#444444", "--link-color-text-secondary-visited-hover": "#ffffff", "--link-color-underline-primary-default": "#ffcd00", "--link-color-underline-primary-disabled": "#eae4de", "--link-color-underline-primary-visited-default": "#ffcd00", "--link-color-underline-primary-visited-hover": "#ffcd00", "--link-color-underline-secondary-default": "#000000", "--link-color-underline-secondary-disabled": "#dedede", "--link-color-underline-secondary-visited-default": "#000000", "--link-color-underline-secondary-visited-hover": "#000000", "--link-gap-content": "0", "--link-gap-underline": "-2px", "--link-padding-inline-icon": "2px", "--link-padding-inline-text": "2px", "--link-size-icon-lg": "16px", "--link-size-icon-md": "16px", "--link-size-icon-sm": "16px", "--link-size-icon-xs": "12px", "--link-underline-size-height": "2px", "--modal-border-radius": "12px", "--modal-border-width": "1px", "--modal-color-background-default": "#ffffff", "--modal-color-border-default": "#eae4de", "--modal-color-border-hover": "#d2cbc3", "--modal-color-icon-default": "#000000", "--modal-color-text-body": "#212121", "--modal-color-text-title": "#000000", "--modal-gap-content": "12px", "--modal-padding-block": "24px", "--modal-padding-inline": "24px", "--modal-size-width-lg": "800px", "--modal-size-width-md": "600px", "--modal-size-width-sm": "450px", "--pagination-border-radius": "8px", "--pagination-border-width-checked": "2px", "--pagination-border-width-unchecked": "1px", "--pagination-color-background-checked-default": "#ffe166", "--pagination-color-background-checked-disabled": "rgba(0, 0, 0, 0.13)", "--pagination-color-background-checked-hover": "#ffe166", "--pagination-color-background-checked-pressed": "#ffcd00", "--pagination-color-background-unchecked-default": "#ffffff", "--pagination-color-background-unchecked-disabled": "rgba(0, 0, 0, 0.13)", "--pagination-color-background-unchecked-hover": "#ffffff", "--pagination-color-background-unchecked-pressed": "rgba(0, 0, 0, 0.05)", "--pagination-color-border-checked-default": "#ffcd00", "--pagination-color-border-checked-hover": "#e5b800", "--pagination-color-border-checked-pressed": "#e5b800", "--pagination-color-border-unchecked-default": "#f6f3ef", "--pagination-color-border-unchecked-hover": "#eae4de", "--pagination-color-border-unchecked-p