/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-50: var(--p-red-50);
    --color-red-100: var(--p-red-100);
    --color-red-200: var(--p-red-200);
    --color-red-300: var(--p-red-300);
    --color-red-400: var(--p-red-400);
    --color-red-500: var(--p-red-500);
    --color-red-600: var(--p-red-600);
    --color-red-700: var(--p-red-700);
    --color-red-800: var(--p-red-800);
    --color-red-900: var(--p-red-900);
    --color-orange-50: var(--p-orange-50);
    --color-orange-100: var(--p-orange-100);
    --color-orange-200: var(--p-orange-200);
    --color-orange-300: var(--p-orange-300);
    --color-orange-400: var(--p-orange-400);
    --color-orange-500: var(--p-orange-500);
    --color-orange-600: var(--p-orange-600);
    --color-orange-700: var(--p-orange-700);
    --color-orange-800: var(--p-orange-800);
    --color-orange-900: var(--p-orange-900);
    --color-yellow-50: var(--p-yellow-50);
    --color-yellow-100: var(--p-yellow-100);
    --color-yellow-200: var(--p-yellow-200);
    --color-yellow-300: var(--p-yellow-300);
    --color-yellow-400: var(--p-yellow-400);
    --color-yellow-500: var(--p-yellow-500);
    --color-yellow-600: var(--p-yellow-600);
    --color-yellow-700: var(--p-yellow-700);
    --color-yellow-800: var(--p-yellow-800);
    --color-yellow-900: var(--p-yellow-900);
    --color-lime-200: var(--p-lime-200);
    --color-lime-300: var(--p-lime-300);
    --color-lime-400: var(--p-lime-400);
    --color-lime-500: var(--p-lime-500);
    --color-lime-800: var(--p-lime-800);
    --color-green-50: var(--p-green-50);
    --color-green-100: var(--p-green-100);
    --color-green-200: var(--p-green-200);
    --color-green-300: var(--p-green-300);
    --color-green-400: var(--p-green-400);
    --color-green-500: var(--p-green-500);
    --color-green-600: var(--p-green-600);
    --color-green-700: var(--p-green-700);
    --color-green-800: var(--p-green-800);
    --color-green-900: var(--p-green-900);
    --color-emerald-500: var(--p-emerald-500);
    --color-emerald-600: var(--p-emerald-600);
    --color-teal-50: var(--p-teal-50);
    --color-teal-100: var(--p-teal-100);
    --color-teal-200: var(--p-teal-200);
    --color-teal-300: var(--p-teal-300);
    --color-teal-400: var(--p-teal-400);
    --color-teal-500: var(--p-teal-500);
    --color-teal-600: var(--p-teal-600);
    --color-teal-700: var(--p-teal-700);
    --color-teal-800: var(--p-teal-800);
    --color-cyan-50: var(--p-cyan-50);
    --color-cyan-100: var(--p-cyan-100);
    --color-cyan-200: var(--p-cyan-200);
    --color-cyan-300: var(--p-cyan-300);
    --color-cyan-400: var(--p-cyan-400);
    --color-cyan-500: var(--p-cyan-500);
    --color-cyan-600: var(--p-cyan-600);
    --color-cyan-700: var(--p-cyan-700);
    --color-cyan-800: var(--p-cyan-800);
    --color-cyan-900: var(--p-cyan-900);
    --color-sky-400: var(--p-sky-400);
    --color-sky-500: var(--p-sky-500);
    --color-sky-600: var(--p-sky-600);
    --color-blue-50: var(--p-blue-50);
    --color-blue-100: var(--p-blue-100);
    --color-blue-200: var(--p-blue-200);
    --color-blue-300: var(--p-blue-300);
    --color-blue-400: var(--p-blue-400);
    --color-blue-500: var(--p-blue-500);
    --color-blue-600: var(--p-blue-600);
    --color-blue-700: var(--p-blue-700);
    --color-blue-800: var(--p-blue-800);
    --color-blue-900: var(--p-blue-900);
    --color-indigo-50: var(--p-indigo-50);
    --color-indigo-100: var(--p-indigo-100);
    --color-indigo-200: var(--p-indigo-200);
    --color-indigo-300: var(--p-indigo-300);
    --color-indigo-400: var(--p-indigo-400);
    --color-indigo-500: var(--p-indigo-500);
    --color-indigo-600: var(--p-indigo-600);
    --color-indigo-700: var(--p-indigo-700);
    --color-indigo-800: var(--p-indigo-800);
    --color-indigo-900: var(--p-indigo-900);
    --color-purple-50: var(--p-purple-50);
    --color-purple-100: var(--p-purple-100);
    --color-purple-200: var(--p-purple-200);
    --color-purple-300: var(--p-purple-300);
    --color-purple-400: var(--p-purple-400);
    --color-purple-500: var(--p-purple-500);
    --color-purple-600: var(--p-purple-600);
    --color-purple-700: var(--p-purple-700);
    --color-purple-800: var(--p-purple-800);
    --color-purple-900: var(--p-purple-900);
    --color-pink-50: var(--p-pink-50);
    --color-pink-100: var(--p-pink-100);
    --color-pink-200: var(--p-pink-200);
    --color-pink-300: var(--p-pink-300);
    --color-pink-400: var(--p-pink-400);
    --color-pink-500: var(--p-pink-500);
    --color-pink-600: var(--p-pink-600);
    --color-pink-700: var(--p-pink-700);
    --color-pink-800: var(--p-pink-800);
    --color-pink-900: var(--p-pink-900);
    --color-slate-100: var(--p-slate-100);
    --color-slate-500: var(--p-slate-500);
    --color-slate-700: var(--p-slate-700);
    --color-gray-50: var(--p-gray-50);
    --color-gray-100: var(--p-gray-100);
    --color-gray-200: var(--p-gray-200);
    --color-gray-300: var(--p-gray-300);
    --color-gray-400: var(--p-gray-400);
    --color-gray-500: var(--p-gray-500);
    --color-gray-600: var(--p-gray-600);
    --color-gray-700: var(--p-gray-700);
    --color-gray-800: var(--p-gray-800);
    --color-gray-900: var(--p-gray-900);
    --color-gray-950: var(--p-gray-950);
    --color-zinc-100: var(--p-zinc-100);
    --color-zinc-700: var(--p-zinc-700);
    --color-neutral-100: var(--p-neutral-100);
    --color-neutral-700: var(--p-neutral-700);
    --color-stone-50: var(--p-stone-50);
    --color-stone-100: var(--p-stone-100);
    --color-stone-300: var(--p-stone-300);
    --color-stone-600: var(--p-stone-600);
    --color-stone-700: var(--p-stone-700);
    --color-stone-800: var(--p-stone-800);
    --color-stone-900: var(--p-stone-900);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-2xl: 1440px;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --radius-border-md: var(--p-border-radius-md);
    --radius-content-border: var(--p-content-border-radius);
    --radius-inputtext-border: var(--p-inputtext-border-radius);
    --radius-button-border: var(--p-button-border-radius);
    --radius-button-rounded-border: var(--p-button-rounded-border-radius);
    --radius-checkbox-border: var(--p-checkbox-border-radius);
    --radius-badge-border: var(--p-badge-border-radius);
    --radius-message-border: var(--p-message-border-radius);
    --radius-message-close-button-border: var(--p-message-close-button-border-radius);
    --radius-card-border: var(--p-card-border-radius);
    --radius-tag-border: var(--p-tag-border-radius);
    --radius-select-border: var(--p-select-border-radius);
    --radius-select-overlay-border: var(--p-select-overlay-border-radius);
    --radius-textarea-border: var(--p-textarea-border-radius);
    --radius-inputnumber-button-border: var(--p-inputnumber-button-border-radius);
    --radius-slider-track-border: var(--p-slider-track-border-radius);
    --radius-slider-handle-border: var(--p-slider-handle-border-radius);
    --radius-carousel-indicator-border: var(--p-carousel-indicator-border-radius);
    --color-broker-red-50: var(--p-broker-red-50);
    --color-broker-red-200: var(--p-broker-red-200);
    --color-broker-red-700: var(--p-broker-red-700);
    --color-primary-600: var(--p-primary-600);
    --color-primary-700: var(--p-primary-700);
    --color-surface-500: var(--p-surface-500);
    --color-primary: var(--p-primary-color);
    --color-primary-contrast: var(--p-primary-contrast-color);
    --color-highlight-bg: var(--p-highlight-background);
    --color-highlight-focus-bg: var(--p-highlight-focus-background);
    --color-form-field-disabled: var(--p-form-field-disabled-color);
    --color-content-border: var(--p-content-border-color);
    --color-text: var(--p-text-color);
    --color-text-muted: var(--p-text-muted-color);
    --color-inputtext-bg: var(--p-inputtext-background);
    --color-inputtext-disabled-bg: var(--p-inputtext-disabled-background);
    --color-inputtext-disabled: var(--p-inputtext-disabled-color);
    --color-inputtext-border: var(--p-inputtext-border-color);
    --color-inputtext-hover-border: var(--p-inputtext-hover-border-color);
    --color-inputtext-focus-border: var(--p-inputtext-focus-border-color);
    --color-inputtext-invalid-border: var(--p-inputtext-invalid-border-color);
    --color-inputtext-invalid-placeholder: var(--p-inputtext-invalid-placeholder-color);
    --color-inputtext: var(--p-inputtext-color);
    --color-inputtext-placeholder: var(--p-inputtext-placeholder-color);
    --color-radiobutton-bg: var(--p-radiobutton-background);
    --color-radiobutton-checked-bg: var(--p-radiobutton-checked-background);
    --color-radiobutton-checked-hover-bg: var(--p-radiobutton-checked-hover-background);
    --color-radiobutton-checked-hover-border: var(--p-radiobutton-checked-hover-border-color);
    --color-radiobutton-checked-border: var(--p-radiobutton-checked-border-color);
    --color-radiobutton-border: var(--p-radiobutton-border-color);
    --color-checkbox-border: var(--p-checkbox-border-color);
    --color-checkbox-bg: var(--p-checkbox-background);
    --color-checkbox-checked-bg: var(--p-checkbox-checked-background);
    --color-checkbox-checked-border: var(--p-checkbox-checked-border-color);
    --color-checkbox-focus-ring: var(--p-checkbox-focus-ring-color);
    --color-checkbox-invalid-border: var(--p-checkbox-invalid-border-color);
    --color-card: var(--p-card-color);
    --color-card-subtitle: var(--p-card-subtitle-color);
    --color-select-bg: var(--p-select-background);
    --color-select-disabled-bg: var(--p-select-disabled-background);
    --color-select-disabled: var(--p-select-disabled-color);
    --color-select-border: var(--p-select-border-color);
    --color-select-hover-border: var(--p-select-hover-border-color);
    --color-select-focus-border: var(--p-select-focus-border-color);
    --color-select-invalid-border: var(--p-select-invalid-border-color);
    --color-select: var(--p-select-color);
    --color-select-dropdown: var(--p-select-dropdown-color);
    --color-select-overlay-bg: var(--p-select-overlay-background);
    --color-select-overlay-border: var(--p-select-overlay-border-color);
    --color-select-option-focus-bg: var(--p-select-option-focus-background);
    --color-select-option-focus: var(--p-select-option-focus-color);
    --color-select-option-selected-bg: var(--p-select-option-selected-background);
    --color-select-option-selected: var(--p-select-option-selected-color);
    --color-select-option: var(--p-select-option-color);
    --color-textarea-disabled-bg: var(--p-textarea-disabled-background);
    --color-textarea-disabled: var(--p-textarea-disabled-color);
    --color-textarea-border: var(--p-textarea-border-color);
    --color-textarea-placeholder: var(--p-textarea-placeholder-color);
    --color-slider-track-bg: var(--p-slider-track-background);
    --color-slider-range-bg: var(--p-slider-range-background);
    --color-slider-handle-bg: var(--p-slider-handle-background);
    --color-accordion-panel-border: var(--p-accordion-panel-border-color);
    --color-accordion-header: var(--p-accordion-header-color);
    --color-accordion-header-active: var(--p-accordion-header-active-color);
    --color-accordion-header-active-bg: var(--p-accordion-header-active-background);
    --color-accordion-header-border: var(--p-accordion-header-border-color);
    --color-accordion-header-bg: var(--p-accordion-header-background);
    --color-accordion-header-toggle-icon: var(--p-accordion-header-toggle-icon-color);
    --color-accordion-header-toggle-icon-active: var(--p-accordion-header-toggle-icon-active-color);
    --color-accordion-content-border: var(--p-accordion-content-border-color);
    --color-accordion-content-bg: var(--p-accordion-content-background);
    --color-accordion-content: var(--p-accordion-content-color);
    --color-divider-border: var(--p-divider-border-color);
    --color-divider-content: var(--p-divider-content-color);
    --color-tabs-tablist-bg: var(--p-tabs-tablist-background);
    --color-tabs-tablist-border: var(--p-tabs-tablist-border-color);
    --color-tabs-tab-border: var(--p-tabs-tab-border-color);
    --color-tabs-tab-active-border: var(--p-tabs-tab-active-border-color);
    --color-tabs-tab-active: var(--p-tabs-tab-active-color);
    --color-tabs-tab-active-bg: var(--p-tabs-tab-active-background);
    --color-tabs-tab: var(--p-tabs-tab-color);
    --color-tabs-tab-hover: var(--p-tabs-tab-hover-color);
    --color-tabs-tab-hover-bg: var(--p-tabs-tab-hover-background);
    --color-tabs-tab-hover-border: var(--p-tabs-tab-hover-border-color);
    --color-tabs-tab-bg: var(--p-tabs-tab-background);
    --color-tabs-tab-focus-ring: var(--p-tabs-tab-focus-ring-color);
    --color-galleria-nav-button: var(--p-galleria-nav-button-color);
    --color-stepper-step-header-focus-ring: var(--p-stepper-step-header-focus-ring-color);
    --color-stepper-step-title: var(--p-stepper-step-title-color);
    --color-stepper-step-number-bg: var(--p-stepper-step-number-background);
    --color-stepper-step-number-border: var(--p-stepper-step-number-border-color);
    --color-stepper-step-number: var(--p-stepper-step-number-color);
    --color-overlaybadge-outline: var(--p-overlaybadge-outline-color);
    --color-button-primary-bg: var(--p-button-primary-background);
    --color-button-primary-hover-bg: var(--p-button-primary-hover-background);
    --color-button-primary-hover-border: var(--p-button-primary-hover-border-color);
    --color-button-primary-hover: var(--p-button-primary-hover-color);
    --color-button-primary-active-bg: var(--p-button-primary-active-background);
    --color-button-primary-active-border: var(--p-button-primary-active-border-color);
    --color-button-primary-active: var(--p-button-primary-active-color);
    --color-button-primary-border: var(--p-button-primary-border-color);
    --color-button-primary: var(--p-button-primary-color);
    --color-button-secondary-bg: var(--p-button-secondary-background);
    --color-button-secondary-hover-bg: var(--p-button-secondary-hover-background);
    --color-button-secondary-hover-border: var(--p-button-secondary-hover-border-color);
    --color-button-secondary-hover: var(--p-button-secondary-hover-color);
    --color-button-secondary-active-bg: var(--p-button-secondary-active-background);
    --color-button-secondary-active-border: var(--p-button-secondary-active-border-color);
    --color-button-secondary-active: var(--p-button-secondary-active-color);
    --color-button-secondary-border: var(--p-button-secondary-border-color);
    --color-button-secondary: var(--p-button-secondary-color);
    --color-button-info-bg: var(--p-button-info-background);
    --color-button-info-hover-bg: var(--p-button-info-hover-background);
    --color-button-info-hover-border: var(--p-button-info-hover-border-color);
    --color-button-info-hover: var(--p-button-info-hover-color);
    --color-button-info-active-bg: var(--p-button-info-active-background);
    --color-button-info-active-border: var(--p-button-info-active-border-color);
    --color-button-info-active: var(--p-button-info-active-color);
    --color-button-info-border: var(--p-button-info-border-color);
    --color-button-info: var(--p-button-info-color);
    --color-button-success-bg: var(--p-button-success-background);
    --color-button-success-hover-bg: var(--p-button-success-hover-background);
    --color-button-success-hover-border: var(--p-button-success-hover-border-color);
    --color-button-success-hover: var(--p-button-success-hover-color);
    --color-button-success-active-bg: var(--p-button-success-active-background);
    --color-button-success-active-border: var(--p-button-success-active-border-color);
    --color-button-success-active: var(--p-button-success-active-color);
    --color-button-success-border: var(--p-button-success-border-color);
    --color-button-success: var(--p-button-success-color);
    --color-button-warn-bg: var(--p-button-warn-background);
    --color-button-warn-hover-bg: var(--p-button-warn-hover-background);
    --color-button-warn-hover-border: var(--p-button-warn-hover-border-color);
    --color-button-warn-hover: var(--p-button-warn-hover-color);
    --color-button-warn-active-bg: var(--p-button-warn-active-background);
    --color-button-warn-active-border: var(--p-button-warn-active-border-color);
    --color-button-warn-active: var(--p-button-warn-active-color);
    --color-button-warn-border: var(--p-button-warn-border-color);
    --color-button-warn: var(--p-button-warn-color);
    --color-button-help-bg: var(--p-button-help-background);
    --color-button-help-hover-bg: var(--p-button-help-hover-background);
    --color-button-help-hover-border: var(--p-button-help-hover-border-color);
    --color-button-help-hover: var(--p-button-help-hover-color);
    --color-button-help-active-bg: var(--p-button-help-active-background);
    --color-button-help-active-border: var(--p-button-help-active-border-color);
    --color-button-help-active: var(--p-button-help-active-color);
    --color-button-help-border: var(--p-button-help-border-color);
    --color-button-help: var(--p-button-help-color);
    --color-button-danger-bg: var(--p-button-danger-background);
    --color-button-danger-hover-bg: var(--p-button-danger-hover-background);
    --color-button-danger-hover-border: var(--p-button-danger-hover-border-color);
    --color-button-danger-hover: var(--p-button-danger-hover-color);
    --color-button-danger-active-bg: var(--p-button-danger-active-background);
    --color-button-danger-active-border: var(--p-button-danger-active-border-color);
    --color-button-danger-active: var(--p-button-danger-active-color);
    --color-button-danger-border: var(--p-button-danger-border-color);
    --color-button-danger: var(--p-button-danger-color);
    --color-button-contrast-bg: var(--p-button-contrast-background);
    --color-button-contrast-hover-bg: var(--p-button-contrast-hover-background);
    --color-button-contrast-hover-border: var(--p-button-contrast-hover-border-color);
    --color-button-contrast-hover: var(--p-button-contrast-hover-color);
    --color-button-contrast-active-bg: var(--p-button-contrast-active-background);
    --color-button-contrast-active-border: var(--p-button-contrast-active-border-color);
    --color-button-contrast-active: var(--p-button-contrast-active-color);
    --color-button-contrast-border: var(--p-button-contrast-border-color);
    --color-button-contrast: var(--p-button-contrast-color);
    --color-button-outline-primary-hover-bg: var(--p-button-outlined-primary-hover-background);
    --color-button-outline-primary-active-bg: var(--p-button-outlined-primary-active-background);
    --color-button-outline-primary-border: var(--p-button-outlined-primary-border-color);
    --color-button-outline-primary: var(--p-button-outlined-primary-color);
    --color-button-outline-secondary-hover-bg: var(--p-button-outlined-secondary-hover-background);
    --color-button-outline-secondary-active-bg: var(--p-button-outlined-secondary-active-background);
    --color-button-outline-secondary-border: var(--p-button-outlined-secondary-border-color);
    --color-button-outline-secondary: var(--p-button-outlined-secondary-color);
    --color-button-outline-success-hover-bg: var(--p-button-outlined-success-hover-background);
    --color-button-outline-success-active-bg: var(--p-button-outlined-success-active-background);
    --color-button-outline-success-border: var(--p-button-outlined-success-border-color);
    --color-button-outline-success: var(--p-button-outlined-success-color);
    --color-button-outline-info-hover-bg: var(--p-button-outlined-info-hover-background);
    --color-button-outline-info-active-bg: var(--p-button-outlined-info-active-background);
    --color-button-outline-info-border: var(--p-button-outlined-info-border-color);
    --color-button-outline-info: var(--p-button-outlined-info-color);
    --color-button-outline-warn-hover-bg: var(--p-button-outlined-warn-hover-background);
    --color-button-outline-warn-active-bg: var(--p-button-outlined-warn-active-background);
    --color-button-outline-warn-border: var(--p-button-outlined-warn-border-color);
    --color-button-outline-warn: var(--p-button-outlined-warn-color);
    --color-button-outline-help-hover-bg: var(--p-button-outlined-help-hover-background);
    --color-button-outline-help-active-bg: var(--p-button-outlined-help-active-background);
    --color-button-outline-help-border: var(--p-button-outlined-help-border-color);
    --color-button-outline-help: var(--p-button-outlined-help-color);
    --color-button-outline-danger-hover-bg: var(--p-button-outlined-danger-hover-background);
    --color-button-outline-danger-active-bg: var(--p-button-outlined-danger-active-background);
    --color-button-outline-danger-border: var(--p-button-outlined-danger-border-color);
    --color-button-outline-danger: var(--p-button-outlined-danger-color);
    --color-button-outline-contrast-hover-bg: var(--p-button-outlined-contrast-hover-background);
    --color-button-outline-contrast-active-bg: var(--p-button-outlined-contrast-active-background);
    --color-button-outline-contrast-border: var(--p-button-outlined-contrast-border-color);
    --color-button-outline-contrast: var(--p-button-outlined-contrast-color);
    --color-button-text-primary-hover-bg: var(--p-button-text-primary-hover-background);
    --color-button-text-primary-active-bg: var(--p-button-text-primary-active-background);
    --color-button-text-primary: var(--p-button-text-primary-color);
    --color-button-text-secondary-hover-bg: var(--p-button-text-secondary-hover-background);
    --color-button-text-secondary-active-bg: var(--p-button-text-secondary-active-background);
    --color-button-text-secondary: var(--p-button-text-secondary-color);
    --color-button-text-success-hover-bg: var(--p-button-text-success-hover-background);
    --color-button-text-success-active-bg: var(--p-button-text-success-active-background);
    --color-button-text-success: var(--p-button-text-success-color);
    --color-button-text-info-hover-bg: var(--p-button-text-info-hover-background);
    --color-button-text-info-active-bg: var(--p-button-text-info-active-background);
    --color-button-text-info: var(--p-button-text-info-color);
    --color-button-text-warn-hover-bg: var(--p-button-text-warn-hover-background);
    --color-button-text-warn-active-bg: var(--p-button-text-warn-active-background);
    --color-button-text-warn: var(--p-button-text-warn-color);
    --color-button-text-help-hover-bg: var(--p-button-text-help-hover-background);
    --color-button-text-help-active-bg: var(--p-button-text-help-active-background);
    --color-button-text-help: var(--p-button-text-help-color);
    --color-button-text-danger-hover-bg: var(--p-button-text-danger-hover-background);
    --color-button-text-danger-active-bg: var(--p-button-text-danger-active-background);
    --color-button-text-danger: var(--p-button-text-danger-color);
    --color-button-text-contrast-hover-bg: var(--p-button-text-contrast-hover-background);
    --color-button-text-contrast-active-bg: var(--p-button-text-contrast-active-background);
    --color-button-text-contrast: var(--p-button-text-contrast-color);
    --color-badge-primary-bg: var(--p-badge-primary-background);
    --color-badge-primary: var(--p-badge-primary-color);
    --color-badge-secondary-bg: var(--p-badge-secondary-background);
    --color-badge-secondary: var(--p-badge-secondary-color);
    --color-badge-success-bg: var(--p-badge-success-background);
    --color-badge-success: var(--p-badge-success-color);
    --color-badge-info-bg: var(--p-badge-info-background);
    --color-badge-info: var(--p-badge-info-color);
    --color-badge-warn-bg: var(--p-badge-warn-background);
    --color-badge-warn: var(--p-badge-warn-color);
    --color-badge-danger-bg: var(--p-badge-danger-background);
    --color-badge-danger: var(--p-badge-danger-color);
    --color-badge-contrast-bg: var(--p-badge-contrast-background);
    --color-badge-contrast: var(--p-badge-contrast-color);
    --color-tag-primary-bg: var(--p-tag-primary-background);
    --color-tag-primary: var(--p-tag-primary-color);
    --color-tag-secondary-bg: var(--p-tag-secondary-background);
    --color-tag-secondary: var(--p-tag-secondary-color);
    --color-tag-success-bg: var(--p-tag-success-background);
    --color-tag-success: var(--p-tag-success-color);
    --color-tag-info-bg: var(--p-tag-info-background);
    --color-tag-info: var(--p-tag-info-color);
    --color-tag-warn-bg: var(--p-tag-warn-background);
    --color-tag-warn: var(--p-tag-warn-color);
    --color-tag-danger-bg: var(--p-tag-danger-background);
    --color-tag-danger: var(--p-tag-danger-color);
    --color-tag-contrast-bg: var(--p-tag-contrast-background);
    --color-tag-contrast: var(--p-tag-contrast-color);
    --color-inputnumber-button-bg: var(--p-inputnumber-button-background);
    --color-inputnumber-button-hover-bg: var(--p-inputnumber-button-hover-background);
    --color-inputnumber-button-hover-border: var(--p-inputnumber-button-hover-border-color);
    --color-inputnumber-button-hover: var(--p-inputnumber-button-hover-color);
    --color-inputnumber-button-border: var(--p-inputnumber-button-border-color);
    --color-inputnumber-button: var(--p-inputnumber-button-color);
    --color-slider-handle-content-bg: var(--p-slider-handle-content-background);
    --color-carousel-indicator-bg: var(--p-carousel-indicator-background);
    --color-carousel-indicator-active-bg: var(--p-carousel-indicator-active-background);
    --color-message-info-bg: var(--p-message-info-background);
    --color-message-info-border: var(--p-message-info-border-color);
    --color-message-info: var(--p-message-info-color);
    --color-message-success-bg: var(--p-message-success-background);
    --color-message-success-border: var(--p-message-success-border-color);
    --color-message-success: var(--p-message-success-color);
    --color-message-warn-bg: var(--p-message-warn-background);
    --color-message-warn-border: var(--p-message-warn-border-color);
    --color-message-warn: var(--p-message-warn-color);
    --color-message-error-bg: var(--p-message-error-background);
    --color-message-error-border: var(--p-message-error-border-color);
    --color-message-error: var(--p-message-error-color);
    --color-message-secondary-bg: var(--p-message-secondary-background);
    --color-message-secondary-border: var(--p-message-secondary-border-color);
    --color-message-secondary: var(--p-message-secondary-color);
    --color-message-contrast-bg: var(--p-message-contrast-background);
    --color-message-contrast-border: var(--p-message-contrast-border-color);
    --color-message-contrast: var(--p-message-contrast-color);
    --color-app-bg: var(--p-app-background);
    --color-app-tag-primary-clickable-hover-bg: var(--p-app-tag-primary-clickable-hover-background);
    --color-app-tag-primary-clickable-active-bg: var(--p-app-tag-primary-clickable-active-background);
    --color-app-tag-primary-bg: var(--p-app-tag-primary-background);
    --color-app-tag-primary: var(--p-app-tag-primary-color);
    --color-app-tag-secondary-clickable-hover-bg: var(--p-app-tag-secondary-clickable-hover-background);
    --color-app-tag-secondary-clickable-active-bg: var(--p-app-tag-secondary-clickable-active-background);
    --color-app-tag-secondary-bg: var(--p-app-tag-secondary-background);
    --color-app-tag-secondary: var(--p-app-tag-secondary-color);
    --color-app-tag-success-clickable-hover-bg: var(--p-app-tag-success-clickable-hover-background);
    --color-app-tag-success-clickable-active-bg: var(--p-app-tag-success-clickable-active-background);
    --color-app-tag-success-bg: var(--p-app-tag-success-background);
    --color-app-tag-success: var(--p-app-tag-success-color);
    --color-app-tag-info-clickable-hover-bg: var(--p-app-tag-info-clickable-hover-background);
    --color-app-tag-info-clickable-active-bg: var(--p-app-tag-info-clickable-active-background);
    --color-app-tag-info-bg: var(--p-app-tag-info-background);
    --color-app-tag-info: var(--p-app-tag-info-color);
    --color-app-tag-warn-clickable-hover-bg: var(--p-app-tag-warn-clickable-hover-background);
    --color-app-tag-warn-clickable-active-bg: var(--p-app-tag-warn-clickable-active-background);
    --color-app-tag-warn-bg: var(--p-app-tag-warn-background);
    --color-app-tag-warn: var(--p-app-tag-warn-color);
    --color-app-tag-danger-clickable-hover-bg: var(--p-app-tag-danger-clickable-hover-background);
    --color-app-tag-danger-clickable-active-bg: var(--p-app-tag-danger-clickable-active-background);
    --color-app-tag-danger-bg: var(--p-app-tag-danger-background);
    --color-app-tag-danger: var(--p-app-tag-danger-color);
    --color-app-tag-contrast-clickable-hover-bg: var(--p-app-tag-contrast-clickable-hover-background);
    --color-app-tag-contrast-clickable-active-bg: var(--p-app-tag-contrast-clickable-active-background);
    --color-app-tag-contrast-bg: var(--p-app-tag-contrast-background);
    --color-app-tag-contrast: var(--p-app-tag-contrast-color);
    --color-app-progresssbar-one: var(--p-app-progresssbar-color-one);
    --color-app-progresssbar-three: var(--p-app-progresssbar-color-three);
    --color-app-card-bg: var(--p-app-card-background);
    --color-app-card-border: var(--p-app-card-border-color);
    --spacing-1: var(--p-spacing-1);
    --spacing-2: var(--p-spacing-2);
    --spacing-3: var(--p-spacing-3);
    --spacing-4: var(--p-spacing-4);
    --spacing-5: var(--p-spacing-5);
    --spacing-6: var(--p-spacing-6);
    --spacing-8: var(--p-spacing-8);
    --spacing-10: var(--p-spacing-10);
    --spacing-12: var(--p-spacing-12);
    --spacing-14: var(--p-spacing-14);
    --spacing-16: var(--p-spacing-16);
    --spacing-20: var(--p-spacing-20);
    --spacing-24: var(--p-spacing-24);
    --spacing-28: var(--p-spacing-28);
    --spacing-36: var(--p-spacing-36);
    --spacing-40: var(--p-spacing-40);
    --spacing-0p5: var(--p-spacing-0p5);
    --spacing-2p5: var(--p-spacing-2p5);
    --spacing-3p5: var(--p-spacing-3p5);
    --spacing-inputtext-padding-x: var(--p-inputtext-padding-x);
    --spacing-inputtext-padding-y: var(--p-inputtext-padding-y);
    --spacing-inputtext-sm-padding-x: var(--p-inputtext-sm-padding-x);
    --spacing-inputtext-sm-padding-y: var(--p-inputtext-sm-padding-y);
    --spacing-inputtext-lg-padding-x: var(--p-inputtext-lg-padding-x);
    --spacing-inputtext-lg-padding-y: var(--p-inputtext-lg-padding-y);
    --spacing-button-gap: var(--p-button-gap);
    --spacing-button-padding-x: var(--p-button-padding-x);
    --spacing-button-padding-y: var(--p-button-padding-y);
    --spacing-button-icon-only-width: var(--p-button-icon-only-width);
    --spacing-button-sm-padding-x: var(--p-button-sm-padding-x);
    --spacing-button-sm-padding-y: var(--p-button-sm-padding-y);
    --spacing-button-sm-icon-only-width: var(--p-button-sm-icon-only-width);
    --spacing-button-lg-padding-x: var(--p-button-lg-padding-x);
    --spacing-button-lg-padding-y: var(--p-button-lg-padding-y);
    --spacing-button-lg-icon-only-width: var(--p-button-lg-icon-only-width);
    --spacing-radiobutton-width: var(--p-radiobutton-width);
    --spacing-radiobutton-height: var(--p-radiobutton-height);
    --spacing-radiobutton-sm-width: var(--p-radiobutton-sm-width);
    --spacing-radiobutton-sm-height: var(--p-radiobutton-sm-height);
    --spacing-radiobutton-lg-width: var(--p-radiobutton-lg-width);
    --spacing-radiobutton-lg-height: var(--p-radiobutton-lg-height);
    --spacing-checkbox-width: var(--p-checkbox-width);
    --spacing-checkbox-height: var(--p-checkbox-height);
    --spacing-checkbox-sm-width: var(--p-checkbox-sm-width);
    --spacing-checkbox-sm-height: var(--p-checkbox-sm-height);
    --spacing-checkbox-lg-width: var(--p-checkbox-lg-width);
    --spacing-checkbox-lg-height: var(--p-checkbox-lg-height);
    --spacing-badge-min-width: var(--p-badge-min-width);
    --spacing-badge-height: var(--p-badge-height);
    --spacing-badge-dot-size: var(--p-badge-dot-size);
    --spacing-badge-sm-min-width: var(--p-badge-sm-min-width);
    --spacing-badge-sm-height: var(--p-badge-sm-height);
    --spacing-badge-lg-min-width: var(--p-badge-lg-min-width);
    --spacing-badge-lg-height: var(--p-badge-lg-height);
    --spacing-badge-xl-min-width: var(--p-badge-xl-min-width);
    --spacing-badge-xl-height: var(--p-badge-xl-height);
    --spacing-message-close-button-width: var(--p-message-close-button-width);
    --spacing-message-close-button-height: var(--p-message-close-button-height);
    --spacing-card-body-padding: var(--p-card-body-padding);
    --spacing-card-body-gap: var(--p-card-body-gap);
    --spacing-card-caption-gap: var(--p-card-caption-gap);
    --spacing-tag-padding: var(--p-tag-padding);
    --spacing-tag-gap: var(--p-tag-gap);
    --spacing-select-padding-x: var(--p-select-padding-x);
    --spacing-select-padding-y: var(--p-select-padding-y);
    --spacing-select-option-padding: var(--p-select-option-padding);
    --spacing-select-sm-padding-x: var(--p-select-sm-padding-x);
    --spacing-select-sm-padding-y: var(--p-select-sm-padding-y);
    --spacing-select-lg-padding-x: var(--p-select-lg-padding-x);
    --spacing-select-lg-padding-y: var(--p-select-lg-padding-y);
    --spacing-textarea-padding-x: var(--p-textarea-padding-x);
    --spacing-textarea-padding-y: var(--p-textarea-padding-y);
    --spacing-inputnumber-button-vertical-padding: var(--p-inputnumber-button-vertical-padding);
    --spacing-slider-track-size: var(--p-slider-track-size);
    --spacing-slider-handle-width: var(--p-slider-handle-width);
    --spacing-slider-handle-content-width: var(--p-slider-handle-content-width);
    --spacing-slider-handle-content-height: var(--p-slider-handle-content-height);
    --spacing-accordion-header-padding: var(--p-accordion-header-padding);
    --spacing-accordion-content-padding: var(--p-accordion-content-padding);
    --spacing-divider-horizontal-margin: var(--p-divider-horizontal-margin);
    --spacing-divider-horizontal-padding: var(--p-divider-horizontal-padding);
    --spacing-tabs-tab-padding: var(--p-tabs-tab-padding);
    --spacing-tabs-tab-margin: var(--p-tabs-tab-margin);
    --spacing-tabs-tab-gap: var(--p-tabs-tab-gap);
    --spacing-carousel-indicator-list-padding: var(--p-carousel-indicator-list-padding);
    --spacing-carousel-indicator-list-gap: var(--p-carousel-indicator-list-gap);
    --spacing-carousel-indicator-width: var(--p-carousel-indicator-width);
    --spacing-carousel-indicator-height: var(--p-carousel-indicator-height);
    --spacing-galleria-nav-button-size: var(--p-galleria-nav-button-size);
    --spacing-stepper-step-number-size: var(--p-stepper-step-number-size);
    --spacing-listitem-padding-top: var(--p-listitem-padding-top);
    --spacing-listitem-padding-left: var(--p-listitem-padding-left);
    --spacing-listitem-gap: var(--p-listitem-gap);
    --text-button-sm: var(--p-button-sm-font-size);
    --text-button-lg: var(--p-button-lg-font-size);
    --text-badge: var(--p-badge-font-size);
    --text-badge-sm: var(--p-badge-sm-font-size);
    --text-badge-lg: var(--p-badge-lg-font-size);
    --text-badge-xl: var(--p-badge-xl-font-size);
    --text-card-title: var(--p-card-title-font-size);
    --text-tag: var(--p-tag-font-size);
    --text-select-sm: var(--p-select-sm-font-size);
    --text-select-lg: var(--p-select-lg-font-size);
    --text-app: var(--p-app-font-size);
    --text-app-sm: var(--p-app-sm-font-size);
    --text-app-base: var(--p-app-font-size-base);
    --text-app-lg: var(--p-app-lg-font-size);
    --text-app-xl: var(--p-app-font-size-xl);
    --text-app-2xl: var(--p-app-font-size-2xl);
    --text-app-3xl: var(--p-app-font-size-3xl);
    --text-app-4xl: var(--p-app-font-size-4xl);
    --duration-accordion-transition: var(--p-accordion-transition-duration);
    --font-weight-button-label: var(--p-button-label-font-weight);
    --font-weight-badge: var(--p-badge-font-weight);
    --font-weight-card-title: var(--p-card-title-font-weight);
    --font-weight-tag: var(--p-tag-font-weight);
    --font-weight-app-medium: var(--p-app-font-weight-medium);
    --font-app-family-heading: var(--p-app-font-family-heading);
    --font-app-family-body: var(--p-app-font-family-body);
    --font-app-family-bodysecondary: var(--p-app-font-family-bodysecondary);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[32px\] {
    top: 32px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[50px\] {
    top: 50px;
  }
  .top-\[120px\] {
    top: 120px;
  }
  .top-\[calc\(67px\+var\(--spacing-8\)\)\] {
    top: calc(67px + var(--spacing-8));
  }
  .top-\[calc\(100\%\+4px\)\] {
    top: calc(100% + 4px);
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-select-padding-x {
    right: var(--spacing-select-padding-x);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-\[50\%\] {
    bottom: 50%;
  }
  .bottom-\[56\.33px\] {
    bottom: 56.33px;
  }
  .bottom-\[60px\] {
    bottom: 60px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-\[8px\] {
    left: 8px;
  }
  .left-\[11px\] {
    left: 11px;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-full {
    left: 100%;
  }
  .z-1 {
    z-index: 1;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-10 {
    z-index: 10;
  }
  .z-15 {
    z-index: 15;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-12 {
    grid-column: 12;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-\[12px\] {
    margin: 12px;
  }
  .m-divider-horizontal-margin {
    margin: var(--spacing-divider-horizontal-margin);
  }
  .m-tabs-tab-margin {
    margin: var(--spacing-tabs-tab-margin);
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing-5) * -1);
  }
  .-mx-\[1px\] {
    margin-inline: calc(1px * -1);
  }
  .mx-2p5 {
    margin-inline: var(--spacing-2p5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-5 {
    margin-block: var(--spacing-5);
  }
  .my-6 {
    margin-block: var(--spacing-6);
  }
  .my-8 {
    margin-block: var(--spacing-8);
  }
  .ms-\[7px\] {
    margin-inline-start: 7px;
  }
  .ms-\[12px\] {
    margin-inline-start: 12px;
  }
  .me-1 {
    margin-inline-end: var(--spacing-1);
  }
  .me-3 {
    margin-inline-end: var(--spacing-3);
  }
  .me-\[7px\] {
    margin-inline-end: 7px;
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .\!-mt-\[393\.75px\] {
    margin-top: calc(393.75px * -1) !important;
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .-mt-5 {
    margin-top: calc(var(--spacing-5) * -1);
  }
  .-mt-\[81px\] {
    margin-top: calc(81px * -1);
  }
  .mt-4 {
    margin-top: var(--spacing-4);
  }
  .mt-5 {
    margin-top: var(--spacing-5);
  }
  .mt-\[-200px\] {
    margin-top: -200px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-card-body-padding {
    margin-top: var(--spacing-card-body-padding);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-1 {
    margin-bottom: var(--spacing-1);
  }
  .mb-2 {
    margin-bottom: var(--spacing-2);
  }
  .mb-2p5 {
    margin-bottom: var(--spacing-2p5);
  }
  .mb-3 {
    margin-bottom: var(--spacing-3);
  }
  .mb-4 {
    margin-bottom: var(--spacing-4);
  }
  .mb-4\.5 {
    margin-bottom: calc(var(--spacing) * 4.5);
  }
  .mb-5 {
    margin-bottom: var(--spacing-5);
  }
  .mb-6 {
    margin-bottom: var(--spacing-6);
  }
  .mb-8 {
    margin-bottom: var(--spacing-8);
  }
  .mb-10 {
    margin-bottom: var(--spacing-10);
  }
  .mb-\[1px\] {
    margin-bottom: 1px;
  }
  .mb-\[6\.5px\] {
    margin-bottom: 6.5px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .aspect-3\/4 {
    aspect-ratio: 3/4;
  }
  .aspect-4\/3 {
    aspect-ratio: 4/3;
  }
  .aspect-16\/9 {
    aspect-ratio: 16/9;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .\!size-\[64px\] {
    width: 64px !important;
    height: 64px !important;
  }
  .size-3 {
    width: var(--spacing-3);
    height: var(--spacing-3);
  }
  .size-4 {
    width: var(--spacing-4);
    height: var(--spacing-4);
  }
  .size-8 {
    width: var(--spacing-8);
    height: var(--spacing-8);
  }
  .size-\[8px\] {
    width: 8px;
    height: 8px;
  }
  .size-\[21px\] {
    width: 21px;
    height: 21px;
  }
  .size-\[46px\] {
    width: 46px;
    height: 46px;
  }
  .size-\[96px\] {
    width: 96px;
    height: 96px;
  }
  .size-\[98px\] {
    width: 98px;
    height: 98px;
  }
  .size-badge-dot-size {
    width: var(--spacing-badge-dot-size);
    height: var(--spacing-badge-dot-size);
  }
  .size-button-icon-only-width {
    width: var(--spacing-button-icon-only-width);
    height: var(--spacing-button-icon-only-width);
  }
  .size-button-lg-icon-only-width {
    width: var(--spacing-button-lg-icon-only-width);
    height: var(--spacing-button-lg-icon-only-width);
  }
  .size-button-sm-icon-only-width {
    width: var(--spacing-button-sm-icon-only-width);
    height: var(--spacing-button-sm-icon-only-width);
  }
  .size-galleria-nav-button-size {
    width: var(--spacing-galleria-nav-button-size);
    height: var(--spacing-galleria-nav-button-size);
  }
  .size-slider-track-size {
    width: var(--spacing-slider-track-size);
    height: var(--spacing-slider-track-size);
  }
  .size-stepper-step-number-size {
    width: var(--spacing-stepper-step-number-size);
    height: var(--spacing-stepper-step-number-size);
  }
  .\!h-\[2px\] {
    height: 2px !important;
  }
  .h-10 {
    height: var(--spacing-10);
  }
  .h-\[0\.5rem\] {
    height: 0.5rem;
  }
  .h-\[1\.25rem\] {
    height: 1.25rem;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[calc\(100\%-16px\)\] {
    height: calc(100% - 16px);
  }
  .h-\[calc\(100vh-50px\)\] {
    height: calc(100vh - 50px);
  }
  .h-auto {
    height: auto;
  }
  .h-badge-height {
    height: var(--spacing-badge-height);
  }
  .h-badge-lg-height {
    height: var(--spacing-badge-lg-height);
  }
  .h-badge-sm-height {
    height: var(--spacing-badge-sm-height);
  }
  .h-badge-xl-height {
    height: var(--spacing-badge-xl-height);
  }
  .h-carousel-indicator-height {
    height: var(--spacing-carousel-indicator-height);
  }
  .h-checkbox-height {
    height: var(--spacing-checkbox-height);
  }
  .h-checkbox-lg-height {
    height: var(--spacing-checkbox-lg-height);
  }
  .h-checkbox-sm-height {
    height: var(--spacing-checkbox-sm-height);
  }
  .h-full {
    height: 100%;
  }
  .h-message-close-button-height {
    height: var(--spacing-message-close-button-height);
  }
  .h-radiobutton-height {
    height: var(--spacing-radiobutton-height);
  }
  .h-radiobutton-lg-height {
    height: var(--spacing-radiobutton-lg-height);
  }
  .h-radiobutton-sm-height {
    height: var(--spacing-radiobutton-sm-height);
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-\[61px\] {
    max-height: 61px;
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-\[16px\] {
    min-height: 16px;
  }
  .min-h-\[112px\] {
    min-height: 112px;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-\[280px\] {
    width: 280px !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[41\%\] {
    width: 41%;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-auto {
    width: auto;
  }
  .w-carousel-indicator-width {
    width: var(--spacing-carousel-indicator-width);
  }
  .w-checkbox-lg-width {
    width: var(--spacing-checkbox-lg-width);
  }
  .w-checkbox-sm-width {
    width: var(--spacing-checkbox-sm-width);
  }
  .w-checkbox-width {
    width: var(--spacing-checkbox-width);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-message-close-button-width {
    width: var(--spacing-message-close-button-width);
  }
  .w-radiobutton-lg-width {
    width: var(--spacing-radiobutton-lg-width);
  }
  .w-radiobutton-sm-width {
    width: var(--spacing-radiobutton-sm-width);
  }
  .w-radiobutton-width {
    width: var(--spacing-radiobutton-width);
  }
  .w-screen {
    width: 100vw;
  }
  .\!max-w-\[484px\] {
    max-width: 484px !important;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[290px\] {
    max-width: 290px;
  }
  .max-w-\[375px\] {
    max-width: 375px;
  }
  .max-w-\[381px\] {
    max-width: 381px;
  }
  .max-w-\[382px\] {
    max-width: 382px;
  }
  .max-w-\[481px\] {
    max-width: 481px;
  }
  .max-w-\[586px\] {
    max-width: 586px;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-screen-md {
    max-width: var(--breakpoint-md);
  }
  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[12px\] {
    min-width: 12px;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[19px\] {
    min-width: 19px;
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .min-w-\[21px\] {
    min-width: 21px;
  }
  .min-w-\[22px\] {
    min-width: 22px;
  }
  .min-w-\[24px\] {
    min-width: 24px;
  }
  .min-w-\[26px\] {
    min-width: 26px;
  }
  .min-w-\[35px\] {
    min-width: 35px;
  }
  .min-w-\[42px\] {
    min-width: 42px;
  }
  .min-w-badge-lg-min-width {
    min-width: var(--spacing-badge-lg-min-width);
  }
  .min-w-badge-min-width {
    min-width: var(--spacing-badge-min-width);
  }
  .min-w-badge-sm-min-width {
    min-width: var(--spacing-badge-sm-min-width);
  }
  .min-w-badge-xl-min-width {
    min-width: var(--spacing-badge-xl-min-width);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow-1 {
    flex-grow: 1;
  }
  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-\[50\%\] {
    --tw-translate-x: calc(50% * -1);
    --tw-translate-y: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-\[-50\%\] {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-75\%\] {
    --tw-translate-x: -75%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-25\%\] {
    --tw-translate-y: -25%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[50\%\] {
    --tw-translate-y: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-none {
    transform: none;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .scroll-mt-\[99px\] {
    scroll-margin-top: 99px;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .\!flex-row {
    flex-direction: row !important;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .\!items-center {
    align-items: center !important;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\!justify-end {
    justify-content: flex-end !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .\!gap-0 {
    gap: calc(var(--spacing) * 0) !important;
  }
  .\!gap-1 {
    gap: var(--spacing-1) !important;
  }
  .\!gap-3 {
    gap: var(--spacing-3) !important;
  }
  .\!gap-4 {
    gap: var(--spacing-4) !important;
  }
  .\!gap-5 {
    gap: var(--spacing-5) !important;
  }
  .\!gap-6 {
    gap: var(--spacing-6) !important;
  }
  .\!gap-8 {
    gap: var(--spacing-8) !important;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-0p5 {
    gap: var(--spacing-0p5);
  }
  .gap-1 {
    gap: var(--spacing-1);
  }
  .gap-2 {
    gap: var(--spacing-2);
  }
  .gap-3 {
    gap: var(--spacing-3);
  }
  .gap-3p5 {
    gap: var(--spacing-3p5);
  }
  .gap-4 {
    gap: var(--spacing-4);
  }
  .gap-5 {
    gap: var(--spacing-5);
  }
  .gap-6 {
    gap: var(--spacing-6);
  }
  .gap-8 {
    gap: var(--spacing-8);
  }
  .gap-10 {
    gap: var(--spacing-10);
  }
  .gap-12 {
    gap: var(--spacing-12);
  }
  .gap-14 {
    gap: var(--spacing-14);
  }
  .gap-16 {
    gap: var(--spacing-16);
  }
  .gap-18 {
    gap: calc(var(--spacing) * 18);
  }
  .gap-20 {
    gap: var(--spacing-20);
  }
  .gap-28 {
    gap: var(--spacing-28);
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[5\.5px\] {
    gap: 5.5px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[11px\] {
    gap: 11px;
  }
  .gap-\[14px\] {
    gap: 14px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[28px\] {
    gap: 28px;
  }
  .gap-\[35px\] {
    gap: 35px;
  }
  .gap-\[70px\] {
    gap: 70px;
  }
  .gap-\[140px\] {
    gap: 140px;
  }
  .gap-button-gap {
    gap: var(--spacing-button-gap);
  }
  .gap-card-body-gap {
    gap: var(--spacing-card-body-gap);
  }
  .gap-card-caption-gap {
    gap: var(--spacing-card-caption-gap);
  }
  .gap-carousel-indicator-list-gap {
    gap: var(--spacing-carousel-indicator-list-gap);
  }
  .gap-listitem-gap {
    gap: var(--spacing-listitem-gap);
  }
  .gap-px {
    gap: 1px;
  }
  .gap-tabs-tab-gap {
    gap: var(--spacing-tabs-tab-gap);
  }
  .gap-tag-gap {
    gap: var(--spacing-tag-gap);
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(var(--spacing-5) * var(--tw-space-y-reverse));
      margin-block-end: calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-16 {
    column-gap: var(--spacing-16);
  }
  .gap-x-\[8px\] {
    column-gap: 8px;
  }
  .gap-x-\[18px\] {
    column-gap: 18px;
  }
  .gap-y-12 {
    row-gap: var(--spacing-12);
  }
  .gap-y-24 {
    row-gap: var(--spacing-24);
  }
  .gap-y-\[56px\] {
    row-gap: 56px;
  }
  .\!self-center {
    align-self: center !important;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-badge-border {
    border-radius: var(--radius-badge-border);
  }
  .rounded-border-md {
    border-radius: var(--radius-border-md);
  }
  .rounded-button-border {
    border-radius: var(--radius-button-border);
  }
  .rounded-button-rounded-border {
    border-radius: var(--radius-button-rounded-border);
  }
  .rounded-card-border {
    border-radius: var(--radius-card-border);
  }
  .rounded-carousel-indicator-border {
    border-radius: var(--radius-carousel-indicator-border);
  }
  .rounded-checkbox-border {
    border-radius: var(--radius-checkbox-border);
  }
  .rounded-content-border {
    border-radius: var(--radius-content-border);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-inputnumber-button-border {
    border-radius: var(--radius-inputnumber-button-border);
  }
  .rounded-inputtext-border {
    border-radius: var(--radius-inputtext-border);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-message-border {
    border-radius: var(--radius-message-border);
  }
  .rounded-message-close-button-border {
    border-radius: var(--radius-message-close-button-border);
  }
  .rounded-select-border {
    border-radius: var(--radius-select-border);
  }
  .rounded-select-overlay-border {
    border-radius: var(--radius-select-overlay-border);
  }
  .rounded-slider-track-border {
    border-radius: var(--radius-slider-track-border);
  }
  .rounded-tag-border {
    border-radius: var(--radius-tag-border);
  }
  .rounded-textarea-border {
    border-radius: var(--radius-textarea-border);
  }
  .\!rounded-s-none {
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
  }
  .\!rounded-e-none {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-3 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .\!border-tabs-tab-active-border {
    border-color: var(--color-tabs-tab-active-border) !important;
  }
  .border-accordion-content-border {
    border-color: var(--color-accordion-content-border);
  }
  .border-accordion-header-border {
    border-color: var(--color-accordion-header-border);
  }
  .border-accordion-panel-border {
    border-color: var(--color-accordion-panel-border);
  }
  .border-app-card-border {
    border-color: var(--color-app-card-border);
  }
  .border-broker-red-200 {
    border-color: var(--color-broker-red-200);
  }
  .border-button-contrast-border {
    border-color: var(--color-button-contrast-border);
  }
  .border-button-danger-border {
    border-color: var(--color-button-danger-border);
  }
  .border-button-help-border {
    border-color: var(--color-button-help-border);
  }
  .border-button-info-border {
    border-color: var(--color-button-info-border);
  }
  .border-button-outline-contrast-border {
    border-color: var(--color-button-outline-contrast-border);
  }
  .border-button-outline-danger-border {
    border-color: var(--color-button-outline-danger-border);
  }
  .border-button-outline-help-border {
    border-color: var(--color-button-outline-help-border);
  }
  .border-button-outline-info-border {
    border-color: var(--color-button-outline-info-border);
  }
  .border-button-outline-primary-border {
    border-color: var(--color-button-outline-primary-border);
  }
  .border-button-outline-secondary-border {
    border-color: var(--color-button-outline-secondary-border);
  }
  .border-button-outline-success-border {
    border-color: var(--color-button-outline-success-border);
  }
  .border-button-outline-warn-border {
    border-color: var(--color-button-outline-warn-border);
  }
  .border-button-primary-border {
    border-color: var(--color-button-primary-border);
  }
  .border-button-secondary-border {
    border-color: var(--color-button-secondary-border);
  }
  .border-button-success-border {
    border-color: var(--color-button-success-border);
  }
  .border-button-warn-border {
    border-color: var(--color-button-warn-border);
  }
  .border-checkbox-border {
    border-color: var(--color-checkbox-border);
  }
  .border-content-border {
    border-color: var(--color-content-border);
  }
  .border-divider-border {
    border-color: var(--color-divider-border);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-inputnumber-button-border {
    border-color: var(--color-inputnumber-button-border);
  }
  .border-inputtext-border {
    border-color: var(--color-inputtext-border);
  }
  .border-inputtext-invalid-border {
    border-color: var(--color-inputtext-invalid-border);
  }
  .border-message-contrast-border {
    border-color: var(--color-message-contrast-border);
  }
  .border-message-error-border {
    border-color: var(--color-message-error-border);
  }
  .border-message-info-border {
    border-color: var(--color-message-info-border);
  }
  .border-message-secondary-border {
    border-color: var(--color-message-secondary-border);
  }
  .border-message-success-border {
    border-color: var(--color-message-success-border);
  }
  .border-message-warn-border {
    border-color: var(--color-message-warn-border);
  }
  .border-overlaybadge-outline {
    border-color: var(--color-overlaybadge-outline);
  }
  .border-radiobutton-border {
    border-color: var(--color-radiobutton-border);
  }
  .border-radiobutton-checked-border {
    border-color: var(--color-radiobutton-checked-border);
  }
  .border-select-border {
    border-color: var(--color-select-border);
  }
  .border-select-invalid-border {
    border-color: var(--color-select-invalid-border);
  }
  .border-select-overlay-border {
    border-color: var(--color-select-overlay-border);
  }
  .border-stepper-step-number-border {
    border-color: var(--color-stepper-step-number-border);
  }
  .border-tabs-tab-border {
    border-color: var(--color-tabs-tab-border);
  }
  .border-tabs-tablist-border {
    border-color: var(--color-tabs-tablist-border);
  }
  .border-textarea-border {
    border-color: var(--color-textarea-border);
  }
  .border-transparent {
    border-color: transparent;
  }
  .\!bg-carousel-indicator-bg {
    background-color: var(--color-carousel-indicator-bg) !important;
  }
  .\!bg-inputnumber-button-bg {
    background-color: var(--color-inputnumber-button-bg) !important;
  }
  .\!bg-tabs-tab-active-bg {
    background-color: var(--color-tabs-tab-active-bg) !important;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .bg-accordion-content-bg {
    background-color: var(--color-accordion-content-bg);
  }
  .bg-accordion-header-bg {
    background-color: var(--color-accordion-header-bg);
  }
  .bg-app-bg {
    background-color: var(--color-app-bg);
  }
  .bg-app-card-bg {
    background-color: var(--color-app-card-bg);
  }
  .bg-app-progresssbar-one {
    background-color: var(--color-app-progresssbar-one);
  }
  .bg-app-progresssbar-three {
    background-color: var(--color-app-progresssbar-three);
  }
  .bg-app-tag-contrast-bg {
    background-color: var(--color-app-tag-contrast-bg);
  }
  .bg-app-tag-danger-bg {
    background-color: var(--color-app-tag-danger-bg);
  }
  .bg-app-tag-info-bg {
    background-color: var(--color-app-tag-info-bg);
  }
  .bg-app-tag-primary-bg {
    background-color: var(--color-app-tag-primary-bg);
  }
  .bg-app-tag-secondary-bg {
    background-color: var(--color-app-tag-secondary-bg);
  }
  .bg-app-tag-success-bg {
    background-color: var(--color-app-tag-success-bg);
  }
  .bg-app-tag-warn-bg {
    background-color: var(--color-app-tag-warn-bg);
  }
  .bg-badge-contrast-bg {
    background-color: var(--color-badge-contrast-bg);
  }
  .bg-badge-danger-bg {
    background-color: var(--color-badge-danger-bg);
  }
  .bg-badge-info-bg {
    background-color: var(--color-badge-info-bg);
  }
  .bg-badge-primary-bg {
    background-color: var(--color-badge-primary-bg);
  }
  .bg-badge-secondary-bg {
    background-color: var(--color-badge-secondary-bg);
  }
  .bg-badge-success-bg {
    background-color: var(--color-badge-success-bg);
  }
  .bg-badge-warn-bg {
    background-color: var(--color-badge-warn-bg);
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-broker-red-50 {
    background-color: var(--color-broker-red-50);
  }
  .bg-button-contrast-bg {
    background-color: var(--color-button-contrast-bg);
  }
  .bg-button-danger-bg {
    background-color: var(--color-button-danger-bg);
  }
  .bg-button-help-bg {
    background-color: var(--color-button-help-bg);
  }
  .bg-button-info-bg {
    background-color: var(--color-button-info-bg);
  }
  .bg-button-primary-bg {
    background-color: var(--color-button-primary-bg);
  }
  .bg-button-secondary-bg {
    background-color: var(--color-button-secondary-bg);
  }
  .bg-button-success-bg {
    background-color: var(--color-button-success-bg);
  }
  .bg-button-warn-bg {
    background-color: var(--color-button-warn-bg);
  }
  .bg-checkbox-bg {
    background-color: var(--color-checkbox-bg);
  }
  .bg-content-border {
    background-color: var(--color-content-border);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-900\/50 {
    background-color: var(--color-gray-900);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
    }
  }
  .bg-highlight-bg {
    background-color: var(--color-highlight-bg);
  }
  .bg-highlight-focus-bg {
    background-color: var(--color-highlight-focus-bg);
  }
  .bg-inputtext-bg {
    background-color: var(--color-inputtext-bg);
  }
  .bg-inputtext-disabled-bg {
    background-color: var(--color-inputtext-disabled-bg);
  }
  .bg-message-contrast-bg {
    background-color: var(--color-message-contrast-bg);
  }
  .bg-message-error-bg {
    background-color: var(--color-message-error-bg);
  }
  .bg-message-info-bg {
    background-color: var(--color-message-info-bg);
  }
  .bg-message-secondary-bg {
    background-color: var(--color-message-secondary-bg);
  }
  .bg-message-success-bg {
    background-color: var(--color-message-success-bg);
  }
  .bg-message-warn-bg {
    background-color: var(--color-message-warn-bg);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-600 {
    background-color: var(--color-primary-600);
  }
  .bg-radiobutton-bg {
    background-color: var(--color-radiobutton-bg);
  }
  .bg-select-bg {
    background-color: var(--color-select-bg);
  }
  .bg-select-disabled-bg {
    background-color: var(--color-select-disabled-bg);
  }
  .bg-select-option-selected-bg {
    background-color: var(--color-select-option-selected-bg);
  }
  .bg-select-overlay-bg {
    background-color: var(--color-select-overlay-bg);
  }
  .bg-slate-500\/65 {
    background-color: var(--color-slate-500);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-500) 65%, transparent);
    }
  }
  .bg-slider-track-bg {
    background-color: var(--color-slider-track-bg);
  }
  .bg-stepper-step-header-focus-ring {
    background-color: var(--color-stepper-step-header-focus-ring);
  }
  .bg-stepper-step-number-bg {
    background-color: var(--color-stepper-step-number-bg);
  }
  .bg-tabs-tab-bg {
    background-color: var(--color-tabs-tab-bg);
  }
  .bg-tabs-tablist-bg {
    background-color: var(--color-tabs-tablist-bg);
  }
  .bg-tag-contrast-bg {
    background-color: var(--color-tag-contrast-bg);
  }
  .bg-tag-danger-bg {
    background-color: var(--color-tag-danger-bg);
  }
  .bg-tag-info-bg {
    background-color: var(--color-tag-info-bg);
  }
  .bg-tag-primary-bg {
    background-color: var(--color-tag-primary-bg);
  }
  .bg-tag-secondary-bg {
    background-color: var(--color-tag-secondary-bg);
  }
  .bg-tag-success-bg {
    background-color: var(--color-tag-success-bg);
  }
  .bg-tag-warn-bg {
    background-color: var(--color-tag-warn-bg);
  }
  .bg-textarea-disabled-bg {
    background-color: var(--color-textarea-disabled-bg);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/50 {
    background-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .bg-linear-to-t {
    --tw-gradient-position: to top;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to top in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-app-bg {
    --tw-gradient-from: var(--color-app-bg);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-surface-500 {
    --tw-gradient-from: var(--color-surface-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-surface-500 {
    --tw-gradient-via: var(--color-surface-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-90\% {
    --tw-gradient-via-position: 90%;
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-radiobutton-checked-bg {
    fill: var(--color-radiobutton-checked-bg);
  }
  .stroke-radiobutton-checked-bg {
    stroke: var(--color-radiobutton-checked-bg);
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\!p-8 {
    padding: var(--spacing-8) !important;
  }
  .\!p-10 {
    padding: var(--spacing-10) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: var(--spacing-1);
  }
  .p-2p5 {
    padding: var(--spacing-2p5);
  }
  .p-4 {
    padding: var(--spacing-4);
  }
  .p-5 {
    padding: var(--spacing-5);
  }
  .p-8 {
    padding: var(--spacing-8);
  }
  .p-10 {
    padding: var(--spacing-10);
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .p-accordion-content-padding {
    padding: var(--spacing-accordion-content-padding);
  }
  .p-accordion-header-padding {
    padding: var(--spacing-accordion-header-padding);
  }
  .p-card-body-padding {
    padding: var(--spacing-card-body-padding);
  }
  .p-carousel-indicator-list-padding {
    padding: var(--spacing-carousel-indicator-list-padding);
  }
  .p-divider-horizontal-padding {
    padding: var(--spacing-divider-horizontal-padding);
  }
  .p-select-option-padding {
    padding: var(--spacing-select-option-padding);
  }
  .p-tabs-tab-padding {
    padding: var(--spacing-tabs-tab-padding);
  }
  .p-tag-padding {
    padding: var(--spacing-tag-padding);
  }
  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .\!px-5 {
    padding-inline: var(--spacing-5) !important;
  }
  .\!px-8 {
    padding-inline: var(--spacing-8) !important;
  }
  .\!px-10 {
    padding-inline: var(--spacing-10) !important;
  }
  .\!px-\[10\.5px\] {
    padding-inline: 10.5px !important;
  }
  .px-4 {
    padding-inline: var(--spacing-4);
  }
  .px-5 {
    padding-inline: var(--spacing-5);
  }
  .px-8 {
    padding-inline: var(--spacing-8);
  }
  .px-10 {
    padding-inline: var(--spacing-10);
  }
  .px-12 {
    padding-inline: var(--spacing-12);
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[10\.5px\] {
    padding-inline: 10.5px;
  }
  .px-\[11px\] {
    padding-inline: 11px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[15\.75px\] {
    padding-inline: 15.75px;
  }
  .px-button-lg-padding-x {
    padding-inline: var(--spacing-button-lg-padding-x);
  }
  .px-button-padding-x {
    padding-inline: var(--spacing-button-padding-x);
  }
  .px-button-sm-padding-x {
    padding-inline: var(--spacing-button-sm-padding-x);
  }
  .px-card-body-padding {
    padding-inline: var(--spacing-card-body-padding);
  }
  .px-inputtext-lg-padding-x {
    padding-inline: var(--spacing-inputtext-lg-padding-x);
  }
  .px-inputtext-padding-x {
    padding-inline: var(--spacing-inputtext-padding-x);
  }
  .px-inputtext-sm-padding-x {
    padding-inline: var(--spacing-inputtext-sm-padding-x);
  }
  .px-listitem-padding-left {
    padding-inline: var(--spacing-listitem-padding-left);
  }
  .px-select-lg-padding-x {
    padding-inline: var(--spacing-select-lg-padding-x);
  }
  .px-select-padding-x {
    padding-inline: var(--spacing-select-padding-x);
  }
  .px-select-sm-padding-x {
    padding-inline: var(--spacing-select-sm-padding-x);
  }
  .px-textarea-padding-x {
    padding-inline: var(--spacing-textarea-padding-x);
  }
  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .\!py-5 {
    padding-block: var(--spacing-5) !important;
  }
  .\!py-8 {
    padding-block: var(--spacing-8) !important;
  }
  .py-2 {
    padding-block: var(--spacing-2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: var(--spacing-3);
  }
  .py-4 {
    padding-block: var(--spacing-4);
  }
  .py-5 {
    padding-block: var(--spacing-5);
  }
  .py-8 {
    padding-block: var(--spacing-8);
  }
  .py-10 {
    padding-block: var(--spacing-10);
  }
  .py-12 {
    padding-block: var(--spacing-12);
  }
  .py-24 {
    padding-block: var(--spacing-24);
  }
  .py-28 {
    padding-block: var(--spacing-28);
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[24px\] {
    padding-block: 24px;
  }
  .py-\[120px\] {
    padding-block: 120px;
  }
  .py-button-lg-padding-y {
    padding-block: var(--spacing-button-lg-padding-y);
  }
  .py-button-padding-y {
    padding-block: var(--spacing-button-padding-y);
  }
  .py-button-sm-padding-y {
    padding-block: var(--spacing-button-sm-padding-y);
  }
  .py-inputnumber-button-vertical-padding {
    padding-block: var(--spacing-inputnumber-button-vertical-padding);
  }
  .py-inputtext-lg-padding-y {
    padding-block: var(--spacing-inputtext-lg-padding-y);
  }
  .py-inputtext-padding-y {
    padding-block: var(--spacing-inputtext-padding-y);
  }
  .py-inputtext-sm-padding-y {
    padding-block: var(--spacing-inputtext-sm-padding-y);
  }
  .py-listitem-padding-top {
    padding-block: var(--spacing-listitem-padding-top);
  }
  .py-select-lg-padding-y {
    padding-block: var(--spacing-select-lg-padding-y);
  }
  .py-select-padding-y {
    padding-block: var(--spacing-select-padding-y);
  }
  .py-select-sm-padding-y {
    padding-block: var(--spacing-select-sm-padding-y);
  }
  .py-textarea-padding-y {
    padding-block: var(--spacing-textarea-padding-y);
  }
  .\!ps-0 {
    padding-inline-start: calc(var(--spacing) * 0) !important;
  }
  .ps-2 {
    padding-inline-start: var(--spacing-2);
  }
  .ps-\[7px\] {
    padding-inline-start: 7px;
  }
  .pe-2 {
    padding-inline-end: var(--spacing-2);
  }
  .pe-8 {
    padding-inline-end: var(--spacing-8);
  }
  .\!pt-0 {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .\!pt-12 {
    padding-top: var(--spacing-12) !important;
  }
  .\!pt-\[40px\] {
    padding-top: 40px !important;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: var(--spacing-1);
  }
  .pt-4 {
    padding-top: var(--spacing-4);
  }
  .pt-5 {
    padding-top: var(--spacing-5);
  }
  .pt-8 {
    padding-top: var(--spacing-8);
  }
  .pt-12 {
    padding-top: var(--spacing-12);
  }
  .pt-14 {
    padding-top: var(--spacing-14);
  }
  .pt-16 {
    padding-top: var(--spacing-16);
  }
  .pt-20 {
    padding-top: var(--spacing-20);
  }
  .pt-28 {
    padding-top: var(--spacing-28);
  }
  .pt-\[4px\] {
    padding-top: 4px;
  }
  .pt-\[80px\] {
    padding-top: 80px;
  }
  .\!pb-10 {
    padding-bottom: var(--spacing-10) !important;
  }
  .\!pb-\[70px\] {
    padding-bottom: 70px !important;
  }
  .\!pb-\[448\.75px\] {
    padding-bottom: 448.75px !important;
  }
  .pb-3 {
    padding-bottom: var(--spacing-3);
  }
  .pb-8 {
    padding-bottom: var(--spacing-8);
  }
  .pb-10 {
    padding-bottom: var(--spacing-10);
  }
  .pb-12 {
    padding-bottom: var(--spacing-12);
  }
  .pb-16 {
    padding-bottom: var(--spacing-16);
  }
  .pb-20 {
    padding-bottom: var(--spacing-20);
  }
  .pb-28 {
    padding-bottom: var(--spacing-28);
  }
  .pb-\[12px\] {
    padding-bottom: 12px;
  }
  .pb-\[15\.75px\] {
    padding-bottom: 15.75px;
  }
  .pb-\[21px\] {
    padding-bottom: 21px;
  }
  .pb-\[55px\] {
    padding-bottom: 55px;
  }
  .pb-\[80px\] {
    padding-bottom: 80px;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-start {
    text-align: start;
  }
  .\!font-app-family-bodysecondary {
    font-family: var(--font-app-family-bodysecondary) !important;
  }
  .\!font-app-family-heading {
    font-family: var(--font-app-family-heading) !important;
  }
  .font-app-family-body {
    font-family: var(--font-app-family-body);
  }
  .font-app-family-bodysecondary {
    font-family: var(--font-app-family-bodysecondary);
  }
  .font-app-family-heading {
    font-family: var(--font-app-family-heading);
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .\!text-app-2xl {
    font-size: var(--text-app-2xl) !important;
  }
  .\!text-app-3xl {
    font-size: var(--text-app-3xl) !important;
  }
  .\!text-app-sm {
    font-size: var(--text-app-sm) !important;
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[38px\] {
    font-size: 38px;
  }
  .text-app {
    font-size: var(--text-app);
  }
  .text-app-2xl {
    font-size: var(--text-app-2xl);
  }
  .text-app-3xl {
    font-size: var(--text-app-3xl);
  }
  .text-app-4xl {
    font-size: var(--text-app-4xl);
  }
  .text-app-base {
    font-size: var(--text-app-base);
  }
  .text-app-lg {
    font-size: var(--text-app-lg);
  }
  .text-app-sm {
    font-size: var(--text-app-sm);
  }
  .text-app-xl {
    font-size: var(--text-app-xl);
  }
  .text-badge {
    font-size: var(--text-badge);
  }
  .text-badge-lg {
    font-size: var(--text-badge-lg);
  }
  .text-badge-sm {
    font-size: var(--text-badge-sm);
  }
  .text-badge-xl {
    font-size: var(--text-badge-xl);
  }
  .text-button-lg {
    font-size: var(--text-button-lg);
  }
  .text-button-sm {
    font-size: var(--text-button-sm);
  }
  .text-card-title {
    font-size: var(--text-card-title);
  }
  .text-select-lg {
    font-size: var(--text-select-lg);
  }
  .text-select-sm {
    font-size: var(--text-select-sm);
  }
  .text-tag {
    font-size: var(--text-tag);
  }
  .\!leading-\[22px\] {
    --tw-leading: 22px !important;
    line-height: 22px !important;
  }
  .\!leading-\[125\%\] {
    --tw-leading: 125% !important;
    line-height: 125% !important;
  }
  .leading-\[1\.26\] {
    --tw-leading: 1.26;
    line-height: 1.26;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[100\%\] {
    --tw-leading: 100%;
    line-height: 100%;
  }
  .leading-\[125\%\] {
    --tw-leading: 125%;
    line-height: 125%;
  }
  .leading-\[150\%\] {
    --tw-leading: 150%;
    line-height: 150%;
  }
  .leading-\[163\%\] {
    --tw-leading: 163%;
    line-height: 163%;
  }
  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .font-badge {
    --tw-font-weight: var(--font-weight-badge);
    font-weight: var(--font-weight-badge);
  }
  .font-button-label {
    --tw-font-weight: var(--font-weight-button-label);
    font-weight: var(--font-weight-button-label);
  }
  .font-card-title {
    --tw-font-weight: var(--font-weight-card-title);
    font-weight: var(--font-weight-card-title);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-tag {
    --tw-font-weight: var(--font-weight-tag);
    font-weight: var(--font-weight-tag);
  }
  .-tracking-\[1\%\] {
    --tw-tracking: calc(1% * -1);
    letter-spacing: calc(1% * -1);
  }
  .tracking-\[-1\%\] {
    --tw-tracking: -1%;
    letter-spacing: -1%;
  }
  .tracking-\[1\%\] {
    --tw-tracking: 1%;
    letter-spacing: 1%;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-tabs-tab-active {
    color: var(--color-tabs-tab-active) !important;
  }
  .\!text-text-muted {
    color: var(--color-text-muted) !important;
  }
  .text-accordion-content {
    color: var(--color-accordion-content);
  }
  .text-accordion-header {
    color: var(--color-accordion-header);
  }
  .text-accordion-header-toggle-icon {
    color: var(--color-accordion-header-toggle-icon);
  }
  .text-app-tag-contrast {
    color: var(--color-app-tag-contrast);
  }
  .text-app-tag-danger {
    color: var(--color-app-tag-danger);
  }
  .text-app-tag-info {
    color: var(--color-app-tag-info);
  }
  .text-app-tag-primary {
    color: var(--color-app-tag-primary);
  }
  .text-app-tag-secondary {
    color: var(--color-app-tag-secondary);
  }
  .text-app-tag-success {
    color: var(--color-app-tag-success);
  }
  .text-app-tag-warn {
    color: var(--color-app-tag-warn);
  }
  .text-badge-contrast {
    color: var(--color-badge-contrast);
  }
  .text-badge-danger {
    color: var(--color-badge-danger);
  }
  .text-badge-info {
    color: var(--color-badge-info);
  }
  .text-badge-primary {
    color: var(--color-badge-primary);
  }
  .text-badge-secondary {
    color: var(--color-badge-secondary);
  }
  .text-badge-success {
    color: var(--color-badge-success);
  }
  .text-badge-warn {
    color: var(--color-badge-warn);
  }
  .text-broker-red-700 {
    color: var(--color-broker-red-700);
  }
  .text-button-contrast {
    color: var(--color-button-contrast);
  }
  .text-button-danger {
    color: var(--color-button-danger);
  }
  .text-button-help {
    color: var(--color-button-help);
  }
  .text-button-info {
    color: var(--color-button-info);
  }
  .text-button-outline-contrast {
    color: var(--color-button-outline-contrast);
  }
  .text-button-outline-danger {
    color: var(--color-button-outline-danger);
  }
  .text-button-outline-help {
    color: var(--color-button-outline-help);
  }
  .text-button-outline-info {
    color: var(--color-button-outline-info);
  }
  .text-button-outline-primary {
    color: var(--color-button-outline-primary);
  }
  .text-button-outline-secondary {
    color: var(--color-button-outline-secondary);
  }
  .text-button-outline-success {
    color: var(--color-button-outline-success);
  }
  .text-button-outline-warn {
    color: var(--color-button-outline-warn);
  }
  .text-button-primary {
    color: var(--color-button-primary);
  }
  .text-button-secondary {
    color: var(--color-button-secondary);
  }
  .text-button-success {
    color: var(--color-button-success);
  }
  .text-button-text-contrast {
    color: var(--color-button-text-contrast);
  }
  .text-button-text-danger {
    color: var(--color-button-text-danger);
  }
  .text-button-text-help {
    color: var(--color-button-text-help);
  }
  .text-button-text-info {
    color: var(--color-button-text-info);
  }
  .text-button-text-primary {
    color: var(--color-button-text-primary);
  }
  .text-button-text-secondary {
    color: var(--color-button-text-secondary);
  }
  .text-button-text-success {
    color: var(--color-button-text-success);
  }
  .text-button-text-warn {
    color: var(--color-button-text-warn);
  }
  .text-button-warn {
    color: var(--color-button-warn);
  }
  .text-card {
    color: var(--color-card);
  }
  .text-card-subtitle {
    color: var(--color-card-subtitle);
  }
  .text-divider-content {
    color: var(--color-divider-content);
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-galleria-nav-button {
    color: var(--color-galleria-nav-button);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-inputnumber-button {
    color: var(--color-inputnumber-button);
  }
  .text-inputtext {
    color: var(--color-inputtext);
  }
  .text-inputtext-disabled {
    color: var(--color-inputtext-disabled);
  }
  .text-message-contrast {
    color: var(--color-message-contrast);
  }
  .text-message-error {
    color: var(--color-message-error);
  }
  .text-message-info {
    color: var(--color-message-info);
  }
  .text-message-secondary {
    color: var(--color-message-secondary);
  }
  .text-message-success {
    color: var(--color-message-success);
  }
  .text-message-warn {
    color: var(--color-message-warn);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-contrast {
    color: var(--color-primary-contrast);
  }
  .text-radiobutton-checked-bg {
    color: var(--color-radiobutton-checked-bg);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-select {
    color: var(--color-select);
  }
  .text-select-disabled {
    color: var(--color-select-disabled);
  }
  .text-select-dropdown {
    color: var(--color-select-dropdown);
  }
  .text-select-option {
    color: var(--color-select-option);
  }
  .text-select-option-selected {
    color: var(--color-select-option-selected);
  }
  .text-stepper-step-number {
    color: var(--color-stepper-step-number);
  }
  .text-stepper-step-title {
    color: var(--color-stepper-step-title);
  }
  .text-tabs-tab {
    color: var(--color-tabs-tab);
  }
  .text-tag-contrast {
    color: var(--color-tag-contrast);
  }
  .text-tag-danger {
    color: var(--color-tag-danger);
  }
  .text-tag-info {
    color: var(--color-tag-info);
  }
  .text-tag-primary {
    color: var(--color-tag-primary);
  }
  .text-tag-secondary {
    color: var(--color-tag-secondary);
  }
  .text-tag-success {
    color: var(--color-tag-success);
  }
  .text-tag-warn {
    color: var(--color-tag-warn);
  }
  .text-text {
    color: var(--color-text);
  }
  .text-text-muted {
    color: var(--color-text-muted);
  }
  .text-textarea-disabled {
    color: var(--color-textarea-disabled);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-button-raised {
    --tw-shadow: var(--p-button-raised-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-card {
    --tw-shadow: var(--p-card-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inputtext {
    --tw-shadow: var(--p-inputtext-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-select {
    --tw-shadow: var(--p-select-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-select-overlay {
    --tw-shadow: var(--p-select-overlay-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-primary {
    outline-color: var(--color-primary);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-\[600ms\] {
    --tw-duration: 600ms;
    transition-duration: 600ms;
  }
  .ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\.0\)\] {
    --tw-ease: cubic-bezier(0.25,0.1,0.25,1.0);
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.0);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--tw-duration\:var\(--duration-accordion-transition\)\] {
    --tw-duration: var(--duration-accordion-transition);
  }
  .group-hover\:bg-slate-500\/85 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-slate-500);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-500) 85%, transparent);
        }
      }
    }
  }
  .group-focus\:outline-none {
    &:is(:where(.group):focus *) {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .group-has-\[input\:checked\]\:text-radiobutton-checked-bg {
    &:is(:where(.group):has(*:is(input:checked)) *) {
      color: var(--color-radiobutton-checked-bg);
    }
  }
  .group-aria-expanded\:text-accordion-header-toggle-icon-active {
    &:is(:where(.group)[aria-expanded="true"] *) {
      color: var(--color-accordion-header-toggle-icon-active);
    }
  }
  .group-data-\[disabled\=true\]\/inputtext\:opacity-50 {
    &:is(:where(.group\/inputtext)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
  .group-\[\[invalid\]\]\/checkbox\:\!border-checkbox-invalid-border {
    &:is(:where(.group\/checkbox):is([invalid]) *) {
      border-color: var(--color-checkbox-invalid-border) !important;
    }
  }
  .peer-checked\:block {
    &:is(:where(.peer):checked ~ *) {
      display: block;
    }
  }
  .placeholder\:leading-\[100\%\] {
    &::placeholder {
      --tw-leading: 100%;
      line-height: 100%;
    }
  }
  .placeholder\:text-inputtext-invalid-placeholder {
    &::placeholder {
      color: var(--color-inputtext-invalid-placeholder);
    }
  }
  .placeholder\:text-inputtext-placeholder {
    &::placeholder {
      color: var(--color-inputtext-placeholder);
    }
  }
  .placeholder\:text-textarea-placeholder {
    &::placeholder {
      color: var(--color-textarea-placeholder);
    }
  }
  .group-\[\[invalid\]\]\/inputtext\:placeholder\:\!text-inputtext-invalid-placeholder {
    &:is(:where(.group\/inputtext):is([invalid]) *) {
      &::placeholder {
        color: var(--color-inputtext-invalid-placeholder) !important;
      }
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .checked\:border-checkbox-checked-border {
    &:checked {
      border-color: var(--color-checkbox-checked-border);
    }
  }
  .checked\:bg-checkbox-checked-bg {
    &:checked {
      background-color: var(--color-checkbox-checked-bg);
    }
  }
  .checked\:bg-select-option-selected-bg {
    &:checked {
      background-color: var(--color-select-option-selected-bg);
    }
  }
  .checked\:text-select-option-selected {
    &:checked {
      color: var(--color-select-option-selected);
    }
  }
  .focus-within\:border-inputtext-focus-border {
    &:focus-within {
      border-color: var(--color-inputtext-focus-border);
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:border-button-contrast-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-contrast-hover-border);
      }
    }
  }
  .hover\:border-button-danger-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-danger-hover-border);
      }
    }
  }
  .hover\:border-button-help-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-help-hover-border);
      }
    }
  }
  .hover\:border-button-info-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-info-hover-border);
      }
    }
  }
  .hover\:border-button-primary-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-primary-hover-border);
      }
    }
  }
  .hover\:border-button-secondary-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-secondary-hover-border);
      }
    }
  }
  .hover\:border-button-success-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-success-hover-border);
      }
    }
  }
  .hover\:border-button-text-contrast-hover-bg {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-text-contrast-hover-bg);
      }
    }
  }
  .hover\:border-button-text-danger-hover-bg {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-text-danger-hover-bg);
      }
    }
  }
  .hover\:border-button-text-help-hover-bg {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-text-help-hover-bg);
      }
    }
  }
  .hover\:border-button-text-info-hover-bg {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-text-info-hover-bg);
      }
    }
  }
  .hover\:border-button-text-primary-hover-bg {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-text-primary-hover-bg);
      }
    }
  }
  .hover\:border-button-text-success-hover-bg {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-text-success-hover-bg);
      }
    }
  }
  .hover\:border-button-text-warn-hover-bg {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-text-warn-hover-bg);
      }
    }
  }
  .hover\:border-button-warn-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-button-warn-hover-border);
      }
    }
  }
  .hover\:border-inputnumber-button-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-inputnumber-button-hover-border);
      }
    }
  }
  .hover\:border-inputtext-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-inputtext-hover-border);
      }
    }
  }
  .hover\:border-radiobutton-checked-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-radiobutton-checked-hover-border);
      }
    }
  }
  .hover\:border-select-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-select-hover-border);
      }
    }
  }
  .hover\:border-tabs-tab-hover-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-tabs-tab-hover-border);
      }
    }
  }
  .hover\:\!bg-inputnumber-button-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-inputnumber-button-hover-bg) !important;
      }
    }
  }
  .hover\:bg-accordion-header-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accordion-header-bg);
      }
    }
  }
  .hover\:bg-app-tag-contrast-clickable-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-app-tag-contrast-clickable-hover-bg);
      }
    }
  }
  .hover\:bg-app-tag-danger-clickable-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-app-tag-danger-clickable-hover-bg);
      }
    }
  }
  .hover\:bg-app-tag-info-clickable-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-app-tag-info-clickable-hover-bg);
      }
    }
  }
  .hover\:bg-app-tag-primary-clickable-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-app-tag-primary-clickable-hover-bg);
      }
    }
  }
  .hover\:bg-app-tag-secondary-clickable-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-app-tag-secondary-clickable-hover-bg);
      }
    }
  }
  .hover\:bg-app-tag-success-clickable-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-app-tag-success-clickable-hover-bg);
      }
    }
  }
  .hover\:bg-app-tag-warn-clickable-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-app-tag-warn-clickable-hover-bg);
      }
    }
  }
  .hover\:bg-button-contrast-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-contrast-hover-bg);
      }
    }
  }
  .hover\:bg-button-danger-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-danger-hover-bg);
      }
    }
  }
  .hover\:bg-button-help-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-help-hover-bg);
      }
    }
  }
  .hover\:bg-button-info-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-info-hover-bg);
      }
    }
  }
  .hover\:bg-button-outline-contrast-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-outline-contrast-hover-bg);
      }
    }
  }
  .hover\:bg-button-outline-danger-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-outline-danger-hover-bg);
      }
    }
  }
  .hover\:bg-button-outline-help-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-outline-help-hover-bg);
      }
    }
  }
  .hover\:bg-button-outline-info-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-outline-info-hover-bg);
      }
    }
  }
  .hover\:bg-button-outline-primary-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-outline-primary-hover-bg);
      }
    }
  }
  .hover\:bg-button-outline-secondary-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-outline-secondary-hover-bg);
      }
    }
  }
  .hover\:bg-button-outline-success-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-outline-success-hover-bg);
      }
    }
  }
  .hover\:bg-button-outline-warn-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-outline-warn-hover-bg);
      }
    }
  }
  .hover\:bg-button-primary-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-primary-hover-bg);
      }
    }
  }
  .hover\:bg-button-secondary-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-secondary-hover-bg);
      }
    }
  }
  .hover\:bg-button-success-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-success-hover-bg);
      }
    }
  }
  .hover\:bg-button-text-contrast-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-text-contrast-hover-bg);
      }
    }
  }
  .hover\:bg-button-text-danger-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-text-danger-hover-bg);
      }
    }
  }
  .hover\:bg-button-text-help-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-text-help-hover-bg);
      }
    }
  }
  .hover\:bg-button-text-info-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-text-info-hover-bg);
      }
    }
  }
  .hover\:bg-button-text-primary-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-text-primary-hover-bg);
      }
    }
  }
  .hover\:bg-button-text-secondary-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-text-secondary-hover-bg);
      }
    }
  }
  .hover\:bg-button-text-success-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-text-success-hover-bg);
      }
    }
  }
  .hover\:bg-button-text-warn-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-text-warn-hover-bg);
      }
    }
  }
  .hover\:bg-button-warn-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-button-warn-hover-bg);
      }
    }
  }
  .hover\:bg-primary-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-700);
      }
    }
  }
  .hover\:bg-select-option-focus-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-select-option-focus-bg);
      }
    }
  }
  .hover\:bg-tabs-tab-hover-bg {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-tabs-tab-hover-bg);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:fill-radiobutton-checked-hover-bg {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-radiobutton-checked-hover-bg);
      }
    }
  }
  .hover\:text-button-contrast-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-contrast-hover);
      }
    }
  }
  .hover\:text-button-danger-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-danger-hover);
      }
    }
  }
  .hover\:text-button-help-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-help-hover);
      }
    }
  }
  .hover\:text-button-info-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-info-hover);
      }
    }
  }
  .hover\:text-button-primary-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-primary-hover);
      }
    }
  }
  .hover\:text-button-secondary-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-secondary-hover);
      }
    }
  }
  .hover\:text-button-success-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-success-hover);
      }
    }
  }
  .hover\:text-button-warn-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-button-warn-hover);
      }
    }
  }
  .hover\:text-inputnumber-button-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-inputnumber-button-hover);
      }
    }
  }
  .hover\:text-radiobutton-checked-hover-bg {
    &:hover {
      @media (hover: hover) {
        color: var(--color-radiobutton-checked-hover-bg);
      }
    }
  }
  .hover\:text-select-option-focus {
    &:hover {
      @media (hover: hover) {
        color: var(--color-select-option-focus);
      }
    }
  }
  .hover\:text-tabs-tab-hover {
    &:hover {
      @media (hover: hover) {
        color: var(--color-tabs-tab-hover);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:border-button-contrast-active-border {
    &:focus {
      border-color: var(--color-button-contrast-active-border);
    }
  }
  .focus\:border-button-danger-active-border {
    &:focus {
      border-color: var(--color-button-danger-active-border);
    }
  }
  .focus\:border-button-help-active-border {
    &:focus {
      border-color: var(--color-button-help-active-border);
    }
  }
  .focus\:border-button-info-active-border {
    &:focus {
      border-color: var(--color-button-info-active-border);
    }
  }
  .focus\:border-button-primary-active-border {
    &:focus {
      border-color: var(--color-button-primary-active-border);
    }
  }
  .focus\:border-button-secondary-active-border {
    &:focus {
      border-color: var(--color-button-secondary-active-border);
    }
  }
  .focus\:border-button-success-active-border {
    &:focus {
      border-color: var(--color-button-success-active-border);
    }
  }
  .focus\:border-button-text-contrast-active-bg {
    &:focus {
      border-color: var(--color-button-text-contrast-active-bg);
    }
  }
  .focus\:border-button-text-danger-active-bg {
    &:focus {
      border-color: var(--color-button-text-danger-active-bg);
    }
  }
  .focus\:border-button-text-help-active-bg {
    &:focus {
      border-color: var(--color-button-text-help-active-bg);
    }
  }
  .focus\:border-button-text-info-active-bg {
    &:focus {
      border-color: var(--color-button-text-info-active-bg);
    }
  }
  .focus\:border-button-text-primary-active-bg {
    &:focus {
      border-color: var(--color-button-text-primary-active-bg);
    }
  }
  .focus\:border-button-text-success-active-bg {
    &:focus {
      border-color: var(--color-button-text-success-active-bg);
    }
  }
  .focus\:border-button-text-warn-active-bg {
    &:focus {
      border-color: var(--color-button-text-warn-active-bg);
    }
  }
  .focus\:border-button-warn-active-border {
    &:focus {
      border-color: var(--color-button-warn-active-border);
    }
  }
  .focus\:border-inputtext-focus-border {
    &:focus {
      border-color: var(--color-inputtext-focus-border);
    }
  }
  .focus\:border-select-focus-border {
    &:focus {
      border-color: var(--color-select-focus-border);
    }
  }
  .focus\:border-tabs-tab-active-border {
    &:focus {
      border-color: var(--color-tabs-tab-active-border);
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .focus\:bg-button-contrast-active-bg {
    &:focus {
      background-color: var(--color-button-contrast-active-bg);
    }
  }
  .focus\:bg-button-danger-active-bg {
    &:focus {
      background-color: var(--color-button-danger-active-bg);
    }
  }
  .focus\:bg-button-help-active-bg {
    &:focus {
      background-color: var(--color-button-help-active-bg);
    }
  }
  .focus\:bg-button-info-active-bg {
    &:focus {
      background-color: var(--color-button-info-active-bg);
    }
  }
  .focus\:bg-button-outline-contrast-active-bg {
    &:focus {
      background-color: var(--color-button-outline-contrast-active-bg);
    }
  }
  .focus\:bg-button-outline-danger-active-bg {
    &:focus {
      background-color: var(--color-button-outline-danger-active-bg);
    }
  }
  .focus\:bg-button-outline-help-active-bg {
    &:focus {
      background-color: var(--color-button-outline-help-active-bg);
    }
  }
  .focus\:bg-button-outline-info-active-bg {
    &:focus {
      background-color: var(--color-button-outline-info-active-bg);
    }
  }
  .focus\:bg-button-outline-primary-active-bg {
    &:focus {
      background-color: var(--color-button-outline-primary-active-bg);
    }
  }
  .focus\:bg-button-outline-secondary-active-bg {
    &:focus {
      background-color: var(--color-button-outline-secondary-active-bg);
    }
  }
  .focus\:bg-button-outline-success-active-bg {
    &:focus {
      background-color: var(--color-button-outline-success-active-bg);
    }
  }
  .focus\:bg-button-outline-warn-active-bg {
    &:focus {
      background-color: var(--color-button-outline-warn-active-bg);
    }
  }
  .focus\:bg-button-primary-active-bg {
    &:focus {
      background-color: var(--color-button-primary-active-bg);
    }
  }
  .focus\:bg-button-secondary-active-bg {
    &:focus {
      background-color: var(--color-button-secondary-active-bg);
    }
  }
  .focus\:bg-button-success-active-bg {
    &:focus {
      background-color: var(--color-button-success-active-bg);
    }
  }
  .focus\:bg-button-text-contrast-active-bg {
    &:focus {
      background-color: var(--color-button-text-contrast-active-bg);
    }
  }
  .focus\:bg-button-text-danger-active-bg {
    &:focus {
      background-color: var(--color-button-text-danger-active-bg);
    }
  }
  .focus\:bg-button-text-help-active-bg {
    &:focus {
      background-color: var(--color-button-text-help-active-bg);
    }
  }
  .focus\:bg-button-text-info-active-bg {
    &:focus {
      background-color: var(--color-button-text-info-active-bg);
    }
  }
  .focus\:bg-button-text-primary-active-bg {
    &:focus {
      background-color: var(--color-button-text-primary-active-bg);
    }
  }
  .focus\:bg-button-text-secondary-active-bg {
    &:focus {
      background-color: var(--color-button-text-secondary-active-bg);
    }
  }
  .focus\:bg-button-text-success-active-bg {
    &:focus {
      background-color: var(--color-button-text-success-active-bg);
    }
  }
  .focus\:bg-button-text-warn-active-bg {
    &:focus {
      background-color: var(--color-button-text-warn-active-bg);
    }
  }
  .focus\:bg-button-warn-active-bg {
    &:focus {
      background-color: var(--color-button-warn-active-bg);
    }
  }
  .focus\:bg-select-option-focus-bg {
    &:focus {
      background-color: var(--color-select-option-focus-bg);
    }
  }
  .focus\:bg-tabs-tab-active-bg {
    &:focus {
      background-color: var(--color-tabs-tab-active-bg);
    }
  }
  .focus\:text-button-contrast-active {
    &:focus {
      color: var(--color-button-contrast-active);
    }
  }
  .focus\:text-button-danger-active {
    &:focus {
      color: var(--color-button-danger-active);
    }
  }
  .focus\:text-button-help-active {
    &:focus {
      color: var(--color-button-help-active);
    }
  }
  .focus\:text-button-info-active {
    &:focus {
      color: var(--color-button-info-active);
    }
  }
  .focus\:text-button-primary-active {
    &:focus {
      color: var(--color-button-primary-active);
    }
  }
  .focus\:text-button-secondary-active {
    &:focus {
      color: var(--color-button-secondary-active);
    }
  }
  .focus\:text-button-success-active {
    &:focus {
      color: var(--color-button-success-active);
    }
  }
  .focus\:text-button-warn-active {
    &:focus {
      color: var(--color-button-warn-active);
    }
  }
  .focus\:text-select-option-focus {
    &:focus {
      color: var(--color-select-option-focus);
    }
  }
  .focus\:text-tabs-tab-active {
    &:focus {
      color: var(--color-tabs-tab-active);
    }
  }
  .focus\:shadow-select-focus-ring {
    &:focus {
      --tw-shadow: var(--p-select-focus-ring-shadow);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-checkbox-focus-ring {
    &:focus {
      --tw-ring-color: var(--color-checkbox-focus-ring);
    }
  }
  .focus\:ring-indigo-400 {
    &:focus {
      --tw-ring-color: var(--color-indigo-400);
    }
  }
  .focus\:ring-primary-600 {
    &:focus {
      --tw-ring-color: var(--color-primary-600);
    }
  }
  .focus\:ring-tabs-tab-focus-ring {
    &:focus {
      --tw-ring-color: var(--color-tabs-tab-focus-ring);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:border-button-contrast-active-border {
    &:active {
      border-color: var(--color-button-contrast-active-border);
    }
  }
  .active\:border-button-danger-active-border {
    &:active {
      border-color: var(--color-button-danger-active-border);
    }
  }
  .active\:border-button-help-active-border {
    &:active {
      border-color: var(--color-button-help-active-border);
    }
  }
  .active\:border-button-info-active-border {
    &:active {
      border-color: var(--color-button-info-active-border);
    }
  }
  .active\:border-button-primary-active-border {
    &:active {
      border-color: var(--color-button-primary-active-border);
    }
  }
  .active\:border-button-secondary-active-border {
    &:active {
      border-color: var(--color-button-secondary-active-border);
    }
  }
  .active\:border-button-success-active-border {
    &:active {
      border-color: var(--color-button-success-active-border);
    }
  }
  .active\:border-button-text-contrast-active-bg {
    &:active {
      border-color: var(--color-button-text-contrast-active-bg);
    }
  }
  .active\:border-button-text-danger-active-bg {
    &:active {
      border-color: var(--color-button-text-danger-active-bg);
    }
  }
  .active\:border-button-text-help-active-bg {
    &:active {
      border-color: var(--color-button-text-help-active-bg);
    }
  }
  .active\:border-button-text-info-active-bg {
    &:active {
      border-color: var(--color-button-text-info-active-bg);
    }
  }
  .active\:border-button-text-primary-active-bg {
    &:active {
      border-color: var(--color-button-text-primary-active-bg);
    }
  }
  .active\:border-button-text-success-active-bg {
    &:active {
      border-color: var(--color-button-text-success-active-bg);
    }
  }
  .active\:border-button-text-warn-active-bg {
    &:active {
      border-color: var(--color-button-text-warn-active-bg);
    }
  }
  .active\:border-button-warn-active-border {
    &:active {
      border-color: var(--color-button-warn-active-border);
    }
  }
  .active\:bg-app-tag-contrast-clickable-active-bg {
    &:active {
      background-color: var(--color-app-tag-contrast-clickable-active-bg);
    }
  }
  .active\:bg-app-tag-danger-clickable-active-bg {
    &:active {
      background-color: var(--color-app-tag-danger-clickable-active-bg);
    }
  }
  .active\:bg-app-tag-info-clickable-active-bg {
    &:active {
      background-color: var(--color-app-tag-info-clickable-active-bg);
    }
  }
  .active\:bg-app-tag-primary-clickable-active-bg {
    &:active {
      background-color: var(--color-app-tag-primary-clickable-active-bg);
    }
  }
  .active\:bg-app-tag-secondary-clickable-active-bg {
    &:active {
      background-color: var(--color-app-tag-secondary-clickable-active-bg);
    }
  }
  .active\:bg-app-tag-success-clickable-active-bg {
    &:active {
      background-color: var(--color-app-tag-success-clickable-active-bg);
    }
  }
  .active\:bg-app-tag-warn-clickable-active-bg {
    &:active {
      background-color: var(--color-app-tag-warn-clickable-active-bg);
    }
  }
  .active\:bg-button-contrast-active-bg {
    &:active {
      background-color: var(--color-button-contrast-active-bg);
    }
  }
  .active\:bg-button-danger-active-bg {
    &:active {
      background-color: var(--color-button-danger-active-bg);
    }
  }
  .active\:bg-button-help-active-bg {
    &:active {
      background-color: var(--color-button-help-active-bg);
    }
  }
  .active\:bg-button-info-active-bg {
    &:active {
      background-color: var(--color-button-info-active-bg);
    }
  }
  .active\:bg-button-outline-contrast-active-bg {
    &:active {
      background-color: var(--color-button-outline-contrast-active-bg);
    }
  }
  .active\:bg-button-outline-danger-active-bg {
    &:active {
      background-color: var(--color-button-outline-danger-active-bg);
    }
  }
  .active\:bg-button-outline-help-active-bg {
    &:active {
      background-color: var(--color-button-outline-help-active-bg);
    }
  }
  .active\:bg-button-outline-info-active-bg {
    &:active {
      background-color: var(--color-button-outline-info-active-bg);
    }
  }
  .active\:bg-button-outline-primary-active-bg {
    &:active {
      background-color: var(--color-button-outline-primary-active-bg);
    }
  }
  .active\:bg-button-outline-secondary-active-bg {
    &:active {
      background-color: var(--color-button-outline-secondary-active-bg);
    }
  }
  .active\:bg-button-outline-success-active-bg {
    &:active {
      background-color: var(--color-button-outline-success-active-bg);
    }
  }
  .active\:bg-button-outline-warn-active-bg {
    &:active {
      background-color: var(--color-button-outline-warn-active-bg);
    }
  }
  .active\:bg-button-primary-active-bg {
    &:active {
      background-color: var(--color-button-primary-active-bg);
    }
  }
  .active\:bg-button-secondary-active-bg {
    &:active {
      background-color: var(--color-button-secondary-active-bg);
    }
  }
  .active\:bg-button-success-active-bg {
    &:active {
      background-color: var(--color-button-success-active-bg);
    }
  }
  .active\:bg-button-text-contrast-active-bg {
    &:active {
      background-color: var(--color-button-text-contrast-active-bg);
    }
  }
  .active\:bg-button-text-danger-active-bg {
    &:active {
      background-color: var(--color-button-text-danger-active-bg);
    }
  }
  .active\:bg-button-text-help-active-bg {
    &:active {
      background-color: var(--color-button-text-help-active-bg);
    }
  }
  .active\:bg-button-text-info-active-bg {
    &:active {
      background-color: var(--color-button-text-info-active-bg);
    }
  }
  .active\:bg-button-text-primary-active-bg {
    &:active {
      background-color: var(--color-button-text-primary-active-bg);
    }
  }
  .active\:bg-button-text-secondary-active-bg {
    &:active {
      background-color: var(--color-button-text-secondary-active-bg);
    }
  }
  .active\:bg-button-text-success-active-bg {
    &:active {
      background-color: var(--color-button-text-success-active-bg);
    }
  }
  .active\:bg-button-text-warn-active-bg {
    &:active {
      background-color: var(--color-button-text-warn-active-bg);
    }
  }
  .active\:bg-button-warn-active-bg {
    &:active {
      background-color: var(--color-button-warn-active-bg);
    }
  }
  .active\:text-accordion-header-toggle-icon-active {
    &:active {
      color: var(--color-accordion-header-toggle-icon-active);
    }
  }
  .active\:text-button-contrast-active {
    &:active {
      color: var(--color-button-contrast-active);
    }
  }
  .active\:text-button-danger-active {
    &:active {
      color: var(--color-button-danger-active);
    }
  }
  .active\:text-button-help-active {
    &:active {
      color: var(--color-button-help-active);
    }
  }
  .active\:text-button-info-active {
    &:active {
      color: var(--color-button-info-active);
    }
  }
  .active\:text-button-primary-active {
    &:active {
      color: var(--color-button-primary-active);
    }
  }
  .active\:text-button-secondary-active {
    &:active {
      color: var(--color-button-secondary-active);
    }
  }
  .active\:text-button-success-active {
    &:active {
      color: var(--color-button-success-active);
    }
  }
  .active\:text-button-warn-active {
    &:active {
      color: var(--color-button-warn-active);
    }
  }
  .disabled\:text-select-disabled {
    &:disabled {
      color: var(--color-select-disabled);
    }
  }
  .has-invalid\:\!border-inputtext-invalid-border {
    &:has(*:invalid) {
      border-color: var(--color-inputtext-invalid-border) !important;
    }
  }
  .has-\[\[orientation\=horizontal\]\]\:size-button-lg-icon-only-width {
    &:has(*:is([orientation=horizontal])) {
      width: var(--spacing-button-lg-icon-only-width);
      height: var(--spacing-button-lg-icon-only-width);
    }
  }
  .has-\[input\:checked\]\:\!border-button-outline-primary-border {
    &:has(*:is(input:checked)) {
      border-color: var(--color-button-outline-primary-border) !important;
    }
  }
  .has-\[input\:checked\]\:\!bg-button-outline-primary-active-bg {
    &:has(*:is(input:checked)) {
      background-color: var(--color-button-outline-primary-active-bg) !important;
    }
  }
  .has-\[input\:checked\]\:text-radiobutton-checked-bg {
    &:has(*:is(input:checked)) {
      color: var(--color-radiobutton-checked-bg);
    }
  }
  .has-\[\>\[data-slot\=button-group\]\]\:gap-2 {
    &:has(>[data-slot=button-group]) {
      gap: var(--spacing-2);
    }
  }
  .aria-current\:\!bg-carousel-indicator-active-bg {
    &[aria-current="true"] {
      background-color: var(--color-carousel-indicator-active-bg) !important;
    }
  }
  .aria-expanded\:bg-accordion-header-active-bg {
    &[aria-expanded="true"] {
      background-color: var(--color-accordion-header-active-bg);
    }
  }
  .aria-expanded\:text-accordion-header-active {
    &[aria-expanded="true"] {
      color: var(--color-accordion-header-active);
    }
  }
  .group-\[\:not\(\.flex-col\)\]\/inputtext\:data-\[align\=inline-end\]\:pl-inputtext-lg-padding-x {
    &:is(:where(.group\/inputtext):is(:not(.flex-col)) *) {
      &[data-align="inline-end"] {
        padding-left: var(--spacing-inputtext-lg-padding-x);
      }
    }
  }
  .group-\[\:not\(\.flex-col\)\]\/inputtext\:data-\[align\=inline-end\]\:pl-inputtext-padding-x {
    &:is(:where(.group\/inputtext):is(:not(.flex-col)) *) {
      &[data-align="inline-end"] {
        padding-left: var(--spacing-inputtext-padding-x);
      }
    }
  }
  .group-\[\:not\(\.flex-col\)\]\/inputtext\:data-\[align\=inline-end\]\:pl-inputtext-sm-padding-x {
    &:is(:where(.group\/inputtext):is(:not(.flex-col)) *) {
      &[data-align="inline-end"] {
        padding-left: var(--spacing-inputtext-sm-padding-x);
      }
    }
  }
  .group-\[\:not\(\.flex-col\)\]\/inputtext\:data-\[align\=inline-start\]\:pr-inputtext-lg-padding-x {
    &:is(:where(.group\/inputtext):is(:not(.flex-col)) *) {
      &[data-align="inline-start"] {
        padding-right: var(--spacing-inputtext-lg-padding-x);
      }
    }
  }
  .group-\[\:not\(\.flex-col\)\]\/inputtext\:data-\[align\=inline-start\]\:pr-inputtext-sm-padding-x {
    &:is(:where(.group\/inputtext):is(:not(.flex-col)) *) {
      &[data-align="inline-start"] {
        padding-right: var(--spacing-inputtext-sm-padding-x);
      }
    }
  }
  .data-\[selected\=true\]\:bg-select-option-selected-bg {
    &[data-selected="true"] {
      background-color: var(--color-select-option-selected-bg);
    }
  }
  .data-\[selected\=true\]\:text-select-option-selected {
    &[data-selected="true"] {
      color: var(--color-select-option-selected);
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .max-lg\:-mx-2p5 {
    @media (width < 992px) {
      margin-inline: calc(var(--spacing-2p5) * -1);
    }
  }
  .max-lg\:mx-auto {
    @media (width < 992px) {
      margin-inline: auto;
    }
  }
  .max-lg\:hidden {
    @media (width < 992px) {
      display: none;
    }
  }
  .max-lg\:aspect-16\/9 {
    @media (width < 992px) {
      aspect-ratio: 16/9;
    }
  }
  .max-lg\:h-full {
    @media (width < 992px) {
      height: 100%;
    }
  }
  .max-lg\:w-full {
    @media (width < 992px) {
      width: 100%;
    }
  }
  .max-lg\:border-0 {
    @media (width < 992px) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .max-lg\:border-transparent {
    @media (width < 992px) {
      border-color: transparent;
    }
  }
  .max-lg\:bg-transparent {
    @media (width < 992px) {
      background-color: transparent;
    }
  }
  .max-lg\:p-0 {
    @media (width < 992px) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .max-lg\:px-0 {
    @media (width < 992px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .max-lg\:shadow-none {
    @media (width < 992px) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .max-md\:flex-col-reverse {
    @media (width < 768px) {
      flex-direction: column-reverse;
    }
  }
  .sm\:mt-0 {
    @media (width >= 576px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:aspect-16\/9 {
    @media (width >= 576px) {
      aspect-ratio: 16/9;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 576px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:items-start {
    @media (width >= 576px) {
      align-items: flex-start;
    }
  }
  .sm\:justify-start {
    @media (width >= 576px) {
      justify-content: flex-start;
    }
  }
  .sm\:text-start {
    @media (width >= 576px) {
      text-align: start;
    }
  }
  .md\:my-0 {
    @media (width >= 768px) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  .md\:aspect-16\/7 {
    @media (width >= 768px) {
      aspect-ratio: 16/7;
    }
  }
  .md\:w-\[calc\(50\%-4px\)\] {
    @media (width >= 768px) {
      width: calc(50% - 4px);
    }
  }
  .md\:max-w-\[382px\] {
    @media (width >= 768px) {
      max-width: 382px;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 768px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .md\:gap-10 {
    @media (width >= 768px) {
      gap: var(--spacing-10);
    }
  }
  .md\:py-\[120px\] {
    @media (width >= 768px) {
      padding-block: 120px;
    }
  }
  .lg\:absolute {
    @media (width >= 992px) {
      position: absolute;
    }
  }
  .lg\:static {
    @media (width >= 992px) {
      position: static;
    }
  }
  .lg\:top-0 {
    @media (width >= 992px) {
      top: calc(var(--spacing) * 0);
    }
  }
  .lg\:top-1\/2 {
    @media (width >= 992px) {
      top: calc(1 / 2 * 100%);
    }
  }
  .lg\:top-\[67px\] {
    @media (width >= 992px) {
      top: 67px;
    }
  }
  .lg\:right-0 {
    @media (width >= 992px) {
      right: calc(var(--spacing) * 0);
    }
  }
  .lg\:bottom-0 {
    @media (width >= 992px) {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:left-1\/2 {
    @media (width >= 992px) {
      left: calc(1 / 2 * 100%);
    }
  }
  .lg\:col-span-2 {
    @media (width >= 992px) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 992px) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 992px) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 992px) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 992px) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:mx-0 {
    @media (width >= 992px) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-5 {
    @media (width >= 992px) {
      margin-inline: var(--spacing-5);
    }
  }
  .lg\:me-12 {
    @media (width >= 992px) {
      margin-inline-end: var(--spacing-12);
    }
  }
  .lg\:\!-mt-\[397px\] {
    @media (width >= 992px) {
      margin-top: calc(397px * -1) !important;
    }
  }
  .lg\:mt-0 {
    @media (width >= 992px) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-14 {
    @media (width >= 992px) {
      margin-top: var(--spacing-14);
    }
  }
  .lg\:-mb-\[calc\(100\%-102px\)\] {
    @media (width >= 992px) {
      margin-bottom: calc(calc(100% - 102px) * -1);
    }
  }
  .lg\:mb-5 {
    @media (width >= 992px) {
      margin-bottom: var(--spacing-5);
    }
  }
  .lg\:mb-10 {
    @media (width >= 992px) {
      margin-bottom: var(--spacing-10);
    }
  }
  .lg\:block {
    @media (width >= 992px) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 992px) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 992px) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 992px) {
      display: none;
    }
  }
  .lg\:inline-block {
    @media (width >= 992px) {
      display: inline-block;
    }
  }
  .lg\:aspect-16\/6 {
    @media (width >= 992px) {
      aspect-ratio: 16/6;
    }
  }
  .lg\:h-0 {
    @media (width >= 992px) {
      height: calc(var(--spacing) * 0);
    }
  }
  .lg\:h-\[28px\] {
    @media (width >= 992px) {
      height: 28px;
    }
  }
  .lg\:h-\[67px\] {
    @media (width >= 992px) {
      height: 67px;
    }
  }
  .lg\:h-auto {
    @media (width >= 992px) {
      height: auto;
    }
  }
  .lg\:\!w-\[60\%\] {
    @media (width >= 992px) {
      width: 60% !important;
    }
  }
  .lg\:w-\[59\%\] {
    @media (width >= 992px) {
      width: 59%;
    }
  }
  .lg\:w-auto {
    @media (width >= 992px) {
      width: auto;
    }
  }
  .lg\:w-full {
    @media (width >= 992px) {
      width: 100%;
    }
  }
  .lg\:\!max-w-\[668\.444px\] {
    @media (width >= 992px) {
      max-width: 668.444px !important;
    }
  }
  .lg\:max-w-\[360px\] {
    @media (width >= 992px) {
      max-width: 360px;
    }
  }
  .lg\:max-w-\[382px\] {
    @media (width >= 992px) {
      max-width: 382px;
    }
  }
  .lg\:flex-1 {
    @media (width >= 992px) {
      flex: 1;
    }
  }
  .lg\:-translate-1\/2 {
    @media (width >= 992px) {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:scroll-mt-\[120px\] {
    @media (width >= 992px) {
      scroll-margin-top: 120px;
    }
  }
  .lg\:scroll-mt-\[167px\] {
    @media (width >= 992px) {
      scroll-margin-top: 167px;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 992px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 992px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 992px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 992px) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-10 {
    @media (width >= 992px) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 992px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 992px) {
      flex-direction: row;
    }
  }
  .lg\:flex-nowrap {
    @media (width >= 992px) {
      flex-wrap: nowrap;
    }
  }
  .lg\:items-center {
    @media (width >= 992px) {
      align-items: center;
    }
  }
  .lg\:justify-between {
    @media (width >= 992px) {
      justify-content: space-between;
    }
  }
  .lg\:justify-center {
    @media (width >= 992px) {
      justify-content: center;
    }
  }
  .lg\:justify-start {
    @media (width >= 992px) {
      justify-content: flex-start;
    }
  }
  .lg\:\!gap-4 {
    @media (width >= 992px) {
      gap: var(--spacing-4) !important;
    }
  }
  .lg\:gap-2 {
    @media (width >= 992px) {
      gap: var(--spacing-2);
    }
  }
  .lg\:gap-8 {
    @media (width >= 992px) {
      gap: var(--spacing-8);
    }
  }
  .lg\:gap-12 {
    @media (width >= 992px) {
      gap: var(--spacing-12);
    }
  }
  .lg\:gap-16 {
    @media (width >= 992px) {
      gap: var(--spacing-16);
    }
  }
  .lg\:gap-40 {
    @media (width >= 992px) {
      gap: var(--spacing-40);
    }
  }
  .lg\:gap-\[130px\] {
    @media (width >= 992px) {
      gap: 130px;
    }
  }
  .lg\:self-start {
    @media (width >= 992px) {
      align-self: flex-start;
    }
  }
  .lg\:border-0 {
    @media (width >= 992px) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .lg\:from-transparent {
    @media (width >= 992px) {
      --tw-gradient-from: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .lg\:via-transparent {
    @media (width >= 992px) {
      --tw-gradient-via: transparent;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .lg\:object-cover {
    @media (width >= 992px) {
      object-fit: cover;
    }
  }
  .lg\:\!p-8 {
    @media (width >= 992px) {
      padding: var(--spacing-8) !important;
    }
  }
  .lg\:\!p-10 {
    @media (width >= 992px) {
      padding: var(--spacing-10) !important;
    }
  }
  .lg\:p-0 {
    @media (width >= 992px) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .lg\:p-4 {
    @media (width >= 992px) {
      padding: var(--spacing-4);
    }
  }
  .lg\:p-5 {
    @media (width >= 992px) {
      padding: var(--spacing-5);
    }
  }
  .lg\:p-10 {
    @media (width >= 992px) {
      padding: var(--spacing-10);
    }
  }
  .lg\:\!px-10 {
    @media (width >= 992px) {
      padding-inline: var(--spacing-10) !important;
    }
  }
  .lg\:px-5 {
    @media (width >= 992px) {
      padding-inline: var(--spacing-5);
    }
  }
  .lg\:\!py-0 {
    @media (width >= 992px) {
      padding-block: calc(var(--spacing) * 0) !important;
    }
  }
  .lg\:py-3 {
    @media (width >= 992px) {
      padding-block: var(--spacing-3);
    }
  }
  .lg\:py-40 {
    @media (width >= 992px) {
      padding-block: var(--spacing-40);
    }
  }
  .lg\:py-\[60px\] {
    @media (width >= 992px) {
      padding-block: 60px;
    }
  }
  .lg\:ps-8 {
    @media (width >= 992px) {
      padding-inline-start: var(--spacing-8);
    }
  }
  .lg\:pe-\[65\.5px\] {
    @media (width >= 992px) {
      padding-inline-end: 65.5px;
    }
  }
  .lg\:pt-8 {
    @media (width >= 992px) {
      padding-top: var(--spacing-8);
    }
  }
  .lg\:pt-12 {
    @media (width >= 992px) {
      padding-top: var(--spacing-12);
    }
  }
  .lg\:pt-14 {
    @media (width >= 992px) {
      padding-top: var(--spacing-14);
    }
  }
  .lg\:pt-40 {
    @media (width >= 992px) {
      padding-top: var(--spacing-40);
    }
  }
  .lg\:pt-\[40px\] {
    @media (width >= 992px) {
      padding-top: 40px;
    }
  }
  .lg\:pt-\[146px\] {
    @media (width >= 992px) {
      padding-top: 146px;
    }
  }
  .lg\:\!pb-10 {
    @media (width >= 992px) {
      padding-bottom: var(--spacing-10) !important;
    }
  }
  .lg\:\!pb-\[499px\] {
    @media (width >= 992px) {
      padding-bottom: 499px !important;
    }
  }
  .lg\:pb-8 {
    @media (width >= 992px) {
      padding-bottom: var(--spacing-8);
    }
  }
  .lg\:pb-40 {
    @media (width >= 992px) {
      padding-bottom: var(--spacing-40);
    }
  }
  .lg\:pb-\[102px\] {
    @media (width >= 992px) {
      padding-bottom: 102px;
    }
  }
  .lg\:\!text-app-2xl {
    @media (width >= 992px) {
      font-size: var(--text-app-2xl) !important;
    }
  }
  .lg\:text-\[48px\] {
    @media (width >= 992px) {
      font-size: 48px;
    }
  }
  .lg\:text-app-3xl {
    @media (width >= 992px) {
      font-size: var(--text-app-3xl);
    }
  }
  .lg\:text-app-lg {
    @media (width >= 992px) {
      font-size: var(--text-app-lg);
    }
  }
  .lg\:leading-\[22px\] {
    @media (width >= 992px) {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }
  .lg\:leading-\[60px\] {
    @media (width >= 992px) {
      --tw-leading: 60px;
      line-height: 60px;
    }
  }
  .lg\:-tracking-\[2\.5\%\] {
    @media (width >= 992px) {
      --tw-tracking: calc(2.5% * -1);
      letter-spacing: calc(2.5% * -1);
    }
  }
  .xl\:absolute {
    @media (width >= 1200px) {
      position: absolute;
    }
  }
  .xl\:top-0 {
    @media (width >= 1200px) {
      top: calc(var(--spacing) * 0);
    }
  }
  .xl\:left-0 {
    @media (width >= 1200px) {
      left: calc(var(--spacing) * 0);
    }
  }
  .xl\:mx-0 {
    @media (width >= 1200px) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .xl\:w-\[calc\(\(100\%-16px\)\/3\)\] {
    @media (width >= 1200px) {
      width: calc((100% - 16px) / 3);
    }
  }
  .xl\:max-w-\[382px\] {
    @media (width >= 1200px) {
      max-width: 382px;
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 1200px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:flex-row {
    @media (width >= 1200px) {
      flex-direction: row;
    }
  }
  .xl\:gap-12 {
    @media (width >= 1200px) {
      gap: var(--spacing-12);
    }
  }
  .xl\:gap-16 {
    @media (width >= 1200px) {
      gap: var(--spacing-16);
    }
  }
  .xl\:gap-24 {
    @media (width >= 1200px) {
      gap: var(--spacing-24);
    }
  }
  .xl\:gap-36 {
    @media (width >= 1200px) {
      gap: var(--spacing-36);
    }
  }
  .xl\:px-0 {
    @media (width >= 1200px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .xl\:pt-10 {
    @media (width >= 1200px) {
      padding-top: var(--spacing-10);
    }
  }
  .dark\:bg-gray-800 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--color-gray-800);
    }
  }
  .dark\:bg-gray-800\/50 {
    @media (prefers-color-scheme: dark) {
      background-color: var(--color-gray-800);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
      }
    }
  }
  .dark\:hover\:bg-gray-800 {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-800);
        }
      }
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    & svg:not([class*='size-']) {
      width: var(--spacing-4);
      height: var(--spacing-4);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-4 {
    & svg:not([class*=\'size-\']) {
      width: var(--spacing-4);
      height: var(--spacing-4);
    }
  }
  .\[\&\:\:-moz-range-progress\]\:size-slider-track-size {
    &::-moz-range-progress {
      width: var(--spacing-slider-track-size);
      height: var(--spacing-slider-track-size);
    }
  }
  .\[\&\:\:-moz-range-progress\]\:rounded-slider-track-border {
    &::-moz-range-progress {
      border-radius: var(--radius-slider-track-border);
    }
  }
  .\[\&\:\:-moz-range-progress\]\:bg-slider-range-bg {
    &::-moz-range-progress {
      background-color: var(--color-slider-range-bg);
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:box-content {
    &::-moz-range-thumb {
      box-sizing: content-box;
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:h-slider-handle-content-height {
    &::-moz-range-thumb {
      height: var(--spacing-slider-handle-content-height);
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:w-slider-handle-content-width {
    &::-moz-range-thumb {
      width: var(--spacing-slider-handle-content-width);
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:cursor-pointer {
    &::-moz-range-thumb {
      cursor: pointer;
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:appearance-none {
    &::-moz-range-thumb {
      appearance: none;
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:rounded-slider-handle-border {
    &::-moz-range-thumb {
      border-radius: var(--radius-slider-handle-border);
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:border-\[calc\(\(var\(--spacing-slider-handle-width\)-var\(--spacing-slider-handle-content-width\)\)\/2\)\] {
    &::-moz-range-thumb {
      border-style: var(--tw-border-style);
      border-width: calc((var(--spacing-slider-handle-width) - var(--spacing-slider-handle-content-width)) / 2);
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:border-slider-handle-bg {
    &::-moz-range-thumb {
      border-color: var(--color-slider-handle-bg);
    }
  }
  .\[\&\:\:-moz-range-thumb\]\:bg-slider-handle-content-bg {
    &::-moz-range-thumb {
      background-color: var(--color-slider-handle-content-bg);
    }
  }
  .\[\&\:\:-moz-range-track\]\:size-slider-track-size {
    &::-moz-range-track {
      width: var(--spacing-slider-track-size);
      height: var(--spacing-slider-track-size);
    }
  }
  .\[\&\:\:-moz-range-track\]\:w-full {
    &::-moz-range-track {
      width: 100%;
    }
  }
  .\[\&\:\:-moz-range-track\]\:rounded-slider-track-border {
    &::-moz-range-track {
      border-radius: var(--radius-slider-track-border);
    }
  }
  .\[\&\:\:-moz-range-track\]\:bg-transparent {
    &::-moz-range-track {
      background-color: transparent;
    }
  }
  .\[\&\:\:-webkit-slider-runnable-track\]\:size-slider-track-size {
    &::-webkit-slider-runnable-track {
      width: var(--spacing-slider-track-size);
      height: var(--spacing-slider-track-size);
    }
  }
  .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-slider-track-border {
    &::-webkit-slider-runnable-track {
      border-radius: var(--radius-slider-track-border);
    }
  }
  .\[\&\:\:-webkit-slider-runnable-track\]\:bg-transparent {
    &::-webkit-slider-runnable-track {
      background-color: transparent;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:relative {
    &::-webkit-slider-thumb {
      position: relative;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:top-1\/2 {
    &::-webkit-slider-thumb {
      top: calc(1 / 2 * 100%);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:box-content {
    &::-webkit-slider-thumb {
      box-sizing: content-box;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:h-slider-handle-content-height {
    &::-webkit-slider-thumb {
      height: var(--spacing-slider-handle-content-height);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:w-slider-handle-content-width {
    &::-webkit-slider-thumb {
      width: var(--spacing-slider-handle-content-width);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:-translate-y-1\/2 {
    &::-webkit-slider-thumb {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer {
    &::-webkit-slider-thumb {
      cursor: pointer;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
    &::-webkit-slider-thumb {
      appearance: none;
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:rounded-slider-handle-border {
    &::-webkit-slider-thumb {
      border-radius: var(--radius-slider-handle-border);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:border-\[calc\(\(var\(--spacing-slider-handle-width\)-var\(--spacing-slider-handle-content-width\)\)\/2\)\] {
    &::-webkit-slider-thumb {
      border-style: var(--tw-border-style);
      border-width: calc((var(--spacing-slider-handle-width) - var(--spacing-slider-handle-content-width)) / 2);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:border-slider-handle-bg {
    &::-webkit-slider-thumb {
      border-color: var(--color-slider-handle-bg);
    }
  }
  .\[\&\:\:-webkit-slider-thumb\]\:bg-slider-handle-content-bg {
    &::-webkit-slider-thumb {
      background-color: var(--color-slider-handle-content-bg);
    }
  }
  .\[\&\>\*\]\:focus-visible\:relative {
    &>* {
      &:focus-visible {
        position: relative;
      }
    }
  }
  .\[\&\>\*\]\:focus-visible\:z-10 {
    &>* {
      &:focus-visible {
        z-index: 10;
      }
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
    &>*:not(:first-child) {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none {
    &>*:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 {
    &>*:not(:first-child) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 {
    &>*:not(:first-child) {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none {
    &>*:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none {
    &>*:not(:last-child) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md {
    &:has(*:is(select[aria-hidden=true]:last-child)) {
      &>[data-slot=select-trigger]:last-of-type {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
      }
    }
  }
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\\\'w-\\\'\]\)\]\:w-fit {
    &>[data-slot=select-trigger]:not([class*=\'w-\']) {
      width: fit-content;
    }
  }
  .\[\&\>input\]\:flex-1 {
    &>input {
      flex: 1;
    }
  }
}
:root {
  --p-border-radius-none: 0px;
  --p-border-radius-xs: 2px;
  --p-border-radius-sm: 4px;
  --p-border-radius-md: 6px;
  --p-border-radius-lg: 8px;
  --p-border-radius-xl: 12px;
  --p-emerald-50: #ecfdf5;
  --p-emerald-100: #d1fae5;
  --p-emerald-200: #a7f3d0;
  --p-emerald-300: #6ee7b7;
  --p-emerald-400: #34d399;
  --p-emerald-500: #10b981;
  --p-emerald-600: #059669;
  --p-emerald-700: #047857;
  --p-emerald-800: #065f46;
  --p-emerald-900: #064e3b;
  --p-emerald-950: #022c22;
  --p-green-50: #f1f9f1;
  --p-green-100: #def3df;
  --p-green-200: #bfe5c3;
  --p-green-300: #8bd093;
  --p-green-400: #50b05c;
  --p-green-500: #3a8243;
  --p-green-600: #2d6c35;
  --p-green-700: #25542b;
  --p-green-800: #214325;
  --p-green-900: #1c3820;
  --p-green-950: #0b1e0f;
  --p-lime-50: #f7fee7;
  --p-lime-100: #ecfccb;
  --p-lime-200: #d9f99d;
  --p-lime-300: #bef264;
  --p-lime-400: #a3e635;
  --p-lime-500: #84cc16;
  --p-lime-600: #65a30d;
  --p-lime-700: #4d7c0f;
  --p-lime-800: #3f6212;
  --p-lime-900: #365314;
  --p-lime-950: #1a2e05;
  --p-red-50: var(--p-broker-red-50);
  --p-red-100: var(--p-broker-red-100);
  --p-red-200: var(--p-broker-red-200);
  --p-red-300: var(--p-broker-red-300);
  --p-red-400: var(--p-broker-red-400);
  --p-red-500: var(--p-broker-red-500);
  --p-red-600: var(--p-broker-red-600);
  --p-red-700: var(--p-broker-red-700);
  --p-red-800: var(--p-broker-red-800);
  --p-red-900: var(--p-broker-red-900);
  --p-red-950: var(--p-broker-red-950);
  --p-orange-50: #fff8eb;
  --p-orange-100: #fff0d0;
  --p-orange-200: #ffdd9e;
  --p-orange-300: #ffc262;
  --p-orange-400: #ff9c23;
  --p-orange-500: #f57c00;
  --p-orange-600: #e36100;
  --p-orange-700: #bd4902;
  --p-orange-800: #95390a;
  --p-orange-900: #78300b;
  --p-orange-950: #411604;
  --p-amber-50: #fffbeb;
  --p-amber-100: #fef3c7;
  --p-amber-200: #fde68a;
  --p-amber-300: #fcd34d;
  --p-amber-400: #fbbf24;
  --p-amber-500: #f59e0b;
  --p-amber-600: #d97706;
  --p-amber-700: #b45309;
  --p-amber-800: #92400e;
  --p-amber-900: #78350f;
  --p-amber-950: #451a03;
  --p-yellow-50: #fefce8;
  --p-yellow-100: #fef9c3;
  --p-yellow-200: #fef08a;
  --p-yellow-300: #fde047;
  --p-yellow-400: #facc15;
  --p-yellow-500: #eab308;
  --p-yellow-600: #ca8a04;
  --p-yellow-700: #a16207;
  --p-yellow-800: #854d0e;
  --p-yellow-900: #713f12;
  --p-yellow-950: #422006;
  --p-teal-50: #f0fdfa;
  --p-teal-100: #ccfbf1;
  --p-teal-200: #99f6e4;
  --p-teal-300: #5eead4;
  --p-teal-400: #2dd4bf;
  --p-teal-500: #14b8a6;
  --p-teal-600: #0d9488;
  --p-teal-700: #0f766e;
  --p-teal-800: #115e59;
  --p-teal-900: #134e4a;
  --p-teal-950: #042f2e;
  --p-cyan-50: #ecfeff;
  --p-cyan-100: #cffafe;
  --p-cyan-200: #a5f3fc;
  --p-cyan-300: #67e8f9;
  --p-cyan-400: #22d3ee;
  --p-cyan-500: #06b6d4;
  --p-cyan-600: #0891b2;
  --p-cyan-700: #0e7490;
  --p-cyan-800: #155e75;
  --p-cyan-900: #164e63;
  --p-cyan-950: #083344;
  --p-sky-50: #f0f9ff;
  --p-sky-100: #e0f2fe;
  --p-sky-200: #bae6fd;
  --p-sky-300: #7dd3fc;
  --p-sky-400: #38bdf8;
  --p-sky-500: #0ea5e9;
  --p-sky-600: #0284c7;
  --p-sky-700: #0369a1;
  --p-sky-800: #075985;
  --p-sky-900: #0c4a6e;
  --p-sky-950: #082f49;
  --p-blue-50: #f2f7fd;
  --p-blue-100: #e4edfa;
  --p-blue-200: #c4dbf3;
  --p-blue-300: #90bde9;
  --p-blue-400: #549cdc;
  --p-blue-500: #2b76ba;
  --p-blue-600: #1f64aa;
  --p-blue-700: #1a508a;
  --p-blue-800: #1a4472;
  --p-blue-900: #1a3a60;
  --p-blue-950: #12263f;
  --p-indigo-50: #eef2ff;
  --p-indigo-100: #e0e7ff;
  --p-indigo-200: #c7d2fe;
  --p-indigo-300: #a5b4fc;
  --p-indigo-400: #818cf8;
  --p-indigo-500: #6366f1;
  --p-indigo-600: #4f46e5;
  --p-indigo-700: #4338ca;
  --p-indigo-800: #3730a3;
  --p-indigo-900: #312e81;
  --p-indigo-950: #1e1b4b;
  --p-violet-50: #f5f3ff;
  --p-violet-100: #ede9fe;
  --p-violet-200: #ddd6fe;
  --p-violet-300: #c4b5fd;
  --p-violet-400: #a78bfa;
  --p-violet-500: #8b5cf6;
  --p-violet-600: #7c3aed;
  --p-violet-700: #6d28d9;
  --p-violet-800: #5b21b6;
  --p-violet-900: #4c1d95;
  --p-violet-950: #2e1065;
  --p-purple-50: #faf5ff;
  --p-purple-100: #f3e8ff;
  --p-purple-200: #e9d5ff;
  --p-purple-300: #d8b4fe;
  --p-purple-400: #c084fc;
  --p-purple-500: #a855f7;
  --p-purple-600: #9333ea;
  --p-purple-700: #7e22ce;
  --p-purple-800: #6b21a8;
  --p-purple-900: #581c87;
  --p-purple-950: #3b0764;
  --p-fuchsia-50: #fdf4ff;
  --p-fuchsia-100: #fae8ff;
  --p-fuchsia-200: #f5d0fe;
  --p-fuchsia-300: #f0abfc;
  --p-fuchsia-400: #e879f9;
  --p-fuchsia-500: #d946ef;
  --p-fuchsia-600: #c026d3;
  --p-fuchsia-700: #a21caf;
  --p-fuchsia-800: #86198f;
  --p-fuchsia-900: #701a75;
  --p-fuchsia-950: #4a044e;
  --p-pink-50: #fdf2f8;
  --p-pink-100: #fce7f3;
  --p-pink-200: #fbcfe8;
  --p-pink-300: #f9a8d4;
  --p-pink-400: #f472b6;
  --p-pink-500: #ec4899;
  --p-pink-600: #db2777;
  --p-pink-700: #be185d;
  --p-pink-800: #9d174d;
  --p-pink-900: #831843;
  --p-pink-950: #500724;
  --p-rose-50: #fff1f2;
  --p-rose-100: #ffe4e6;
  --p-rose-200: #fecdd3;
  --p-rose-300: #fda4af;
  --p-rose-400: #fb7185;
  --p-rose-500: #f43f5e;
  --p-rose-600: #e11d48;
  --p-rose-700: #be123c;
  --p-rose-800: #9f1239;
  --p-rose-900: #881337;
  --p-rose-950: #4c0519;
  --p-slate-50: #f8fafc;
  --p-slate-100: #f1f5f9;
  --p-slate-200: #e2e8f0;
  --p-slate-300: #cbd5e1;
  --p-slate-400: #94a3b8;
  --p-slate-500: #64748b;
  --p-slate-600: #475569;
  --p-slate-700: #334155;
  --p-slate-800: #1e293b;
  --p-slate-900: #0f172a;
  --p-slate-950: #020617;
  --p-gray-50: #f9fafb;
  --p-gray-100: #f3f4f6;
  --p-gray-200: #e5e7eb;
  --p-gray-300: #d1d5db;
  --p-gray-400: #9ca3af;
  --p-gray-500: #6b7280;
  --p-gray-600: #4b5563;
  --p-gray-700: #374151;
  --p-gray-800: #1f2937;
  --p-gray-900: #111827;
  --p-gray-950: #030712;
  --p-zinc-50: #fafafa;
  --p-zinc-100: #f4f4f5;
  --p-zinc-200: #e4e4e7;
  --p-zinc-300: #d4d4d8;
  --p-zinc-400: #a1a1aa;
  --p-zinc-500: #71717a;
  --p-zinc-600: #52525b;
  --p-zinc-700: #3f3f46;
  --p-zinc-800: #27272a;
  --p-zinc-900: #18181b;
  --p-zinc-950: #09090b;
  --p-neutral-50: #fafafa;
  --p-neutral-100: #f5f5f5;
  --p-neutral-200: #e5e5e5;
  --p-neutral-300: #d4d4d4;
  --p-neutral-400: #a3a3a3;
  --p-neutral-500: #737373;
  --p-neutral-600: #525252;
  --p-neutral-700: #404040;
  --p-neutral-800: #262626;
  --p-neutral-900: #171717;
  --p-neutral-950: #0a0a0a;
  --p-stone-50: #fafaf9;
  --p-stone-100: #f5f5f4;
  --p-stone-200: #e7e5e4;
  --p-stone-300: #d6d3d1;
  --p-stone-400: #a8a29e;
  --p-stone-500: #78716c;
  --p-stone-600: #57534e;
  --p-stone-700: #44403c;
  --p-stone-800: #292524;
  --p-stone-900: #1c1917;
  --p-stone-950: #0c0a09;
  --p-broker-red-50: #FBF6EE;
  --p-broker-red-100: #FFEBE1;
  --p-broker-red-200: #FFD6C8;
  --p-broker-red-300: #FFB1A2;
  --p-broker-red-400: #FC796D;
  --p-broker-red-500: #F4403F;
  --p-broker-red-600: #E52713;
  --p-broker-red-700: #BE1817;
  --p-broker-red-800: #821B1A;
  --p-broker-red-900: #470808;
  --p-broker-red-950: #280303;
  --p-broker-anthracite-50: #F3F8F8;
  --p-broker-anthracite-100: #E1EBEC;
  --p-broker-anthracite-200: #C6D9DB;
  --p-broker-anthracite-300: #9EBEC2;
  --p-broker-anthracite-400: #6F9BA1;
  --p-broker-anthracite-500: #486A72;
  --p-broker-anthracite-600: #3F585F;
  --p-broker-anthracite-700: #394B51;
  --p-broker-anthracite-800: #334146;
  --p-broker-anthracite-900: #28353A;
  --p-broker-anthracite-950: #171F22;
  --p-broker-anthracite-1000: #020203;
  --p-spacing-0: 0rem;
  --p-spacing-1: 0.25rem;
  --p-spacing-2: 0.5rem;
  --p-spacing-3: 0.75rem;
  --p-spacing-4: 1rem;
  --p-spacing-5: 1.25rem;
  --p-spacing-6: 1.5rem;
  --p-spacing-7: 1.75rem;
  --p-spacing-8: 2rem;
  --p-spacing-9: 2.25rem;
  --p-spacing-10: 2.5rem;
  --p-spacing-11: 2.75rem;
  --p-spacing-12: 3rem;
  --p-spacing-14: 3.5rem;
  --p-spacing-16: 4rem;
  --p-spacing-20: 5rem;
  --p-spacing-24: 6rem;
  --p-spacing-28: 7rem;
  --p-spacing-32: 8rem;
  --p-spacing-36: 9rem;
  --p-spacing-40: 10rem;
  --p-spacing-0p5: 0.125rem;
  --p-spacing-1p5: 0.375rem;
  --p-spacing-2p5: 0.625rem;
  --p-spacing-3p5: 0.875rem;
  --p-spacing-4p5: 1.125rem;
  --p-primary-50: var(--p-broker-red-50);
  --p-primary-100: var(--p-broker-red-100);
  --p-primary-200: var(--p-broker-red-200);
  --p-primary-300: var(--p-broker-red-300);
  --p-primary-400: var(--p-broker-red-400);
  --p-primary-500: var(--p-broker-red-500);
  --p-primary-600: var(--p-broker-red-600);
  --p-primary-700: var(--p-broker-red-700);
  --p-primary-800: var(--p-broker-red-800);
  --p-primary-900: var(--p-broker-red-900);
  --p-primary-950: var(--p-broker-red-950);
  --p-anchor-gutter: 2px;
  --p-icon-size: 1rem;
  --p-disabled-opacity: 0.5px;
  --p-form-field-padding-x: 0.875rem;
  --p-form-field-padding-y: 0.714285714rem;
  --p-form-field-border-radius: var(--p-border-radius-xs);
  --p-form-field-focus-ring-width: 0px;
  --p-form-field-focus-ring-style: none;
  --p-form-field-focus-ring-color: transparent;
  --p-form-field-focus-ring-offset: 0px;
  --p-form-field-focus-ring-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  --p-form-field-sm-font-size: 0.875rem;
  --p-form-field-sm-padding-x: 0.625rem;
  --p-form-field-sm-padding-y: 0.5rem;
  --p-form-field-lg-font-size: 1.143rem;
  --p-form-field-lg-padding-x: 1rem;
  --p-form-field-lg-padding-y: 0.857142857rem;
  --p-form-field-transition-duration: var(--p-transition-duration);
  --p-content-border-radius: var(--p-border-radius-xs);
  --p-focus-ring-width: 1px;
  --p-focus-ring-offset: 2px;
  --p-focus-ring-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  --p-focus-ring-stroke: 0 0 0 0 var(--p-focus-ring-color);
  --p-focus-ring-style: solid;
  --p-list-padding: 0.25rem 0.25rem;
  --p-list-gap: 2px;
  --p-list-header-padding: 0.5rem 0.75rem 0.25rem 0.75rem;
  --p-list-option-padding: 0.5rem 0.75rem;
  --p-list-option-border-radius: var(--p-border-radius-xs);
  --p-list-option-group-padding: 0.5rem 0.75rem;
  --p-list-option-group-font-weight: 600px;
  --p-navigation-list-padding: 0.25rem 0.25rem;
  --p-navigation-list-gap: 2px;
  --p-navigation-item-padding: 0.5rem 0.75rem;
  --p-navigation-item-border-radius: var(--p-border-radius-xs);
  --p-navigation-item-gap: 0.5rem;
  --p-navigation-submenu-label-padding: 0.5rem 0.75rem;
  --p-navigation-submenu-label-font-weight: 600px;
  --p-navigation-submenu-icon-size: 0.875rem;
  --p-overlay-select-border-radius: var(--p-border-radius-xs);
  --p-overlay-select-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
  --p-overlay-popover-border-radius: var(--p-border-radius-xs);
  --p-overlay-popover-padding: 0.75rem;
  --p-overlay-popover-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
  --p-overlay-modal-border-radius: var(--p-border-radius-xs);
  --p-overlay-modal-padding: 1.25rem;
  --p-overlay-modal-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  --p-overlay-navigation-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
  --p-transition-duration: 0.2s;
  --p-surface-0: #ffffff;
  --p-surface-50: var(--p-broker-anthracite-50);
  --p-surface-100: var(--p-broker-anthracite-100);
  --p-surface-200: var(--p-broker-anthracite-200);
  --p-surface-300: var(--p-broker-anthracite-300);
  --p-surface-400: var(--p-broker-anthracite-400);
  --p-surface-500: var(--p-broker-anthracite-500);
  --p-surface-600: var(--p-broker-anthracite-600);
  --p-surface-700: var(--p-broker-anthracite-700);
  --p-surface-800: var(--p-broker-anthracite-800);
  --p-surface-900: var(--p-broker-anthracite-900);
  --p-surface-950: var(--p-broker-anthracite-950);
  --p-surface-1000: var(--p-broker-anthracite-1000);
  --p-primary-color: var(--p-primary-600);
  --p-primary-contrast-color: #ffffff;
  --p-primary-hover-color: var(--p-primary-700);
  --p-primary-active-color: var(--p-primary-800);
  --p-contentsoft-color: var(--p-surface-500);
  --p-contentsoft-background: var(--p-surface-100);
  --p-highlight-background: var(--p-primary-50);
  --p-highlight-focus-background: var(--p-primary-100);
  --p-highlight-focus-color: var(--p-primary-800);
  --p-highlight-color: var(--p-primary-700);
  --p-mask-background: rgba(0,0,0,0.4);
  --p-mask-color: var(--p-surface-200);
  --p-form-field-background: var(--p-surface-0);
  --p-form-field-disabled-background: var(--p-surface-100);
  --p-form-field-disabled-color: var(--p-surface-300);
  --p-form-field-filled-background: var(--p-surface-50);
  --p-form-field-filled-focus-background: var(--p-surface-50);
  --p-form-field-filled-hover-background: var(--p-surface-50);
  --p-form-field-border-color: var(--p-surface-300);
  --p-form-field-hover-border-color: var(--p-surface-400);
  --p-form-field-focus-border-color: var(--p-surface-800);
  --p-form-field-invalid-border-color: var(--p-red-400);
  --p-form-field-invalid-placeholder-color: var(--p-red-600);
  --p-form-field-placeholder-color: var(--p-surface-400);
  --p-form-field-float-label-color: var(--p-surface-500);
  --p-form-field-float-label-focus-color: var(--p-surface-500);
  --p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color);
  --p-form-field-float-label-active-color: var(--p-surface-500);
  --p-form-field-icon-color: var(--p-surface-400);
  --p-form-field-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
  --p-form-field-color: var(--p-surface-700);
  --p-content-background: var(--p-surface-0);
  --p-content-hover-background: var(--p-surface-100);
  --p-content-hover-color: var(--p-text-hover-color);
  --p-content-border-color: var(--p-surface-200);
  --p-content-color: var(--p-text-color);
  --p-text-color: var(--p-surface-700);
  --p-text-hover-color: var(--p-surface-800);
  --p-text-hover-muted-color: var(--p-surface-600);
  --p-text-muted-color: var(--p-surface-500);
  --p-overlay-select-background: var(--p-surface-0);
  --p-overlay-select-border-color: var(--p-surface-200);
  --p-overlay-select-color: var(--p-text-color);
  --p-overlay-popover-background: var(--p-surface-0);
  --p-overlay-popover-border-color: var(--p-surface-200);
  --p-overlay-popover-color: var(--p-text-color);
  --p-overlay-modal-background: var(--p-surface-0);
  --p-overlay-modal-border-color: var(--p-surface-200);
  --p-overlay-modal-color: var(--p-text-color);
  --p-list-option-focus-background: var(--p-surface-100);
  --p-list-option-focus-color: var(--p-text-hover-color);
  --p-list-option-selected-background: var(--p-highlight-background);
  --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
  --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
  --p-list-option-selected-color: var(--p-highlight-color);
  --p-list-option-color: var(--p-text-color);
  --p-list-option-icon-color: var(--p-surface-400);
  --p-list-option-icon-focus-color: var(--p-surface-500);
  --p-list-option-group-background: transparent;
  --p-list-option-group-color: var(--p-text-muted-color);
  --p-navigation-item-focus-background: var(--p-surface-100);
  --p-navigation-item-focus-color: var(--p-text-hover-color);
  --p-navigation-item-active-background: var(--p-surface-100);
  --p-navigation-item-active-color: var(--p-text-hover-color);
  --p-navigation-item-color: var(--p-text-color);
  --p-navigation-item-icon-color: var(--p-surface-400);
  --p-navigation-item-icon-focus-color: var(--p-surface-500);
  --p-navigation-item-icon-active-color: var(--p-surface-500);
  --p-navigation-submenu-label-background: transparent;
  --p-navigation-submenu-label-color: var(--p-text-muted-color);
  --p-navigation-submenu-icon-color: var(--p-surface-400);
  --p-navigation-submenu-icon-focus-color: var(--p-surface-500);
  --p-navigation-submenu-icon-active-color: var(--p-surface-500);
  --p-focus-ring-color: var(--p-surface-800);
  --p-inputtext-background: var(--p-form-field-background);
  --p-inputtext-disabled-background: var(--p-form-field-disabled-background);
  --p-inputtext-disabled-color: var(--p-form-field-disabled-color);
  --p-inputtext-filled-background: var(--p-form-field-filled-background);
  --p-inputtext-filled-focus-background: var(--p-form-field-filled-focus-background);
  --p-inputtext-filled-hover-background: var(--p-form-field-filled-hover-background);
  --p-inputtext-border-color: var(--p-form-field-border-color);
  --p-inputtext-border-radius: var(--p-form-field-border-radius);
  --p-inputtext-hover-border-color: var(--p-form-field-hover-border-color);
  --p-inputtext-focus-border-color: var(--p-form-field-focus-border-color);
  --p-inputtext-focus-ring-width: var(--p-form-field-focus-ring-width);
  --p-inputtext-focus-ring-style: var(--p-form-field-focus-ring-style);
  --p-inputtext-focus-ring-color: var(--p-form-field-focus-ring-color);
  --p-inputtext-focus-ring-offset: var(--p-form-field-focus-ring-offset);
  --p-inputtext-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-inputtext-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-inputtext-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
  --p-inputtext-color: var(--p-form-field-color);
  --p-inputtext-placeholder-color: var(--p-form-field-placeholder-color);
  --p-inputtext-shadow: var(--p-form-field-shadow);
  --p-inputtext-padding-x: var(--p-form-field-padding-x);
  --p-inputtext-padding-y: var(--p-form-field-padding-y);
  --p-inputtext-figma-stroke: 0 0 0 0 var(--p-inputtext-disabled-border-color);
  --p-inputtext-figma-hover-stroke: 0 0 0 0 var(--p-inputtext-hover-border-color);
  --p-inputtext-figma-focus-stroke: 0 0 0 0 var(--p-inputtext-focus-border-color);
  --p-inputtext-figma-focus-ring-stroke: 0 0 0 0 var(--p-inputtext-focus-ring-color);
  --p-inputtext-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-inputtext-figma-invalid-stroke: 0 0 0 0 var(--p-inputtext-invalid-border-color);
  --p-inputtext-sm-font-size: 0.875rem;
  --p-inputtext-sm-padding-x: var(--p-form-field-sm-padding-x);
  --p-inputtext-sm-padding-y: var(--p-form-field-sm-padding-y);
  --p-inputtext-lg-padding-x: var(--p-form-field-lg-padding-x);
  --p-inputtext-lg-padding-y: var(--p-form-field-lg-padding-y);
  --p-inputtext-lg-font-size: var(--p-app-lg-font-size);
  --p-inputtext-transition-duration: var(--p-form-field-transition-duration);
  --p-panel-background: var(--p-content-background);
  --p-panel-border-color: var(--p-content-border-color);
  --p-panel-border-radius: var(--p-content-border-radius);
  --p-panel-color: var(--p-content-color);
  --p-panel-header-background: transparent;
  --p-panel-header-color: var(--p-text-color);
  --p-panel-header-border-color: var(--p-content-border-color);
  --p-panel-header-border-radius: 0px;
  --p-panel-header-border-width: 0px;
  --p-panel-header-padding: 1.125rem;
  --p-panel-figma-header-stroke: 0 0 0 0 var(--p-panel-header-border-color);
  --p-panel-figma-stroke: 0 0 0 0 var(--p-panel-border-color);
  --p-panel-toggleable-header-padding: 0.375rem 1.125rem;
  --p-panel-title-font-weight: 600px;
  --p-panel-content-padding: 0 1.125rem 1.125rem 1.125rem;
  --p-panel-footer-padding: 0 1.125rem 1.125rem 1.125rem;
  --p-button-border-radius: var(--p-form-field-border-radius);
  --p-button-rounded-border-radius: 2rem;
  --p-button-gap: 0.5rem;
  --p-button-padding-x: var(--p-form-field-padding-x);
  --p-button-padding-y: var(--p-form-field-padding-y);
  --p-button-icon-only-width: 2.857rem;
  --p-button-sm-font-size: 0.875rem;
  --p-button-sm-padding-x: var(--p-form-field-sm-padding-x);
  --p-button-sm-padding-y: var(--p-form-field-sm-padding-y);
  --p-button-sm-icon-only-width: 2.214em;
  --p-button-lg-font-size: var(--p-app-lg-font-size);
  --p-button-lg-padding-x: var(--p-form-field-lg-padding-x);
  --p-button-lg-padding-y: var(--p-form-field-lg-padding-y);
  --p-button-lg-icon-only-width: 3.28571429rem;
  --p-button-label-font-weight: 500px;
  --p-button-raised-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --p-button-focus-ring-width: var(--p-focus-ring-width);
  --p-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-button-focus-ring-style: var(--p-focus-ring-style);
  --p-button-badge-size: 1.143rem;
  --p-button-transition-duration: var(--p-form-field-transition-duration);
  --p-button-figma-sm-icon-size: 1.1rem;
  --p-button-figma-md-icon-size: 1rem;
  --p-button-figma-lg-icon-size: 1.429rem;
  --p-iconfield-icon-color: var(--p-form-field-icon-color);
  --p-iconfield-figma-sm-icon-size: 1rem;
  --p-iconfield-figma-lg-icon-size: 1.143rem;
  --p-toggleswitch-width: 2.5rem;
  --p-toggleswitch-height: 1.5rem;
  --p-toggleswitch-border-radius: 30px;
  --p-toggleswitch-border-width: 1px;
  --p-toggleswitch-border-color: transparent;
  --p-toggleswitch-gap: 0.25rem;
  --p-toggleswitch-shadow: var(--p-form-field-shadow);
  --p-toggleswitch-hover-border-color: transparent;
  --p-toggleswitch-checked-border-color: transparent;
  --p-toggleswitch-checked-hover-border-color: transparent;
  --p-toggleswitch-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-toggleswitch-handle-border-radius: calc(var(--p-toggleswitch-handle-size)  /  2);
  --p-toggleswitch-handle-size: 1rem;
  --p-toggleswitch-figma-stroke: 0 0 0 0 var(--p-toggleswitch-border-color);
  --p-toggleswitch-figma-hover-stroke: 0 0 0 0 var(--p-toggleswitch-hover-border-color);
  --p-toggleswitch-figma-checked-stroke: 0 0 0 0 var(--p-toggleswitch-checked-border-color);
  --p-toggleswitch-figma-checked-hover-stroke: 0 0 0 0 var(--p-toggleswitch-checked-hover-border-color);
  --p-toggleswitch-figma-invalid-stroke: 0 0 0 0 var(--p-toggleswitch-invalid-border-color);
  --p-toggleswitch-figma-focus-ring-stroke: 0 0 0 0 var(--p-toggleswitch-focus-ring-color);
  --p-toggleswitch-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-toggleswitch-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-toggleswitch-focus-ring-width: var(--p-focus-ring-width);
  --p-toggleswitch-focus-ring-style: var(--p-focus-ring-style);
  --p-toggleswitch-focus-ring-color: var(--p-focus-ring-color);
  --p-toggleswitch-focus-ring-offset: var(--p-focus-ring-offset);
  --p-toggleswitch-transition-duration: var(--p-form-field-transition-duration);
  --p-toggleswitch-slide-duration: 0.2s;
  --p-floatlabel-color: var(--p-form-field-float-label-color);
  --p-floatlabel-focus-color: var(--p-form-field-float-label-focus-color);
  --p-floatlabel-invalid-color: var(--p-form-field-float-label-invalid-color);
  --p-floatlabel-active-color: var(--p-form-field-float-label-active-color);
  --p-floatlabel-active-font-size: 0.75rem;
  --p-floatlabel-active-font-weight: 400px;
  --p-floatlabel-transition-duration: 0.2s;
  --p-floatlabel-position-x: var(--p-form-field-padding-x);
  --p-floatlabel-position-y: var(--p-form-field-padding-y);
  --p-floatlabel-font-weight: 500px;
  --p-floatlabel-over-active-top: -1.25rem;
  --p-floatlabel-in-input-padding-top: 2.5rem;
  --p-floatlabel-in-input-padding-bottom: var(--p-form-field-padding-y);
  --p-floatlabel-in-active-top: var(--p-form-field-padding-y);
  --p-floatlabel-on-border-radius: var(--p-border-radius-xs);
  --p-floatlabel-on-active-background: var(--p-form-field-background);
  --p-floatlabel-on-active-padding: 0 0.125rem;
  --p-floatlabel-figma-over-active-top: calc(var(--p-floatlabel-over-active-top) * -1);
  --p-floatlabel-figma-over-active-gap: calc(var(--p-floatlabel-figma-over-active-top) - var(--p-floatlabel-active-font-size));
  --p-floatlabel-figma-on-active-gap: calc(-1 * (var(--p-floatlabel-active-font-size) / 2));
  --p-floatlabel-figma-active-line-height: var(--p-floatlabel-active-font-size);
  --p-radiobutton-width: 1.25rem;
  --p-radiobutton-height: 1.25rem;
  --p-radiobutton-background: var(--p-form-field-background);
  --p-radiobutton-checked-background: var(--p-primary-color);
  --p-radiobutton-checked-hover-background: var(--p-primary-hover-color);
  --p-radiobutton-checked-hover-border-color: var(--p-primary-hover-color);
  --p-radiobutton-checked-border-color: var(--p-primary-color);
  --p-radiobutton-checked-focus-border-color: var(--p-primary-color);
  --p-radiobutton-checked-disabled-border-color: var(--p-form-field-border-color);
  --p-radiobutton-disabled-background: var(--p-form-field-disabled-background);
  --p-radiobutton-filled-background: var(--p-form-field-filled-background);
  --p-radiobutton-border-color: var(--p-form-field-border-color);
  --p-radiobutton-hover-border-color: var(--p-form-field-hover-border-color);
  --p-radiobutton-focus-border-color: var(--p-form-field-border-color);
  --p-radiobutton-focus-ring-width: var(--p-focus-ring-width);
  --p-radiobutton-focus-ring-style: var(--p-focus-ring-style);
  --p-radiobutton-focus-ring-color: var(--p-focus-ring-color);
  --p-radiobutton-focus-ring-offset: var(--p-focus-ring-offset);
  --p-radiobutton-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-radiobutton-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-radiobutton-shadow: var(--p-form-field-shadow);
  --p-radiobutton-icon-size: 0.75rem;
  --p-radiobutton-icon-checked-color: var(--p-primary-contrast-color);
  --p-radiobutton-icon-checked-hover-color: var(--p-primary-contrast-color);
  --p-radiobutton-icon-disabled-color: var(--p-form-field-disabled-color);
  --p-radiobutton-icon-sm-size: 0.5rem;
  --p-radiobutton-icon-lg-size: 1rem;
  --p-radiobutton-figma-stroke: 0 0 0 0 var(--p-radiobutton-border-color);
  --p-radiobutton-figma-hover-stroke: 0 0 0 0 var(--p-radiobutton-hover-border-color);
  --p-radiobutton-figma-focus-stroke: 0 0 0 0 var(--p-radiobutton-focus-border-color);
  --p-radiobutton-figma-focus-ring-stroke: 0 0 0 0 var(--p-radiobutton-focus-ring-color);
  --p-radiobutton-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-radiobutton-figma-checked-stroke: 0 0 0 0 var(--p-radiobutton-checked-border-color);
  --p-radiobutton-figma-checked-hover-stroke: 0 0 0 0 var(--p-radiobutton-checked-hover-border-color);
  --p-radiobutton-figma-checked-focus-stroke: 0 0 0 0 var(--p-radiobutton-checked-focus-border-color);
  --p-radiobutton-figma-checked-disabled-stroke: 0 0 0 0 var(--p-radiobutton-checked-disabled-border-color);
  --p-radiobutton-figma-invalid-stroke: 0 0 0 0 var(--p-radiobutton-invalid-border-color);
  --p-radiobutton-sm-width: 1rem;
  --p-radiobutton-sm-height: 1rem;
  --p-radiobutton-lg-width: 1.5rem;
  --p-radiobutton-lg-height: 1.5rem;
  --p-radiobutton-transition-duration: var(--p-form-field-transition-duration);
  --p-checkbox-border-radius: var(--p-border-radius-xs);
  --p-checkbox-border-color: var(--p-form-field-border-color);
  --p-checkbox-width: 1.25rem;
  --p-checkbox-height: 1.25rem;
  --p-checkbox-background: var(--p-form-field-background);
  --p-checkbox-checked-background: var(--p-primary-color);
  --p-checkbox-checked-hover-background: var(--p-primary-hover-color);
  --p-checkbox-checked-hover-border-color: var(--p-primary-hover-color);
  --p-checkbox-checked-border-color: var(--p-primary-color);
  --p-checkbox-checked-focus-border-color: var(--p-primary-color);
  --p-checkbox-checked-disabled-border-color: var(--p-form-field-border-color);
  --p-checkbox-disabled-background: var(--p-form-field-disabled-background);
  --p-checkbox-filled-background: var(--p-form-field-filled-background);
  --p-checkbox-hover-border-color: var(--p-form-field-hover-border-color);
  --p-checkbox-focus-border-color: var(--p-form-field-border-color);
  --p-checkbox-focus-ring-width: var(--p-focus-ring-width);
  --p-checkbox-focus-ring-style: var(--p-focus-ring-style);
  --p-checkbox-focus-ring-color: var(--p-focus-ring-color);
  --p-checkbox-focus-ring-offset: var(--p-focus-ring-offset);
  --p-checkbox-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-checkbox-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-checkbox-shadow: var(--p-form-field-shadow);
  --p-checkbox-icon-size: 0.875rem;
  --p-checkbox-icon-color: var(--p-form-field-color);
  --p-checkbox-icon-checked-color: var(--p-primary-contrast-color);
  --p-checkbox-icon-checked-hover-color: var(--p-primary-contrast-color);
  --p-checkbox-icon-disabled-color: var(--p-form-field-disabled-color);
  --p-checkbox-icon-sm-size: 0.75rem;
  --p-checkbox-icon-lg-size: 1rem;
  --p-checkbox-figma-stroke: 0 0 0 0 var(--p-checkbox-border-color);
  --p-checkbox-figma-hover-stroke: 0 0 0 0 var(--p-checkbox-hover-border-color);
  --p-checkbox-figma-focus-stroke: 0 0 0 0 var(--p-checkbox-focus-border-color);
  --p-checkbox-figma-focus-ring-stroke: 0 0 0 0 var(--p-checkbox-focus-ring-color);
  --p-checkbox-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-checkbox-figma-checked-stroke: 0 0 0 0 var(--p-checkbox-checked-border-color);
  --p-checkbox-figma-checked-hover-stroke: 0 0 0 0 var(--p-checkbox-checked-hover-border-color);
  --p-checkbox-figma-checked-focus-stroke: 0 0 0 0 var(--p-checkbox-checked-focus-border-color);
  --p-checkbox-figma-checked-disabled-stroke: 0 0 0 0 var(--p-checkbox-checked-disabled-border-color);
  --p-checkbox-figma-invalid-stroke: 0 0 0 0 var(--p-checkbox-invalid-border-color);
  --p-checkbox-sm-width: 1rem;
  --p-checkbox-sm-height: 1rem;
  --p-checkbox-lg-width: 1.5rem;
  --p-checkbox-lg-height: 1.5rem;
  --p-checkbox-transition-duration: var(--p-form-field-transition-duration);
  --p-autocomplete-background: var(--p-form-field-background);
  --p-autocomplete-disabled-background: var(--p-form-field-disabled-background);
  --p-autocomplete-disabled-color: var(--p-form-field-disabled-color);
  --p-autocomplete-filled-background: var(--p-form-field-filled-background);
  --p-autocomplete-filled-focus-background: var(--p-form-field-filled-focus-background);
  --p-autocomplete-filled-hover-background: var(--p-form-field-filled-hover-background);
  --p-autocomplete-border-color: var(--p-form-field-border-color);
  --p-autocomplete-border-radius: var(--p-form-field-border-radius);
  --p-autocomplete-hover-border-color: var(--p-form-field-hover-border-color);
  --p-autocomplete-focus-border-color: var(--p-form-field-focus-border-color);
  --p-autocomplete-focus-ring-width: var(--p-form-field-focus-ring-width);
  --p-autocomplete-focus-ring-style: var(--p-form-field-focus-ring-style);
  --p-autocomplete-focus-ring-color: var(--p-form-field-focus-ring-color);
  --p-autocomplete-focus-ring-offset: var(--p-form-field-focus-ring-offset);
  --p-autocomplete-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-autocomplete-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-autocomplete-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
  --p-autocomplete-color: var(--p-form-field-color);
  --p-autocomplete-placeholder-color: var(--p-form-field-placeholder-color);
  --p-autocomplete-shadow: var(--p-form-field-shadow);
  --p-autocomplete-padding-x: var(--p-form-field-padding-x);
  --p-autocomplete-padding-y: var(--p-form-field-padding-y);
  --p-autocomplete-overlay-background: var(--p-overlay-select-background);
  --p-autocomplete-overlay-border-color: var(--p-overlay-select-border-color);
  --p-autocomplete-overlay-border-radius: var(--p-overlay-select-border-radius);
  --p-autocomplete-overlay-color: var(--p-overlay-select-color);
  --p-autocomplete-overlay-shadow: var(--p-overlay-select-shadow);
  --p-autocomplete-list-padding: var(--p-list-padding);
  --p-autocomplete-list-gap: var(--p-list-gap);
  --p-autocomplete-option-focus-background: var(--p-list-option-focus-background);
  --p-autocomplete-option-focus-color: var(--p-list-option-focus-color);
  --p-autocomplete-option-selected-background: var(--p-list-option-selected-background);
  --p-autocomplete-option-selected-focus-background: var(--p-list-option-selected-focus-background);
  --p-autocomplete-option-selected-focus-color: var(--p-list-option-selected-focus-color);
  --p-autocomplete-option-selected-color: var(--p-list-option-selected-color);
  --p-autocomplete-option-color: var(--p-list-option-color);
  --p-autocomplete-option-padding: var(--p-list-option-padding);
  --p-autocomplete-option-border-radius: var(--p-list-option-border-radius);
  --p-autocomplete-option-group-background: var(--p-list-option-group-background);
  --p-autocomplete-option-group-color: var(--p-list-option-group-color);
  --p-autocomplete-option-group-font-weight: var(--p-list-option-group-font-weight);
  --p-autocomplete-option-group-padding: var(--p-list-option-group-padding);
  --p-autocomplete-dropdown-width: 2.5rem;
  --p-autocomplete-dropdown-border-color: var(--p-form-field-border-color);
  --p-autocomplete-dropdown-border-radius: var(--p-form-field-border-radius);
  --p-autocomplete-dropdown-hover-border-color: var(--p-form-field-border-color);
  --p-autocomplete-dropdown-active-border-color: var(--p-form-field-border-color);
  --p-autocomplete-dropdown-focus-ring-width: var(--p-focus-ring-width);
  --p-autocomplete-dropdown-focus-ring-offset: var(--p-focus-ring-offset);
  --p-autocomplete-dropdown-focus-ring-style: var(--p-focus-ring-style);
  --p-autocomplete-dropdown-focus-ring-color: var(--p-focus-ring-color);
  --p-autocomplete-dropdown-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-autocomplete-dropdown-sm-width: 2rem;
  --p-autocomplete-dropdown-lg-width: 3rem;
  --p-autocomplete-chip-border-radius: var(--p-border-radius-xs);
  --p-autocomplete-empty-message-padding: var(--p-list-option-padding);
  --p-autocomplete-figma-overlay-stroke: 0 0 0 0 var(--p-autocomplete-overlay-border-color);
  --p-autocomplete-figma-dropdown-stroke: 0 0 0 0 var(--p-autocomplete-dropdown-border-color);
  --p-autocomplete-figma-dropdown-hover-stroke: 0 0 0 0 var(--p-autocomplete-dropdown-hover-border-color);
  --p-autocomplete-figma-dropdown-active-stroke: 0 0 0 0 var(--p-autocomplete-dropdown-active-border-color);
  --p-autocomplete-figma-chip-padding-top: calc(var(--p-autocomplete-padding-y) / 2);
  --p-autocomplete-figma-chip-padding-bottom: calc(var(--p-autocomplete-padding-y)  / 2);
  --p-autocomplete-figma-input-multiple-gap: calc(var(--p-autocomplete-padding-y)  / 2);
  --p-autocomplete-figma-input-multiple-padding-y: calc(var(--p-autocomplete-padding-y)  /  2);
  --p-autocomplete-figma-input-multiple-haschip-padding-x: calc(var(--p-autocomplete-padding-y)  /  2);
  --p-autocomplete-figma-input-chip-padding-top: calc(var(--p-autocomplete-padding-y)  /  2);
  --p-autocomplete-figma-input-chip-padding-bottom: calc(var(--p-autocomplete-padding-y)  /  2);
  --p-autocomplete-figma-stroke: 0 0 0 0 var(--p-autocomplete-border-color);
  --p-autocomplete-figma-hover-stroke: 0 0 0 0 var(--p-autocomplete-hover-border-color);
  --p-autocomplete-figma-focus-stroke: 0 0 0 0 var(--p-autocomplete-focus-border-color);
  --p-autocomplete-figma-invalid-stroke: 0 0 0 0 var(--p-autocomplete-invalid-border-color);
  --p-autocomplete-figma-multiple-border-radius: 0px;
  --p-autocomplete-transition-duration: var(--p-transition-duration);
  --p-datepicker-figma-dropdown-stroke: 0 0 0 0 var(--p-datepicker-dropdown-border-color);
  --p-datepicker-figma-dropdown-hover-stroke: 0 0 0 0 var(--p-datepicker-dropdown-hover-border-color);
  --p-datepicker-figma-dropdown-active-stroke: 0 0 0 0 var(--p-datepicker-dropdown-active-border-color);
  --p-datepicker-figma-buttonbar-stroke: 0 0 0 0 var(--p-datepicker-buttonbar-border-color);
  --p-datepicker-figma-panel-stroke: 0 0 0 0 var(--p-datepicker-panel-border-color);
  --p-datepicker-figma-header-stroke: 0 0 0 0 var(--p-datepicker-header-border-color);
  --p-datepicker-figma-time-picker-stroke: 0 0 0 0 var(--p-datepicker-time-picker-border-color);
  --p-datepicker-panel-background: var(--p-content-background);
  --p-datepicker-panel-border-color: var(--p-content-border-color);
  --p-datepicker-panel-border-radius: var(--p-content-border-radius);
  --p-datepicker-panel-color: var(--p-content-color);
  --p-datepicker-panel-shadow: var(--p-overlay-popover-shadow);
  --p-datepicker-panel-padding: var(--p-overlay-popover-padding);
  --p-datepicker-header-background: var(--p-content-background);
  --p-datepicker-header-border-color: var(--p-content-border-color);
  --p-datepicker-header-color: var(--p-content-color);
  --p-datepicker-header-padding: 0 0 0.5rem 0;
  --p-datepicker-title-gap: 0.5rem;
  --p-datepicker-title-font-weight: 600px;
  --p-datepicker-dropdown-width: 2.5rem;
  --p-datepicker-dropdown-border-color: var(--p-form-field-border-color);
  --p-datepicker-dropdown-border-radius: var(--p-form-field-border-radius);
  --p-datepicker-dropdown-hover-border-color: var(--p-form-field-border-color);
  --p-datepicker-dropdown-active-border-color: var(--p-form-field-border-color);
  --p-datepicker-dropdown-focus-ring-width: var(--p-focus-ring-width);
  --p-datepicker-dropdown-focus-ring-style: var(--p-focus-ring-style);
  --p-datepicker-dropdown-focus-ring-color: var(--p-focus-ring-color);
  --p-datepicker-dropdown-focus-ring-offset: var(--p-focus-ring-offset);
  --p-datepicker-dropdown-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-datepicker-dropdown-sm-width: 2rem;
  --p-datepicker-dropdown-lg-width: 3rem;
  --p-datepicker-input-icon-color: var(--p-form-field-icon-color);
  --p-datepicker-select-month-hover-background: var(--p-content-hover-background);
  --p-datepicker-select-month-hover-color: var(--p-content-hover-color);
  --p-datepicker-select-month-color: var(--p-content-color);
  --p-datepicker-select-month-padding: 0.25rem 0.5rem;
  --p-datepicker-select-month-border-radius: var(--p-content-border-radius);
  --p-datepicker-select-year-hover-background: var(--p-content-hover-background);
  --p-datepicker-select-year-hover-color: var(--p-content-hover-color);
  --p-datepicker-select-year-color: var(--p-content-color);
  --p-datepicker-select-year-padding: 0.25rem 0.5rem;
  --p-datepicker-select-year-border-radius: var(--p-content-border-radius);
  --p-datepicker-group-border-color: var(--p-content-border-color);
  --p-datepicker-group-gap: var(--p-overlay-popover-padding);
  --p-datepicker-day-view-margin: 0.5rem 0 0 0;
  --p-datepicker-week-day-padding: 0.25rem;
  --p-datepicker-week-day-font-weight: 500px;
  --p-datepicker-week-day-color: var(--p-content-color);
  --p-datepicker-date-hover-background: var(--p-content-hover-background);
  --p-datepicker-date-hover-color: var(--p-content-hover-color);
  --p-datepicker-date-selected-background: var(--p-primary-color);
  --p-datepicker-date-selected-color: var(--p-primary-contrast-color);
  --p-datepicker-date-range-selected-background: var(--p-highlight-background);
  --p-datepicker-date-range-selected-color: var(--p-highlight-color);
  --p-datepicker-date-color: var(--p-content-color);
  --p-datepicker-date-width: 2rem;
  --p-datepicker-date-height: 2rem;
  --p-datepicker-date-border-radius: calc(var(--p-datepicker-date-width)  /  2);
  --p-datepicker-date-padding: 0.25rem;
  --p-datepicker-date-focus-ring-width: var(--p-focus-ring-width);
  --p-datepicker-date-focus-ring-style: var(--p-focus-ring-style);
  --p-datepicker-date-focus-ring-color: var(--p-focus-ring-color);
  --p-datepicker-date-focus-ring-offset: var(--p-focus-ring-offset);
  --p-datepicker-date-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-datepicker-month-view-margin: 0.5rem 0 0 0;
  --p-datepicker-month-border-radius: var(--p-content-border-radius);
  --p-datepicker-month-padding: 0.375rem;
  --p-datepicker-year-view-margin: 0.5rem 0 0 0;
  --p-datepicker-year-border-radius: var(--p-content-border-radius);
  --p-datepicker-year-padding: 0.375rem;
  --p-datepicker-buttonbar-padding: 0.5rem 0 0 0;
  --p-datepicker-buttonbar-border-color: var(--p-content-border-color);
  --p-datepicker-time-picker-padding: 0.5rem 0 0 0;
  --p-datepicker-time-picker-border-color: var(--p-content-border-color);
  --p-datepicker-time-picker-gap: 0.5rem;
  --p-datepicker-time-picker-button-gap: 0.25rem;
  --p-datepicker-transition-duration: var(--p-transition-duration);
  --p-rating-gap: 0.25rem;
  --p-rating-icon-size: 1rem;
  --p-rating-icon-color: var(--p-text-muted-color);
  --p-rating-icon-hover-color: var(--p-primary-color);
  --p-rating-icon-active-color: var(--p-primary-color);
  --p-rating-focus-ring-width: var(--p-focus-ring-width);
  --p-rating-focus-ring-style: var(--p-focus-ring-style);
  --p-rating-focus-ring-color: var(--p-focus-ring-color);
  --p-rating-focus-ring-offset: var(--p-focus-ring-offset);
  --p-rating-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-rating-figma-focus-ring-stroke: 0 0 0 0 var(--p-rating-focus-ring-color);
  --p-rating-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-rating-transition-duration: var(--p-transition-duration);
  --p-avatar-width: 2rem;
  --p-avatar-height: 2rem;
  --p-avatar-font-size: 1rem;
  --p-avatar-background: var(--p-contentsoft-background);
  --p-avatar-border-radius: var(--p-content-border-radius);
  --p-avatar-group-border-color: var(--p-content-background);
  --p-avatar-group-offset: -0.75rem;
  --p-avatar-group-stroke: 0 0 0 0 var(--p-avatar-group-border-color);
  --p-avatar-lg-width: 3rem;
  --p-avatar-lg-height: 3rem;
  --p-avatar-lg-font-size: 1.5rem;
  --p-avatar-lg-icon-size: 1.5rem;
  --p-avatar-lg-group-offset: -1rem;
  --p-avatar-xl-width: 4rem;
  --p-avatar-xl-height: 4rem;
  --p-avatar-xl-font-size: 2rem;
  --p-avatar-xl-icon-size: 2rem;
  --p-avatar-xl-group-offset: -1.5rem;
  --p-avatar-color: var(--p-contentsoft-color);
  --p-avatar-figma-circle-border-radius: calc(var(--p-avatar-width)  /  2);
  --p-avatar-figma-circle-lg-border-radius: calc(var(--p-avatar-lg-width)  /  2);
  --p-avatar-figma-circle-xl-border-radius: calc(var(--p-avatar-xl-width)  /  2);
  --p-avatar-icon-size: 1rem;
  --p-badge-border-radius: var(--p-border-radius-xs);
  --p-badge-padding: 0 0.5rem;
  --p-badge-font-size: 0.75rem;
  --p-badge-font-weight: 600px;
  --p-badge-min-width: 1.5rem;
  --p-badge-height: 1.5rem;
  --p-badge-dot-size: 0.5rem;
  --p-badge-sm-font-size: 0.625rem;
  --p-badge-sm-min-width: 1.25rem;
  --p-badge-sm-height: 1.25rem;
  --p-badge-lg-font-size: 0.875rem;
  --p-badge-lg-min-width: 1.75rem;
  --p-badge-lg-height: 1.75rem;
  --p-badge-xl-font-size: 1rem;
  --p-badge-xl-min-width: 2rem;
  --p-badge-xl-height: 2rem;
  --p-chip-border-radius: 32px;
  --p-chip-padding-x: 0.75rem;
  --p-chip-padding-y: 0.5rem;
  --p-chip-gap: 0.5rem;
  --p-chip-image-width: 2rem;
  --p-chip-image-height: 2rem;
  --p-chip-icon-size: 1rem;
  --p-chip-remove-icon-focus-ring-width: var(--p-focus-ring-width);
  --p-chip-remove-icon-focus-ring-style: var(--p-focus-ring-style);
  --p-chip-remove-icon-focus-ring-offset: var(--p-focus-ring-offset);
  --p-chip-remove-icon-focus-ring-color: var(--p-focus-ring-color);
  --p-chip-remove-icon-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-chip-remove-icon-size: 1rem;
  --p-chip-figma-remove-icon-focus-ring-stroke: 0 0 0 0 var(--p-chip-remove-icon-focus-ring-color);
  --p-chip-figma-remove-icon-focus-ring-offset-stroke: 0 0 0 0 var(--p-chip-background);
  --p-chip-figma-image-padding-left: calc(var(--p-chip-padding-x) - var(--p-chip-padding-y));
  --p-chip-figma-image-padding-y: calc(var(--p-chip-padding-y) / 2);
  --p-chip-transition-duration: var(--p-transition-duration);
  --p-progressbar-background: var(--p-app-progresssbar-color-one);
  --p-message-border-radius: var(--p-content-border-radius);
  --p-message-border-width: 1px;
  --p-message-content-padding: 0.5rem 0.75rem;
  --p-message-content-gap: 0.75rem;
  --p-message-content-sm-padding: 0.375rem 0.625rem;
  --p-message-content-lg-padding: 0.625rem 0.875rem;
  --p-message-text-font-size: 1rem;
  --p-message-text-font-weight: 500px;
  --p-message-text-sm-font-size: 0.875rem;
  --p-message-text-lg-font-size: 1.125rem;
  --p-message-icon-size: 1.125rem;
  --p-message-icon-sm-size: 1rem;
  --p-message-icon-lg-size: 1.25rem;
  --p-message-close-button-width: 1.75rem;
  --p-message-close-button-height: 1.75rem;
  --p-message-close-button-border-radius: calc(var(--p-message-close-button-width)  /  2);
  --p-message-close-button-focus-ring-width: var(--p-focus-ring-width);
  --p-message-close-button-focus-ring-style: var(--p-focus-ring-style);
  --p-message-close-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-message-close-icon-size: 1rem;
  --p-message-close-icon-sm-size: 0.875rem;
  --p-message-close-icon-lg-size: 1.125rem;
  --p-message-outlined-border-width: 1px;
  --p-message-simple-content-padding: 0px;
  --p-message-transition-duration: var(--p-transition-duration);
  --p-card-border-radius: var(--p-border-radius-xs);
  --p-card-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px -1px rgba(0, 0, 0, 0.12);
  --p-card-body-padding: 1.25rem;
  --p-card-body-gap: 0.5rem;
  --p-card-body-lg-padding: 2rem;
  --p-card-caption-gap: 0.5rem;
  --p-card-title-font-size: 1.25rem;
  --p-card-title-font-weight: 500px;
  --p-card-background: var(--p-content-background);
  --p-card-color: var(--p-content-color);
  --p-card-subtitle-color: var(--p-text-muted-color);
  --p-tag-font-size: 0.875rem;
  --p-tag-font-weight: 600px;
  --p-tag-padding: 0.25rem 0.5rem;
  --p-tag-gap: 0.25rem;
  --p-tag-border-radius: var(--p-content-border-radius);
  --p-tag-rounded-border-radius: var(--p-border-radius-xl);
  --p-tag-icon-size: 0.75rem;
  --p-skeleton-border-radius: var(--p-content-border-radius);
  --p-breadcrumb-padding: 1rem;
  --p-breadcrumb-background: var(--p-content-background);
  --p-breadcrumb-gap: 0.5rem;
  --p-breadcrumb-item-color: var(--p-text-muted-color);
  --p-breadcrumb-item-hover-color: var(--p-text-color);
  --p-breadcrumb-item-icon-color: var(--p-navigation-item-icon-color);
  --p-breadcrumb-item-icon-hover-color: var(--p-navigation-item-icon-focus-color);
  --p-breadcrumb-item-border-radius: var(--p-content-border-radius);
  --p-breadcrumb-item-focus-ring-width: var(--p-focus-ring-width);
  --p-breadcrumb-item-focus-ring-style: var(--p-focus-ring-style);
  --p-breadcrumb-item-focus-ring-color: var(--p-focus-ring-color);
  --p-breadcrumb-item-focus-ring-offset: var(--p-focus-ring-offset);
  --p-breadcrumb-item-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-breadcrumb-item-gap: var(--p-navigation-item-gap);
  --p-breadcrumb-separator-color: var(--p-navigation-item-icon-color);
  --p-breadcrumb-figma-item-focus-ring-stroke: 0 0 0 0 var(--p-breadcrumb-item-focus-ring-color);
  --p-breadcrumb-figma-item-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-breadcrumb-transition-duration: var(--p-transition-duration);
  --p-drawer-background: var(--p-overlay-modal-background);
  --p-drawer-border-color: var(--p-overlay-modal-border-color);
  --p-drawer-border-radius: var(--p-overlay-modal-border-radius);
  --p-drawer-color: var(--p-overlay-modal-color);
  --p-drawer-shadow: var(--p-overlay-modal-shadow);
  --p-drawer-header-padding: var(--p-overlay-modal-padding);
  --p-drawer-title-font-weight: 600px;
  --p-drawer-title-font-size: 1.5rem;
  --p-drawer-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
  --p-drawer-figma-stroke: 0 0 0 0 var(--p-drawer-border-color);
  --p-drawer-footer-padding: var(--p-overlay-modal-padding);
  --p-overlay-title-font-size: 1.5rem;
  --p-cascadeselect-background: var(--p-form-field-background);
  --p-cascadeselect-disabled-background: var(--p-form-field-disabled-background);
  --p-cascadeselect-disabled-color: var(--p-form-field-disabled-color);
  --p-cascadeselect-filled-background: var(--p-form-field-filled-background);
  --p-cascadeselect-filled-focus-background: var(--p-form-field-filled-focus-background);
  --p-cascadeselect-filled-hover-background: var(--p-form-field-filled-hover-background);
  --p-cascadeselect-border-color: var(--p-form-field-border-color);
  --p-cascadeselect-border-radius: var(--p-form-field-border-radius);
  --p-cascadeselect-hover-border-color: var(--p-form-field-hover-border-color);
  --p-cascadeselect-focus-border-color: var(--p-form-field-focus-border-color);
  --p-cascadeselect-focus-ring-width: var(--p-form-field-focus-ring-width);
  --p-cascadeselect-focus-ring-style: var(--p-form-field-focus-ring-style);
  --p-cascadeselect-focus-ring-color: var(--p-form-field-focus-ring-color);
  --p-cascadeselect-focus-ring-offset: var(--p-form-field-focus-ring-offset);
  --p-cascadeselect-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-cascadeselect-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-cascadeselect-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
  --p-cascadeselect-color: var(--p-form-field-color);
  --p-cascadeselect-placeholder-color: var(--p-form-field-placeholder-color);
  --p-cascadeselect-shadow: var(--p-form-field-shadow);
  --p-cascadeselect-padding-x: var(--p-form-field-padding-x);
  --p-cascadeselect-padding-y: var(--p-form-field-padding-y);
  --p-cascadeselect-figma-focus-ring-stroke: 0 0 0 0 var(--p-cascadeselect-focus-ring-color);
  --p-cascadeselect-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-cascadeselect-figma-focus-stroke: 0 0 0 0 var(--p-cascadeselect-focus-border-color);
  --p-cascadeselect-figma-stroke: 0 0 0 0 var(--p-cascadeselect-border-color);
  --p-cascadeselect-figma-hover-stroke: 0 0 0 0 var(--p-cascadeselect-hover-border-color);
  --p-cascadeselect-figma-invalid-stroke: 0 0 0 0 var(--p-cascadeselect-invalid-border-color);
  --p-cascadeselect-figma-overlay-stroke: 0 0 0 0 var(--p-cascadeselect-overlay-border-color);
  --p-cascadeselect-dropdown-width: 2.5rem;
  --p-cascadeselect-dropdown-color: var(--p-form-field-icon-color);
  --p-cascadeselect-overlay-background: var(--p-overlay-select-background);
  --p-cascadeselect-overlay-border-color: var(--p-overlay-select-border-color);
  --p-cascadeselect-overlay-border-radius: var(--p-overlay-select-border-radius);
  --p-cascadeselect-overlay-color: var(--p-overlay-select-color);
  --p-cascadeselect-overlay-shadow: var(--p-overlay-select-shadow);
  --p-cascadeselect-list-padding: var(--p-list-padding);
  --p-cascadeselect-list-gap: var(--p-list-gap);
  --p-cascadeselect-list-mobile-indent: 1rem;
  --p-cascadeselect-option-focus-background: var(--p-list-option-focus-background);
  --p-cascadeselect-option-focus-color: var(--p-list-option-focus-color);
  --p-cascadeselect-option-selected-background: var(--p-list-option-selected-background);
  --p-cascadeselect-option-selected-focus-background: var(--p-list-option-selected-focus-background);
  --p-cascadeselect-option-selected-focus-color: var(--p-list-option-selected-focus-color);
  --p-cascadeselect-option-selected-color: var(--p-list-option-selected-color);
  --p-cascadeselect-option-color: var(--p-list-option-color);
  --p-cascadeselect-option-padding: var(--p-list-option-padding);
  --p-cascadeselect-option-border-radius: var(--p-list-option-border-radius);
  --p-cascadeselect-option-icon-color: var(--p-list-option-icon-color);
  --p-cascadeselect-option-icon-focus-color: var(--p-list-option-icon-focus-color);
  --p-cascadeselect-option-icon-size: 0.875rem;
  --p-cascadeselect-sm-font-size: var(--p-form-field-sm-font-size);
  --p-cascadeselect-sm-padding-x: var(--p-form-field-sm-padding-x);
  --p-cascadeselect-sm-padding-y: var(--p-form-field-sm-padding-y);
  --p-cascadeselect-lg-font-size: var(--p-form-field-lg-font-size);
  --p-cascadeselect-lg-padding-x: var(--p-form-field-lg-padding-x);
  --p-cascadeselect-lg-padding-y: var(--p-form-field-lg-padding-y);
  --p-cascadeselect-clear-icon-color: var(--p-form-field-icon-color);
  --p-cascadeselect-transition-duration: var(--p-form-field-transition-duration);
  --p-colorpicker-preview-width: 1.5rem;
  --p-colorpicker-preview-height: 1.5rem;
  --p-colorpicker-preview-border-radius: var(--p-form-field-border-radius);
  --p-colorpicker-preview-focus-ring-width: var(--p-focus-ring-width);
  --p-colorpicker-preview-focus-ring-style: var(--p-focus-ring-style);
  --p-colorpicker-preview-focus-ring-color: var(--p-focus-ring-color);
  --p-colorpicker-preview-focus-ring-offset: var(--p-focus-ring-offset);
  --p-colorpicker-preview-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-colorpicker-panel-border-radius: var(--p-overlay-popover-border-radius);
  --p-colorpicker-panel-shadow: var(--p-overlay-popover-shadow);
  --p-colorpicker-figma-preview-focus-ring-stroke: 0 0 0 0 var(--p-colorpicker-preview-focus-ring-color);
  --p-colorpicker-figma-preview-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-select-background: var(--p-form-field-background);
  --p-select-disabled-background: var(--p-form-field-disabled-background);
  --p-select-disabled-color: var(--p-form-field-disabled-color);
  --p-select-filled-background: var(--p-form-field-filled-background);
  --p-select-filled-focus-background: var(--p-form-field-filled-focus-background);
  --p-select-filled-hover-background: var(--p-form-field-filled-hover-background);
  --p-select-border-color: var(--p-form-field-border-color);
  --p-select-border-radius: var(--p-form-field-border-radius);
  --p-select-hover-border-color: var(--p-form-field-hover-border-color);
  --p-select-focus-border-color: var(--p-form-field-focus-border-color);
  --p-select-focus-ring-width: var(--p-form-field-focus-ring-width);
  --p-select-focus-ring-offset: var(--p-form-field-focus-ring-offset);
  --p-select-focus-ring-style: var(--p-form-field-focus-ring-style);
  --p-select-focus-ring-color: var(--p-form-field-focus-ring-color);
  --p-select-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-select-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-select-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
  --p-select-color: var(--p-form-field-color);
  --p-select-placeholder-color: var(--p-form-field-placeholder-color);
  --p-select-shadow: var(--p-form-field-shadow);
  --p-select-padding-x: var(--p-form-field-padding-x);
  --p-select-padding-y: var(--p-form-field-padding-y);
  --p-select-dropdown-width: 2.5rem;
  --p-select-dropdown-color: var(--p-form-field-icon-color);
  --p-select-overlay-background: var(--p-overlay-select-background);
  --p-select-overlay-border-color: var(--p-overlay-select-border-color);
  --p-select-overlay-border-radius: var(--p-overlay-select-border-radius);
  --p-select-overlay-color: var(--p-overlay-select-color);
  --p-select-overlay-shadow: var(--p-overlay-select-shadow);
  --p-select-list-padding: var(--p-list-padding);
  --p-select-list-gap: var(--p-list-gap);
  --p-select-list-header-padding: var(--p-list-header-padding);
  --p-select-option-focus-background: var(--p-list-option-focus-background);
  --p-select-option-focus-color: var(--p-list-option-focus-color);
  --p-select-option-selected-background: var(--p-list-option-selected-background);
  --p-select-option-selected-focus-background: var(--p-list-option-selected-focus-background);
  --p-select-option-selected-focus-color: var(--p-list-option-selected-focus-color);
  --p-select-option-selected-color: var(--p-list-option-selected-color);
  --p-select-option-color: var(--p-list-option-color);
  --p-select-option-padding: var(--p-list-option-padding);
  --p-select-option-border-radius: var(--p-list-option-border-radius);
  --p-select-option-group-background: var(--p-list-option-group-background);
  --p-select-option-group-color: var(--p-list-option-group-color);
  --p-select-option-group-font-weight: var(--p-list-option-group-font-weight);
  --p-select-option-group-padding: var(--p-list-option-group-padding);
  --p-select-clear-icon-color: var(--p-form-field-icon-color);
  --p-select-checkmark-color: var(--p-list-option-color);
  --p-select-checkmark-gutter-start: -0.375rem;
  --p-select-checkmark-gutter-end: 0.375rem;
  --p-select-empty-message-padding: var(--p-list-option-padding);
  --p-select-figma-focus-ring-stroke: 0 0 0 0 var(--p-select-focus-ring-color);
  --p-select-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-select-figma-focus-stroke: 0 0 0 0 var(--p-select-focus-border-color);
  --p-select-figma-stroke: 0 0 0 0 var(--p-select-border-color);
  --p-select-figma-hover-stroke: 0 0 0 0 var(--p-select-hover-border-color);
  --p-select-figma-invalid-stroke: 0 0 0 0 var(--p-select-invalid-border-color);
  --p-select-figma-overlay-stroke: 0 0 0 0 var(--p-select-overlay-border-color);
  --p-select-sm-font-size: var(--p-form-field-sm-font-size);
  --p-select-sm-padding-x: var(--p-form-field-sm-padding-x);
  --p-select-sm-padding-y: var(--p-form-field-sm-padding-y);
  --p-select-lg-font-size: var(--p-form-field-lg-font-size);
  --p-select-lg-padding-x: var(--p-form-field-lg-padding-x);
  --p-select-lg-padding-y: var(--p-form-field-lg-padding-y);
  --p-select-transition-duration: var(--p-form-field-transition-duration);
  --p-editor-toolbar-background: var(--p-content-background);
  --p-editor-toolbar-border-color: var(--p-content-border-color);
  --p-editor-toolbar-border-radius: var(--p-content-border-radius);
  --p-editor-toolbar-item-color: var(--p-text-muted-color);
  --p-editor-toolbar-item-hover-color: var(--p-text-color);
  --p-editor-toolbar-item-active-color: var(--p-primary-color);
  --p-editor-overlay-background: var(--p-overlay-select-background);
  --p-editor-overlay-border-color: var(--p-overlay-select-border-color);
  --p-editor-overlay-border-radius: var(--p-overlay-select-border-radius);
  --p-editor-overlay-color: var(--p-overlay-select-color);
  --p-editor-overlay-shadow: var(--p-overlay-select-shadow);
  --p-editor-overlay-padding: var(--p-list-padding);
  --p-editor-overlay-option-focus-background: var(--p-list-option-focus-background);
  --p-editor-overlay-option-focus-color: var(--p-list-option-focus-color);
  --p-editor-overlay-option-color: var(--p-list-option-color);
  --p-editor-overlay-option-padding: var(--p-list-option-padding);
  --p-editor-overlay-option-border-radius: var(--p-list-option-border-radius);
  --p-editor-content-background: var(--p-content-background);
  --p-editor-content-border-color: var(--p-content-border-color);
  --p-editor-content-border-radius: var(--p-content-border-radius);
  --p-editor-content-color: var(--p-content-color);
  --p-editor-figma-overlay-stroke: 0 0 0 0 var(--p-editor-overlay-border-color);
  --p-editor-figma-toolbar-stroke: 0 0 0 0 var(--p-editor-toolbar-border-color);
  --p-editor-figma-content-stroke: 0 0 0 0 var(--p-editor-content-border-color);
  --p-inputgroup-addon-background: var(--p-form-field-background);
  --p-inputgroup-addon-border-color: var(--p-form-field-border-color);
  --p-inputgroup-addon-border-radius: var(--p-form-field-border-radius);
  --p-inputgroup-addon-color: var(--p-form-field-icon-color);
  --p-inputgroup-addon-padding: 0.5rem;
  --p-inputgroup-addon-min-width: 2.5rem;
  --p-inputgroup-figma-addon-stroke: 0 0 0 0 var(--p-inputgroup-addon-border-color);
  --p-textarea-background: var(--p-form-field-background);
  --p-textarea-disabled-background: var(--p-form-field-disabled-background);
  --p-textarea-disabled-color: var(--p-form-field-disabled-color);
  --p-textarea-filled-background: var(--p-form-field-filled-background);
  --p-textarea-filled-focus-background: var(--p-form-field-filled-focus-background);
  --p-textarea-filled-hover-background: var(--p-form-field-filled-hover-background);
  --p-textarea-border-color: var(--p-form-field-border-color);
  --p-textarea-border-radius: var(--p-form-field-border-radius);
  --p-textarea-hover-border-color: var(--p-form-field-hover-border-color);
  --p-textarea-focus-border-color: var(--p-form-field-focus-border-color);
  --p-textarea-focus-ring-width: var(--p-form-field-focus-ring-width);
  --p-textarea-focus-ring-offset: var(--p-form-field-focus-ring-offset);
  --p-textarea-focus-ring-color: var(--p-form-field-focus-ring-color);
  --p-textarea-focus-ring-style: var(--p-form-field-focus-ring-style);
  --p-textarea-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-textarea-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-textarea-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
  --p-textarea-color: var(--p-form-field-color);
  --p-textarea-placeholder-color: var(--p-form-field-placeholder-color);
  --p-textarea-shadow: var(--p-form-field-shadow);
  --p-textarea-padding-x: var(--p-form-field-padding-x);
  --p-textarea-padding-y: var(--p-form-field-padding-y);
  --p-textarea-figma-stroke: 0 0 0 0 var(--p-textarea-border-color);
  --p-textarea-figma-hover-stroke: 0 0 0 0 var(--p-textarea-hover-border-color);
  --p-textarea-figma-focus-stroke: 0 0 0 0 var(--p-textarea-focus-border-color);
  --p-textarea-figma-invalid-stroke: 0 0 0 0 var(--p-textarea-invalid-border-color);
  --p-textarea-sm-padding-x: var(--p-form-field-sm-padding-x);
  --p-textarea-sm-padding-y: var(--p-form-field-sm-padding-y);
  --p-textarea-sm-font-size: var(--p-form-field-sm-font-size);
  --p-textarea-lg-padding-x: var(--p-form-field-lg-padding-x);
  --p-textarea-lg-padding-y: var(--p-form-field-lg-padding-y);
  --p-textarea-lg-font-size: var(--p-form-field-lg-font-size);
  --p-textarea-transition-duration: var(--p-form-field-transition-duration);
  --p-inputnumber-button-width: 2.5rem;
  --p-inputnumber-button-border-radius: var(--p-form-field-border-radius);
  --p-inputnumber-button-vertical-padding: var(--p-form-field-padding-y);
  --p-inputnumber-transition-duration: var(--p-transition-duration);
  --p-knob-background: var(--p-primary-color);
  --p-listbox-background: var(--p-form-field-background);
  --p-listbox-disabled-background: var(--p-form-field-disabled-background);
  --p-listbox-disabled-color: var(--p-form-field-disabled-color);
  --p-listbox-border-color: var(--p-form-field-border-color);
  --p-listbox-border-radius: var(--p-form-field-border-radius);
  --p-listbox-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-listbox-color: var(--p-form-field-color);
  --p-listbox-shadow: var(--p-form-field-shadow);
  --p-listbox-figma-focus-ring-stroke: 0 0 0 0 var(--p-listbox-focus-ring-color);
  --p-listbox-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-listbox-figma-focus-stroke: 0 0 0 0 var(--p-listbox-focus-border-color);
  --p-listbox-figma-stroke: 0 0 0 0 var(--p-listbox-border-color);
  --p-listbox-figma-hover-stroke: 0 0 0 0 var(--p-listbox-hover-border-color);
  --p-listbox-figma-invalid-stroke: 0 0 0 0 var(--p-listbox-invalid-border-color);
  --p-listbox-list-padding: var(--p-list-padding);
  --p-listbox-list-gap: var(--p-list-gap);
  --p-listbox-list-header-padding: var(--p-list-header-padding);
  --p-listbox-option-focus-background: var(--p-list-option-focus-background);
  --p-listbox-option-focus-color: var(--p-list-option-focus-color);
  --p-listbox-option-selected-background: var(--p-list-option-selected-background);
  --p-listbox-option-selected-focus-background: var(--p-list-option-selected-focus-background);
  --p-listbox-option-selected-focus-color: var(--p-list-option-selected-focus-color);
  --p-listbox-option-selected-color: var(--p-list-option-selected-color);
  --p-listbox-option-color: var(--p-list-option-color);
  --p-listbox-option-padding: var(--p-list-option-padding);
  --p-listbox-option-border-radius: var(--p-list-option-border-radius);
  --p-listbox-option-group-background: var(--p-list-option-group-background);
  --p-listbox-option-group-color: var(--p-list-option-group-color);
  --p-listbox-option-group-font-weight: var(--p-list-option-group-font-weight);
  --p-listbox-option-group-padding: var(--p-list-option-group-padding);
  --p-listbox-checkmark-color: var(--p-list-option-color);
  --p-listbox-checkmark-gutter-start: -0.375rem;
  --p-listbox-checkmark-gutter-end: 0.375rem;
  --p-listbox-empty-message-padding: var(--p-list-option-padding);
  --p-listbox-transition-duration: var(--p-form-field-transition-duration);
  --p-multiselect-background: var(--p-form-field-background);
  --p-multiselect-disabled-background: var(--p-form-field-disabled-background);
  --p-multiselect-disabled-color: var(--p-form-field-disabled-color);
  --p-multiselect-filled-background: var(--p-form-field-filled-background);
  --p-multiselect-filled-focus-background: var(--p-form-field-filled-focus-background);
  --p-multiselect-filled-hover-background: var(--p-form-field-filled-hover-background);
  --p-multiselect-border-color: var(--p-form-field-border-color);
  --p-multiselect-border-radius: var(--p-form-field-border-radius);
  --p-multiselect-hover-border-color: var(--p-form-field-hover-border-color);
  --p-multiselect-focus-border-color: var(--p-form-field-focus-border-color);
  --p-multiselect-focus-ring-width: var(--p-form-field-focus-ring-width);
  --p-multiselect-focus-ring-offset: var(--p-form-field-focus-ring-offset);
  --p-multiselect-focus-ring-style: var(--p-form-field-focus-ring-style);
  --p-multiselect-focus-ring-color: var(--p-form-field-focus-ring-color);
  --p-multiselect-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-multiselect-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-multiselect-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
  --p-multiselect-color: var(--p-form-field-color);
  --p-multiselect-placeholder-color: var(--p-form-field-placeholder-color);
  --p-multiselect-shadow: var(--p-form-field-shadow);
  --p-multiselect-padding-x: var(--p-form-field-padding-x);
  --p-multiselect-padding-y: var(--p-form-field-padding-y);
  --p-multiselect-dropdown-width: 2.5rem;
  --p-multiselect-dropdown-color: var(--p-form-field-icon-color);
  --p-multiselect-overlay-background: var(--p-overlay-select-background);
  --p-multiselect-overlay-border-color: var(--p-overlay-select-border-color);
  --p-multiselect-overlay-border-radius: var(--p-overlay-select-border-radius);
  --p-multiselect-overlay-color: var(--p-overlay-select-color);
  --p-multiselect-overlay-shadow: var(--p-overlay-select-shadow);
  --p-multiselect-list-padding: var(--p-list-padding);
  --p-multiselect-list-gap: var(--p-list-gap);
  --p-multiselect-list-header-padding: var(--p-list-header-padding);
  --p-multiselect-header-padding: var(--p-list-header-padding);
  --p-multiselect-option-focus-background: var(--p-list-option-focus-background);
  --p-multiselect-option-focus-color: var(--p-list-option-focus-color);
  --p-multiselect-option-selected-background: var(--p-list-option-selected-background);
  --p-multiselect-option-selected-focus-background: var(--p-list-option-selected-focus-background);
  --p-multiselect-option-selected-focus-color: var(--p-list-option-selected-focus-color);
  --p-multiselect-option-selected-color: var(--p-list-option-selected-color);
  --p-multiselect-option-color: var(--p-list-option-color);
  --p-multiselect-option-padding: var(--p-list-option-padding);
  --p-multiselect-option-border-radius: var(--p-list-option-border-radius);
  --p-multiselect-option-gap: 0.5rem;
  --p-multiselect-option-group-background: var(--p-list-option-group-background);
  --p-multiselect-option-group-color: var(--p-list-option-group-color);
  --p-multiselect-option-group-font-weight: var(--p-list-option-group-font-weight);
  --p-multiselect-option-group-padding: var(--p-list-option-group-padding);
  --p-multiselect-chip-border-radius: var(--p-border-radius-xs);
  --p-multiselect-empty-message-padding: var(--p-list-option-padding);
  --p-multiselect-figma-stroke: 0 0 0 0 var(--p-multiselect-border-color);
  --p-multiselect-figma-hover-stroke: 0 0 0 0 var(--p-multiselect-hover-border-color);
  --p-multiselect-figma-focus-stroke: 0 0 0 0 var(--p-multiselect-focus-border-color);
  --p-multiselect-figma-invalid-stroke: 0 0 0 0 var(--p-multiselect-invalid-border-color);
  --p-multiselect-figma-overlay-stroke: 0 0 0 0 var(--p-multiselect-overlay-border-color);
  --p-multiselect-figma-chip-padding-top: calc(var(--p-multiselect-padding-y) / 2);
  --p-multiselect-figma-chip-padding-bottom: calc(var(--p-multiselect-padding-y)  / 2);
  --p-multiselect-figma-input-multiple-gap: calc(var(--p-multiselect-padding-y)  / 2);
  --p-multiselect-sm-padding-x: var(--p-form-field-sm-padding-x);
  --p-multiselect-sm-padding-y: var(--p-form-field-sm-padding-y);
  --p-multiselect-sm-font-size: var(--p-form-field-sm-font-size);
  --p-multiselect-lg-padding-x: var(--p-form-field-lg-padding-x);
  --p-multiselect-lg-padding-y: var(--p-form-field-lg-padding-y);
  --p-multiselect-lg-font-size: var(--p-form-field-lg-font-size);
  --p-multiselect-clear-icon-color: var(--p-form-field-icon-color);
  --p-multiselect-transition-duration: var(--p-form-field-transition-duration);
  --p-password-meter-background: var(--p-content-border-color);
  --p-password-meter-border-radius: var(--p-content-border-radius);
  --p-password-meter-height: 0.75rem;
  --p-password-icon-color: var(--p-form-field-icon-color);
  --p-password-overlay-background: var(--p-overlay-popover-background);
  --p-password-overlay-border-color: var(--p-overlay-popover-border-color);
  --p-password-overlay-border-radius: var(--p-overlay-popover-border-radius);
  --p-password-overlay-color: var(--p-overlay-popover-color);
  --p-password-overlay-padding: var(--p-overlay-popover-padding);
  --p-password-overlay-shadow: var(--p-overlay-popover-shadow);
  --p-password-content-gap: 0.5rem;
  --p-password-figma-overlay-stroke: 0 0 0 0 var(--p-password-overlay-border-color);
  --p-slider-track-background: var(--p-content-border-color);
  --p-slider-track-border-radius: var(--p-content-border-radius);
  --p-slider-track-size: 3px;
  --p-slider-range-background: var(--p-primary-color);
  --p-slider-handle-width: 20px;
  --p-slider-handle-height: 20px;
  --p-slider-handle-border-radius: calc(var(--p-slider-handle-width)  /  2);
  --p-slider-handle-background: var(--p-content-border-color);
  --p-slider-handle-hover-background: var(--p-content-border-color);
  --p-slider-handle-content-hover-background: var(--p-content-background);
  --p-slider-handle-content-width: 16px;
  --p-slider-handle-content-height: 16px;
  --p-slider-handle-content-border-radius: calc(var(--p-slider-handle-content-width)  /  2);
  --p-slider-handle-content-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
  --p-slider-handle-focus-ring-width: var(--p-focus-ring-width);
  --p-slider-handle-focus-ring-offset: var(--p-focus-ring-offset);
  --p-slider-handle-focus-ring-style: var(--p-focus-ring-style);
  --p-slider-handle-focus-ring-color: var(--p-focus-ring-color);
  --p-slider-handle-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-slider-figma-handle-focus-ring-stroke: 0 0 0 0 var(--p-slider-handle-focus-ring-color);
  --p-slider-figma-handle-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-slider-transition-duration: var(--p-transition-duration);
  --p-togglebutton-border-radius: var(--p-content-border-radius);
  --p-togglebutton-gap: 0.5rem;
  --p-togglebutton-font-weight: 500px;
  --p-togglebutton-disabled-background: var(--p-form-field-disabled-background);
  --p-togglebutton-disabled-border-color: var(--p-form-field-disabled-background);
  --p-togglebutton-disabled-color: var(--p-form-field-disabled-color);
  --p-togglebutton-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-togglebutton-focus-ring-width: var(--p-focus-ring-width);
  --p-togglebutton-focus-ring-offset: var(--p-focus-ring-offset);
  --p-togglebutton-focus-ring-style: var(--p-focus-ring-style);
  --p-togglebutton-focus-ring-color: var(--p-focus-ring-color);
  --p-togglebutton-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-togglebutton-figma-focus-ring-stroke: 0 0 0 0 var(--p-togglebutton-focus-ring-color);
  --p-togglebutton-figma-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-togglebutton-figma-disabled-stroke: 0 0 0 0 var(--p-togglebutton-disabled-border-color);
  --p-togglebutton-figma-invalid-stroke: 0 0 0 0 var(--p-togglebutton-invalid-border-color);
  --p-togglebutton-figma-sm-icon-size: var(--p-togglebutton-sm-font-size);
  --p-togglebutton-figma-lg-icon-size: var(--p-togglebutton-lg-font-size);
  --p-togglebutton-icon-disabled-color: var(--p-form-field-disabled-color);
  --p-togglebutton-content-checked-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
  --p-togglebutton-content-padding: 0.25rem 0.75rem;
  --p-togglebutton-content-border-radius: var(--p-content-border-radius);
  --p-togglebutton-content-sm-padding: 0.25rem 0.75rem;
  --p-togglebutton-content-lg-padding: 0.25rem 0.75rem;
  --p-togglebutton-sm-font-size: var(--p-form-field-sm-font-size);
  --p-togglebutton-sm-padding: 0.25rem;
  --p-togglebutton-lg-font-size: var(--p-form-field-lg-font-size);
  --p-togglebutton-lg-padding: 0.25rem;
  --p-togglebutton-transition-duration: var(--p-form-field-transition-duration);
  --p-togglebutton-padding: 0.25rem;
  --p-selectbutton-border-radius: var(--p-form-field-border-radius);
  --p-treeselect-background: var(--p-form-field-background);
  --p-treeselect-disabled-background: var(--p-form-field-disabled-background);
  --p-treeselect-disabled-color: var(--p-form-field-disabled-color);
  --p-treeselect-filled-background: var(--p-form-field-filled-background);
  --p-treeselect-filled-focus-background: var(--p-form-field-filled-focus-background);
  --p-treeselect-filled-hover-background: var(--p-form-field-filled-hover-background);
  --p-treeselect-border-color: var(--p-form-field-border-color);
  --p-treeselect-border-radius: var(--p-form-field-border-radius);
  --p-treeselect-hover-border-color: var(--p-form-field-hover-border-color);
  --p-treeselect-focus-border-color: var(--p-form-field-focus-border-color);
  --p-treeselect-focus-ring-width: var(--p-form-field-focus-ring-width);
  --p-treeselect-focus-ring-offset: var(--p-form-field-focus-ring-offset);
  --p-treeselect-focus-ring-color: var(--p-form-field-focus-ring-color);
  --p-treeselect-focus-ring-style: var(--p-form-field-focus-ring-style);
  --p-treeselect-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
  --p-treeselect-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-treeselect-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
  --p-treeselect-color: var(--p-form-field-color);
  --p-treeselect-placeholder-color: var(--p-form-field-placeholder-color);
  --p-treeselect-shadow: var(--p-form-field-shadow);
  --p-treeselect-padding-x: var(--p-form-field-padding-x);
  --p-treeselect-padding-y: var(--p-form-field-padding-y);
  --p-treeselect-dropdown-width: 2.5rem;
  --p-treeselect-dropdown-color: var(--p-form-field-icon-color);
  --p-treeselect-overlay-background: var(--p-overlay-select-background);
  --p-treeselect-overlay-border-color: var(--p-overlay-select-border-color);
  --p-treeselect-overlay-border-radius: var(--p-overlay-select-border-radius);
  --p-treeselect-overlay-color: var(--p-overlay-select-color);
  --p-treeselect-overlay-shadow: var(--p-overlay-select-shadow);
  --p-treeselect-tree-padding: var(--p-list-padding);
  --p-treeselect-empty-message-padding: var(--p-list-option-padding);
  --p-treeselect-chip-border-radius: var(--p-border-radius-xs);
  --p-treeselect-figma-stroke: 0 0 0 0 var(--p-treeselect-border-color);
  --p-treeselect-figma-hover-stroke: 0 0 0 0 var(--p-treeselect-hover-border-color);
  --p-treeselect-figma-focus-stroke: 0 0 0 0 var(--p-treeselect-focus-border-color);
  --p-treeselect-figma-invalid-stroke: 0 0 0 0 var(--p-treeselect-invalid-border-color);
  --p-treeselect-figma-overlay-stroke: 0 0 0 0 var(--p-treeselect-overlay-border-color);
  --p-treeselect-figma-chip-padding-top: calc(var(--p-treeselect-padding-y) / 2);
  --p-treeselect-figma-chip-padding-bottom: calc(var(--p-treeselect-padding-y)  / 2);
  --p-treeselect-figma-input-multiple-gap: calc(var(--p-treeselect-padding-y)  / 2);
  --p-treeselect-sm-font-size: var(--p-form-field-sm-font-size);
  --p-treeselect-sm-padding-x: var(--p-form-field-sm-padding-x);
  --p-treeselect-sm-padding-y: var(--p-form-field-sm-padding-y);
  --p-treeselect-lg-font-size: var(--p-form-field-lg-font-size);
  --p-treeselect-lg-padding-x: var(--p-form-field-lg-padding-x);
  --p-treeselect-lg-padding-y: var(--p-form-field-lg-padding-y);
  --p-treeselect-clear-icon-color: var(--p-form-field-icon-color);
  --p-treeselect-transition-duration: var(--p-form-field-transition-duration);
  --p-dataview-border-color: transparent;
  --p-dataview-border-width: 0px;
  --p-dataview-border-radius: 0px;
  --p-dataview-padding: 0px;
  --p-dataview-header-background: var(--p-content-background);
  --p-dataview-header-color: var(--p-content-color);
  --p-dataview-header-border-color: var(--p-content-border-color);
  --p-dataview-header-border-width: 1px;
  --p-dataview-header-border-radius: 0px;
  --p-dataview-header-padding: 0.75rem 1rem;
  --p-dataview-content-background: var(--p-content-background);
  --p-dataview-content-color: var(--p-content-color);
  --p-dataview-content-border-color: transparent;
  --p-dataview-content-border-radius: 0px;
  --p-dataview-content-border-width: 0px;
  --p-dataview-content-padding: 0px;
  --p-dataview-footer-background: var(--p-content-background);
  --p-dataview-footer-color: var(--p-content-color);
  --p-dataview-footer-border-color: var(--p-content-border-color);
  --p-dataview-footer-border-width: 1px;
  --p-dataview-footer-border-radius: 0px;
  --p-dataview-footer-padding: 0.75rem 1rem;
  --p-dataview-paginator-top-border-color: var(--p-content-border-color);
  --p-dataview-paginator-top-border-width: 1px;
  --p-dataview-paginator-bottom-border-width: 1px;
  --p-dataview-paginator-bottom-border-color: var(--p-content-border-color);
  --p-dataview-figma-stroke: 0 0 0 0 var(--p-dataview-border-color);
  --p-dataview-figma-header-stroke: 0 0 0 0 var(--p-dataview-header-border-color);
  --p-dataview-figma-content-stroke: 0 0 0 0 var(--p-dataview-content-border-color);
  --p-accordion-panel-border-width: 1px;
  --p-accordion-panel-border-color: var(--p-content-border-color);
  --p-accordion-header-color: var(--p-text-muted-color);
  --p-accordion-header-hover-color: var(--p-text-color);
  --p-accordion-header-hover-background: var(--p-content-background);
  --p-accordion-header-active-color: var(--p-text-color);
  --p-accordion-header-active-background: var(--p-content-background);
  --p-accordion-header-active-hover-background: var(--p-content-background);
  --p-accordion-header-padding: 1.125rem;
  --p-accordion-header-font-weight: 600px;
  --p-accordion-header-border-radius: 0px;
  --p-accordion-header-border-width: 0px;
  --p-accordion-header-border-color: var(--p-content-border-color);
  --p-accordion-header-background: var(--p-content-background);
  --p-accordion-header-focus-ring-width: var(--p-focus-ring-width);
  --p-accordion-header-focus-ring-style: var(--p-focus-ring-style);
  --p-accordion-header-focus-ring-color: var(--p-focus-ring-color);
  --p-accordion-header-focus-ring-offset: var(--p-focus-ring-offset);
  --p-accordion-header-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-accordion-header-toggle-icon-color: var(--p-text-muted-color);
  --p-accordion-header-toggle-icon-hover-color: var(--p-text-color);
  --p-accordion-header-toggle-icon-active-color: var(--p-text-color);
  --p-accordion-header-toggle-icon-active-hover-color: var(--p-text-color);
  --p-accordion-header-first-top-border-radius: var(--p-content-border-radius);
  --p-accordion-header-first-border-width: 0px;
  --p-accordion-header-last-bottom-border-radius: var(--p-content-border-radius);
  --p-accordion-header-last-active-bottom-border-radius: 0px;
  --p-accordion-content-border-width: 0px;
  --p-accordion-content-border-color: var(--p-content-border-color);
  --p-accordion-content-background: var(--p-content-background);
  --p-accordion-content-color: var(--p-text-color);
  --p-accordion-content-padding: 0 1.125rem 1.125rem 1.125rem;
  --p-accordion-figma-panel-stroke: 0 0 0 0 var(--p-accordion-panel-border-color);
  --p-accordion-figma-header-stroke: 0 0 0 0 var(--p-accordion-header-border-color);
  --p-accordion-figma-header-focus-ring-stroke: 0 0 0 0 var(--p-accordion-header-focus-ring-color);
  --p-accordion-figma-header-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-accordion-figma-content-stroke: 0 0 0 0 var(--p-accordion-content-border-color);
  --p-accordion-transition-duration: var(--p-transition-duration);
  --p-divider-border-color: var(--p-content-border-color);
  --p-divider-content-background: var(--p-content-background);
  --p-divider-content-color: var(--p-text-color);
  --p-divider-horizontal-margin: 1rem 0;
  --p-divider-horizontal-padding: 0px;
  --p-divider-horizontal-content-padding: 0 0.5rem;
  --p-divider-vertical-margin: 0 1rem;
  --p-divider-vertical-padding: 0px;
  --p-divider-vertical-content-padding: 0.5rem 0;
  --p-divider-figma-stroke: 0 0 0 0 var(--p-divider-border-color);
  --p-fieldset-background: var(--p-content-background);
  --p-fieldset-border-color: var(--p-content-border-color);
  --p-fieldset-border-radius: var(--p-content-border-radius);
  --p-fieldset-color: var(--p-content-color);
  --p-fieldset-padding: 1.125rem 1.125rem 1.125rem 1.125rem;
  --p-fieldset-legend-background: var(--p-content-background);
  --p-fieldset-legend-hover-background: var(--p-content-hover-background);
  --p-fieldset-legend-hover-color: var(--p-content-hover-color);
  --p-fieldset-legend-color: var(--p-content-color);
  --p-fieldset-legend-border-radius: var(--p-content-border-radius);
  --p-fieldset-legend-border-width: 1px;
  --p-fieldset-legend-border-color: transparent;
  --p-fieldset-legend-padding: 0.5rem 0.75rem;
  --p-fieldset-legend-gap: 0.5rem;
  --p-fieldset-legend-font-weight: 600px;
  --p-fieldset-legend-focus-ring-width: var(--p-focus-ring-width);
  --p-fieldset-legend-focus-ring-style: var(--p-focus-ring-style);
  --p-fieldset-legend-focus-ring-color: var(--p-focus-ring-color);
  --p-fieldset-legend-focus-ring-offset: var(--p-focus-ring-offset);
  --p-fieldset-legend-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-fieldset-toggle-icon-color: var(--p-text-muted-color);
  --p-fieldset-toggle-icon-hover-color: var(--p-text-hover-muted-color);
  --p-fieldset-content-padding: 0px;
  --p-fieldset-figma-stroke: 0 0 0 0 var(--p-fieldset-border-color);
  --p-fieldset-figma-legend-stroke: 0 0 0 0 var(--p-fieldset-legend-border-color);
  --p-fieldset-transition-duration: var(--p-transition-duration);
  --p-splitter-background: var(--p-content-background);
  --p-splitter-border-color: var(--p-content-border-color);
  --p-splitter-color: var(--p-content-color);
  --p-splitter-gutter-background: var(--p-content-border-color);
  --p-splitter-handle-size: 24px;
  --p-splitter-handle-background: transparent;
  --p-splitter-handle-border-radius: var(--p-content-border-radius);
  --p-splitter-handle-focus-ring-width: var(--p-focus-ring-width);
  --p-splitter-handle-focus-ring-color: var(--p-focus-ring-color);
  --p-splitter-handle-focus-ring-offset: var(--p-focus-ring-offset);
  --p-splitter-handle-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-splitter-handle-focus-ring-style: var(--p-focus-ring-style);
  --p-splitter-figma-stroke: 0 0 0 0 var(--p-splitter-border-color);
  --p-splitter-figma-handle-focus-ring-stroke: 0 0 0 0 var(--p-splitter-handle-focus-ring-color);
  --p-splitter-figma-handle-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-splitter-transition-duration: var(--p-transition-duration);
  --p-scrollpanel-bar-size: 9px;
  --p-scrollpanel-bar-border-radius: var(--p-border-radius-xs);
  --p-scrollpanel-bar-focus-ring-width: var(--p-focus-ring-width);
  --p-scrollpanel-bar-focus-ring-offset: var(--p-focus-ring-offset);
  --p-scrollpanel-bar-focus-ring-style: var(--p-focus-ring-style);
  --p-scrollpanel-bar-focus-ring-color: var(--p-focus-ring-color);
  --p-scrollpanel-bar-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-scrollpanel-figma-bar-focus-ring-stroke: 0 0 0 0 var(--p-scrollpanel-bar-focus-ring-color);
  --p-scrollpanel-figma-bar-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-scrollpanel-transition-duration: var(--p-transition-duration);
  --p-tabs-tablist-background: var(--p-content-background);
  --p-tabs-tablist-border-color: var(--p-content-border-color);
  --p-tabs-tablist-border-width: 1px;
  --p-tabs-tab-border-color: var(--p-content-border-color);
  --p-tabs-tab-border-width: 1px;
  --p-tabs-tab-active-border-color: var(--p-primary-color);
  --p-tabs-tab-active-color: var(--p-primary-color);
  --p-tabs-tab-active-background: transparent;
  --p-tabs-tab-color: var(--p-text-muted-color);
  --p-tabs-tab-hover-color: var(--p-text-color);
  --p-tabs-tab-hover-background: transparent;
  --p-tabs-tab-hover-border-color: var(--p-content-border-color);
  --p-tabs-tab-background: transparent;
  --p-tabs-tab-padding: 1rem 1.125rem;
  --p-tabs-tab-font-weight: 600px;
  --p-tabs-tab-margin: 0 0 -1px 0;
  --p-tabs-tab-gap: 0.5rem;
  --p-tabs-tab-focus-ring-width: var(--p-focus-ring-width);
  --p-tabs-tab-focus-ring-offset: -1px;
  --p-tabs-tab-focus-ring-style: var(--p-focus-ring-style);
  --p-tabs-tab-focus-ring-color: var(--p-focus-ring-color);
  --p-tabs-tab-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-tabs-tabpanel-background: var(--p-content-background);
  --p-tabs-tabpanel-color: var(--p-content-color);
  --p-tabs-tabpanel-padding: 0.875rem 1.125rem 1.125rem 1.125rem;
  --p-tabs-tabpanel-focus-ring-width: var(--p-focus-ring-width);
  --p-tabs-tabpanel-focus-ring-offset: var(--p-focus-ring-offset);
  --p-tabs-tabpanel-focus-ring-color: var(--p-focus-ring-color);
  --p-tabs-tabpanel-focus-ring-style: var(--p-focus-ring-style);
  --p-tabs-tabpanel-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-tabs-nav-button-background: var(--p-content-background);
  --p-tabs-nav-button-color: var(--p-text-muted-color);
  --p-tabs-nav-button-hover-color: var(--p-text-color);
  --p-tabs-nav-button-width: 2.5rem;
  --p-tabs-nav-button-focus-ring-color: var(--p-focus-ring-color);
  --p-tabs-nav-button-focus-ring-width: var(--p-focus-ring-width);
  --p-tabs-nav-button-focus-ring-offset: -1px;
  --p-tabs-nav-button-focus-ring-style: var(--p-focus-ring-style);
  --p-tabs-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-tabs-figma-tablist-stroke: 0 0 0 0 var(--p-tabs-tablist-border-color);
  --p-tabs-figma-tab-stroke: 0 0 0 0 var(--p-tabs-tab-border-color);
  --p-tabs-figma-tab-active-stroke: 0 0 0 0 var(--p-tabs-tab-active-border-color);
  --p-tabs-figma-tab-focus-ring-stroke: 0 0 0 0 var(--p-tabs-tab-focus-ring-color);
  --p-tabs-figma-tab-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-tabs-figma-tabpanel-focus-ring-stroke: 0 0 0 0 var(--p-tabs-tabpanel-focus-ring-color);
  --p-tabs-figma-tabpanel-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-tabs-active-bar-height: 1px;
  --p-tabs-active-bar-bottom: -1px;
  --p-tabs-active-bar-background: var(--p-primary-color);
  --p-tabs-transition-duration: var(--p-transition-duration);
  --p-toolbar-background: var(--p-content-background);
  --p-toolbar-border-color: var(--p-content-border-color);
  --p-toolbar-border-radius: var(--p-content-border-radius);
  --p-toolbar-color: var(--p-content-color);
  --p-toolbar-gap: 0.5rem;
  --p-toolbar-padding: 0.75rem;
  --p-toolbar-figma-stroke: 0 0 0 0 var(--p-toolbar-border-color);
  --p-confirmdialog-icon-size: 2rem;
  --p-confirmdialog-icon-color: var(--p-overlay-modal-color);
  --p-confirmdialog-content-gap: 1rem;
  --p-confirmpopup-background: var(--p-overlay-popover-background);
  --p-confirmpopup-border-color: var(--p-overlay-popover-border-color);
  --p-confirmpopup-border-radius: var(--p-overlay-popover-border-radius);
  --p-confirmpopup-figma-stroke: 0 0 0 0 var(--p-confirmpopup-border-color);
  --p-confirmpopup-color: var(--p-overlay-popover-color);
  --p-confirmpopup-shadow: var(--p-overlay-popover-shadow);
  --p-confirmpopup-gutter: 10px;
  --p-confirmpopup-arrow-offset: 1.25rem;
  --p-confirmpopup-content-padding: var(--p-overlay-popover-padding);
  --p-confirmpopup-content-gap: 1rem;
  --p-confirmpopup-icon-size: 1.5rem;
  --p-confirmpopup-icon-color: var(--p-overlay-popover-color);
  --p-confirmpopup-footer-gap: 0.5rem;
  --p-confirmpopup-footer-padding: 0 var(--p-overlay-popover-padding) var(--p-overlay-popover-padding) var(--p-overlay-popover-padding);
  --p-dialog-background: var(--p-overlay-modal-background);
  --p-dialog-color: var(--p-overlay-modal-color);
  --p-dialog-border-color: var(--p-overlay-modal-border-color);
  --p-dialog-border-radius: var(--p-overlay-modal-border-radius);
  --p-dialog-figma-stroke: 0 0 0 0 var(--p-dialog-border-color);
  --p-dialog-shadow: var(--p-overlay-modal-shadow);
  --p-dialog-header-padding: var(--p-overlay-modal-padding);
  --p-dialog-header-gap: 0.5rem;
  --p-dialog-title-font-size: 1.25rem;
  --p-dialog-title-font-weight: 600px;
  --p-dialog-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
  --p-dialog-footer-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
  --p-dialog-footer-gap: 0.5rem;
  --p-tooltip-max-width: 12.5rem;
  --p-tooltip-gutter: 0.25rem;
  --p-tooltip-shadow: var(--p-overlay-popover-shadow);
  --p-tooltip-padding: 0.5rem 0.75rem;
  --p-tooltip-border-radius: var(--p-overlay-popover-border-radius);
  --p-contextmenu-background: var(--p-content-background);
  --p-contextmenu-border-color: var(--p-content-border-color);
  --p-contextmenu-border-radius: var(--p-content-border-radius);
  --p-contextmenu-color: var(--p-content-color);
  --p-contextmenu-shadow: var(--p-overlay-navigation-shadow);
  --p-contextmenu-list-padding: var(--p-navigation-list-padding);
  --p-contextmenu-list-gap: var(--p-navigation-list-gap);
  --p-contextmenu-item-focus-background: var(--p-navigation-item-focus-background);
  --p-contextmenu-item-focus-color: var(--p-navigation-item-focus-color);
  --p-contextmenu-item-active-background: var(--p-navigation-item-active-background);
  --p-contextmenu-item-active-color: var(--p-navigation-item-active-color);
  --p-contextmenu-item-color: var(--p-navigation-item-color);
  --p-contextmenu-item-padding: var(--p-navigation-item-padding);
  --p-contextmenu-item-border-radius: var(--p-navigation-item-border-radius);
  --p-contextmenu-item-gap: var(--p-navigation-item-gap);
  --p-contextmenu-item-icon-color: var(--p-navigation-item-icon-color);
  --p-contextmenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
  --p-contextmenu-item-icon-active-color: var(--p-navigation-item-icon-active-color);
  --p-contextmenu-submenu-icon-size: var(--p-navigation-submenu-icon-size);
  --p-contextmenu-submenu-icon-color: var(--p-navigation-submenu-icon-color);
  --p-contextmenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
  --p-contextmenu-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
  --p-contextmenu-submenu-mobile-indent: 1rem;
  --p-contextmenu-separator-border-color: var(--p-content-border-color);
  --p-contextmenu-figma-stroke: 0 0 0 0 var(--p-contextmenu-border-color);
  --p-contextmenu-figma-separator-stroke: 0 0 0 0 var(--p-contextmenu-separator-border-color);
  --p-contextmenu-transition-duration: var(--p-transition-duration);
  --p-dock-background: rgba(255, 255, 255, 0.1);
  --p-dock-border-color: rgba(255, 255, 255, 0.2);
  --p-dock-border-radius: var(--p-border-radius-xs);
  --p-dock-figma-stroke: 0 0 0 0 var(--p-dock-border-color);
  --p-dock-figma-item-focus-ring-stroke: 0 0 0 0 var(--p-dock-item-focus-ring-color);
  --p-dock-figma-item-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-dock-padding: 0.5rem;
  --p-dock-item-border-radius: var(--p-content-border-radius);
  --p-dock-item-padding: 0.5rem;
  --p-dock-item-size: 3rem;
  --p-dock-item-focus-ring-width: var(--p-focus-ring-width);
  --p-dock-item-focus-ring-offset: var(--p-focus-ring-offset);
  --p-dock-item-focus-ring-style: var(--p-focus-ring-style);
  --p-dock-item-focus-ring-color: var(--p-focus-ring-color);
  --p-dock-item-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-megamenu-background: var(--p-content-background);
  --p-megamenu-border-color: var(--p-content-border-color);
  --p-megamenu-border-radius: var(--p-content-border-radius);
  --p-megamenu-color: var(--p-content-color);
  --p-megamenu-gap: 0.5rem;
  --p-megamenu-vertical-orientation-padding: var(--p-navigation-list-padding);
  --p-megamenu-vertical-orientation-gap: var(--p-navigation-list-gap);
  --p-megamenu-horizontal-orientation-padding: 0.5rem 0.75rem;
  --p-megamenu-horizontal-orientation-gap: 0.5rem;
  --p-megamenu-base-item-border-radius: var(--p-content-border-radius);
  --p-megamenu-base-item-padding: var(--p-navigation-item-padding);
  --p-megamenu-item-focus-background: var(--p-navigation-item-focus-background);
  --p-megamenu-item-focus-color: var(--p-navigation-item-focus-color);
  --p-megamenu-item-active-background: var(--p-navigation-item-active-background);
  --p-megamenu-item-active-color: var(--p-navigation-item-active-color);
  --p-megamenu-item-color: var(--p-navigation-item-color);
  --p-megamenu-item-padding: var(--p-navigation-item-padding);
  --p-megamenu-item-border-radius: var(--p-navigation-item-border-radius);
  --p-megamenu-item-gap: var(--p-navigation-item-gap);
  --p-megamenu-item-icon-color: var(--p-navigation-item-icon-color);
  --p-megamenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
  --p-megamenu-item-icon-active-color: var(--p-navigation-item-icon-active-color);
  --p-megamenu-overlay-padding: 0px;
  --p-megamenu-overlay-background: var(--p-content-background);
  --p-megamenu-overlay-border-color: var(--p-content-border-color);
  --p-megamenu-overlay-border-radius: var(--p-content-border-radius);
  --p-megamenu-overlay-color: var(--p-content-color);
  --p-megamenu-overlay-shadow: var(--p-overlay-navigation-shadow);
  --p-megamenu-overlay-gap: 0.5rem;
  --p-megamenu-figma-overlay-stroke: 0 0 0 0 var(--p-megamenu-overlay-border-color);
  --p-megamenu-figma-separator-stroke: 0 0 0 0 var(--p-megamenu-separator-border-color);
  --p-megamenu-figma-mobile-button-focus-ring-stroke: 0 0 0 0 var(--p-megamenu-mobile-button-focus-ring-color);
  --p-megamenu-figma-mobile-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-megamenu-figma-stroke: 0 0 0 0 var(--p-megamenu-border-color);
  --p-megamenu-submenu-label-padding: var(--p-navigation-submenu-label-padding);
  --p-megamenu-submenu-label-font-weight: var(--p-navigation-submenu-label-font-weight);
  --p-megamenu-submenu-label-background: var(--p-navigation-submenu-label-background);
  --p-megamenu-submenu-label-color: var(--p-navigation-submenu-label-color);
  --p-megamenu-submenu-icon-size: var(--p-navigation-submenu-icon-size);
  --p-megamenu-submenu-icon-color: var(--p-navigation-submenu-icon-color);
  --p-megamenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
  --p-megamenu-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
  --p-megamenu-submenu-padding: var(--p-navigation-list-padding);
  --p-megamenu-submenu-gap: var(--p-navigation-list-gap);
  --p-megamenu-separator-border-color: var(--p-content-border-color);
  --p-megamenu-mobile-button-border-radius: calc(var(--p-megamenu-mobile-button-size)  /  2);
  --p-megamenu-mobile-button-size: 1.75rem;
  --p-megamenu-mobile-button-color: var(--p-text-muted-color);
  --p-megamenu-mobile-button-hover-color: var(--p-text-hover-muted-color);
  --p-megamenu-mobile-button-hover-background: var(--p-content-hover-background);
  --p-megamenu-mobile-button-focus-ring-width: var(--p-focus-ring-width);
  --p-megamenu-mobile-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-megamenu-mobile-button-focus-ring-style: var(--p-focus-ring-style);
  --p-megamenu-mobile-button-focus-ring-color: var(--p-focus-ring-color);
  --p-megamenu-mobile-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-megamenu-transition-duration: var(--p-transition-duration);
  --p-menu-background: var(--p-content-background);
  --p-menu-border-color: var(--p-content-border-color);
  --p-menu-border-radius: var(--p-content-border-radius);
  --p-menu-figma-stroke: 0 0 0 0 var(--p-menu-border-color);
  --p-menu-figma-separator-stroke: 0 0 0 0 var(--p-menu-separator-border-color);
  --p-menu-color: var(--p-content-color);
  --p-menu-shadow: var(--p-overlay-navigation-shadow);
  --p-menu-list-padding: var(--p-navigation-list-padding);
  --p-menu-list-gap: var(--p-navigation-list-gap);
  --p-menu-item-focus-background: var(--p-navigation-item-focus-background);
  --p-menu-item-focus-color: var(--p-navigation-item-focus-color);
  --p-menu-item-color: var(--p-navigation-item-color);
  --p-menu-item-padding: var(--p-navigation-item-padding);
  --p-menu-item-border-radius: var(--p-navigation-item-border-radius);
  --p-menu-item-gap: var(--p-navigation-item-gap);
  --p-menu-item-icon-color: var(--p-navigation-item-icon-color);
  --p-menu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
  --p-menu-submenu-label-padding: var(--p-navigation-submenu-label-padding);
  --p-menu-submenu-label-font-weight: var(--p-navigation-submenu-label-font-weight);
  --p-menu-submenu-label-background: var(--p-navigation-submenu-label-background);
  --p-menu-submenu-label-color: var(--p-navigation-submenu-label-color);
  --p-menu-separator-border-color: var(--p-content-border-color);
  --p-menu-transition-duration: var(--p-transition-duration);
  --p-menubar-background: var(--p-content-background);
  --p-menubar-border-color: var(--p-content-border-color);
  --p-menubar-border-radius: var(--p-content-border-radius);
  --p-menubar-figma-stroke: 0 0 0 0 var(--p-menubar-border-color);
  --p-menubar-figma-submenu-stroke: 0 0 0 0 var(--p-menubar-submenu-border-color);
  --p-menubar-figma-separator-stroke: 0 0 0 0 var(--p-menubar-separator-border-color);
  --p-menubar-figma-mobile-button-focus-ring-stroke: 0 0 0 0 var(--p-menubar-mobile-button-focus-ring-color);
  --p-menubar-figma-mobile-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-menubar-color: var(--p-content-color);
  --p-menubar-gap: 0.5rem;
  --p-menubar-padding: 0.5rem 0.75rem;
  --p-menubar-base-item-border-radius: var(--p-content-border-radius);
  --p-menubar-base-item-padding: var(--p-navigation-item-padding);
  --p-menubar-item-focus-background: var(--p-navigation-item-focus-background);
  --p-menubar-item-focus-color: var(--p-navigation-item-focus-color);
  --p-menubar-item-active-background: var(--p-navigation-item-active-background);
  --p-menubar-item-active-color: var(--p-navigation-item-active-color);
  --p-menubar-item-color: var(--p-navigation-item-color);
  --p-menubar-item-padding: var(--p-navigation-item-padding);
  --p-menubar-item-border-radius: var(--p-navigation-item-border-radius);
  --p-menubar-item-gap: var(--p-navigation-item-gap);
  --p-menubar-item-icon-color: var(--p-navigation-item-icon-color);
  --p-menubar-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
  --p-menubar-item-icon-active-color: var(--p-navigation-item-icon-active-color);
  --p-menubar-submenu-padding: var(--p-navigation-list-padding);
  --p-menubar-submenu-gap: var(--p-navigation-list-gap);
  --p-menubar-submenu-background: var(--p-content-background);
  --p-menubar-submenu-border-color: var(--p-content-border-color);
  --p-menubar-submenu-border-radius: var(--p-content-border-radius);
  --p-menubar-submenu-shadow: var(--p-overlay-navigation-shadow);
  --p-menubar-submenu-mobile-indent: 1rem;
  --p-menubar-submenu-icon-size: var(--p-navigation-submenu-icon-size);
  --p-menubar-submenu-icon-color: var(--p-navigation-submenu-icon-color);
  --p-menubar-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
  --p-menubar-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
  --p-menubar-separator-border-color: var(--p-content-border-color);
  --p-menubar-mobile-button-border-radius: calc(var(--p-menubar-mobile-button-size)  /  2);
  --p-menubar-mobile-button-size: 1.75rem;
  --p-menubar-mobile-button-color: var(--p-text-muted-color);
  --p-menubar-mobile-button-hover-color: var(--p-text-hover-muted-color);
  --p-menubar-mobile-button-hover-background: var(--p-content-hover-background);
  --p-menubar-mobile-button-focus-ring-width: var(--p-focus-ring-width);
  --p-menubar-mobile-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-menubar-mobile-button-focus-ring-style: var(--p-focus-ring-style);
  --p-menubar-mobile-button-focus-ring-color: var(--p-focus-ring-color);
  --p-menubar-mobile-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-menubar-transition-duration: var(--p-transition-duration);
  --p-panelmenu-gap: 0.5rem;
  --p-panelmenu-panel-background: var(--p-content-background);
  --p-panelmenu-panel-border-color: var(--p-content-border-color);
  --p-panelmenu-panel-border-width: 1px;
  --p-panelmenu-panel-border-radius: var(--p-content-border-radius);
  --p-panelmenu-panel-color: var(--p-content-color);
  --p-panelmenu-panel-padding: 0.25rem 0.25rem;
  --p-panelmenu-panel-first-border-width: 1px;
  --p-panelmenu-panel-first-top-border-radius: var(--p-content-border-radius);
  --p-panelmenu-panel-last-border-width: 1px;
  --p-panelmenu-panel-last-bottom-border-radius: var(--p-content-border-radius);
  --p-panelmenu-figma-panel-stroke: 0 0 0 0 var(--p-panelmenu-panel-border-color);
  --p-panelmenu-item-focus-background: var(--p-navigation-item-focus-background);
  --p-panelmenu-item-focus-color: var(--p-navigation-item-focus-color);
  --p-panelmenu-item-color: var(--p-navigation-item-color);
  --p-panelmenu-item-gap: 0.5rem;
  --p-panelmenu-item-padding: var(--p-navigation-item-padding);
  --p-panelmenu-item-border-radius: var(--p-content-border-radius);
  --p-panelmenu-item-icon-color: var(--p-navigation-item-icon-color);
  --p-panelmenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
  --p-panelmenu-submenu-indent: 1rem;
  --p-panelmenu-submenu-icon-color: var(--p-navigation-submenu-icon-color);
  --p-panelmenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
  --p-panelmenu-transition-duration: var(--p-transition-duration);
  --p-tieredmenu-background: var(--p-content-background);
  --p-tieredmenu-border-color: var(--p-content-border-color);
  --p-tieredmenu-border-radius: var(--p-content-border-radius);
  --p-tieredmenu-figma-stroke: 0 0 0 0 var(--p-tieredmenu-border-color);
  --p-tieredmenu-figma-separator-stroke: 0 0 0 0 var(--p-tieredmenu-separator-border-color);
  --p-tieredmenu-color: var(--p-content-color);
  --p-tieredmenu-shadow: var(--p-overlay-navigation-shadow);
  --p-tieredmenu-list-padding: var(--p-navigation-list-padding);
  --p-tieredmenu-list-gap: var(--p-navigation-list-gap);
  --p-tieredmenu-item-focus-background: var(--p-navigation-item-focus-background);
  --p-tieredmenu-item-focus-color: var(--p-navigation-item-focus-color);
  --p-tieredmenu-item-active-background: var(--p-navigation-item-active-background);
  --p-tieredmenu-item-active-color: var(--p-navigation-item-active-color);
  --p-tieredmenu-item-color: var(--p-navigation-item-color);
  --p-tieredmenu-item-padding: var(--p-navigation-item-padding);
  --p-tieredmenu-item-border-radius: var(--p-navigation-item-border-radius);
  --p-tieredmenu-item-gap: var(--p-navigation-item-gap);
  --p-tieredmenu-item-icon-color: var(--p-navigation-item-icon-color);
  --p-tieredmenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
  --p-tieredmenu-item-icon-active-color: var(--p-navigation-item-icon-active-color);
  --p-tieredmenu-submenu-icon-size: var(--p-navigation-submenu-icon-size);
  --p-tieredmenu-submenu-icon-color: var(--p-navigation-submenu-icon-color);
  --p-tieredmenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
  --p-tieredmenu-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
  --p-tieredmenu-submenu-mobile-indent: 1rem;
  --p-tieredmenu-separator-border-color: var(--p-content-border-color);
  --p-tieredmenu-transition-duration: var(--p-transition-duration);
  --p-orderlist-gap: 1.125rem;
  --p-orderlist-controls-gap: 0.5rem;
  --p-organizationchart-gutter: 0.75rem;
  --p-organizationchart-node-background: var(--p-content-background);
  --p-organizationchart-node-hover-background: var(--p-content-hover-background);
  --p-organizationchart-node-hover-color: var(--p-content-hover-color);
  --p-organizationchart-node-selected-background: var(--p-highlight-background);
  --p-organizationchart-node-selected-color: var(--p-highlight-color);
  --p-organizationchart-node-border-color: var(--p-content-border-color);
  --p-organizationchart-node-border-radius: var(--p-content-border-radius);
  --p-organizationchart-node-color: var(--p-content-color);
  --p-organizationchart-node-padding: 0.75rem 1rem;
  --p-organizationchart-node-toggleable-padding: 0.75rem 1rem 1.25rem 1rem;
  --p-organizationchart-node-toggle-button-background: var(--p-content-background);
  --p-organizationchart-node-toggle-button-hover-background: var(--p-content-hover-background);
  --p-organizationchart-node-toggle-button-hover-color: var(--p-text-color);
  --p-organizationchart-node-toggle-button-border-color: var(--p-content-border-color);
  --p-organizationchart-node-toggle-button-border-radius: calc(var(--p-organizationchart-node-toggle-button-size)  /  2);
  --p-organizationchart-node-toggle-button-color: var(--p-text-muted-color);
  --p-organizationchart-node-toggle-button-size: 1.5rem;
  --p-organizationchart-node-toggle-button-focus-ring-width: var(--p-focus-ring-width);
  --p-organizationchart-node-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-organizationchart-node-toggle-button-focus-ring-color: var(--p-focus-ring-color);
  --p-organizationchart-node-toggle-button-focus-ring-style: var(--p-focus-ring-style);
  --p-organizationchart-node-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-organizationchart-figma-node-stroke: 0 0 0 0 var(--p-organizationchart-node-border-color);
  --p-organizationchart-figma-node-toggle-button-stroke: 0 0 0 0 var(--p-organizationchart-node-toggle-button-border-color);
  --p-organizationchart-figma-node-toggle-button-focus-ring-stroke: 0 0 0 0 var(--p-organizationchart-node-toggle-button-focus-ring-color);
  --p-organizationchart-figma-node-toggle-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-organizationchart-connector-color: var(--p-content-border-color);
  --p-organizationchart-connector-border-radius: var(--p-content-border-radius);
  --p-organizationchart-connector-height: 24px;
  --p-organizationchart-transition-duration: var(--p-transition-duration);
  --p-paginator-padding: 0.5rem 1rem;
  --p-paginator-gap: 0.25rem;
  --p-paginator-border-radius: var(--p-content-border-radius);
  --p-paginator-background: var(--p-content-background);
  --p-paginator-color: var(--p-content-color);
  --p-paginator-nav-button-background: transparent;
  --p-paginator-nav-button-hover-background: var(--p-content-hover-background);
  --p-paginator-nav-button-hover-color: var(--p-text-hover-muted-color);
  --p-paginator-nav-button-selected-background: var(--p-highlight-background);
  --p-paginator-nav-button-selected-color: var(--p-highlight-color);
  --p-paginator-nav-button-width: 2.5rem;
  --p-paginator-nav-button-height: 2.5rem;
  --p-paginator-nav-button-border-radius: calc(var(--p-paginator-nav-button-width)  /  2);
  --p-paginator-nav-button-focus-ring-width: var(--p-focus-ring-width);
  --p-paginator-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-paginator-nav-button-focus-ring-style: var(--p-focus-ring-style);
  --p-paginator-nav-button-focus-ring-color: var(--p-focus-ring-color);
  --p-paginator-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-paginator-nav-button-color: var(--p-text-muted-color);
  --p-paginator-figma-nav-button-focus-ring-stroke: 0 0 0 0 var(--p-paginator-nav-button-focus-ring-color);
  --p-paginator-figma-nav-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-paginator-current-page-report-color: var(--p-text-muted-color);
  --p-paginator-jump-to-page-input-max-width: 2.5rem;
  --p-paginator-transition-duration: var(--p-transition-duration);
  --p-picklist-gap: 1.125rem;
  --p-picklist-controls-gap: 0.5rem;
  --p-datatable-header-background: var(--p-content-background);
  --p-datatable-header-border-color: var(--p-datatable-border-color);
  --p-datatable-header-border-width: 1px;
  --p-datatable-header-color: var(--p-content-color);
  --p-datatable-header-padding: 0.75rem 1rem;
  --p-datatable-header-cell-background: var(--p-content-background);
  --p-datatable-header-cell-hover-background: var(--p-content-hover-background);
  --p-datatable-header-cell-hover-color: var(--p-content-hover-color);
  --p-datatable-header-cell-selected-background: var(--p-highlight-background);
  --p-datatable-header-cell-selected-color: var(--p-highlight-color);
  --p-datatable-header-cell-border-color: var(--p-datatable-border-color);
  --p-datatable-header-cell-color: var(--p-content-color);
  --p-datatable-header-cell-gap: 0.5rem;
  --p-datatable-header-cell-padding: 0.75rem 1rem;
  --p-datatable-header-cell-focus-ring-width: var(--p-focus-ring-width);
  --p-datatable-header-cell-focus-ring-offset: -1px;
  --p-datatable-header-cell-focus-ring-style: var(--p-focus-ring-style);
  --p-datatable-header-cell-focus-ring-color: var(--p-focus-ring-color);
  --p-datatable-header-cell-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-datatable-header-cell-sm-padding: 0.375rem 0.5rem;
  --p-datatable-header-cell-lg-padding: 1rem 1.25rem;
  --p-datatable-header-sm-padding: 0.375rem 0.5rem;
  --p-datatable-header-lg-padding: 1rem 1.25rem;
  --p-datatable-figma-header-stroke: 0 0 0 0 var(--p-datatable-header-border-color);
  --p-datatable-figma-header-cell-stroke: 0 0 0 0 var(--p-datatable-header-cell-border-color);
  --p-datatable-figma-body-cell-stroke: 0 0 0 0 var(--p-datatable-body-cell-border-color);
  --p-datatable-figma-footer-cell-stroke: 0 0 0 0 var(--p-datatable-footer-cell-border-color);
  --p-datatable-figma-footer-stroke: 0 0 0 0 var(--p-datatable-footer-border-color);
  --p-datatable-figma-row-toggle-button-focus-ring-stroke: 0 0 0 0 var(--p-datatable-row-toggle-button-focus-ring-color);
  --p-datatable-figma-row-toggle-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-datatable-figma-filter-overlay-select-stroke: 0 0 0 0 var(--p-datatable-filter-overlay-select-border-color);
  --p-datatable-figma-filter-overlay-popover-stroke: 0 0 0 0 var(--p-datatable-filter-overlay-popover-border-color);
  --p-datatable-figma-filter-constraint-separator-stroke: 0 0 0 0 var(--p-datatable-filter-constraint-separator-border-color);
  --p-datatable-figma-paginator-top-stroke: 0 0 0 0 var(--p-datatable-paginator-top-border-color);
  --p-datatable-figma-paginator-bottom-stroke: 0 0 0 0 var(--p-datatable-paginator-bottom-border-color);
  --p-datatable-column-title-font-weight: 600px;
  --p-datatable-column-footer-font-weight: 600px;
  --p-datatable-column-resizer-width: 0.5rem;
  --p-datatable-row-background: var(--p-content-background);
  --p-datatable-row-hover-background: var(--p-content-hover-background);
  --p-datatable-row-hover-color: var(--p-content-hover-color);
  --p-datatable-row-selected-background: var(--p-highlight-background);
  --p-datatable-row-selected-color: var(--p-highlight-color);
  --p-datatable-row-color: var(--p-content-color);
  --p-datatable-row-focus-ring-width: var(--p-focus-ring-width);
  --p-datatable-row-focus-ring-offset: -1px;
  --p-datatable-row-focus-ring-color: var(--p-focus-ring-color);
  --p-datatable-row-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-datatable-row-focus-ring-style: var(--p-focus-ring-style);
  --p-datatable-row-toggle-button-hover-background: var(--p-content-hover-background);
  --p-datatable-row-toggle-button-hover-color: var(--p-text-color);
  --p-datatable-row-toggle-button-selected-hover-background: var(--p-content-background);
  --p-datatable-row-toggle-button-selected-hover-color: var(--p-primary-color);
  --p-datatable-row-toggle-button-color: var(--p-text-muted-color);
  --p-datatable-row-toggle-button-size: 1.75rem;
  --p-datatable-row-toggle-button-border-radius: calc(var(--p-datatable-row-toggle-button-size)  /  2);
  --p-datatable-row-toggle-button-focus-ring-width: var(--p-focus-ring-width);
  --p-datatable-row-toggle-button-focus-ring-style: var(--p-focus-ring-style);
  --p-datatable-row-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-datatable-row-toggle-button-focus-ring-color: var(--p-focus-ring-color);
  --p-datatable-row-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-datatable-body-cell-border-color: var(--p-datatable-border-color);
  --p-datatable-body-cell-padding: 0.75rem 1rem;
  --p-datatable-body-cell-sm-padding: 0.375rem 0.5rem;
  --p-datatable-body-cell-lg-padding: 1rem 1.25rem;
  --p-datatable-footer-cell-background: var(--p-content-background);
  --p-datatable-footer-cell-border-color: var(--p-datatable-border-color);
  --p-datatable-footer-cell-color: var(--p-content-color);
  --p-datatable-footer-cell-padding: 0.75rem 1rem;
  --p-datatable-footer-cell-sm-padding: 0.375rem 0.5rem;
  --p-datatable-footer-cell-lg-padding: 1rem 1.25rem;
  --p-datatable-footer-background: var(--p-content-background);
  --p-datatable-footer-border-color: var(--p-datatable-border-color);
  --p-datatable-footer-border-width: 1px;
  --p-datatable-footer-color: var(--p-content-color);
  --p-datatable-footer-padding: 0.75rem 1rem;
  --p-datatable-footer-sm-padding: 0.375rem 0.5rem;
  --p-datatable-footer-lg-padding: 1rem 1.25rem;
  --p-datatable-drop-point-color: var(--p-primary-color);
  --p-datatable-resize-indicator-width: 1px;
  --p-datatable-resize-indicator-color: var(--p-primary-color);
  --p-datatable-sort-icon-color: var(--p-text-muted-color);
  --p-datatable-sort-icon-hover-color: var(--p-text-hover-muted-color);
  --p-datatable-sort-icon-size: 0.875rem;
  --p-datatable-loading-icon-size: 2rem;
  --p-datatable-filter-inline-gap: 0.5rem;
  --p-datatable-filter-overlay-select-background: var(--p-overlay-select-background);
  --p-datatable-filter-overlay-select-border-color: var(--p-overlay-select-border-color);
  --p-datatable-filter-overlay-select-border-radius: var(--p-overlay-select-border-radius);
  --p-datatable-filter-overlay-select-color: var(--p-overlay-select-color);
  --p-datatable-filter-overlay-select-shadow: var(--p-overlay-select-shadow);
  --p-datatable-filter-overlay-popover-background: var(--p-overlay-popover-background);
  --p-datatable-filter-overlay-popover-border-color: var(--p-overlay-popover-border-color);
  --p-datatable-filter-overlay-popover-border-radius: var(--p-overlay-popover-border-radius);
  --p-datatable-filter-overlay-popover-color: var(--p-overlay-popover-color);
  --p-datatable-filter-overlay-popover-shadow: var(--p-overlay-popover-shadow);
  --p-datatable-filter-overlay-popover-padding: var(--p-overlay-popover-padding);
  --p-datatable-filter-overlay-popover-gap: 0.5rem;
  --p-datatable-filter-rule-border-color: var(--p-content-border-color);
  --p-datatable-filter-constraint-list-padding: var(--p-list-padding);
  --p-datatable-filter-constraint-list-gap: var(--p-list-gap);
  --p-datatable-filter-constraint-focus-background: var(--p-list-option-focus-background);
  --p-datatable-filter-constraint-focus-color: var(--p-list-option-focus-color);
  --p-datatable-filter-constraint-selected-background: var(--p-list-option-selected-background);
  --p-datatable-filter-constraint-selected-focus-background: var(--p-list-option-selected-focus-background);
  --p-datatable-filter-constraint-selected-focus-color: var(--p-list-option-selected-focus-color);
  --p-datatable-filter-constraint-selected-color: var(--p-list-option-selected-color);
  --p-datatable-filter-constraint-color: var(--p-list-option-color);
  --p-datatable-filter-constraint-separator-border-color: var(--p-content-border-color);
  --p-datatable-filter-constraint-padding: var(--p-list-option-padding);
  --p-datatable-filter-constraint-border-radius: var(--p-list-option-border-radius);
  --p-datatable-paginator-top-border-color: var(--p-datatable-border-color);
  --p-datatable-paginator-top-border-width: 1px;
  --p-datatable-paginator-bottom-border-color: var(--p-datatable-border-color);
  --p-datatable-paginator-bottom-border-width: 1px;
  --p-datatable-transition-duration: var(--p-transition-duration);
  --p-timeline-event-min-height: 5rem;
  --p-timeline-event-marker-size: 1.125rem;
  --p-timeline-event-marker-border-radius: calc(var(--p-timeline-event-marker-size)  /  2);
  --p-timeline-event-marker-border-width: 2px;
  --p-timeline-event-marker-border-color: var(--p-content-border-color);
  --p-timeline-event-marker-background: var(--p-content-background);
  --p-timeline-event-marker-content-border-radius: calc(var(--p-timeline-event-marker-content-size)  /  2);
  --p-timeline-event-marker-content-size: 0.375rem;
  --p-timeline-event-marker-content-background: var(--p-primary-color);
  --p-timeline-event-marker-content-inset-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
  --p-timeline-event-connector-color: var(--p-content-border-color);
  --p-timeline-event-connector-size: 2px;
  --p-timeline-horizontal-event-content-padding: 1rem 0;
  --p-timeline-vertical-event-content-padding: 0 1rem;
  --p-timeline-figma-event-marker-stroke: 0 0 0 0 var(--p-timeline-event-marker-border-color);
  --p-tree-background: var(--p-content-background);
  --p-tree-color: var(--p-content-color);
  --p-tree-padding: 1rem;
  --p-tree-gap: 2px;
  --p-tree-indent: 1rem;
  --p-tree-node-padding: 0.25rem 0.5rem;
  --p-tree-node-border-radius: var(--p-content-border-radius);
  --p-tree-node-hover-background: var(--p-content-hover-background);
  --p-tree-node-hover-color: var(--p-text-hover-color);
  --p-tree-node-selected-background: var(--p-highlight-background);
  --p-tree-node-selected-color: var(--p-highlight-color);
  --p-tree-node-color: var(--p-text-color);
  --p-tree-node-focus-ring-width: var(--p-focus-ring-width);
  --p-tree-node-focus-ring-offset: -1px;
  --p-tree-node-focus-ring-style: var(--p-focus-ring-style);
  --p-tree-node-focus-ring-color: var(--p-focus-ring-color);
  --p-tree-node-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-tree-node-gap: 0.25rem;
  --p-tree-node-icon-color: var(--p-text-muted-color);
  --p-tree-node-icon-hover-color: var(--p-text-hover-muted-color);
  --p-tree-node-icon-selected-color: var(--p-highlight-color);
  --p-tree-node-toggle-button-border-radius: calc(var(--p-tree-node-toggle-button-size)  /  2);
  --p-tree-node-toggle-button-size: 1.75rem;
  --p-tree-node-toggle-button-hover-background: var(--p-content-hover-background);
  --p-tree-node-toggle-button-hover-color: var(--p-text-hover-muted-color);
  --p-tree-node-toggle-button-selected-hover-background: var(--p-content-background);
  --p-tree-node-toggle-button-selected-hover-color: var(--p-primary-color);
  --p-tree-node-toggle-button-color: var(--p-text-muted-color);
  --p-tree-node-toggle-button-focus-ring-width: var(--p-focus-ring-width);
  --p-tree-node-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-tree-node-toggle-button-focus-ring-style: var(--p-focus-ring-style);
  --p-tree-node-toggle-button-focus-ring-color: var(--p-focus-ring-color);
  --p-tree-node-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-tree-figma-node-toggle-button-focus-ring-stroke: 0 0 0 0 var(--p-tree-node-toggle-button-focus-ring-color);
  --p-tree-figma-node-toggle-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-tree-loading-icon-size: 2rem;
  --p-tree-filter-margin: 0.5rem;
  --p-tree-transition-duration: var(--p-transition-duration);
  --p-virtualscroller-loader-mask-background: var(--p-content-background);
  --p-virtualscroller-loader-mask-color: var(--p-text-muted-color);
  --p-virtualscroller-loader-icon-size: 2rem;
  --p-carousel-content-gap: 0.25rem;
  --p-carousel-indicator-list-padding: 1rem;
  --p-carousel-indicator-list-gap: 0.5rem;
  --p-carousel-indicator-width: 2rem;
  --p-carousel-indicator-height: 0.5rem;
  --p-carousel-indicator-border-radius: var(--p-content-border-radius);
  --p-carousel-indicator-focus-ring-width: var(--p-focus-ring-width);
  --p-carousel-indicator-focus-ring-offset: var(--p-focus-ring-offset);
  --p-carousel-indicator-focus-ring-style: var(--p-focus-ring-style);
  --p-carousel-indicator-focus-ring-color: var(--p-focus-ring-color);
  --p-carousel-indicator-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-carousel-figma-indicator-focus-ring-stroke: 0 0 0 0 var(--p-carousel-indicator-focus-ring-color);
  --p-carousel-figma-indicator-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-carousel-transition-duration: var(--p-transition-duration);
  --p-image-preview-icon-size: 1.5rem;
  --p-image-preview-mask-background: var(--p-mask-background);
  --p-image-preview-mask-color: var(--p-mask-color);
  --p-image-toolbar-background: rgba(255, 255, 255, 0.1);
  --p-image-toolbar-border-color: rgba(255, 255, 255, 0.2);
  --p-image-toolbar-border-width: 1px;
  --p-image-toolbar-border-radius: 30px;
  --p-image-toolbar-padding: 0.5rem;
  --p-image-toolbar-gap: 0.5rem;
  --p-image-toolbar-position-right: 1rem;
  --p-image-toolbar-position-top: 1rem;
  --p-image-toolbar-position-left: auto;
  --p-image-toolbar-position-bottom: auto;
  --p-image-toolbar-blur: 8px;
  --p-image-action-hover-background: rgba(255, 255, 255, 0.1);
  --p-image-action-hover-color: var(--p-surface-0);
  --p-image-action-color: var(--p-surface-50);
  --p-image-action-size: 3rem;
  --p-image-action-icon-size: 1.5rem;
  --p-image-action-border-radius: calc(var(--p-image-action-size)  /  2);
  --p-image-action-focus-ring-width: var(--p-focus-ring-width);
  --p-image-action-focus-ring-offset: var(--p-focus-ring-offset);
  --p-image-action-focus-ring-style: var(--p-focus-ring-style);
  --p-image-action-focus-ring-color: var(--p-focus-ring-color);
  --p-image-action-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-image-figma-action-focus-ring-stroke: 0 0 0 0 var(--p-image-action-focus-ring-color);
  --p-image-figma-action-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-image-figma-toolbar-stroke: 0 0 0 0 var(--p-image-toolbar-border-color);
  --p-image-transition-duration: var(--p-transition-duration);
  --p-treetable-header-background: var(--p-content-background);
  --p-treetable-header-border-color: var(--p-treetable-border-color);
  --p-treetable-header-border-width: 1px;
  --p-treetable-header-color: var(--p-content-color);
  --p-treetable-header-padding: 0.75rem 1rem;
  --p-treetable-header-cell-background: var(--p-content-background);
  --p-treetable-header-cell-hover-background: var(--p-content-hover-background);
  --p-treetable-header-cell-hover-color: var(--p-content-hover-color);
  --p-treetable-header-cell-selected-background: var(--p-highlight-background);
  --p-treetable-header-cell-selected-color: var(--p-highlight-color);
  --p-treetable-header-cell-border-color: var(--p-treetable-border-color);
  --p-treetable-header-cell-color: var(--p-content-color);
  --p-treetable-header-cell-gap: 0.5rem;
  --p-treetable-header-cell-padding: 0.75rem 1rem;
  --p-treetable-header-cell-focus-ring-width: var(--p-focus-ring-width);
  --p-treetable-header-cell-focus-ring-offset: -1px;
  --p-treetable-header-cell-focus-ring-style: var(--p-focus-ring-style);
  --p-treetable-header-cell-focus-ring-color: var(--p-focus-ring-color);
  --p-treetable-header-cell-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-treetable-figma-header-stroke: 0 0 0 0 var(--p-treetable-header-border-color);
  --p-treetable-figma-header-cell-stroke: 0 0 0 0 var(--p-treetable-header-cell-border-color);
  --p-treetable-figma-header-cell-padding-sm: 0.375rem 0.5rem;
  --p-treetable-figma-header-cell-padding-lg: 0.9375rem 1.25rem;
  --p-treetable-figma-header-padding-sm: 0.375rem 0.5rem;
  --p-treetable-figma-header-padding-lg: 0.9375rem 1.25rem;
  --p-treetable-figma-body-cell-stroke: 0 0 0 0 var(--p-treetable-body-cell-border-color);
  --p-treetable-figma-body-cell-padding-sm: 0.375rem 0.5rem;
  --p-treetable-figma-body-cell-padding-lg: 0.9375rem 1.25rem;
  --p-treetable-figma-footer-cell-stroke: 0 0 0 0 var(--p-treetable-footer-cell-border-color);
  --p-treetable-figma-footer-cell-padding-sm: 0.375rem 0.5rem;
  --p-treetable-figma-footer-cell-padding-lg: 0.9375rem 1.25rem;
  --p-treetable-figma-footer-stroke: 0 0 0 0 var(--p-treetable-footer-border-color);
  --p-treetable-figma-footer-padding-sm: 0.375rem 0.5rem;
  --p-treetable-figma-footer-padding-lg: 0.9375rem 1.25rem;
  --p-treetable-figma-node-toggle-button-focus-ring-stroke: 0 0 0 0 var(--p-treetable-node-toggle-button-focus-ring-color);
  --p-treetable-figma-node-toggle-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-treetable-figma-paginator-top-stroke: 0 0 0 0 var(--p-treetable-paginator-top-border-color);
  --p-treetable-figma-paginator-bottom-stroke: 0 0 0 0 var(--p-treetable-paginator-bottom-border-color);
  --p-treetable-column-title-font-weight: 600px;
  --p-treetable-column-footer-font-weight: 600px;
  --p-treetable-column-resizer-width: 0.5rem;
  --p-treetable-row-background: var(--p-content-background);
  --p-treetable-row-hover-background: var(--p-content-hover-background);
  --p-treetable-row-hover-color: var(--p-content-hover-color);
  --p-treetable-row-selected-background: var(--p-highlight-background);
  --p-treetable-row-selected-color: var(--p-highlight-color);
  --p-treetable-row-color: var(--p-content-color);
  --p-treetable-row-focus-ring-width: var(--p-focus-ring-width);
  --p-treetable-row-focus-ring-offset: -1px;
  --p-treetable-row-focus-ring-color: var(--p-focus-ring-color);
  --p-treetable-row-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-treetable-row-focus-ring-style: var(--p-focus-ring-style);
  --p-treetable-body-cell-border-color: var(--p-treetable-border-color);
  --p-treetable-body-cell-padding: 0.75rem 1rem;
  --p-treetable-body-cell-gap: 0.5rem;
  --p-treetable-footer-cell-background: var(--p-content-background);
  --p-treetable-footer-cell-border-color: var(--p-treetable-border-color);
  --p-treetable-footer-cell-color: var(--p-content-color);
  --p-treetable-footer-cell-padding: 0.75rem 1rem;
  --p-treetable-footer-background: var(--p-content-background);
  --p-treetable-footer-border-color: var(--p-treetable-border-color);
  --p-treetable-footer-border-width: 1px;
  --p-treetable-footer-color: var(--p-content-color);
  --p-treetable-footer-padding: 0.75rem 1rem;
  --p-treetable-resize-indicator-width: 1px;
  --p-treetable-resize-indicator-color: var(--p-primary-color);
  --p-treetable-sort-icon-color: var(--p-text-muted-color);
  --p-treetable-sort-icon-hover-color: var(--p-text-hover-muted-color);
  --p-treetable-sort-icon-size: 0.875rem;
  --p-treetable-loading-icon-size: 2rem;
  --p-treetable-node-toggle-button-hover-background: var(--p-content-hover-background);
  --p-treetable-node-toggle-button-hover-color: var(--p-text-color);
  --p-treetable-node-toggle-button-selected-hover-background: var(--p-content-background);
  --p-treetable-node-toggle-button-selected-hover-color: var(--p-primary-color);
  --p-treetable-node-toggle-button-color: var(--p-text-muted-color);
  --p-treetable-node-toggle-button-size: 1.75rem;
  --p-treetable-node-toggle-button-border-radius: calc(var(--p-treetable-node-toggle-button-size)  /  2);
  --p-treetable-node-toggle-button-focus-ring-width: var(--p-focus-ring-width);
  --p-treetable-node-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-treetable-node-toggle-button-focus-ring-style: var(--p-focus-ring-style);
  --p-treetable-node-toggle-button-focus-ring-color: var(--p-focus-ring-color);
  --p-treetable-node-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-treetable-paginator-top-border-color: var(--p-content-border-color);
  --p-treetable-paginator-top-border-width: 1px;
  --p-treetable-paginator-bottom-border-width: 1px;
  --p-treetable-paginator-bottom-border-color: var(--p-content-border-color);
  --p-treetable-transition-duration: var(--p-transition-duration);
  --p-toast-width: 25rem;
  --p-toast-border-radius: var(--p-content-border-radius);
  --p-toast-border-width: 1px;
  --p-toast-icon-size: 1.125rem;
  --p-toast-content-padding: var(--p-overlay-popover-padding);
  --p-toast-content-gap: 0.5rem;
  --p-toast-summary-font-weight: 500px;
  --p-toast-summary-font-size: 1rem;
  --p-toast-detail-font-weight: 500px;
  --p-toast-detail-font-size: 0.875rem;
  --p-toast-close-button-width: 1.75rem;
  --p-toast-close-button-height: 1.75rem;
  --p-toast-close-button-border-radius: calc(var(--p-toast-close-button-width)  /  2);
  --p-toast-close-button-focus-ring-width: var(--p-focus-ring-width);
  --p-toast-close-button-focus-ring-style: var(--p-focus-ring-style);
  --p-toast-close-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-toast-close-icon-size: 1rem;
  --p-toast-text-gap: 0.5rem;
  --p-toast-transition-duration: var(--p-transition-duration);
  --p-galleria-border-width: 1px;
  --p-galleria-border-color: var(--p-content-border-color);
  --p-galleria-border-radius: var(--p-content-border-radius);
  --p-galleria-figma-stroke: 0 0 0 0 var(--p-galleria-border-color);
  --p-galleria-figma-nav-button-focus-ring-stroke: 0 0 0 0 var(--p-galleria-nav-button-focus-ring-color);
  --p-galleria-figma-nav-button-focus-ring-offset-stroke: 0 0 0 0 rgba(0, 0, 0, 0.01);
  --p-galleria-figma-thumbnail-nav-button-focus-ring-stroke: 0 0 0 0 var(--p-galleria-thumbnail-nav-button-focus-ring-color);
  --p-galleria-figma-thumbnail-nav-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-galleria-figma-indicator-button-focus-ring-stroke: 0 0 0 0 var(--p-galleria-indicator-button-focus-ring-color);
  --p-galleria-figma-indicator-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-galleria-figma-close-button-focus-ring-stroke: 0 0 0 0 var(--p-galleria-close-button-focus-ring-color);
  --p-galleria-figma-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-galleria-nav-button-background: rgba(255, 255, 255, 0.1);
  --p-galleria-nav-button-hover-background: rgba(255, 255, 255, 0.2);
  --p-galleria-nav-button-hover-color: var(--p-surface-0);
  --p-galleria-nav-button-color: var(--p-surface-100);
  --p-galleria-nav-button-size: 3rem;
  --p-galleria-nav-button-gutter: 0.5rem;
  --p-galleria-nav-button-prev-border-radius: calc(var(--p-galleria-nav-button-size)  /  2);
  --p-galleria-nav-button-next-border-radius: calc(var(--p-galleria-nav-button-size)  /  2);
  --p-galleria-nav-button-focus-ring-width: var(--p-focus-ring-width);
  --p-galleria-nav-button-focus-ring-style: var(--p-focus-ring-style);
  --p-galleria-nav-button-focus-ring-color: var(--p-focus-ring-color);
  --p-galleria-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-galleria-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-galleria-nav-icon-size: 1.5rem;
  --p-galleria-thumbnails-content-background: var(--p-content-background);
  --p-galleria-thumbnails-content-padding: 1rem 0.25rem;
  --p-galleria-thumbnail-nav-button-size: 2rem;
  --p-galleria-thumbnail-nav-button-border-radius: var(--p-content-border-radius);
  --p-galleria-thumbnail-nav-button-gutter: 0.5rem;
  --p-galleria-thumbnail-nav-button-focus-ring-width: var(--p-focus-ring-width);
  --p-galleria-thumbnail-nav-button-focus-ring-style: var(--p-focus-ring-style);
  --p-galleria-thumbnail-nav-button-focus-ring-color: var(--p-focus-ring-color);
  --p-galleria-thumbnail-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-galleria-thumbnail-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-galleria-thumbnail-nav-button-icon-size: 1rem;
  --p-galleria-caption-background: rgba(0, 0, 0, 0.5);
  --p-galleria-caption-color: var(--p-surface-100);
  --p-galleria-caption-padding: 1rem;
  --p-galleria-indicator-list-gap: 0.5rem;
  --p-galleria-indicator-list-padding: 1rem;
  --p-galleria-indicator-button-width: 1rem;
  --p-galleria-indicator-button-height: 1rem;
  --p-galleria-indicator-button-active-background: var(--p-primary-color);
  --p-galleria-indicator-button-border-radius: calc(var(--p-galleria-indicator-button-width)  /  2);
  --p-galleria-indicator-button-focus-ring-width: var(--p-focus-ring-width);
  --p-galleria-indicator-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-galleria-indicator-button-focus-ring-style: var(--p-focus-ring-style);
  --p-galleria-indicator-button-focus-ring-color: var(--p-focus-ring-color);
  --p-galleria-indicator-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-galleria-inset-indicator-list-background: rgba(0, 0, 0, 0.5);
  --p-galleria-inset-indicator-button-background: rgba(255, 255, 255, 0.4);
  --p-galleria-inset-indicator-button-hover-background: rgba(255, 255, 255, 0.6);
  --p-galleria-inset-indicator-button-active-background: rgba(255, 255, 255, 0.9);
  --p-galleria-close-button-size: 3rem;
  --p-galleria-close-button-gutter: 0.5rem;
  --p-galleria-close-button-background: rgba(255, 255, 255, 0.1);
  --p-galleria-close-button-hover-background: rgba(255, 255, 255, 0.2);
  --p-galleria-close-button-hover-color: var(--p-surface-0);
  --p-galleria-close-button-color: var(--p-surface-50);
  --p-galleria-close-button-border-radius: calc(var(--p-galleria-close-button-size)  /  2);
  --p-galleria-close-button-focus-ring-width: var(--p-focus-ring-width);
  --p-galleria-close-button-focus-ring-offset: var(--p-focus-ring-offset);
  --p-galleria-close-button-focus-ring-style: var(--p-focus-ring-style);
  --p-galleria-close-button-focus-ring-color: var(--p-focus-ring-color);
  --p-galleria-close-button-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-galleria-close-button-icon-size: 1.5rem;
  --p-galleria-transition-duration: var(--p-transition-duration);
  --p-popover-background: var(--p-overlay-popover-background);
  --p-popover-border-color: var(--p-overlay-popover-border-color);
  --p-popover-border-radius: var(--p-overlay-popover-border-radius);
  --p-popover-color: var(--p-overlay-popover-color);
  --p-popover-shadow: var(--p-overlay-popover-shadow);
  --p-popover-gutter: 10px;
  --p-popover-arrow-offset: 1.25rem;
  --p-popover-content-padding: var(--p-overlay-popover-padding);
  --p-popover-figma-stroke: 0 0 0 0 var(--p-popover-border-color);
  --p-fileupload-background: var(--p-content-background);
  --p-fileupload-border-color: var(--p-content-border-color);
  --p-fileupload-border-radius: var(--p-content-border-radius);
  --p-fileupload-color: var(--p-content-color);
  --p-fileupload-header-background: transparent;
  --p-fileupload-header-color: var(--p-text-color);
  --p-fileupload-header-padding: 1.125rem;
  --p-fileupload-header-border-width: 0px;
  --p-fileupload-header-border-radius: 0px;
  --p-fileupload-header-border-color: #00000000;
  --p-fileupload-header-gap: 0.5rem;
  --p-fileupload-header-stroke: 0 0 0 0 var(--p-fileupload-header-border-color);
  --p-fileupload-content-highlight-border-color: var(--p-primary-color);
  --p-fileupload-content-padding: 0 1.125rem 1.125rem 1.125rem;
  --p-fileupload-content-gap: 1rem;
  --p-fileupload-file-padding: 0rem;
  --p-fileupload-file-gap: 1rem;
  --p-fileupload-file-border-color: var(--p-content-border-color);
  --p-fileupload-file-info-gap: 0.25rem;
  --p-fileupload-file-list-gap: 0.5rem;
  --p-fileupload-progressbar-height: 0.25rem;
  --p-fileupload-basic-gap: 0.5rem;
  --p-fileupload-figma-stroke: 0 0 0 0 var(--p-fileupload-border-color);
  --p-fileupload-figma-file-stroke: 0 0 0 0 var(--p-fileupload-file-border-color);
  --p-fileupload-figma-content-highlight-stroke: 0 0 0 0 var(--p-fileupload-content-highlight-border-color);
  --p-fileupload-transition-duration: var(--p-transition-duration);
  --p-speeddial-gap: 0.5rem;
  --p-speeddial-transition-duration: var(--p-transition-duration);
  --p-splitbutton-border-radius: var(--p-form-field-border-radius);
  --p-splitbutton-rounded-border-radius: 2rem;
  --p-splitbutton-raised-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --p-stepper-separator-background: var(--p-content-border-color);
  --p-stepper-separator-active-background: var(--p-primary-color);
  --p-stepper-separator-margin: 0 0 0 1rem;
  --p-stepper-separator-size: 2px;
  --p-stepper-step-padding: 0.5rem;
  --p-stepper-step-gap: 1rem;
  --p-stepper-step-header-padding: 0px;
  --p-stepper-step-header-border-radius: var(--p-content-border-radius);
  --p-stepper-step-header-focus-ring-width: var(--p-focus-ring-width);
  --p-stepper-step-header-focus-ring-style: var(--p-focus-ring-style);
  --p-stepper-step-header-focus-ring-color: var(--p-focus-ring-color);
  --p-stepper-step-header-focus-ring-offset: var(--p-focus-ring-offset);
  --p-stepper-step-header-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-stepper-step-header-gap: 0.5rem;
  --p-stepper-step-title-color: var(--p-text-muted-color);
  --p-stepper-step-title-active-color: var(--p-primary-color);
  --p-stepper-step-title-font-weight: 500px;
  --p-stepper-step-number-background: var(--p-content-background);
  --p-stepper-step-number-active-background: var(--p-content-background);
  --p-stepper-step-number-active-border-color: var(--p-content-border-color);
  --p-stepper-step-number-active-color: var(--p-primary-color);
  --p-stepper-step-number-border-color: var(--p-content-border-color);
  --p-stepper-step-number-border-radius: calc(var(--p-stepper-step-number-size)  /  2);
  --p-stepper-step-number-color: var(--p-text-muted-color);
  --p-stepper-step-number-size: 2rem;
  --p-stepper-step-number-font-size: 1.143rem;
  --p-stepper-step-number-font-weight: 500px;
  --p-stepper-step-number-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
  --p-stepper-figma-step-header-focus-ring-stroke: 0 0 0 0 var(--p-stepper-step-header-focus-ring-color);
  --p-stepper-figma-step-header-focus-ring-offset-stroke: 0 0 0 0 var(--p-app-card-background);
  --p-stepper-figma-step-number-stroke: 0 0 0 0 var(--p-stepper-step-number-border-color);
  --p-stepper-figma-step-number-active-stroke: 0 0 0 0 var(--p-stepper-step-number-active-border-color);
  --p-stepper-steppanels-padding: 0.875rem 0.5rem 1.125rem 0.5rem;
  --p-stepper-steppanel-padding: 0px;
  --p-stepper-steppanel-background: var(--p-content-background);
  --p-stepper-steppanel-color: var(--p-content-color);
  --p-stepper-steppanel-indent: 1rem;
  --p-stepper-transition-duration: var(--p-transition-duration);
  --p-blockui-border-radius: var(--p-content-border-radius);
  --p-inplace-padding: var(--p-form-field-padding-y) var(--p-form-field-padding-x);
  --p-inplace-border-radius: var(--p-content-border-radius);
  --p-inplace-focus-ring-width: var(--p-focus-ring-width);
  --p-inplace-focus-ring-offset: var(--p-focus-ring-offset);
  --p-inplace-focus-ring-style: var(--p-focus-ring-style);
  --p-inplace-focus-ring-color: var(--p-focus-ring-color);
  --p-inplace-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-inplace-display-hover-background: var(--p-content-hover-background);
  --p-inplace-display-hover-color: var(--p-content-hover-color);
  --p-inplace-transition-duration: var(--p-transition-duration);
  --p-metergroup-gap: 1rem;
  --p-metergroup-meters-background: var(--p-content-border-color);
  --p-metergroup-meters-size: 0.5rem;
  --p-metergroup-label-gap: 0.5rem;
  --p-metergroup-label-marker-size: 0.5rem;
  --p-metergroup-label-icon-size: 1rem;
  --p-metergroup-label-list-vertical-gap: 0.5rem;
  --p-metergroup-label-list-horizontal-gap: 1rem;
  --p-metergroup-border-radius: var(--p-content-border-radius);
  --p-terminal-background: var(--p-form-field-background);
  --p-terminal-border-color: var(--p-form-field-border-color);
  --p-terminal-border-radius: var(--p-form-field-border-radius);
  --p-terminal-figma-stroke: 0 0 0 0 var(--p-terminal-border-color);
  --p-terminal-color: var(--p-form-field-color);
  --p-terminal-height: 18rem;
  --p-terminal-prompt-gap: 0.25rem;
  --p-terminal-command-response-margin: 2px 0;
  --p-terminal-padding: var(--p-form-field-padding-y) var(--p-form-field-padding-x);
  --p-imagecompare-handle-size: 15px;
  --p-imagecompare-handle-hover-size: 30px;
  --p-imagecompare-handle-hover-background: rgba(255, 255, 255, 0.3);
  --p-imagecompare-handle-hover-border-color: transparent;
  --p-imagecompare-handle-background: rgba(255, 255, 255, 0.3);
  --p-imagecompare-handle-border-color: transparent;
  --p-imagecompare-handle-border-width: 0px;
  --p-imagecompare-handle-border-radius: calc(var(--p-imagecompare-handle-size)  /  2);
  --p-imagecompare-handle-focus-ring-width: var(--p-focus-ring-width);
  --p-imagecompare-handle-focus-ring-offset: var(--p-focus-ring-offset);
  --p-imagecompare-handle-focus-ring-style: var(--p-focus-ring-style);
  --p-imagecompare-handle-focus-ring-color: rgba(255, 255, 255, 0.3);
  --p-imagecompare-handle-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-imagecompare-handle-transition-duration: var(--p-transition-duration);
  --p-imagecompare-figma-handle-stroke: 0 0 0 0 var(--p-imagecompare-handle-border-color);
  --p-imagecompare-figma-handle-hover-stroke: 0 0 0 0 var(--p-imagecompare-handle-hover-border-color);
  --p-imagecompare-figma-handle-hover-border-radius: calc(var(--p-imagecompare-handle-hover-size)  /  2);
  --p-imagecompare-figma-handle-focus-ring-stroke: 0 0 0 0 var(--p-imagecompare-handle-focus-ring-color);
  --p-imagecompare-figma-handle-focus-ring-offset-stroke: 0 0 0 0 rgba(0, 0, 0, 0.3);
  --p-overlaybadge-outline-color: var(--p-content-background);
  --p-overlaybadge-outline-width: 2px;
  --p-overlaybadge-figma-stroke: 0 0 0 0 var(--p-overlaybadge-outline-color);
  --p-inputotp-input-width: 2.5rem;
  --p-inputotp-input-sm-width: 2rem;
  --p-inputotp-input-lg-width: 3rem;
  --p-inputotp-gap: 0.5rem;
  --p-iftalabel-color: var(--p-form-field-float-label-color);
  --p-iftalabel-focus-color: var(--p-form-field-float-label-focus-color);
  --p-iftalabel-invalid-color: var(--p-form-field-float-label-invalid-color);
  --p-iftalabel-transition-duration: 0.2s;
  --p-iftalabel-position-x: var(--p-form-field-padding-x);
  --p-iftalabel-top: var(--p-form-field-padding-y);
  --p-iftalabel-font-size: 0.75rem;
  --p-iftalabel-font-weight: 400px;
  --p-iftalabel-input-padding-top: 1.5rem;
  --p-iftalabel-input-padding-bottom: var(--p-form-field-padding-y);
  --p-iftalabel-figma-line-height: var(--p-iftalabel-font-size);
  --p-listitem-padding-top: var(--p-spacing-4);
  --p-listitem-padding-left: var(--p-spacing-5);
  --p-listitem-padding-right: var(--p-spacing-5);
  --p-listitem-padding-bottom: var(--p-spacing-4);
  --p-listitem-gap: var(--p-spacing-5);
  --p-button-primary-background: var(--p-primary-color);
  --p-button-primary-hover-background: var(--p-primary-hover-color);
  --p-button-primary-hover-border-color: var(--p-primary-hover-color);
  --p-button-primary-hover-color: var(--p-primary-contrast-color);
  --p-button-primary-active-background: var(--p-primary-active-color);
  --p-button-primary-active-border-color: var(--p-primary-active-color);
  --p-button-primary-active-color: var(--p-primary-contrast-color);
  --p-button-primary-border-color: var(--p-primary-color);
  --p-button-primary-color: var(--p-primary-contrast-color);
  --p-button-primary-focus-ring-color: var(--p-primary-color);
  --p-button-primary-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-button-secondary-background: var(--p-surface-100);
  --p-button-secondary-hover-background: var(--p-surface-200);
  --p-button-secondary-hover-border-color: var(--p-surface-200);
  --p-button-secondary-hover-color: var(--p-surface-700);
  --p-button-secondary-active-background: var(--p-surface-300);
  --p-button-secondary-active-border-color: var(--p-surface-300);
  --p-button-secondary-active-color: var(--p-surface-800);
  --p-button-secondary-border-color: var(--p-surface-100);
  --p-button-secondary-color: var(--p-surface-600);
  --p-button-secondary-focus-ring-color: var(--p-surface-600);
  --p-button-secondary-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-button-info-background: var(--p-blue-500);
  --p-button-info-hover-background: var(--p-blue-600);
  --p-button-info-hover-border-color: var(--p-blue-600);
  --p-button-info-hover-color: #ffffff;
  --p-button-info-active-background: var(--p-blue-700);
  --p-button-info-active-border-color: var(--p-blue-700);
  --p-button-info-active-color: #ffffff;
  --p-button-info-border-color: var(--p-blue-500);
  --p-button-info-color: #ffffff;
  --p-button-info-focus-ring-color: var(--p-blue-500);
  --p-button-info-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-button-success-background: var(--p-green-500);
  --p-button-success-hover-background: var(--p-green-600);
  --p-button-success-hover-border-color: var(--p-green-600);
  --p-button-success-hover-color: #ffffff;
  --p-button-success-active-background: var(--p-green-700);
  --p-button-success-active-border-color: var(--p-green-700);
  --p-button-success-active-color: #ffffff;
  --p-button-success-border-color: var(--p-green-500);
  --p-button-success-color: #ffffff;
  --p-button-success-focus-ring-color: var(--p-green-500);
  --p-button-success-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-button-warn-background: var(--p-orange-500);
  --p-button-warn-hover-background: var(--p-orange-600);
  --p-button-warn-hover-border-color: var(--p-orange-600);
  --p-button-warn-hover-color: #ffffff;
  --p-button-warn-active-background: var(--p-orange-700);
  --p-button-warn-active-border-color: var(--p-orange-700);
  --p-button-warn-active-color: #ffffff;
  --p-button-warn-border-color: var(--p-orange-500);
  --p-button-warn-color: #ffffff;
  --p-button-warn-focus-ring-color: var(--p-orange-500);
  --p-button-warn-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-button-help-background: var(--p-purple-500);
  --p-button-help-hover-background: var(--p-purple-600);
  --p-button-help-hover-border-color: var(--p-purple-600);
  --p-button-help-hover-color: #ffffff;
  --p-button-help-active-background: var(--p-purple-700);
  --p-button-help-active-border-color: var(--p-purple-700);
  --p-button-help-active-color: #ffffff;
  --p-button-help-border-color: var(--p-purple-500);
  --p-button-help-color: #ffffff;
  --p-button-help-focus-ring-color: var(--p-purple-500);
  --p-button-help-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-button-danger-background: var(--p-red-500);
  --p-button-danger-hover-background: var(--p-red-600);
  --p-button-danger-hover-border-color: var(--p-red-600);
  --p-button-danger-hover-color: #ffffff;
  --p-button-danger-active-background: var(--p-red-700);
  --p-button-danger-active-border-color: var(--p-red-700);
  --p-button-danger-active-color: #ffffff;
  --p-button-danger-border-color: var(--p-red-500);
  --p-button-danger-color: #ffffff;
  --p-button-danger-focus-ring-color: var(--p-red-500);
  --p-button-danger-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-button-contrast-background: var(--p-surface-950);
  --p-button-contrast-hover-background: var(--p-surface-900);
  --p-button-contrast-hover-border-color: var(--p-surface-900);
  --p-button-contrast-hover-color: var(--p-surface-0);
  --p-button-contrast-active-background: var(--p-surface-800);
  --p-button-contrast-active-border-color: var(--p-surface-800);
  --p-button-contrast-active-color: var(--p-surface-0);
  --p-button-contrast-border-color: var(--p-surface-950);
  --p-button-contrast-color: var(--p-surface-0);
  --p-button-contrast-focus-ring-color: var(--p-surface-950);
  --p-button-contrast-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-button-outlined-primary-hover-background: var(--p-primary-50);
  --p-button-outlined-primary-active-background: var(--p-primary-100);
  --p-button-outlined-primary-border-color: var(--p-primary-500);
  --p-button-outlined-primary-color: var(--p-primary-color);
  --p-button-outlined-secondary-hover-background: var(--p-surface-50);
  --p-button-outlined-secondary-active-background: var(--p-surface-100);
  --p-button-outlined-secondary-border-color: var(--p-surface-200);
  --p-button-outlined-secondary-color: var(--p-surface-500);
  --p-button-outlined-success-hover-background: var(--p-green-50);
  --p-button-outlined-success-active-background: var(--p-green-100);
  --p-button-outlined-success-border-color: var(--p-green-400);
  --p-button-outlined-success-color: var(--p-green-500);
  --p-button-outlined-info-hover-background: var(--p-blue-50);
  --p-button-outlined-info-active-background: var(--p-blue-100);
  --p-button-outlined-info-border-color: var(--p-blue-300);
  --p-button-outlined-info-color: var(--p-blue-500);
  --p-button-outlined-warn-hover-background: var(--p-orange-50);
  --p-button-outlined-warn-active-background: var(--p-orange-100);
  --p-button-outlined-warn-border-color: var(--p-orange-300);
  --p-button-outlined-warn-color: var(--p-orange-500);
  --p-button-outlined-help-hover-background: var(--p-purple-50);
  --p-button-outlined-help-active-background: var(--p-purple-100);
  --p-button-outlined-help-border-color: var(--p-purple-200);
  --p-button-outlined-help-color: var(--p-purple-500);
  --p-button-outlined-danger-hover-background: var(--p-red-50);
  --p-button-outlined-danger-active-background: var(--p-red-100);
  --p-button-outlined-danger-border-color: var(--p-red-300);
  --p-button-outlined-danger-color: var(--p-red-500);
  --p-button-outlined-contrast-hover-background: var(--p-surface-50);
  --p-button-outlined-contrast-active-background: var(--p-surface-100);
  --p-button-outlined-contrast-border-color: var(--p-surface-700);
  --p-button-outlined-contrast-color: var(--p-surface-950);
  --p-button-outlined-plain-hover-background: var(--p-surface-50);
  --p-button-outlined-plain-active-background: var(--p-surface-100);
  --p-button-outlined-plain-border-color: var(--p-surface-200);
  --p-button-outlined-plain-color: var(--p-surface-700);
  --p-button-text-primary-hover-background: var(--p-primary-50);
  --p-button-text-primary-active-background: var(--p-primary-100);
  --p-button-text-primary-color: var(--p-primary-color);
  --p-button-text-secondary-hover-background: var(--p-surface-50);
  --p-button-text-secondary-active-background: var(--p-surface-100);
  --p-button-text-secondary-color: var(--p-surface-500);
  --p-button-text-success-hover-background: var(--p-green-50);
  --p-button-text-success-active-background: var(--p-green-100);
  --p-button-text-success-color: var(--p-green-500);
  --p-button-text-info-hover-background: var(--p-sky-50);
  --p-button-text-info-active-background: var(--p-sky-100);
  --p-button-text-info-color: var(--p-sky-500);
  --p-button-text-warn-hover-background: var(--p-orange-50);
  --p-button-text-warn-active-background: var(--p-orange-100);
  --p-button-text-warn-color: var(--p-orange-500);
  --p-button-text-help-hover-background: var(--p-purple-50);
  --p-button-text-help-active-background: var(--p-purple-100);
  --p-button-text-help-color: var(--p-purple-500);
  --p-button-text-danger-hover-background: var(--p-red-50);
  --p-button-text-danger-active-background: var(--p-red-100);
  --p-button-text-danger-color: var(--p-red-500);
  --p-button-text-plain-hover-background: var(--p-surface-50);
  --p-button-text-plain-active-background: var(--p-surface-100);
  --p-button-text-plain-color: var(--p-surface-700);
  --p-button-text-contrast-hover-background: var(--p-surface-50);
  --p-button-text-contrast-active-background: var(--p-surface-100);
  --p-button-text-contrast-color: var(--p-surface-950);
  --p-button-link-color: var(--p-primary-color);
  --p-button-link-hover-color: var(--p-primary-color);
  --p-button-link-active-color: var(--p-primary-color);
  --p-button-figma-primary-stroke: 0 0 0 0 var(--p-button-primary-border-color);
  --p-button-figma-primary-hover-stroke: 0 0 0 0 var(--p-button-primary-hover-border-color);
  --p-button-figma-primary-active-stroke: 0 0 0 0 var(--p-button-primary-active-border-color);
  --p-button-figma-secondary-stroke: 0 0 0 0 var(--p-button-secondary-border-color);
  --p-button-figma-secondary-hover-stroke: 0 0 0 0 var(--p-button-secondary-hover-border-color);
  --p-button-figma-secondary-active-stroke: 0 0 0 0 var(--p-button-secondary-active-border-color);
  --p-button-figma-info-stroke: 0 0 0 0 var(--p-button-info-border-color);
  --p-button-figma-info-hover-stroke: 0 0 0 0 var(--p-button-info-hover-border-color);
  --p-button-figma-info-active-stroke: 0 0 0 0 var(--p-button-info-active-border-color);
  --p-button-figma-warn-stroke: 0 0 0 0 var(--p-button-warn-border-color);
  --p-button-figma-warn-hover-stroke: 0 0 0 0 var(--p-button-warn-hover-border-color);
  --p-button-figma-warn-active-stroke: 0 0 0 0 var(--p-button-warn-active-border-color);
  --p-button-figma-help-stroke: 0 0 0 0 var(--p-button-help-border-color);
  --p-button-figma-help-hover-stroke: 0 0 0 0 var(--p-button-help-hover-border-color);
  --p-button-figma-help-active-stroke: 0 0 0 0 var(--p-button-help-active-border-color);
  --p-button-figma-danger-stroke: 0 0 0 0 var(--p-button-danger-border-color);
  --p-button-figma-danger-hover-stroke: 0 0 0 0 var(--p-button-danger-hover-border-color);
  --p-button-figma-danger-active-stroke: 0 0 0 0 var(--p-button-danger-active-border-color);
  --p-button-figma-contrast-stroke: 0 0 0 0 var(--p-button-contrast-border-color);
  --p-button-figma-contrast-hover-stroke: 0 0 0 0 var(--p-button-contrast-hover-border-color);
  --p-button-figma-contrast-active-stroke: 0 0 0 0 var(--p-button-contrast-active-border-color);
  --p-button-figma-outlined-primary-stroke: 0 0 0 0 var(--p-button-outlined-primary-border-color);
  --p-button-figma-outlined-secondary-stroke: 0 0 0 0 var(--p-button-outlined-secondary-border-color);
  --p-button-figma-outlined-success-stroke: 0 0 0 0 var(--p-button-outlined-success-border-color);
  --p-button-figma-outlined-info-stroke: 0 0 0 0 var(--p-button-outlined-info-border-color);
  --p-button-figma-outlined-warn-stroke: 0 0 0 0 var(--p-button-outlined-warn-border-color);
  --p-button-figma-outlined-help-stroke: 0 0 0 0 var(--p-button-outlined-help-border-color);
  --p-button-figma-outlined-danger-stroke: 0 0 0 0 var(--p-button-outlined-danger-border-color);
  --p-button-figma-outlined-contrast-stroke: 0 0 0 0 var(--p-button-outlined-contrast-border-color);
  --p-button-figma-outlined-plain-stroke: 0 0 0 0 var(--p-button-outlined-plain-border-color);
  --p-button-figma-success-stroke: 0 0 0 0 var(--p-button-success-border-color);
  --p-button-figma-success-hover-stroke: 0 0 0 0 var(--p-button-success-hover-border-color);
  --p-button-figma-success-active-stroke: 0 0 0 0 var(--p-button-success-active-border-color);
  --p-button-figma-raised-background: rgba(255, 255, 255, 0.01);
  --p-toggleswitch-background: var(--p-surface-300);
  --p-toggleswitch-hover-background: var(--p-surface-400);
  --p-toggleswitch-checked-background: var(--p-primary-color);
  --p-toggleswitch-checked-hover-background: var(--p-primary-hover-color);
  --p-toggleswitch-handle-background: var(--p-surface-0);
  --p-toggleswitch-handle-hover-background: var(--p-surface-0);
  --p-toggleswitch-handle-hover-color: var(--p-text-color);
  --p-toggleswitch-handle-checked-background: var(--p-surface-0);
  --p-toggleswitch-handle-checked-hover-background: var(--p-surface-0);
  --p-toggleswitch-handle-checked-hover-color: var(--p-primary-hover-color);
  --p-toggleswitch-handle-checked-color: var(--p-primary-color);
  --p-toggleswitch-handle-color: var(--p-text-muted-color);
  --p-toggleswitch-handle-disabled-background: var(--p-form-field-disabled-color);
  --p-toggleswitch-disabled-background: var(--p-form-field-disabled-background);
  --p-autocomplete-dropdown-background: var(--p-surface-100);
  --p-autocomplete-dropdown-hover-background: var(--p-surface-200);
  --p-autocomplete-dropdown-hover-color: var(--p-surface-700);
  --p-autocomplete-dropdown-active-background: var(--p-surface-300);
  --p-autocomplete-dropdown-active-color: var(--p-surface-800);
  --p-autocomplete-dropdown-color: var(--p-surface-600);
  --p-autocomplete-chip-focus-background: var(--p-surface-200);
  --p-autocomplete-chip-focus-color: var(--p-surface-800);
  --p-badge-primary-background: var(--p-primary-color);
  --p-badge-primary-color: var(--p-primary-contrast-color);
  --p-badge-secondary-background: var(--p-surface-100);
  --p-badge-secondary-color: var(--p-surface-600);
  --p-badge-success-background: var(--p-green-500);
  --p-badge-success-color: var(--p-surface-0);
  --p-badge-info-background: var(--p-sky-500);
  --p-badge-info-color: var(--p-surface-0);
  --p-badge-warn-background: var(--p-orange-500);
  --p-badge-warn-color: var(--p-surface-0);
  --p-badge-danger-background: var(--p-red-500);
  --p-badge-danger-color: var(--p-surface-0);
  --p-badge-contrast-background: var(--p-surface-950);
  --p-badge-contrast-color: var(--p-surface-0);
  --p-chip-background: var(--p-surface-100);
  --p-chip-color: var(--p-surface-800);
  --p-chip-icon-color: var(--p-surface-800);
  --p-chip-remove-icon-color: var(--p-surface-800);
  --p-tag-primary-background: var(--p-primary-100);
  --p-tag-primary-color: var(--p-primary-700);
  --p-tag-secondary-background: var(--p-surface-100);
  --p-tag-secondary-color: var(--p-surface-600);
  --p-tag-success-background: var(--p-green-100);
  --p-tag-success-color: var(--p-green-700);
  --p-tag-info-background: var(--p-sky-100);
  --p-tag-info-color: var(--p-sky-700);
  --p-tag-warn-background: var(--p-orange-100);
  --p-tag-warn-color: var(--p-orange-700);
  --p-tag-danger-background: var(--p-red-100);
  --p-tag-danger-color: var(--p-red-700);
  --p-tag-contrast-background: var(--p-surface-950);
  --p-tag-contrast-color: var(--p-surface-0);
  --p-tag-figma-container-background: transparent;
  --p-skeleton-background: var(--p-surface-200);
  --p-skeleton-animation-background: rgba(255,255,255,0.4);
  --p-datepicker-dropdown-background: var(--p-surface-100);
  --p-datepicker-dropdown-hover-background: var(--p-surface-200);
  --p-datepicker-dropdown-hover-color: var(--p-surface-700);
  --p-datepicker-dropdown-active-background: var(--p-surface-300);
  --p-datepicker-dropdown-active-color: var(--p-surface-800);
  --p-datepicker-dropdown-color: var(--p-surface-600);
  --p-datepicker-today-background: var(--p-surface-200);
  --p-datepicker-today-color: var(--p-surface-900);
  --p-colorpicker-panel-background: var(--p-surface-800);
  --p-colorpicker-panel-border-color: var(--p-surface-900);
  --p-colorpicker-handle-color: var(--p-surface-0);
  --p-colorpicker-figma-panel-stroke: 0 0 0 0 var(--p-colorpicker-panel-border-color);
  --p-colorpicker-figma-handle-stroke: 0 0 0 0 var(--p-colorpicker-handle-color);
  --p-inputnumber-button-background: var(--p-button-secondary-background);
  --p-inputnumber-button-hover-background: var(--p-button-secondary-hover-background);
  --p-inputnumber-button-hover-border-color: var(--p-form-field-border-color);
  --p-inputnumber-button-hover-color: var(--p-surface-500);
  --p-inputnumber-button-active-background: var(--p-surface-200);
  --p-inputnumber-button-active-border-color: var(--p-form-field-border-color);
  --p-inputnumber-button-active-color: var(--p-surface-600);
  --p-inputnumber-button-border-color: var(--p-form-field-border-color);
  --p-inputnumber-button-color: var(--p-surface-400);
  --p-inputnumber-figma-button-hover-stroke: 0 0 0 0 var(--p-inputnumber-button-hover-border-color);
  --p-inputnumber-figma-button-active-stroke: 0 0 0 0 var(--p-inputnumber-button-active-border-color);
  --p-inputnumber-figma-button-stroke: 0 0 0 0 var(--p-inputnumber-button-border-color);
  --p-listbox-option-striped-background: var(--p-surface-50);
  --p-password-strength-weak-background: var(--p-red-500);
  --p-password-strength-medium-background: var(--p-amber-500);
  --p-password-strength-strong-background: var(--p-green-500);
  --p-slider-handle-content-background: var(--p-surface-0);
  --p-togglebutton-background: var(--p-surface-100);
  --p-togglebutton-checked-background: var(--p-surface-100);
  --p-togglebutton-checked-color: var(--p-surface-900);
  --p-togglebutton-checked-border-color: var(--p-surface-100);
  --p-togglebutton-hover-background: var(--p-surface-100);
  --p-togglebutton-hover-color: var(--p-surface-700);
  --p-togglebutton-border-color: var(--p-surface-100);
  --p-togglebutton-color: var(--p-surface-500);
  --p-togglebutton-content-checked-background: var(--p-surface-0);
  --p-togglebutton-icon-color: var(--p-surface-500);
  --p-togglebutton-icon-hover-color: var(--p-surface-700);
  --p-togglebutton-icon-checked-color: var(--p-surface-900);
  --p-togglebutton-figma-checked-stroke: 0 0 0 0 var(--p-togglebutton-checked-border-color);
  --p-togglebutton-figma-stroke: 0 0 0 0 var(--p-togglebutton-border-color);
  --p-selectbutton-invalid-border-color: var(--p-form-field-invalid-border-color);
  --p-selectbutton-figma-invalid-stroke: 0 0 0 0 var(--p-selectbutton-invalid-border-color);
  --p-scrollpanel-bar-background: var(--p-surface-100);
  --p-tooltip-background: var(--p-surface-700);
  --p-tooltip-color: var(--p-surface-0);
  --p-datatable-border-color: var(--p-content-border-color);
  --p-datatable-row-striped-background: var(--p-surface-50);
  --p-datatable-body-cell-selected-border-color: var(--p-primary-100);
  --p-datatable-figma-stroke: 0 0 0 0 var(--p-datatable-border-color);
  --p-datatable-figma-body-cell-selected-stroke: 0 0 0 0 var(--p-datatable-body-cell-selected-border-color);
  --p-carousel-indicator-background: var(--p-surface-200);
  --p-carousel-indicator-hover-background: var(--p-surface-300);
  --p-carousel-indicator-active-background: var(--p-primary-color);
  --p-carousel-figma-item-stroke: 0 0 0 0 var(--p-surface-200);
  --p-carousel-figma-item-tag-background: rgba(0,0,0,0);
  --p-treetable-border-color: var(--p-content-border-color);
  --p-treetable-body-cell-selected-border-color: var(--p-primary-100);
  --p-treetable-figma-stroke: 0 0 0 0 var(--p-treetable-border-color);
  --p-treetable-figma-body-cell-selected-stroke: 0 0 0 0 var(--p-treetable-body-cell-selected-border-color);
  --p-message-info-background: var(--p-blue-50);
  --p-message-info-border-color: var(--p-blue-200);
  --p-message-info-color: var(--p-blue-500);
  --p-message-info-shadow: 0px 4px 8px 0px rgba(2, 5, 10, 0.04);
  --p-message-info-close-button-hover-background: var(--p-blue-100);
  --p-message-info-close-button-focus-ring-color: var(--p-blue-600);
  --p-message-info-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-message-info-outlined-color: var(--p-blue-500);
  --p-message-info-outlined-border-color: var(--p-blue-600);
  --p-message-info-simple-color: var(--p-blue-500);
  --p-message-figma-info-stroke: 0 0 0 0 var(--p-message-info-border-color);
  --p-message-figma-info-close-button-focus-ring-stroke: 0 0 0 0 var(--p-message-info-close-button-focus-ring-color);
  --p-message-figma-info-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-message-info-background);
  --p-message-figma-info-outlined-stroke: 0 0 0 0 var(--p-message-info-outlined-border-color);
  --p-message-figma-success-stroke: 0 0 0 0 var(--p-message-success-border-color);
  --p-message-figma-success-close-button-focus-ring-stroke: 0 0 0 0 var(--p-message-success-close-button-focus-ring-color);
  --p-message-figma-success-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-message-success-background);
  --p-message-figma-success-outlined-stroke: 0 0 0 0 var(--p-message-success-outlined-border-color);
  --p-message-figma-warn-stroke: 0 0 0 0 var(--p-message-warn-border-color);
  --p-message-figma-warn-close-button-focus-ring-stroke: 0 0 0 0 var(--p-message-warn-close-button-focus-ring-color);
  --p-message-figma-warn-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-message-warn-background);
  --p-message-figma-warn-outlined-stroke: 0 0 0 0 var(--p-message-warn-outlined-border-color);
  --p-message-figma-error-stroke: 0 0 0 0 var(--p-message-error-border-color);
  --p-message-figma-error-close-button-focus-ring-stroke: 0 0 0 0 var(--p-message-error-close-button-focus-ring-color);
  --p-message-figma-error-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-message-error-background);
  --p-message-figma-error-outlined-stroke: 0 0 0 0 var(--p-message-error-outlined-border-color);
  --p-message-figma-secondary-stroke: 0 0 0 0 var(--p-message-secondary-border-color);
  --p-message-figma-secondary-close-button-focus-ring-stroke: 0 0 0 0 var(--p-message-secondary-close-button-focus-ring-color);
  --p-message-figma-secondary-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-message-secondary-background);
  --p-message-figma-secondary-outlined-stroke: 0 0 0 0 var(--p-message-secondary-outlined-border-color);
  --p-message-figma-contrast-stroke: 0 0 0 0 var(--p-message-contrast-border-color);
  --p-message-figma-contrast-close-button-focus-ring-stroke: 0 0 0 0 var(--p-message-contrast-close-button-focus-ring-color);
  --p-message-figma-contrast-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-message-contrast-background);
  --p-message-figma-contrast-outlined-stroke: 0 0 0 0 var(--p-message-contrast-outlined-border-color);
  --p-message-success-background: var(--p-green-50);
  --p-message-success-border-color: var(--p-green-200);
  --p-message-success-color: var(--p-green-500);
  --p-message-success-shadow: 0px 4px 8px 0px rgba(1, 8, 4, 0.04);
  --p-message-success-close-button-hover-background: var(--p-green-100);
  --p-message-success-close-button-focus-ring-color: var(--p-green-600);
  --p-message-success-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-message-success-outlined-color: var(--p-green-500);
  --p-message-success-outlined-border-color: var(--p-green-600);
  --p-message-success-simple-color: var(--p-green-500);
  --p-message-warn-background: var(--p-orange-50);
  --p-message-warn-border-color: var(--p-orange-200);
  --p-message-warn-shadow: 0px 4px 8px 0px rgba(9, 7, 0, 0.04);
  --p-message-warn-close-button-hover-background: var(--p-orange-100);
  --p-message-warn-close-button-focus-ring-color: var(--p-orange-600);
  --p-message-warn-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-message-warn-color: var(--p-orange-500);
  --p-message-warn-outlined-color: var(--p-orange-500);
  --p-message-warn-outlined-border-color: var(--p-orange-600);
  --p-message-warn-simple-color: var(--p-orange-500);
  --p-message-error-background: var(--p-red-100);
  --p-message-error-border-color: var(--p-red-200);
  --p-message-error-color: var(--p-red-500);
  --p-message-error-close-button-hover-background: var(--p-red-100);
  --p-message-error-close-button-focus-ring-color: var(--p-red-600);
  --p-message-error-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-message-error-shadow: 0px 4px 8px 0px rgba(10, 3, 3, 0.04);
  --p-message-error-outlined-color: var(--p-red-500);
  --p-message-error-outlined-border-color: var(--p-red-600);
  --p-message-error-simple-color: var(--p-red-500);
  --p-message-secondary-background: var(--p-surface-100);
  --p-message-secondary-border-color: var(--p-surface-200);
  --p-message-secondary-color: var(--p-surface-600);
  --p-message-secondary-shadow: 0px 4px 8px 0px rgba(4, 5, 6, 0.04);
  --p-message-secondary-close-button-hover-background: var(--p-surface-200);
  --p-message-secondary-close-button-focus-ring-color: var(--p-surface-600);
  --p-message-secondary-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-message-secondary-outlined-color: var(--p-surface-500);
  --p-message-secondary-outlined-border-color: var(--p-surface-500);
  --p-message-secondary-simple-color: var(--p-surface-500);
  --p-message-contrast-background: var(--p-surface-900);
  --p-message-contrast-border-color: var(--p-surface-950);
  --p-message-contrast-color: var(--p-surface-50);
  --p-message-contrast-shadow: 0px 4px 8px 0px rgba(0, 0, 1, 0.04);
  --p-message-contrast-close-button-hover-background: var(--p-surface-800);
  --p-message-contrast-close-button-focus-ring-color: var(--p-surface-50);
  --p-message-contrast-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-message-contrast-outlined-color: var(--p-surface-950);
  --p-message-contrast-outlined-border-color: var(--p-surface-950);
  --p-message-contrast-simple-color: var(--p-surface-950);
  --p-toast-info-background: var(--p-blue-50);
  --p-toast-info-border-color: var(--p-blue-200);
  --p-toast-info-color: var(--p-blue-600);
  --p-toast-info-detail-color: var(--p-surface-700);
  --p-toast-info-shadow: 0px 4px 8px 0px rgba(2, 5, 10, 0.04);
  --p-toast-info-close-button-hover-background: var(--p-blue-100);
  --p-toast-info-close-button-focus-ring-color: var(--p-blue-600);
  --p-toast-info-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-toast-figma-info-stroke: 0 0 0 0 var(--p-toast-info-border-color);
  --p-toast-figma-info-close-button-focus-ring-stroke: 0 0 0 0 var(--p-toast-info-close-button-focus-ring-color);
  --p-toast-figma-info-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-toast-info-background);
  --p-toast-figma-success-stroke: 0 0 0 0 var(--p-toast-success-border-color);
  --p-toast-figma-success-close-button-focus-ring-stroke: 0 0 0 0 var(--p-toast-success-close-button-focus-ring-color);
  --p-toast-figma-success-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-toast-success-background);
  --p-toast-figma-warn-stroke: 0 0 0 0 var(--p-toast-warn-border-color);
  --p-toast-figma-warn-close-button-focus-ring-stroke: 0 0 0 0 var(--p-toast-warn-close-button-focus-ring-color);
  --p-toast-figma-warn-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-toast-warn-background);
  --p-toast-figma-error-stroke: 0 0 0 0 var(--p-toast-error-border-color);
  --p-toast-figma-error-close-button-focus-ring-stroke: 0 0 0 0 var(--p-toast-error-close-button-focus-ring-color);
  --p-toast-figma-error-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-toast-error-background);
  --p-toast-figma-secondary-stroke: 0 0 0 0 var(--p-toast-secondary-border-color);
  --p-toast-figma-secondary-close-button-focus-ring-stroke: 0 0 0 0 var(--p-toast-secondary-close-button-focus-ring-color);
  --p-toast-figma-secondary-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-toast-secondary-background);
  --p-toast-figma-contrast-stroke: 0 0 0 0 var(--p-toast-contrast-border-color);
  --p-toast-figma-contrast-close-button-focus-ring-stroke: 0 0 0 0 var(--p-toast-contrast-close-button-focus-ring-color);
  --p-toast-figma-contrast-close-button-focus-ring-offset-stroke: 0 0 0 0 var(--p-toast-contrast-background);
  --p-toast-success-background: var(--p-green-50);
  --p-toast-success-border-color: var(--p-green-200);
  --p-toast-success-color: var(--p-green-600);
  --p-toast-success-detail-color: var(--p-surface-700);
  --p-toast-success-shadow: 0px 4px 8px 0px rgba(1, 8, 4, 0.04);
  --p-toast-success-close-button-hover-background: var(--p-green-100);
  --p-toast-success-close-button-focus-ring-color: var(--p-green-600);
  --p-toast-success-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-toast-warn-background: var(--p-yellow-50);
  --p-toast-warn-border-color: var(--p-yellow-200);
  --p-toast-warn-color: var(--p-yellow-600);
  --p-toast-warn-detail-color: var(--p-surface-700);
  --p-toast-warn-shadow: 0px 4px 8px 0px rgba(9, 7, 0, 0.04);
  --p-toast-warn-close-button-hover-background: var(--p-yellow-100);
  --p-toast-warn-close-button-focus-ring-color: var(--p-yellow-600);
  --p-toast-warn-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-toast-error-background: var(--p-red-50);
  --p-toast-error-border-color: var(--p-red-200);
  --p-toast-error-color: var(--p-red-600);
  --p-toast-error-detail-color: var(--p-surface-700);
  --p-toast-error-shadow: 0px 4px 8px 0px rgba(10, 3, 3, 0.04);
  --p-toast-error-close-button-hover-background: var(--p-red-100);
  --p-toast-error-close-button-focus-ring-color: var(--p-red-600);
  --p-toast-error-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-toast-secondary-background: var(--p-surface-100);
  --p-toast-secondary-border-color: var(--p-surface-200);
  --p-toast-secondary-color: var(--p-surface-600);
  --p-toast-secondary-detail-color: var(--p-surface-700);
  --p-toast-secondary-shadow: 0px 4px 8px 0px rgba(4, 5, 6, 0.04);
  --p-toast-secondary-close-button-hover-background: var(--p-surface-200);
  --p-toast-secondary-close-button-focus-ring-color: var(--p-surface-600);
  --p-toast-secondary-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-toast-contrast-background: var(--p-surface-900);
  --p-toast-contrast-border-color: var(--p-surface-950);
  --p-toast-contrast-color: var(--p-surface-50);
  --p-toast-contrast-detail-color: var(--p-surface-0);
  --p-toast-contrast-shadow: 0px 4px 8px 0px rgba(0, 0, 1, 0.04);
  --p-toast-contrast-close-button-hover-background: var(--p-surface-800);
  --p-toast-contrast-close-button-focus-ring-color: var(--p-surface-50);
  --p-toast-contrast-close-button-focus-ring-shadow: 0px 0px 0px 0px #00000000;
  --p-toast-blur: 1.5px;
  --p-galleria-thumbnail-nav-button-hover-background: var(--p-surface-100);
  --p-galleria-thumbnail-nav-button-hover-color: var(--p-surface-700);
  --p-galleria-thumbnail-nav-button-color: var(--p-surface-600);
  --p-galleria-indicator-button-background: var(--p-surface-200);
  --p-galleria-indicator-button-hover-background: var(--p-surface-300);
  --p-tabs-nav-button-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
  --p-dataview-figma-content-item-stroke: 0 0 0 0 var(--p-surface-200);
  --p-progressspinner-color-one: var(--p-red-500);
  --p-progressspinner-color-two: var(--p-blue-500);
  --p-progressspinner-color-three: var(--p-green-500);
  --p-progressspinner-color-four: var(--p-yellow-500);
  --p-ripple-background: rgba(0,0,0,0.1);
  --p-app-overlay-modal-padding-y: var(--p-spacing-5);
  --p-app-overlay-modal-padding-x: var(--p-spacing-8);
  --p-app-scrollshadows-size: 0.5rem;
  --p-app-calendarevent-past-opacity: 0.5px;
  --p-app-list-padding-x: 0.75rem;
  --p-app-list-padding-y: 0.5rem;
  --p-app-list-gap: 2px;
  --p-app-list-option-padding: 0.5rem;
  --p-app-list-option-group-padding: 0.5rem 0.75rem;
  --p-scrollshadows-opacity: 0.16px;
  --p-app-content-border-color: var(--p-surface-100);
  --p-app-content-active-border-color: var(--p-surface-300);
  --p-app-content-active-background: var(--p-content-background);
  --p-app-content-hover-border-color: var(--p-surface-300);
  --p-app-content-hover-background: var(--p-content-background);
  --p-app-content-selectable-hover-border-color: var(--p-surface-400);
  --p-app-content-selectable-hover-background: var(--p-content-background);
  --p-app-content-selectable-active-border-color: var(--p-surface-400);
  --p-app-content-selectable-active-background: var(--p-content-background);
  --p-app-content-selectable-selected-border-color: var(--p-surface-300);
  --p-app-content-selectable-selected-background: var(--p-content-background);
  --p-app-content-background-plain: var(--p-broker-red-50);
  --p-app-content-background-accent: var(--p-broker-red-100);
  --p-app-background: #F8F8F8;
  --p-app-scrollshadows-gradient: linear-gradient(0deg, rgba( var(--p-content-background) , 0.0.1) 0%, rgba( var(--p-surface-1000), 0.16) 100%);
  --p-app-scrollshadows-color: var(--p-surface-1000);
  --p-button-figma-md-icon-size: 1.25rem;
  --p-app-accordion-header-padding: var(--p-spacing-6);
  --p-app-accordion-header-color: var(--p-text-color);
  --p-app-accordion-header-border-color: var(--p-app-content-border-color);
  --p-app-accordion-header-background: var(--p-content-background);
  --p-app-accordion-header-focus-ring-color: var(--p-focus-ring-color);
  --p-app-accordion-header-toggle-icon-color: var(--p-text-muted-color);
  --p-app-accordion-content-padding: var(--p-spacing-6);
  --p-app-accordion-content-background: var(--p-content-background);
  --p-app-accordion-content-color: var(--p-text-color);
  --p-app-accordion-panel-border-color: var(--p-app-content-border-color);
  --p-app-accordion-panel-border-radius: var(--p-border-radius-xs);
  --p-app-accordion-panel-border-width: 1px;
  --p-app-accordion-panel-hover-border-color: var(--p-app-content-hover-border-color);
  --p-app-accordion-panel-active-border-color: var(--p-app-content-active-border-color);
  --p-app-accordion-panel-expanded-hover-border-color: var(--p-app-content-selectable-hover-border-color);
  --p-app-accordion-panel-expanded-border-color: var(--p-app-content-selectable-selected-border-color);
  --p-app-accordion-panel-expanded-active-border-color: var(--p-app-content-selectable-active-border-color);
  --p-app-accordion-panel-disabled-border-color: var(--p-app-content-border-color);
  --p-app-accordion-figma-panel-stroke: 0 0 0 0 var(--p-app-accordion-panel-border-color);
  --p-app-dialog-header-padding-y: var(--p-app-overlay-modal-padding-y);
  --p-app-dialog-header-padding-x: var(--p-app-overlay-modal-padding-x);
  --p-app-dialog-header-gap: var(--p-spacing-2);
  --p-app-dialog-content-padding-y: var(--p-app-overlay-modal-padding-y);
  --p-app-dialog-content-padding-x: var(--p-app-overlay-modal-padding-x);
  --p-app-dialog-footer-padding-y: var(--p-app-overlay-modal-padding-y);
  --p-app-dialog-footer-padding-x: var(--p-app-overlay-modal-padding-x);
  --p-app-dialog-footer-gap: var(--p-spacing-2);
  --p-app-button-xs-icon-only-width: 1.5em;
  --p-app-button-figma-xs-icon-size: 1.1rem;
  --p-app-button-figma-2xs-icon-size: 0.857rem;
  --p-app-button-2xs-icon-only-width: 1.143rem;
  --p-app-chip-xs-image-width: 1.4rem;
  --p-app-chip-xs-image-height: 1.4rem;
  --p-app-chip-xs-padding-x: 0.75rem;
  --p-app-chip-xs-padding-y: 0.25rem;
  --p-app-chip-xs-gap: 0.5rem;
  --p-app-calendarcell-body-height: 4rem;
  --p-app-calendarcell-body-padding: 0.25rem;
  --p-app-calendarcell-body-gap: 0.25rem;
  --p-app-calendarcell-body-month-height: 10rem;
  --p-app-calendarcell-body-month-padding: 0.25rem;
  --p-app-calendarcell-body-month-gap: 0.125rem;
  --p-app-calendarevent-border-width: 1px;
  --p-app-calendarevent-weekandday-body-padding: 0.5rem;
  --p-app-calendarevent-weekandday-body-height: calc((var(--p-app-calendarcell-body-height) - (var(--p-app-calendarcell-body-padding) + var(--p-app-calendarcell-body-gap)))  /  2);
  --p-app-calendarevent-weekandday-body-vertical-padding: 0.125rem;
  --p-app-calendarevent-weekandday-body-gap: 0.25rem;
  --p-app-calendarevent-weekandday-body-xl-padding: 0.5rem;
  --p-app-calendarevent-weekandday-body-xl-height: calc(var(--p-app-calendarcell-body-height) - var(--p-app-calendarcell-body-padding));
  --p-app-calendarevent-weekandday-body-xl-vertical-padding: 0.125rem;
  --p-app-calendarevent-weekandday-body-xl-gap: 0.25rem;
  --p-app-calendarevent-month-body-padding: 0.5rem;
  --p-app-calendarevent-month-body-height: calc((var(--p-app-calendarcell-body-month-height) - (var(--p-app-calendarcell-body-month-padding) + (2.5rem) + (var(--p-app-calendarcell-body-month-gap)  *  3)))  /  4);
  --p-app-calendarevent-month-body-vertical-padding: 0.125rem;
  --p-app-calendarevent-month-body-gap: 0.25rem;
  --p-app-calendar-border-color: var(--p-app-content-border-color);
  --p-app-calendar-background-color: var(--p-content-background);
  --p-app-listbox-list-padding-x: var(--p-app-list-padding-x);
  --p-app-listbox-list-padding-y: var(--p-app-list-padding-y);
  --p-app-listbox-list-gap: var(--p-list-gap);
  --p-app-listbox-list-header-padding: var(--p-list-header-padding);
  --p-app-listbox-option-padding: var(--p-list-option-padding);
  --p-app-listbox-option-group-padding: var(--p-list-option-group-padding);
  --p-app-link-gap: var(--p-spacing-1p5);
  --p-app-drawer-header-padding-y: var(--p-app-overlay-modal-padding-y);
  --p-app-drawer-header-padding-x: var(--p-app-overlay-modal-padding-x);
  --p-app-drawer-content-padding-y: var(--p-app-overlay-modal-padding-y);
  --p-app-drawer-content-padding-x: var(--p-app-overlay-modal-padding-x);
  --p-app-drawer-footer-padding-y: var(--p-app-overlay-modal-padding-y);
  --p-app-drawer-footer-padding-x: var(--p-app-overlay-modal-padding-x);
  --p-app-sticky-action-bar-shadow-shadow: var(--p-overlay-modal-shadow);
  --p-app-sticky-action-bar-gap: var(--p-spacing-5);
  --p-app-sticky-action-bar-padding-x: var(--p-spacing-3);
  --p-app-sticky-action-bar-padding-y: var(--p-spacing-5);
  --p-app-sticky-action-bar-base-item-padding: var(--p-spacing-1);
  --p-app-sticky-action-bar-border-radius: var(--p-content-border-radius);
  --p-app-tag-tertiary-background: var(--p-surface-50);
  --p-app-tag-tertiary-color: var(--p-surface-400);
  --p-app-tag-tertiary-clickable-hover-background: var(--p-surface-100);
  --p-app-tag-tertiary-clickable-active-background: var(--p-surface-200);
  --p-app-tag-tertiary-clickable-focus-ring-color: var(--p-surface-400);
  --p-app-tag-primary-clickable-hover-background: var(--p-primary-200);
  --p-app-tag-primary-clickable-active-background: var(--p-primary-300);
  --p-app-tag-primary-clickable-focus-ring-color: var(--p-primary-500);
  --p-app-tag-primary-background: var(--p-primary-100);
  --p-app-tag-primary-color: var(--p-primary-700);
  --p-app-tag-secondary-clickable-hover-background: var(--p-surface-200);
  --p-app-tag-secondary-clickable-active-background: var(--p-surface-300);
  --p-app-tag-secondary-clickable-focus-ring-color: var(--p-surface-500);
  --p-app-tag-secondary-background: var(--p-surface-100);
  --p-app-tag-secondary-color: var(--p-surface-600);
  --p-app-tag-success-clickable-hover-background: var(--p-green-200);
  --p-app-tag-success-clickable-active-background: var(--p-green-300);
  --p-app-tag-success-clickable-focus-ring-color: var(--p-green-500);
  --p-app-tag-success-background: var(--p-green-100);
  --p-app-tag-success-color: var(--p-green-700);
  --p-app-tag-info-clickable-hover-background: var(--p-sky-200);
  --p-app-tag-info-clickable-active-background: var(--p-sky-300);
  --p-app-tag-info-clickable-focus-ring-color: var(--p-sky-500);
  --p-app-tag-info-background: var(--p-sky-100);
  --p-app-tag-info-color: var(--p-sky-700);
  --p-app-tag-warn-clickable-hover-background: var(--p-orange-200);
  --p-app-tag-warn-clickable-active-background: var(--p-orange-300);
  --p-app-tag-warn-clickable-focus-ring-color: var(--p-orange-500);
  --p-app-tag-warn-background: var(--p-orange-100);
  --p-app-tag-warn-color: var(--p-orange-700);
  --p-app-tag-danger-clickable-hover-background: var(--p-red-200);
  --p-app-tag-danger-clickable-active-background: var(--p-red-300);
  --p-app-tag-danger-clickable-focus-ring-color: var(--p-red-500);
  --p-app-tag-danger-background: var(--p-red-100);
  --p-app-tag-danger-color: var(--p-red-700);
  --p-app-tag-contrast-clickable-hover-background: var(--p-surface-900);
  --p-app-tag-contrast-clickable-active-background: var(--p-surface-800);
  --p-app-tag-contrast-clickable-focus-ring-color: var(--p-surface-500);
  --p-app-tag-contrast-background: var(--p-surface-950);
  --p-app-tag-contrast-color: var(--p-surface-0);
  --p-app-contentblock-clickable-focus-ring-color: var(--p-focus-ring-color);
  --p-app-contentblock-selectable-focus-ring-color: var(--p-focus-ring-color);
  --p-app-card-clickable-focus-ring-color: var(--p-focus-ring-color);
  --p-app-progresssbar-color-one: var(--p-red-500);
  --p-app-progresssbar-color-default: var(--p-surface-900);
  --p-app-progresssbar-color-two: var(--p-blue-500);
  --p-app-progresssbar-color-three: var(--p-green-500);
  --p-app-progresssbar-color-four: var(--p-yellow-500);
  --p-app-calendarevent-tertiary-background: var(--p-surface-50);
  --p-app-calendarevent-tertiary-color: var(--p-surface-400);
  --p-app-calendarevent-tertiary-border-color: var(--p-surface-400);
  --p-app-calendarevent-tertiary-clickable-hover-background: var(--p-surface-100);
  --p-app-calendarevent-tertiary-clickable-active-background: var(--p-surface-200);
  --p-app-calendarevent-tertiary-clickable-focus-ring-color: var(--p-surface-400);
  --p-app-calendarevent-primary-clickable-hover-background: var(--p-primary-200);
  --p-app-calendarevent-primary-clickable-active-background: var(--p-primary-300);
  --p-app-calendarevent-primary-clickable-focus-ring-color: var(--p-primary-500);
  --p-app-calendarevent-primary-background: var(--p-primary-100);
  --p-app-calendarevent-primary-color: var(--p-primary-700);
  --p-app-calendarevent-primary-border-color: var(--p-primary-700);
  --p-app-calendarevent-secondary-clickable-hover-background: var(--p-surface-200);
  --p-app-calendarevent-secondary-clickable-active-background: var(--p-surface-300);
  --p-app-calendarevent-secondary-clickable-focus-ring-color: var(--p-surface-500);
  --p-app-calendarevent-secondary-background: var(--p-surface-100);
  --p-app-calendarevent-secondary-color: var(--p-surface-600);
  --p-app-calendarevent-secondary-border-color: var(--p-surface-600);
  --p-app-calendarevent-secondary-outlined-hover-background: var(--p-surface-50);
  --p-app-calendarevent-secondary-outlined-active-background: var(--p-surface-100);
  --p-app-calendarevent-secondary-outlined-border-color: var(--p-surface-700);
  --p-app-calendarevent-secondary-outlined-color: var(--p-surface-700);
  --p-app-calendarevent-success-clickable-hover-background: var(--p-green-200);
  --p-app-calendarevent-success-clickable-active-background: var(--p-green-300);
  --p-app-calendarevent-success-clickable-focus-ring-color: var(--p-green-500);
  --p-app-calendarevent-success-background: var(--p-green-100);
  --p-app-calendarevent-success-color: var(--p-green-700);
  --p-app-calendarevent-success-border-color: var(--p-green-700);
  --p-app-calendarevent-info-clickable-hover-background: var(--p-sky-200);
  --p-app-calendarevent-info-clickable-active-background: var(--p-sky-300);
  --p-app-calendarevent-info-clickable-focus-ring-color: var(--p-sky-500);
  --p-app-calendarevent-info-background: var(--p-sky-100);
  --p-app-calendarevent-info-color: var(--p-sky-700);
  --p-app-calendarevent-info-border-color: var(--p-sky-700);
  --p-app-calendarevent-warn-clickable-hover-background: var(--p-orange-200);
  --p-app-calendarevent-warn-clickable-active-background: var(--p-orange-300);
  --p-app-calendarevent-warn-clickable-focus-ring-color: var(--p-orange-500);
  --p-app-calendarevent-warn-background: var(--p-orange-100);
  --p-app-calendarevent-warn-color: var(--p-orange-800);
  --p-app-calendarevent-warn-border-color: var(--p-orange-700);
  --p-app-calendarevent-warn-outlined-hover-background: var(--p-orange-50);
  --p-app-calendarevent-warn-outlined-active-background: var(--p-orange-100);
  --p-app-calendarevent-warn-outlined-border-color: var(--p-orange-700);
  --p-app-calendarevent-warn-outlined-color: var(--p-orange-800);
  --p-app-calendarevent-danger-clickable-hover-background: var(--p-red-300);
  --p-app-calendarevent-danger-clickable-active-background: var(--p-red-300);
  --p-app-calendarevent-danger-clickable-focus-ring-color: var(--p-red-500);
  --p-app-calendarevent-danger-background: var(--p-red-200);
  --p-app-calendarevent-danger-color: var(--p-red-800);
  --p-app-calendarevent-danger-border-color: var(--p-red-700);
  --p-app-calendarevent-danger-outlined-hover-background: var(--p-red-50);
  --p-app-calendarevent-danger-outlined-active-background: var(--p-red-100);
  --p-app-calendarevent-danger-outlined-border-color: var(--p-red-700);
  --p-app-calendarevent-danger-outlined-color: var(--p-red-800);
  --p-app-calendarevent-contrast-clickable-hover-background: var(--p-surface-900);
  --p-app-calendarevent-contrast-clickable-active-background: var(--p-surface-800);
  --p-app-calendarevent-contrast-clickable-focus-ring-color: var(--p-surface-500);
  --p-app-calendarevent-contrast-background: var(--p-surface-950);
  --p-app-calendarevent-contrast-color: var(--p-surface-0);
  --p-app-calendarevent-contrast-border-color: var(--p-surface-0);
  --p-app-button-outlined-secondary-background: var(--p-content-background);
  --p-app-calendar-cell-red-border-color: var(--p-red-200);
  --p-app-calendar-cell-red-background-color: var(--p-red-100);
  --p-app-link-color: var(--p-broker-anthracite-700);
  --p-app-link-hover-color: var(--p-broker-anthracite-600);
  --p-app-link-active-color: var(--p-broker-anthracite-600);
  --p-app-sticky-action-bar-background: var(--p-surface-950);
  --p-app-sticky-action-bar-color: var(--p-surface-0);
  --p-app-font-size: 14px;
  --p-app-font-family-heading: Plus Jakarta Sans;
  --p-app-font-family-body: Plus Jakarta Sans;
  --p-app-font-family-bodysecondary: Libre Baskerville;
  --p-app-font-weight-normal: Regular;
  --p-app-font-weight-medium: Medium;
  --p-app-font-weight-semibold: Semibold;
  --p-app-font-size-xs: 0.75rem;
  --p-app-font-size-sm: 0.875rem;
  --p-app-font-size-base: 1rem;
  --p-app-font-size-lg: 1.143rem;
  --p-app-font-size-xl: 1.25rem;
  --p-app-font-size-2xl: 1.5rem;
  --p-app-font-size-3xl: 2rem;
  --p-app-font-size-4xl: 2.5rem;
  --p-app-card-background: var(--p-content-background);
  --p-app-card-body-padding: var(--p-spacing-8);
  --p-app-card-body-gap: var(--p-spacing-5);
  --p-app-card-border-color: var(--p-surface-100);
  --p-app-card-clickable-hover-shadow: 0px 1px 3px 0px rgba(0,0,0,0.12), 0px 3px 5px -1px rgba(0,0,0,0.12);
  --p-app-card-clickable-active-shadow: 0px 1px 3px 0px rgba(0,0,0,0.12), 0px 3px 5px -1px rgba(0,0,0,0.12);
  --p-app-card-clickable-focus-ring-width: var(--p-focus-ring-width);
  --p-app-card-clickable-focus-ring-offset: var(--p-focus-ring-offset);
  --p-app-card-clickable-focus-ring-style: var(--p-focus-ring-style);
  --p-app-contentblock-body-padding: var(--p-spacing-6);
  --p-app-contentblock-body-gap: var(--p-spacing-5);
  --p-app-contentblock-body-sm-padding: var(--p-spacing-4);
  --p-app-contentblock-body-sm-gap: var(--p-spacing-4);
  --p-app-contentblock-body-xs-padding: var(--p-spacing-2);
  --p-app-contentblock-body-xs-gap: var(--p-spacing-2);
  --p-app-contentblock-background: var(--p-content-background);
  --p-app-contentblock-border-color: var(--p-app-content-border-color);
  --p-app-contentblock-clickable-active-border-color: var(--p-app-content-active-border-color);
  --p-app-contentblock-clickable-active-background: var(--p-app-content-active-background);
  --p-app-contentblock-clickable-hover-border-color: var(--p-app-content-hover-border-color);
  --p-app-contentblock-clickable-hover-background: var(--p-app-content-hover-background);
  --p-app-contentblock-clickable-focus-ring-width: var(--p-focus-ring-width);
  --p-app-contentblock-clickable-focus-ring-offset: var(--p-focus-ring-offset);
  --p-app-contentblock-clickable-focus-ring-style: var(--p-focus-ring-style);
  --p-app-contentblock-selectable-active-border-color: var(--p-app-content-active-border-color);
  --p-app-contentblock-selectable-active-background: var(--p-app-content-active-background);
  --p-app-contentblock-selectable-active-stripe: var(--p-primary-color);
  --p-app-contentblock-selectable-hover-border-color: var(--p-app-content-hover-border-color);
  --p-app-contentblock-selectable-hover-background: var(--p-app-content-hover-background);
  --p-app-contentblock-selectable-selected-border-color: var(--p-app-content-active-border-color);
  --p-app-contentblock-selectable-selected-background: var(--p-app-content-active-background);
  --p-app-contentblock-selectable-focus-ring-width: var(--p-focus-ring-width);
  --p-app-contentblock-selectable-focus-ring-offset: var(--p-focus-ring-offset);
  --p-app-contentblock-selectable-focus-ring-style: var(--p-focus-ring-style);
  --p-app-section-body-padding: var(--p-spacing-8);
  --p-app-section-body-gap: var(--p-spacing-8);
  --p-app-sm-font-size: 0.875rem;
  --p-app-sm-line-height: 1.25rem;
  --p-app-lg-font-size: 1.143rem;
  --p-app-lg-line-height: 1.5rem;
  --p-app-line-height-base: 125%;
  --p-app-line-height-lg: 150%;
  --p-app-letter-spacing-tight: -0.01em;
  --p-app-letter-spacing-normal: 0px;
  --p-app-letter-spacing-wide: 0.01em;
  --p-app-tag-clickable-focus-ring-width: var(--p-focus-ring-width);
  --p-app-tag-clickable-focus-ring-offset: var(--p-focus-ring-offset);
  --p-app-tag-clickable-focus-ring-style: var(--p-focus-ring-style);
  --p-app-datatable-body-cell-frozen-end-shadow: -3px 0px 8px 0px rgba(23,31,34,0.16);
  --p-app-datatable-body-cell-frozen-start-shadow: 3px 0px 8px 0px rgba(23,31,34,0.16);
}
html {
  font-size: 14px;
}
.swiper {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}
.swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
}
.swiper-slide {
  flex-shrink: 0;
  display: block;
  height: 100%;
}
html {
  scroll-behavior: smooth;
}
body.overflow-hidden, body.overflow-hidden .fixed {
  overflow-x: visible;
  padding-right: 15px !important;
}
html.is-safari body.overflow-hidden, html.is-safari body.overflow-hidden .fixed {
  padding-right: 0 !important;
}
@media (min-width: 992px) {
  header nav ul li .active {
    position: relative;
  }
  header nav ul li .active::after {
    content: "";
    position: absolute;
    top: calc(100% + 11px);
    left: 12.25px;
    display: block;
    width: calc(100% - 25px);
    height: 2px;
    background-color: var(--color-primary);
    z-index: 50;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}