/**
 * Do not edit directly, this file was auto-generated.
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&family=Onest:wght@100..900&family=Readex+Pro:wght@160..700&display=swap');
:root[data-theme="dark"] {
	--color-sys-text-primary: #101014;
	--color-sys-text-secondary: #45454d;
	--color-sys-text-tertiary: #6b6b75;
	--color-sys-text-placeholder: #9595a2;
	--color-sys-text-accent: #101014;
	--color-sys-text-on-accent: #ffffff;
	--color-sys-text-state-disabled: #bdbdca;
	--color-sys-text-state-success: #12b669;
	--color-sys-text-state-warning: #fcb222;
	--color-sys-text-state-danger: #f04437;
	--color-sys-text-state-info: #101014;
	--color-sys-icon-primary: #101014;
	--color-sys-icon-secondary: #45454d;
	--color-sys-icon-tertiary: #6b6b75;
	--color-sys-icon-placeholder: #9595a2;
	--color-sys-icon-accent: #101014;
	--color-sys-icon-on-accent: #ffffff;
	--color-sys-icon-state-disabled: #bdbdca;
	--color-sys-icon-state-success: #12b669;
	--color-sys-icon-state-warning: #fcb222;
	--color-sys-icon-state-danger: #f04437;
	--color-sys-icon-state-info: #101014;
	--color-sys-bg-primary: #101014;
	--color-sys-bg-secondary: #f3f3f8;
	--color-sys-bg-tertiary: #e8e8f0;
	--color-sys-bg-placeholder: #f3f3f8;
	--color-sys-bg-accent: #101014;
	--color-sys-bg-state-disabled: #dddde7;
	--color-sys-bg-state-success-mid-emphasize: #ecfdf3;
	--color-sys-bg-state-success-high-emphasize: #12b669;
	--color-sys-bg-state-warning-mid-emphasize: #fee8bd;
	--color-sys-bg-state-warning-high-emphasize: #fcb222;
	--color-sys-bg-state-danger-mid-emphasize: #fef3f2;
	--color-sys-bg-state-danger-high-emphasize: #f04437;
	--color-sys-bg-state-info-mid-emphasize: #f9f9fc;
	--color-sys-bg-state-info-high-emphasize: #45454d;
	--color-sys-border-primary: #9595a2;
	--color-sys-border-secondary: #dddde7;
	--color-sys-border-tertiary: #e8e8f0;
	--color-sys-border-placeholder: #9595a2;
	--color-sys-border-accent: #101014;
	--color-sys-border-state-disabled: #dddde7;
	--color-sys-border-state-success: #12b669;
	--color-sys-border-state-warning: #fcb222;
	--color-sys-border-state-danger: #f04437;
	--color-sys-border-state-info: #9595a2;
	--color-sys-focus-ring-default: #18181c;
	--color-sys-scrim: rgba(0, 0, 0, 0.50);
	--opacity-sys-overlay: 0.5;
	--shadow-sys-shadow-none: 0 0 0 0 #00000000;
	--shadow-sys-shadow-sm: 0 2px 6px 2px #00000026, 0 1px 2px 0 #0000004d;
	--shadow-sys-shadow-m: 0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;
	--shadow-sys-shadow-l: 0 6px 10px 4px #00000026, 0 2px 3px 0 #0000004d;
}

:root[data-theme="dark"] .btn {
	--color-comp-btn-primary-text-default: #ffffff;
	--color-comp-btn-primary-text-hover: #ffffff;
	--color-comp-btn-primary-text-pressed: #ffffff;
	--color-comp-btn-primary-text-disabled: #dddde7;
	--color-comp-btn-primary-icon-default: #ffffff;
	--color-comp-btn-primary-icon-hover: #ffffff;
	--color-comp-btn-primary-icon-pressed: #ffffff;
	--color-comp-btn-primary-icon-disabled: #dddde7;
	--color-comp-btn-primary-bg-default: #101014;
	--color-comp-btn-primary-bg-hover: #18181c;
	--color-comp-btn-primary-bg-pressed: #000000;
	--color-comp-btn-primary-bg-disabled: #f9f9fc;
	--color-comp-btn-primary-border-default: #101014;
	--color-comp-btn-primary-border-hover: #18181c;
	--color-comp-btn-primary-border-pressed: #000000;
	--color-comp-btn-primary-border-disabled: #f9f9fc;
	--shadow-comp-btn-primary-default: 0 0 0 0 #00000000;
	--shadow-comp-btn-primary-hover: 0 0 0 0 #00000000;
	--shadow-comp-btn-primary-pressed: 0 0 0 0 #00000000;
	--shadow-comp-btn-primary-disabled: 0 0 0 0 #00000000;
	--color-comp-btn-primary-danger-text-default: #ffffff;
	--color-comp-btn-primary-danger-text-hover: #ffffff;
	--color-comp-btn-primary-danger-text-pressed: #ffffff;
	--color-comp-btn-primary-danger-text-disabled: #dddde7;
	--color-comp-btn-primary-danger-icon-default: #ffffff;
	--color-comp-btn-primary-danger-icon-hover: #ffffff;
	--color-comp-btn-primary-danger-icon-pressed: #ffffff;
	--color-comp-btn-primary-danger-icon-disabled: #dddde7;
	--color-comp-btn-primary-danger-bg-default: #f04437;
	--color-comp-btn-primary-danger-bg-hover: #f97066;
	--color-comp-btn-primary-danger-bg-pressed: #d92c20;
	--color-comp-btn-primary-danger-bg-disabled: #f9f9fc;
	--color-comp-btn-primary-danger-border-default: #f04437;
	--color-comp-btn-primary-danger-border-hover: #f97066;
	--color-comp-btn-primary-danger-border-pressed: #d92c20;
	--color-comp-btn-primary-danger-border-disabled: #f9f9fc;
	--color-comp-btn-secondary-text-default: #101014;
	--color-comp-btn-secondary-text-hover: #18181c;
	--color-comp-btn-secondary-text-pressed: #101014;
	--color-comp-btn-secondary-text-disabled: #dddde7;
	--color-comp-btn-secondary-icon-default: #101014;
	--color-comp-btn-secondary-icon-hover: #18181c;
	--color-comp-btn-secondary-icon-pressed: #101014;
	--color-comp-btn-secondary-icon-disabled: #dddde7;
	--color-comp-btn-secondary-bg-default: #ffffff;
	--color-comp-btn-secondary-bg-hover: #f9f9fc;
	--color-comp-btn-secondary-bg-pressed: #f3f3f8;
	--color-comp-btn-secondary-bg-disabled: #f9f9fc;
	--color-comp-btn-secondary-border-default: #9595a2;
	--color-comp-btn-secondary-border-hover: #9595a2;
	--color-comp-btn-secondary-border-pressed: #9595a2;
	--color-comp-btn-secondary-border-disabled: #f9f9fc;
	--shadow-comp-btn-secondary-default: 0 0 0 0 #00000000;
	--shadow-comp-btn-secondary-hover: 0 0 0 0 #00000000;
	--shadow-comp-btn-secondary-pressed: 0 0 0 0 #00000000;
	--shadow-comp-btn-secondary-disabled: 0 0 0 0 #00000000;
	--color-comp-btn-secondary-danger-text-default: #f04437;
	--color-comp-btn-secondary-danger-text-hover: #f97066;
	--color-comp-btn-secondary-danger-text-pressed: #f04437;
	--color-comp-btn-secondary-danger-text-disabled: #dddde7;
	--color-comp-btn-secondary-danger-icon-default: #f04437;
	--color-comp-btn-secondary-danger-icon-hover: #f97066;
	--color-comp-btn-secondary-danger-icon-pressed: #f04437;
	--color-comp-btn-secondary-danger-icon-disabled: #dddde7;
	--color-comp-btn-secondary-danger-bg-default: #ffffff;
	--color-comp-btn-secondary-danger-bg-hover: #fef3f2;
	--color-comp-btn-secondary-danger-bg-pressed: #fee4e2;
	--color-comp-btn-secondary-danger-bg-disabled: #f9f9fc;
	--color-comp-btn-secondary-danger-border-default: #f97066;
	--color-comp-btn-secondary-danger-border-hover: #f97066;
	--color-comp-btn-secondary-danger-border-pressed: #f97066;
	--color-comp-btn-secondary-danger-border-disabled: #f9f9fc;
	--color-comp-btn-tertiary-text-default: #101014;
	--color-comp-btn-tertiary-text-hover: #18181c;
	--color-comp-btn-tertiary-text-pressed: #101014;
	--color-comp-btn-tertiary-text-disabled: #dddde7;
	--color-comp-btn-tertiary-icon-default: #101014;
	--color-comp-btn-tertiary-icon-hover: #18181c;
	--color-comp-btn-tertiary-icon-pressed: #101014;
	--color-comp-btn-tertiary-icon-disabled: #dddde7;
	--color-comp-btn-tertiary-bg-default: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-bg-hover: #f9f9fc;
	--color-comp-btn-tertiary-bg-pressed: #f3f3f8;
	--color-comp-btn-tertiary-bg-disabled: #f9f9fc;
	--color-comp-btn-tertiary-border-default: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-border-hover: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-border-pressed: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-border-disabled: #f9f9fc;
	--shadow-comp-btn-tertiary-default: 0 0 0 0 #00000000;
	--shadow-comp-btn-tertiary-hover: 0 0 0 0 #00000000;
	--shadow-comp-btn-tertiary-pressed: 0 0 0 0 #00000000;
	--shadow-comp-btn-tertiary-disabled: 0 0 0 0 #00000000;
	--color-comp-btn-tertiary-danger-text-default: #f04437;
	--color-comp-btn-tertiary-danger-text-hover: #f97066;
	--color-comp-btn-tertiary-danger-text-pressed: #f04437;
	--color-comp-btn-tertiary-danger-text-disabled: #dddde7;
	--color-comp-btn-tertiary-danger-icon-default: #f04437;
	--color-comp-btn-tertiary-danger-icon-hover: #f97066;
	--color-comp-btn-tertiary-danger-icon-pressed: #f04437;
	--color-comp-btn-tertiary-danger-icon-disabled: #dddde7;
	--color-comp-btn-tertiary-danger-bg-default: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-danger-bg-hover: #fef3f2;
	--color-comp-btn-tertiary-danger-bg-pressed: #fee4e2;
	--color-comp-btn-tertiary-danger-bg-disabled: #f9f9fc;
	--color-comp-btn-tertiary-danger-border-default: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-danger-border-hover: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-danger-border-pressed: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-danger-border-disabled: #f9f9fc;
	--color-comp-btn-dashed-text-default: #101014;
	--color-comp-btn-dashed-text-hover: #18181c;
	--color-comp-btn-dashed-text-pressed: #101014;
	--color-comp-btn-dashed-text-disabled: #dddde7;
	--color-comp-btn-dashed-icon-default: #101014;
	--color-comp-btn-dashed-icon-hover: #18181c;
	--color-comp-btn-dashed-icon-pressed: #101014;
	--color-comp-btn-dashed-icon-disabled: #dddde7;
	--color-comp-btn-dashed-bg-default: rgba(0, 0, 0, 0);
	--color-comp-btn-dashed-bg-hover: #f9f9fc;
	--color-comp-btn-dashed-bg-pressed: #f3f3f8;
	--color-comp-btn-dashed-bg-disabled: #f9f9fc;
	--color-comp-btn-dashed-border-default: #6b6b75;
	--color-comp-btn-dashed-border-hover: #9595a2;
	--color-comp-btn-dashed-border-pressed: #45454d;
	--color-comp-btn-dashed-border-disabled: #f9f9fc;
	--shadow-comp-btn-dashed-default: 0 0 0 0 #00000000;
	--shadow-comp-btn-dashed-hover: 0 0 0 0 #00000000;
	--shadow-comp-btn-dashed-pressed: 0 0 0 0 #00000000;
	--shadow-comp-btn-dashed-disabled: 0 0 0 0 #00000000;
	--color-comp-btn-dashed-danger-text-default: #f04437;
	--color-comp-btn-dashed-danger-text-hover: #f97066;
	--color-comp-btn-dashed-danger-text-pressed: #f04437;
	--color-comp-btn-dashed-danger-text-disabled: #dddde7;
	--color-comp-btn-dashed-danger-icon-default: #f04437;
	--color-comp-btn-dashed-danger-icon-hover: #f97066;
	--color-comp-btn-dashed-danger-icon-pressed: #f04437;
	--color-comp-btn-dashed-danger-icon-disabled: #dddde7;
	--color-comp-btn-dashed-danger-bg-default: rgba(0, 0, 0, 0);
	--color-comp-btn-dashed-danger-bg-hover: #fef3f2;
	--color-comp-btn-dashed-danger-bg-pressed: #fee4e2;
	--color-comp-btn-dashed-danger-bg-disabled: #f9f9fc;
	--color-comp-btn-dashed-danger-border-default: #f97066;
	--color-comp-btn-dashed-danger-border-hover: #fca19b;
	--color-comp-btn-dashed-danger-border-pressed: #f04437;
	--color-comp-btn-dashed-danger-border-disabled: #f9f9fc;
}

:root[data-theme="dark"] .switch {
	--color-comp-switch-track-bg-default: #ffffff;
	--color-comp-switch-track-bg-default-selected: #18181c;
	--color-comp-switch-track-bg-hover: #f9f9fc;
	--color-comp-switch-track-bg-hover-selected: #45454d;
	--color-comp-switch-track-bg-pressed: #f9f9fc;
	--color-comp-switch-track-bg-pressed-selected: #000000;
	--color-comp-switch-track-bg-disabled: #e8e8f0;
	--color-comp-switch-track-bg-disabled-selected: #bdbdca;
	--color-comp-switch-track-border-default: #9595a2;
	--color-comp-switch-track-border-default-selected: #18181c;
	--color-comp-switch-track-border-hover: #9595a2;
	--color-comp-switch-track-border-hover-selected: #45454d;
	--color-comp-switch-track-border-pressed: #9595a2;
	--color-comp-switch-track-border-pressed-selected: #000000;
	--color-comp-switch-track-border-disabled: #e8e8f0;
	--color-comp-switch-track-border-disabled-selected: #bdbdca;
	--shadow-comp-switch-track-default: 0 0 0 0 #00000000;
	--shadow-comp-switch-track-hover: 0 0 0 0 #00000000;
	--shadow-comp-switch-track-pressed: 0 0 0 0 #00000000;
	--shadow-comp-switch-track-disabled: 0 0 0 0 #00000000;
	--color-comp-switch-thumb-bg-default: #9595a2;
	--color-comp-switch-thumb-bg-default-selected: #ffffff;
	--color-comp-switch-thumb-bg-hover: #bdbdca;
	--color-comp-switch-thumb-bg-hover-selected: #ffffff;
	--color-comp-switch-thumb-bg-pressed: #6b6b75;
	--color-comp-switch-thumb-bg-pressed-selected: #ffffff;
	--color-comp-switch-thumb-bg-disabled: #9595a2;
	--color-comp-switch-thumb-bg-disabled-selected: #ffffff;
	--color-comp-switch-thumb-border-default: #9595a2;
	--color-comp-switch-thumb-border-default-selected: #ffffff;
	--color-comp-switch-thumb-border-hover: #bdbdca;
	--color-comp-switch-thumb-border-hover-selected: #ffffff;
	--color-comp-switch-thumb-border-pressed: #6b6b75;
	--color-comp-switch-thumb-border-pressed-selected: #ffffff;
	--color-comp-switch-thumb-border-disabled: #bdbdca;
	--color-comp-switch-thumb-border-disabled-selected: #ffffff;
	--shadow-comp-switch-thumb-default: 0 0 0 0 #00000000;
	--shadow-comp-switch-thumb-hover: 0 0 0 0 #00000000;
	--shadow-comp-switch-thumb-pressed: 0 0 0 0 #00000000;
	--shadow-comp-switch-thumb-disabled: 0 0 0 0 #00000000;
}

:root[data-theme="dark"] .tooltip {
	--color-comp-tooltip-text: #ffffff;
	--color-comp-tooltip-bg: #101014;
	--color-comp-tooltip-border: #101014;
}

:root[data-theme="dark"] .breadcrumb {
	--color-comp-breadcrumb-link-text-default: #18181c;
	--color-comp-breadcrumb-link-text-hover: #45454d;
	--color-comp-breadcrumb-link-text-pressed: #18181c;
	--color-comp-breadcrumb-ellipsis-icon-default: #9595a2;
	--color-comp-breadcrumb-ellipsis-icon-hover: #bdbdca;
	--color-comp-breadcrumb-ellipsis-icon-pressed: #9595a2;
	--color-comp-breadcrumb-separator-icon: #9595a2;
	--color-comp-breadcrumb-page-text: #9595a2;
}

:root[data-theme="dark"] .sidebar {
	--color-comp-sidebar-bg: #ffffff;
	--color-comp-sidebar-border: #f9f9fc;
	--color-comp-sidebar-header-default-collapse-action-icon-default: #45454d;
	--color-comp-sidebar-header-default-collapse-action-icon-hover: #6b6b75;
	--color-comp-sidebar-header-default-collapse-action-icon-pressed: #18181c;
	--color-comp-sidebar-header-default-collapse-action-bg-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-bg-hover: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-bg-pressed: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-border-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-border-hover: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-border-pressed: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-collapsed-collapse-action-icon-default: #45454d;
	--color-comp-sidebar-header-collapsed-collapse-action-icon-hover: #6b6b75;
	--color-comp-sidebar-header-collapsed-collapse-action-icon-pressed: #18181c;
	--color-comp-sidebar-header-collapsed-collapse-action-bg-default: #f9f9fc;
	--color-comp-sidebar-header-collapsed-collapse-action-bg-hover: #f9f9fc;
	--color-comp-sidebar-header-collapsed-collapse-action-bg-pressed: #f3f3f8;
	--color-comp-sidebar-header-collapsed-collapse-action-border-default: #ffffff;
	--color-comp-sidebar-header-collapsed-collapse-action-border-hover: #ffffff;
	--color-comp-sidebar-header-collapsed-collapse-action-border-pressed: #f3f3f8;
	--color-comp-sidebar-footer-separator-divider: #f3f3f8;
	--color-comp-sidebar-footer-powered-by-text: #45454d;
	--color-comp-sidebar-footer-powered-by-logo: #29292f;
	--color-comp-sidebar-group-label-text-default: #6b6b75;
	--color-comp-sidebar-group-label-bg-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-group-label-border-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-group-label-separator-default: #f3f3f8;
	--color-comp-sidebar-menu-item-text-default: #45454d;
	--color-comp-sidebar-menu-item-text-default-hover: #45454d;
	--color-comp-sidebar-menu-item-text-selected: #ffffff;
	--color-comp-sidebar-menu-item-text-selected-hover: #ffffff;
	--color-comp-sidebar-menu-item-icon-default: #101014;
	--color-comp-sidebar-menu-item-icon-default-hover: #101014;
	--color-comp-sidebar-menu-item-icon-selected: #ffffff;
	--color-comp-sidebar-menu-item-icon-selected-hover: #ffffff;
	--color-comp-sidebar-menu-item-action-icon-default: #101014;
	--color-comp-sidebar-menu-item-action-icon-default-hover: #101014;
	--color-comp-sidebar-menu-item-action-icon-selected: #ffffff;
	--color-comp-sidebar-menu-item-action-icon-selected-hover: #ffffff;
	--color-comp-sidebar-menu-item-bg-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-item-bg-default-hover: #f9f9fc;
	--color-comp-sidebar-menu-item-bg-selected: #101014;
	--color-comp-sidebar-menu-item-bg-selected-hover: #18181c;
	--color-comp-sidebar-menu-item-border-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-item-border-default-hover: #f9f9fc;
	--color-comp-sidebar-menu-item-border-selected: #101014;
	--color-comp-sidebar-menu-item-border-selected-hover: #18181c;
	--color-comp-sidebar-menu-sub-connector-default: rgba(41, 41, 47, 0.10);
	--color-comp-sidebar-menu-sub-item-text-default: #45454d;
	--color-comp-sidebar-menu-sub-item-text-default-hover: #45454d;
	--color-comp-sidebar-menu-sub-item-text-selected: #ffffff;
	--color-comp-sidebar-menu-sub-item-text-selected-hover: #ffffff;
	--color-comp-sidebar-menu-sub-item-bg-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-sub-item-bg-default-hover: #f9f9fc;
	--color-comp-sidebar-menu-sub-item-bg-selected: #101014;
	--color-comp-sidebar-menu-sub-item-bg-selected-hover: #18181c;
	--color-comp-sidebar-menu-sub-item-border-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-sub-item-border-default-hover: #f9f9fc;
	--color-comp-sidebar-menu-sub-item-border-selected: #101014;
	--color-comp-sidebar-menu-sub-item-border-selected-hover: #18181c;
	--color-comp-sidebar-menu-sub-item-selection-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-sub-item-selection-default-hover: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-sub-item-selection-selected: #101014;
	--color-comp-sidebar-menu-sub-item-selection-selected-hover: #101014;
}

:root[data-theme="dark"] .badge {
	--color-comp-badge-primary-info-text: #ffffff;
	--color-comp-badge-primary-info-icon: #ffffff;
	--color-comp-badge-primary-info-bg: #2970ff;
	--color-comp-badge-primary-info-border: #ffffff;
	--color-comp-badge-primary-danger-text: #ffffff;
	--color-comp-badge-primary-danger-icon: #ffffff;
	--color-comp-badge-primary-danger-bg: #f04437;
	--color-comp-badge-primary-danger-border: #ffffff;
	--color-comp-badge-primary-success-text: #ffffff;
	--color-comp-badge-primary-success-icon: #ffffff;
	--color-comp-badge-primary-success-bg: #039754;
	--color-comp-badge-primary-success-border: #ffffff;
	--color-comp-badge-primary-warning-text: #ffffff;
	--color-comp-badge-primary-warning-icon: #ffffff;
	--color-comp-badge-primary-warning-bg: #d7991f;
	--color-comp-badge-primary-warning-border: #ffffff;
	--color-comp-badge-secondary-info-text: #101014;
	--color-comp-badge-secondary-info-icon: #101014;
	--color-comp-badge-secondary-info-bg: #bdbdca;
	--color-comp-badge-secondary-info-border: #6b6b75;
	--color-comp-badge-secondary-danger-text: #d92c20;
	--color-comp-badge-secondary-danger-icon: #d92c20;
	--color-comp-badge-secondary-danger-bg: #fee4e2;
	--color-comp-badge-secondary-danger-border: #f04437;
	--color-comp-badge-secondary-success-text: #027a48;
	--color-comp-badge-secondary-success-icon: #027a48;
	--color-comp-badge-secondary-success-bg: #d1fadf;
	--color-comp-badge-secondary-success-border: #039754;
	--color-comp-badge-secondary-warning-text: #101014;
	--color-comp-badge-secondary-warning-icon: #101014;
	--color-comp-badge-secondary-warning-bg: #fdd890;
	--color-comp-badge-secondary-warning-border: #d7991f;
}

:root[data-theme="dark"] .dropdownMenu {
	--color-comp-dropdown-menu-bg: #ffffff;
	--color-comp-dropdown-menu-border: #e8e8f0;
	--color-comp-dropdown-menu-label-text: #6b6b75;
	--color-comp-dropdown-menu-item-text-default: #45454d;
	--color-comp-dropdown-menu-item-text-hover: #45454d;
	--color-comp-dropdown-menu-item-text-pressed: #45454d;
	--color-comp-dropdown-menu-item-text-selected: #45454d;
	--color-comp-dropdown-menu-item-text-disabled: #bdbdca;
	--color-comp-dropdown-menu-item-icon-leading-default: #45454d;
	--color-comp-dropdown-menu-item-icon-leading-hover: #45454d;
	--color-comp-dropdown-menu-item-icon-leading-pressed: #45454d;
	--color-comp-dropdown-menu-item-icon-leading-selected: #45454d;
	--color-comp-dropdown-menu-item-icon-leading-disabled: #bdbdca;
	--color-comp-dropdown-menu-item-icon-trailing-default: #45454d;
	--color-comp-dropdown-menu-item-icon-trailing-hover: #45454d;
	--color-comp-dropdown-menu-item-icon-trailing-pressed: #45454d;
	--color-comp-dropdown-menu-item-icon-trailing-selected: #45454d;
	--color-comp-dropdown-menu-item-icon-trailing-disabled: #bdbdca;
	--color-comp-dropdown-menu-item-bg-default: #ffffff;
	--color-comp-dropdown-menu-item-bg-hover: #f9f9fc;
	--color-comp-dropdown-menu-item-bg-pressed: #f3f3f8;
	--color-comp-dropdown-menu-item-bg-selected: #f3f3f8;
	--color-comp-dropdown-menu-item-bg-disabled: #f9f9fc;
	--color-comp-dropdown-menu-item-border-default: #ffffff;
	--color-comp-dropdown-menu-item-border-hover: #f9f9fc;
	--color-comp-dropdown-menu-item-border-pressed: #f3f3f8;
	--color-comp-dropdown-menu-item-border-selected: #f3f3f8;
	--color-comp-dropdown-menu-item-border-disabled: #f3f3f8;
	--color-comp-dropdown-menu-item-indicator-icon-default: #45454d;
	--color-comp-dropdown-menu-item-indicator-icon-hover: #45454d;
	--color-comp-dropdown-menu-item-indicator-icon-pressed: #45454d;
	--color-comp-dropdown-menu-item-indicator-icon-checked: #101014;
	--color-comp-dropdown-menu-item-indicator-icon-disabled: #bdbdca;
	--color-comp-dropdown-menu-shortcut-text-default: #6b6b75;
	--color-comp-dropdown-menu-shortcut-text-hover: #6b6b75;
	--color-comp-dropdown-menu-shortcut-text-pressed: #6b6b75;
	--color-comp-dropdown-menu-shortcut-text-selected: #6b6b75;
	--color-comp-dropdown-menu-shortcut-text-disabled: #bdbdca;
	--color-comp-dropdown-menu-separator-line: #e8e8f0;
	--shadow-comp-dropdown-menu-content: 0 1px 3px 1px #00000026, 0 1px 2px 0 #0000004d;
}

:root[data-theme="dark"] .chart {
	--color-comp-chart-data-blue-low-emphasis: #d1e0ff;
	--color-comp-chart-data-blue-mid-emphasis: #84adff;
	--color-comp-chart-data-blue-high-emphasis: #2970ff;
	--color-comp-chart-data-violet-low-emphasis: #ece9fe;
	--color-comp-chart-data-violet-mid-emphasis: #c3b5fd;
	--color-comp-chart-data-violet-high-emphasis: #875af7;
	--color-comp-chart-data-red-low-emphasis: #fee4e2;
	--color-comp-chart-data-red-mid-emphasis: #fca19b;
	--color-comp-chart-data-red-high-emphasis: #f04437;
	--color-comp-chart-data-yellow-low-emphasis: #fdd890;
	--color-comp-chart-data-yellow-mid-emphasis: #fcc14e;
	--color-comp-chart-data-yellow-high-emphasis: #fcb222;
	--color-comp-chart-data-green-low-emphasis: #d1fadf;
	--color-comp-chart-data-green-mid-emphasis: #6be9a6;
	--color-comp-chart-data-green-high-emphasis: #12b669;
}

:root[data-theme="dark"] .tabs {
	--color-comp-tabs-content-text-default: #6b6b75;
	--color-comp-tabs-content-text-hovered: #45454d;
	--color-comp-tabs-content-text-pressed: #101014;
	--color-comp-tabs-content-text-selected: #101014;
	--color-comp-tabs-content-text-disabled: #bdbdca;
	--color-comp-tabs-content-icon-default: #6b6b75;
	--color-comp-tabs-content-icon-hovered: #45454d;
	--color-comp-tabs-content-icon-pressed: #101014;
	--color-comp-tabs-content-icon-selected: #101014;
	--color-comp-tabs-content-icon-disabled: #bdbdca;
	--color-comp-tabs-indicator-bg-selected: #101014;
	--color-comp-tabs-track-bg: #e8e8f0;
	--color-comp-tabs-overflow-trigger-bg: #ffffff;
	--color-comp-tabs-overflow-trigger-border: rgba(0, 0, 0, 0);
	--color-comp-tabs-overflow-trigger-icon: #6b6b75;
}

:root[data-theme="dark"] .control {
	--color-comp-control-text-default: #101014;
	--color-comp-control-text-hover: #45454d;
	--color-comp-control-text-pressed: #101014;
	--color-comp-control-text-disabled: #bdbdca;
	--color-comp-control-icon-default: #101014;
	--color-comp-control-icon-hover: #45454d;
	--color-comp-control-icon-pressed: #101014;
	--color-comp-control-icon-disabled: #bdbdca;
	--color-comp-control-bg-default: #ffffff;
	--color-comp-control-bg-hover: #f9f9fc;
	--color-comp-control-bg-pressed: #f3f3f8;
	--color-comp-control-bg-disabled: #dddde7;
	--color-comp-control-border-default: #9595a2;
	--color-comp-control-border-hover: #9595a2;
	--color-comp-control-border-pressed: #9595a2;
	--color-comp-control-border-disabled: #e8e8f0;
}

:root[data-theme="dark"] .pageHeader {
	--color-comp-page-header-bg: #ffffff;
	--color-comp-page-header-border: #dddde7;
	--color-comp-page-header-title-slot-text: #101014;
	--color-comp-page-header-subtitle-slot-text: #45454d;
	--color-comp-page-header-metadata-item-text: #45454d;
	--color-comp-page-header-metadata-item-icon: #45454d;
}

:root[data-theme="dark"] .pagination {
	--color-comp-pagination-content-bg: rgba(0, 0, 0, 0);
	--color-comp-pagination-content-border: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-icon-default: #101014;
	--color-comp-pagination-first-icon-hover: #18181c;
	--color-comp-pagination-first-icon-disabled: #dddde7;
	--color-comp-pagination-first-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-bg-hover: #f9f9fc;
	--color-comp-pagination-first-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-first-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-first-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-first-disabled: 0 0 0 0 #00000000;
	--color-comp-pagination-previous-icon-default: #101014;
	--color-comp-pagination-previous-icon-hover: #18181c;
	--color-comp-pagination-previous-icon-disabled: #dddde7;
	--color-comp-pagination-previous-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-previous-bg-hover: #f9f9fc;
	--color-comp-pagination-previous-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-previous-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-previous-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-previous-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-previous-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-previous-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-previous-disabled: 0 0 0 0 #00000000;
	--color-comp-pagination-next-icon-default: #101014;
	--color-comp-pagination-next-icon-hover: #18181c;
	--color-comp-pagination-next-icon-disabled: #dddde7;
	--color-comp-pagination-next-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-next-bg-hover: #f9f9fc;
	--color-comp-pagination-next-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-next-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-next-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-next-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-next-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-next-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-next-disabled: 0 0 0 0 #00000000;
	--color-comp-pagination-last-icon-default: #101014;
	--color-comp-pagination-last-icon-hover: #18181c;
	--color-comp-pagination-last-icon-disabled: #dddde7;
	--color-comp-pagination-last-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-last-bg-hover: #f9f9fc;
	--color-comp-pagination-last-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-last-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-last-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-last-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-last-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-last-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-last-disabled: 0 0 0 0 #00000000;
	--color-comp-pagination-link-text-default: #101014;
	--color-comp-pagination-link-text-hover: #18181c;
	--color-comp-pagination-link-text-active: #101014;
	--color-comp-pagination-link-text-active-hovered: #18181c;
	--color-comp-pagination-link-text-active-disabled: #dddde7;
	--color-comp-pagination-link-text-disabled: #dddde7;
	--color-comp-pagination-link-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-bg-hover: #f9f9fc;
	--color-comp-pagination-link-bg-active: #ffffff;
	--color-comp-pagination-link-bg-active-hovered: #f9f9fc;
	--color-comp-pagination-link-bg-active-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-border-active: #f3f3f8;
	--color-comp-pagination-link-border-active-hovered: #f3f3f8;
	--color-comp-pagination-link-border-active-disabled: #f9f9fc;
	--color-comp-pagination-link-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-link-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-link-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-link-active: 0 0 0 0 #00000000;
	--shadow-comp-pagination-link-active-hovered: 0 0 0 0 #00000000;
	--color-comp-pagination-ellipsis-icon-default: #101014;
	--color-comp-pagination-ellipsis-icon-disabled: #dddde7;
	--color-comp-pagination-ellipsis-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-ellipsis-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-ellipsis-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-ellipsis-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-ellipsis-default: 0 0 0 0 #00000000;
	--color-comp-pagination-summary-text: #101014;
}

:root[data-theme="dark"] .popover {
	--color-comp-popover-bg: #ffffff;
	--color-comp-popover-border: #e8e8f0;
}

:root[data-theme="dark"] .link {
	--color-comp-link-text-primary-default: #101014;
	--color-comp-link-text-primary-hover: #45454d;
	--color-comp-link-text-primary-active: #101014;
	--color-comp-link-text-primary-visited: #101014;
	--color-comp-link-text-primary-disabled: #bdbdca;
	--color-comp-link-text-on-accent-default: #ffffff;
	--color-comp-link-text-on-accent-hover: #dddde7;
	--color-comp-link-text-on-accent-active: #ffffff;
	--color-comp-link-text-on-accent-visited: #ffffff;
	--color-comp-link-text-on-accent-disabled: #6b6b75;
}

:root[data-theme="dark"] .separator {
	--color-comp-separator-bg: #f3f3f8;
}

:root[data-theme="dark"] .input {
	--color-comp-input-outlined-border-default: #bdbdca;
	--color-comp-input-outlined-border-hover: #45454d;
	--color-comp-input-outlined-border-focused: #101014;
	--color-comp-input-outlined-border-disabled: #bdbdca;
	--color-comp-input-outlined-border-read-only: #bdbdca;
	--color-comp-input-outlined-bg-default: #ffffff;
	--color-comp-input-outlined-bg-hover: #ffffff;
	--color-comp-input-outlined-bg-focused: #ffffff;
	--color-comp-input-outlined-bg-disabled: #f3f3f8;
	--color-comp-input-outlined-bg-read-only: #f3f3f8;
	--color-comp-input-outlined-text-default: #101014;
	--color-comp-input-outlined-text-disabled: #bdbdca;
	--color-comp-input-outlined-text-read-only: #6b6b75;
	--color-comp-input-outlined-placeholder-default: #9595a2;
	--color-comp-input-outlined-placeholder-disabled: #bdbdca;
	--color-comp-input-outlined-placeholder-read-only: #6b6b75;
	--color-comp-input-outlined-clear-all-icon-default: #45454d;
	--color-comp-input-outlined-clear-all-icon-hover: #45454d;
	--color-comp-input-outlined-clear-all-icon-focused: #45454d;
	--shadow-comp-input-outlined-default-focused: 0 0 0 2px rgba(16, 16, 20, 0.16);
	--shadow-comp-input-outlined-danger-focused: 0 0 0 2px rgba(180, 35, 24, 0.16);
	--shadow-comp-input-outlined-success-focused: 0 0 0 2px rgba(2, 122, 72, 0.16);
	--color-comp-input-outlined-danger-border-default: #f04437;
	--color-comp-input-outlined-danger-border-hover: #d92c20;
	--color-comp-input-outlined-danger-border-focused: #b42318;
	--color-comp-input-outlined-danger-bg-default: #ffffff;
	--color-comp-input-outlined-danger-bg-hover: #ffffff;
	--color-comp-input-outlined-danger-bg-focused: #ffffff;
	--color-comp-input-outlined-danger-text-default: #101014;
	--color-comp-input-outlined-danger-placeholder-default: #9595a2;
	--color-comp-input-outlined-success-border-default: #31d583;
	--color-comp-input-outlined-success-border-hover: #039754;
	--color-comp-input-outlined-success-border-focused: #027a48;
	--color-comp-input-outlined-success-bg-default: #ffffff;
	--color-comp-input-outlined-success-bg-hover: #ffffff;
	--color-comp-input-outlined-success-bg-focused: #ffffff;
	--color-comp-input-outlined-success-text-default: #101014;
	--color-comp-input-outlined-success-placeholder-default: #9595a2;
	--color-comp-input-borderless-bg-default: #ffffff;
	--color-comp-input-borderless-bg-hover: #ffffff;
	--color-comp-input-borderless-bg-focused: #ffffff;
	--color-comp-input-borderless-bg-disabled: #f3f3f8;
	--color-comp-input-borderless-bg-read-only: #f3f3f8;
	--color-comp-input-borderless-text-default: #101014;
	--color-comp-input-borderless-text-disabled: #bdbdca;
	--color-comp-input-borderless-text-read-only: #6b6b75;
	--color-comp-input-borderless-placeholder-default: #9595a2;
	--color-comp-input-borderless-placeholder-disabled: #bdbdca;
	--color-comp-input-borderless-placeholder-read-only: #6b6b75;
	--color-comp-input-borderless-clear-all-icon-default: #45454d;
	--color-comp-input-borderless-clear-all-icon-hover: #45454d;
	--color-comp-input-borderless-clear-all-icon-focused: #45454d;
	--color-comp-input-borderless-danger-bg-default: #ffffff;
	--color-comp-input-borderless-danger-bg-hover: #ffffff;
	--color-comp-input-borderless-danger-bg-focused: #ffffff;
	--color-comp-input-borderless-danger-text-default: #101014;
	--color-comp-input-borderless-danger-placeholder-default: #9595a2;
	--color-comp-input-borderless-success-bg-default: #ffffff;
	--color-comp-input-borderless-success-bg-hover: #ffffff;
	--color-comp-input-borderless-success-bg-focused: #ffffff;
	--color-comp-input-borderless-success-text-default: #101014;
	--color-comp-input-borderless-success-placeholder-default: #9595a2;
	--color-comp-input-underlined-border-default: #bdbdca;
	--color-comp-input-underlined-border-hover: #45454d;
	--color-comp-input-underlined-border-focused: #101014;
	--color-comp-input-underlined-border-disabled: #bdbdca;
	--color-comp-input-underlined-border-read-only: #bdbdca;
	--color-comp-input-underlined-bg-default: #ffffff;
	--color-comp-input-underlined-bg-hover: #ffffff;
	--color-comp-input-underlined-bg-focused: #ffffff;
	--color-comp-input-underlined-bg-disabled: #f3f3f8;
	--color-comp-input-underlined-bg-read-only: #f3f3f8;
	--color-comp-input-underlined-text-default: #101014;
	--color-comp-input-underlined-text-disabled: #bdbdca;
	--color-comp-input-underlined-text-read-only: #6b6b75;
	--color-comp-input-underlined-placeholder-default: #9595a2;
	--color-comp-input-underlined-placeholder-disabled: #bdbdca;
	--color-comp-input-underlined-placeholder-read-only: #6b6b75;
	--color-comp-input-underlined-clear-all-icon-default: #45454d;
	--color-comp-input-underlined-clear-all-icon-hover: #45454d;
	--color-comp-input-underlined-clear-all-icon-focused: #45454d;
	--color-comp-input-underlined-danger-border-default: #fca19b;
	--color-comp-input-underlined-danger-border-hover: #d92c20;
	--color-comp-input-underlined-danger-border-focused: #b42318;
	--color-comp-input-underlined-danger-bg-default: #ffffff;
	--color-comp-input-underlined-danger-bg-hover: #ffffff;
	--color-comp-input-underlined-danger-bg-focused: #ffffff;
	--color-comp-input-underlined-danger-text-default: #101014;
	--color-comp-input-underlined-danger-placeholder-default: #9595a2;
	--color-comp-input-underlined-success-border-default: #31d583;
	--color-comp-input-underlined-success-border-hover: #039754;
	--color-comp-input-underlined-success-border-focused: #027a48;
	--color-comp-input-underlined-success-bg-default: #ffffff;
	--color-comp-input-underlined-success-bg-hover: #ffffff;
	--color-comp-input-underlined-success-bg-focused: #ffffff;
	--color-comp-input-underlined-success-text-default: #101014;
	--color-comp-input-underlined-success-placeholder-default: #9595a2;
}

:root[data-theme="dark"] .inputGroup {
	--color-comp-input-group-outlined-border-default: #bdbdca;
	--color-comp-input-group-outlined-border-hover: #45454d;
	--color-comp-input-group-outlined-border-focused: #101014;
	--color-comp-input-group-outlined-border-disabled: #bdbdca;
	--color-comp-input-group-outlined-border-read-only: #bdbdca;
	--color-comp-input-group-outlined-bg-default: #ffffff;
	--color-comp-input-group-outlined-bg-hover: #ffffff;
	--color-comp-input-group-outlined-bg-focused: #ffffff;
	--color-comp-input-group-outlined-bg-disabled: #f3f3f8;
	--color-comp-input-group-outlined-bg-read-only: #f3f3f8;
	--color-comp-input-group-outlined-addon-text-default: #6b6b75;
	--color-comp-input-group-outlined-addon-text-disabled: #bdbdca;
	--color-comp-input-group-outlined-addon-text-read-only: #6b6b75;
	--color-comp-input-group-outlined-addon-icon-default: #6b6b75;
	--color-comp-input-group-outlined-addon-icon-disabled: #bdbdca;
	--color-comp-input-group-outlined-addon-icon-read-only: #6b6b75;
	--color-comp-input-group-outlined-danger-border-default: #f97066;
	--color-comp-input-group-outlined-danger-border-hover: #d92c20;
	--color-comp-input-group-outlined-danger-border-focused: #b42318;
	--color-comp-input-group-outlined-danger-bg-default: #ffffff;
	--color-comp-input-group-outlined-danger-bg-hover: #ffffff;
	--color-comp-input-group-outlined-danger-bg-focused: #ffffff;
	--color-comp-input-group-outlined-danger-addon-text-default: #f04437;
	--color-comp-input-group-outlined-danger-addon-icon-default: #f04437;
	--color-comp-input-group-outlined-success-border-default: #31d583;
	--color-comp-input-group-outlined-success-border-hover: #039754;
	--color-comp-input-group-outlined-success-border-focused: #027a48;
	--color-comp-input-group-outlined-success-bg-default: #ffffff;
	--color-comp-input-group-outlined-success-bg-hover: #ffffff;
	--color-comp-input-group-outlined-success-bg-focused: #ffffff;
	--color-comp-input-group-outlined-success-addon-text-default: #039754;
	--color-comp-input-group-outlined-success-addon-icon-default: #039754;
	--color-comp-input-group-borderless-bg-default: #ffffff;
	--color-comp-input-group-borderless-bg-hover: #ffffff;
	--color-comp-input-group-borderless-bg-focused: #ffffff;
	--color-comp-input-group-borderless-bg-disabled: #f3f3f8;
	--color-comp-input-group-borderless-bg-read-only: #f3f3f8;
	--color-comp-input-group-borderless-addon-text-default: #6b6b75;
	--color-comp-input-group-borderless-addon-text-disabled: #bdbdca;
	--color-comp-input-group-borderless-addon-text-read-only: #6b6b75;
	--color-comp-input-group-borderless-addon-icon-default: #6b6b75;
	--color-comp-input-group-borderless-addon-icon-disabled: #bdbdca;
	--color-comp-input-group-borderless-addon-icon-read-only: #6b6b75;
	--color-comp-input-group-borderless-danger-bg-default: #ffffff;
	--color-comp-input-group-borderless-danger-bg-hover: #ffffff;
	--color-comp-input-group-borderless-danger-bg-focused: #ffffff;
	--color-comp-input-group-borderless-danger-addon-text-default: #f04437;
	--color-comp-input-group-borderless-danger-addon-icon-default: #f04437;
	--color-comp-input-group-borderless-success-bg-default: #ffffff;
	--color-comp-input-group-borderless-success-bg-hover: #ffffff;
	--color-comp-input-group-borderless-success-bg-focused: #ffffff;
	--color-comp-input-group-borderless-success-addon-text-default: #039754;
	--color-comp-input-group-borderless-success-addon-icon-default: #039754;
	--color-comp-input-group-underlined-border-default: #bdbdca;
	--color-comp-input-group-underlined-border-hover: #45454d;
	--color-comp-input-group-underlined-border-focused: #101014;
	--color-comp-input-group-underlined-border-disabled: #bdbdca;
	--color-comp-input-group-underlined-border-read-only: #bdbdca;
	--color-comp-input-group-underlined-bg-default: #ffffff;
	--color-comp-input-group-underlined-bg-hover: #ffffff;
	--color-comp-input-group-underlined-bg-focused: #ffffff;
	--color-comp-input-group-underlined-bg-disabled: #f3f3f8;
	--color-comp-input-group-underlined-bg-read-only: #f3f3f8;
	--color-comp-input-group-underlined-addon-text-default: #6b6b75;
	--color-comp-input-group-underlined-addon-text-disabled: #bdbdca;
	--color-comp-input-group-underlined-addon-text-read-only: #6b6b75;
	--color-comp-input-group-underlined-addon-icon-default: #6b6b75;
	--color-comp-input-group-underlined-addon-icon-disabled: #bdbdca;
	--color-comp-input-group-underlined-addon-icon-read-only: #6b6b75;
	--color-comp-input-group-underlined-danger-border-default: #fca19b;
	--color-comp-input-group-underlined-danger-border-hover: #d92c20;
	--color-comp-input-group-underlined-danger-border-focused: #b42318;
	--color-comp-input-group-underlined-danger-bg-default: #ffffff;
	--color-comp-input-group-underlined-danger-bg-hover: #ffffff;
	--color-comp-input-group-underlined-danger-bg-focused: #ffffff;
	--color-comp-input-group-underlined-danger-addon-text-default: #f04437;
	--color-comp-input-group-underlined-danger-addon-icon-default: #f04437;
	--color-comp-input-group-underlined-success-border-default: #31d583;
	--color-comp-input-group-underlined-success-border-hover: #039754;
	--color-comp-input-group-underlined-success-border-focused: #027a48;
	--color-comp-input-group-underlined-success-bg-default: #ffffff;
	--color-comp-input-group-underlined-success-bg-hover: #ffffff;
	--color-comp-input-group-underlined-success-bg-focused: #ffffff;
	--color-comp-input-group-underlined-success-addon-text-default: #039754;
	--color-comp-input-group-underlined-success-addon-icon-default: #039754;
}

:root[data-theme="dark"] .numberInput {
	--color-comp-number-input-stepper-border-default: #e8e8f0;
	--color-comp-number-input-stepper-border-hover: #e8e8f0;
	--color-comp-number-input-stepper-border-pressed: #e8e8f0;
	--color-comp-number-input-stepper-border-disabled: #e8e8f0;
	--color-comp-number-input-stepper-icon-default: #9595a2;
	--color-comp-number-input-stepper-icon-hover: #45454d;
	--color-comp-number-input-stepper-icon-pressed: #18181c;
	--color-comp-number-input-stepper-icon-disabled: #e8e8f0;
	--color-comp-number-input-stepper-bg-default: #ffffff;
	--color-comp-number-input-stepper-bg-hover: #f3f3f8;
	--color-comp-number-input-stepper-bg-pressed: #dddde7;
	--color-comp-number-input-stepper-bg-disabled: #ffffff;
}

:root[data-theme="dark"] .drawer {
	--color-comp-drawer-bg: #ffffff;
	--color-comp-drawer-border: #e8e8f0;
	--color-comp-drawer-header-text-title: #101014;
	--color-comp-drawer-header-text-description: #45454d;
}

:root[data-theme="dark"] .item {
	--color-comp-item-default-bg-default: rgba(0, 0, 0, 0);
	--color-comp-item-default-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-item-default-border-default: rgba(0, 0, 0, 0);
	--color-comp-item-default-border-disabled: rgba(0, 0, 0, 0);
	--color-comp-item-default-title-default: #45454d;
	--color-comp-item-default-title-disabled: #bdbdca;
	--color-comp-item-default-description-default: #6b6b75;
	--color-comp-item-default-description-disabled: #bdbdca;
	--color-comp-item-interactive-bg-default: #ffffff;
	--color-comp-item-interactive-bg-hover: #f9f9fc;
	--color-comp-item-interactive-bg-pressed: #f3f3f8;
	--color-comp-item-interactive-bg-disabled: #ffffff;
	--color-comp-item-interactive-border-default: rgba(0, 0, 0, 0);
	--color-comp-item-interactive-border-hover: rgba(0, 0, 0, 0);
	--color-comp-item-interactive-border-pressed: rgba(0, 0, 0, 0);
	--color-comp-item-interactive-border-disabled: rgba(0, 0, 0, 0);
	--color-comp-item-interactive-title-default: #45454d;
	--color-comp-item-interactive-title-hover: #45454d;
	--color-comp-item-interactive-title-pressed: #45454d;
	--color-comp-item-interactive-title-disabled: #bdbdca;
	--color-comp-item-interactive-description-default: #6b6b75;
	--color-comp-item-interactive-description-hover: #6b6b75;
	--color-comp-item-interactive-description-pressed: #6b6b75;
	--color-comp-item-interactive-description-disabled: #bdbdca;
}

:root[data-theme="dark"] .avatar {
	--color-comp-avatar-grey-text: #29292f;
	--color-comp-avatar-grey-icon: #29292f;
	--color-comp-avatar-grey-bg: #e8e8f0;
	--color-comp-avatar-grey-border: #ffffff;
	--color-comp-avatar-green-text: #055f3a;
	--color-comp-avatar-green-icon: #055f3a;
	--color-comp-avatar-green-bg: #ecfdf3;
	--color-comp-avatar-green-border: #ffffff;
	--color-comp-avatar-blue-text: #0040c1;
	--color-comp-avatar-blue-icon: #0040c1;
	--color-comp-avatar-blue-bg: #eff4ff;
	--color-comp-avatar-blue-border: #ffffff;
	--color-comp-avatar-red-text: #b42318;
	--color-comp-avatar-red-icon: #b42318;
	--color-comp-avatar-red-bg: #fef3f2;
	--color-comp-avatar-red-border: #ffffff;
	--color-comp-avatar-yellow-text: #65470d;
	--color-comp-avatar-yellow-icon: #65470d;
	--color-comp-avatar-yellow-bg: #fee8bd;
	--color-comp-avatar-yellow-border: #ffffff;
	--color-comp-avatar-status-online-bg: #12b669;
	--color-comp-avatar-status-online-border: #ffffff;
	--color-comp-avatar-status-offline-bg: #dddde7;
	--color-comp-avatar-status-offline-border: #ffffff;
}

:root[data-theme="dark"] .accordion {
	--color-comp-accordion-borderless-bg: rgba(0, 0, 0, 0);
	--color-comp-accordion-outlined-bg: rgba(0, 0, 0, 0);
	--color-comp-accordion-outlined-border: #e8e8f0;
	--color-comp-accordion-item-border: #e8e8f0;
	--color-comp-accordion-item-header-trigger-icon-default: #101014;
	--color-comp-accordion-item-header-trigger-icon-hover: #101014;
	--color-comp-accordion-item-header-trigger-icon-pressed: #101014;
	--color-comp-accordion-item-header-trigger-icon-disabled: #bdbdca;
	--color-comp-accordion-item-header-text-title-default: #101014;
	--color-comp-accordion-item-header-text-title-hover: #101014;
	--color-comp-accordion-item-header-text-title-pressed: #101014;
	--color-comp-accordion-item-header-text-title-disabled: #bdbdca;
	--color-comp-accordion-item-header-text-description-default: #45454d;
	--color-comp-accordion-item-header-text-description-hover: #45454d;
	--color-comp-accordion-item-header-text-description-pressed: #45454d;
	--color-comp-accordion-item-header-text-description-disabled: #bdbdca;
	--color-comp-accordion-item-header-bg-default: #ffffff;
	--color-comp-accordion-item-header-bg-hover: #f9f9fc;
	--color-comp-accordion-item-header-bg-pressed: #f3f3f8;
	--color-comp-accordion-item-header-bg-disabled: #ffffff;
	--color-comp-accordion-item-content-bg: #ffffff;
	--color-comp-accordion-item-content-text: #45454d;
}

:root[data-theme="dark"] .avatarGroup {
	--color-comp-avatar-group-count-text-default: #29292f;
	--color-comp-avatar-group-count-text-hover: #29292f;
	--color-comp-avatar-group-count-text-pressed: #29292f;
	--color-comp-avatar-group-count-bg-default: #e8e8f0;
	--color-comp-avatar-group-count-bg-hover: #dddde7;
	--color-comp-avatar-group-count-bg-pressed: #bdbdca;
	--color-comp-avatar-group-count-border-default: #ffffff;
	--color-comp-avatar-group-count-border-hover: #ffffff;
	--color-comp-avatar-group-count-border-pressed: #ffffff;
}

:root[data-theme="dark"] .card {
	--color-comp-card-default-bg-default: #ffffff;
	--color-comp-card-default-bg-disabled: #ffffff;
	--color-comp-card-default-border-default: #e8e8f0;
	--color-comp-card-default-border-disabled: #e8e8f0;
	--color-comp-card-interactive-bg-default: #ffffff;
	--color-comp-card-interactive-bg-hover: #f9f9fc;
	--color-comp-card-interactive-bg-pressed: #f3f3f8;
	--color-comp-card-interactive-bg-disabled: #ffffff;
	--color-comp-card-interactive-bg-default-selected: #ffffff;
	--color-comp-card-interactive-bg-hover-selected: #f9f9fc;
	--color-comp-card-interactive-bg-pressed-selected: #f3f3f8;
	--color-comp-card-interactive-bg-disabled-selected: #ffffff;
	--color-comp-card-interactive-border-default: #9595a2;
	--color-comp-card-interactive-border-hover: #9595a2;
	--color-comp-card-interactive-border-pressed: #9595a2;
	--color-comp-card-interactive-border-disabled: #9595a2;
	--color-comp-card-interactive-border-default-selected: #101014;
	--color-comp-card-interactive-border-hover-selected: #101014;
	--color-comp-card-interactive-border-pressed-selected: #101014;
	--color-comp-card-interactive-border-disabled-selected: #9595a2;
	--shadow-comp-card-interactive-default-selected: 0 0 0 2px #101014;
	--shadow-comp-card-interactive-hover-selected: 0 0 0 2px #101014;
	--shadow-comp-card-interactive-pressed-selected: 0 0 0 2px #101014;
	--shadow-comp-card-interactive-disabled-selected: 0 0 0 2px #9595a2;
	--color-comp-card-predefined-header-text-title: #45454d;
	--color-comp-card-predefined-header-text-subtitle: #6b6b75;
	--color-comp-card-predefined-content-text-primary: #101014;
	--color-comp-card-predefined-content-text-secondary: #45454d;
	--color-comp-card-predefined-content-text-tertiary: #6b6b75;
}

:root[data-theme="dark"] .skeleton {
	--color-comp-skeleton-bg-start: #f3f3f8;
	--color-comp-skeleton-bg-end: #dddde7;
	--color-comp-skeleton-bg-dummy: rgba(189, 189, 202, 0.50);
}

:root[data-theme="dark"] .tag {
	--color-comp-tag-middle-count-bg-default: #ffffff;
	--color-comp-tag-middle-count-bg-disabled: #f9f9fc;
	--color-comp-tag-middle-count-border-default: #dddde7;
	--color-comp-tag-middle-count-border-disabled: #dddde7;
	--color-comp-tag-middle-count-border-text-default: #101014;
	--color-comp-tag-middle-count-border-text-disabled: #bdbdca;
	--color-comp-tag-outlined-bg-default: #ffffff;
	--color-comp-tag-outlined-bg-hover: #f9f9fc;
	--color-comp-tag-outlined-bg-pressed: #f3f3f8;
	--color-comp-tag-outlined-bg-disabled: #f9f9fc;
	--color-comp-tag-outlined-bg-default-selected: #ffffff;
	--color-comp-tag-outlined-bg-hover-selected: #f9f9fc;
	--color-comp-tag-outlined-bg-pressed-selected: #f3f3f8;
	--color-comp-tag-outlined-bg-disabled-selected: #f9f9fc;
	--color-comp-tag-outlined-border-default: #dddde7;
	--color-comp-tag-outlined-border-hover: #9595a2;
	--color-comp-tag-outlined-border-pressed: #9595a2;
	--color-comp-tag-outlined-border-disabled: #f9f9fc;
	--color-comp-tag-outlined-border-default-selected: #101014;
	--color-comp-tag-outlined-border-hover-selected: #101014;
	--color-comp-tag-outlined-border-pressed-selected: #101014;
	--color-comp-tag-outlined-border-disabled-selected: #dddde7;
	--color-comp-tag-outlined-leading-icon-default: #101014;
	--color-comp-tag-outlined-leading-icon-hover: #101014;
	--color-comp-tag-outlined-leading-icon-pressed: #101014;
	--color-comp-tag-outlined-leading-icon-disabled: #bdbdca;
	--color-comp-tag-outlined-leading-icon-default-selected: #101014;
	--color-comp-tag-outlined-leading-icon-hover-selected: #101014;
	--color-comp-tag-outlined-leading-icon-pressed-selected: #101014;
	--color-comp-tag-outlined-leading-icon-disabled-selected: #bdbdca;
	--color-comp-tag-outlined-middle-text-default: #101014;
	--color-comp-tag-outlined-middle-text-hover: #101014;
	--color-comp-tag-outlined-middle-text-pressed: #101014;
	--color-comp-tag-outlined-middle-text-disabled: #bdbdca;
	--color-comp-tag-outlined-middle-text-default-selected: #101014;
	--color-comp-tag-outlined-middle-text-hover-selected: #101014;
	--color-comp-tag-outlined-middle-text-pressed-selected: #101014;
	--color-comp-tag-outlined-middle-text-disabled-selected: #bdbdca;
	--color-comp-tag-filled-bg-default: #f3f3f8;
	--color-comp-tag-filled-bg-hover: #e8e8f0;
	--color-comp-tag-filled-bg-pressed: #dddde7;
	--color-comp-tag-filled-bg-disabled: #f9f9fc;
	--color-comp-tag-filled-bg-default-selected: #f3f3f8;
	--color-comp-tag-filled-bg-hover-selected: #e8e8f0;
	--color-comp-tag-filled-bg-pressed-selected: #dddde7;
	--color-comp-tag-filled-bg-disabled-selected: #f9f9fc;
	--color-comp-tag-filled-border-default: #f3f3f8;
	--color-comp-tag-filled-border-hover: #e8e8f0;
	--color-comp-tag-filled-border-pressed: #dddde7;
	--color-comp-tag-filled-border-disabled: #f9f9fc;
	--color-comp-tag-filled-border-default-selected: #101014;
	--color-comp-tag-filled-border-hover-selected: #101014;
	--color-comp-tag-filled-border-pressed-selected: #101014;
	--color-comp-tag-filled-border-disabled-selected: #dddde7;
	--color-comp-tag-filled-leading-icon-default: #101014;
	--color-comp-tag-filled-leading-icon-hover: #101014;
	--color-comp-tag-filled-leading-icon-pressed: #101014;
	--color-comp-tag-filled-leading-icon-disabled: #bdbdca;
	--color-comp-tag-filled-leading-icon-default-selected: #101014;
	--color-comp-tag-filled-leading-icon-hover-selected: #101014;
	--color-comp-tag-filled-leading-icon-pressed-selected: #101014;
	--color-comp-tag-filled-leading-icon-disabled-selected: #bdbdca;
	--color-comp-tag-filled-middle-text-default: #101014;
	--color-comp-tag-filled-middle-text-hover: #101014;
	--color-comp-tag-filled-middle-text-pressed: #101014;
	--color-comp-tag-filled-middle-text-disabled: #bdbdca;
	--color-comp-tag-filled-middle-text-default-selected: #101014;
	--color-comp-tag-filled-middle-text-hover-selected: #101014;
	--color-comp-tag-filled-middle-text-pressed-selected: #101014;
	--color-comp-tag-filled-middle-text-disabled-selected: #bdbdca;
}

:root[data-theme="dark"] .dialog {
	--color-comp-dialog-content-bg: #ffffff;
	--color-comp-dialog-content-border: #e8e8f0;
	--color-comp-dialog-content-header-text-title: #101014;
	--color-comp-dialog-content-header-text-description: #45454d;
}
@media (min-width: 769px) {
	:root[lang="ar"] {
		--typography-display-medium: 700 48px/60px 'Noto Sans Arabic';
		--typography-headline-large: 700 40px/48px 'Noto Sans Arabic';
		--typography-headline-medium: 600 32px/40px 'Noto Sans Arabic';
		--typography-headline-small: 600 24px/32px 'Noto Sans Arabic';
		--typography-title-large: 600 20px/28px 'Noto Sans Arabic';
		--typography-title-medium: 600 16px/24px 'Noto Sans Arabic';
		--typography-title-small: 600 14px/20px 'Noto Sans Arabic';
		--typography-body-large: 400 16px/24px 'Noto Sans Arabic';
		--typography-body-medium: 400 14px/20px 'Noto Sans Arabic';
		--typography-body-small: 400 12px/16px 'Noto Sans Arabic';
		--typography-label-large: 500 16px/24px 'Noto Sans Arabic';
		--typography-label-medium: 500 14px/20px 'Noto Sans Arabic';
		--typography-label-small: 500 12px/16px 'Noto Sans Arabic';
	}
}
@media (min-width: 769px) {
	:root[lang="en"] {
		--typography-display-medium: 700 48px/56px Onest;
		--typography-headline-large: 700 40px/48px Onest;
		--typography-headline-medium: 600 32px/40px Onest;
		--typography-headline-small: 600 24px/32px Onest;
		--typography-title-large: 600 20px/28px Onest;
		--typography-title-medium: 600 16px/24px Onest;
		--typography-title-small: 600 14px/20px Onest;
		--typography-body-large: 400 16px/24px Onest;
		--typography-body-medium: 400 14px/20px Onest;
		--typography-body-small: 400 12px/16px Onest;
		--typography-label-large: 500 16px/24px Onest;
		--typography-label-medium: 500 14px/20px Onest;
		--typography-label-small: 500 12px/16px Onest;
	}
}
@media (min-width: 769px) {
	:root {
		--dimension-sys-corner-none: 0px;
		--dimension-sys-corner-xs: 2px;
		--dimension-sys-corner-s: 4px;
		--dimension-sys-corner-m: 8px;
		--dimension-sys-corner-l: 16px;
		--dimension-sys-corner-xl: 32px;
		--dimension-sys-corner-full: 400px;
		--dimension-sys-spacing-0: 0px;
		--dimension-sys-spacing-1: 4px;
		--dimension-sys-spacing-2: 8px;
		--dimension-sys-spacing-3: 12px;
		--dimension-sys-spacing-4: 16px;
		--dimension-sys-spacing-5: 20px;
		--dimension-sys-spacing-6: 24px;
		--dimension-sys-spacing-8: 32px;
		--dimension-sys-spacing-10: 40px;
		--dimension-sys-spacing-12: 48px;
		--dimension-sys-spacing-14: 56px;
		--dimension-sys-spacing-16: 64px;
		--dimension-sys-spacing-20: 80px;
		--dimension-sys-spacing-24: 96px;
		--dimension-sys-spacing-half: 2px;
		--dimension-sys-spacing-one-half: 6px;
		--dimension-sys-size-none: 0px;
		--dimension-sys-size-xs: 8px;
		--dimension-sys-size-s: 16px;
		--dimension-sys-size-m: 24px;
		--dimension-sys-size-l: 32px;
		--dimension-sys-size-xl: 40px;
		--dimension-sys-size-xxl: 48px;
		--dimension-sys-stroke-solid: solid;
		--dimension-sys-stroke-dashed: solid;
		--dimension-sys-focus-ring-outline-width: 2px;
		--dimension-sys-focus-ring-outline-offset: 2px;
		--dimension-sys-focus-ring-stroke-style: solid;
		--dimension-sys-icon-size-3: 12px;
		--dimension-sys-icon-size-4: 16px;
		--dimension-sys-icon-size-5: 20px;
		--dimension-sys-icon-size-6: 24px;
		--dimension-sys-icon-size-8: 32px;
		--dimension-sys-icon-size-10: 40px;
		--dimension-sys-grid-xl-margin: 64px;
		--dimension-sys-grid-xl-gap: 24px;
		--dimension-sys-grid-sm-margin: 32px;
		--dimension-sys-grid-sm-gap: 16px;
		--dimension-sys-grid-xs-margin: 16px;
		--dimension-sys-grid-xs-gap: 16px;
		--dimension-sys-border-0: 0px;
		--dimension-sys-border-1: 1px;
		--transition-sys-duration-fast: 50ms;
		--transition-sys-duration-medium: 500ms;
		--transition-sys-duration-slow: 1000ms;
		--sys-layer-0: 0;
		--sys-layer-100: 100;
		--sys-layer-200: 200;
		--sys-layer-300: 300;
		--sys-layer-400: 400;
		--sys-layer-500: 500;
		--sys-layer-600: 600;
		--sys-layer-700: 700;
		--sys-layer-800: 800;
		--sys-layer-900: 900;
		--sys-layer-1000: 1000;
	}
}


@media (min-width: 769px) {
	:root .btn {
		--dimension-comp-btn-m-spacing-v: 12px;
		--dimension-comp-btn-m-spacing-h: 12px;
		--dimension-comp-btn-m-height: 40px;
		--dimension-comp-btn-m-width-min: 40px;
		--dimension-comp-btn-m-gap: 4px;
		--dimension-comp-btn-m-border-radius: 8px;
		--dimension-comp-btn-m-border-width: 1px;
		--dimension-comp-btn-m-stroke-style: solid;
		--dimension-comp-btn-m-focus-ring-radius: 10px;
		--dimension-comp-btn-m-icon-size: 16px;
		--dimension-comp-btn-s-spacing-v: 8px;
		--dimension-comp-btn-s-spacing-h: 10px;
		--dimension-comp-btn-s-height: 32px;
		--dimension-comp-btn-s-width-min: 32px;
		--dimension-comp-btn-s-gap: 4px;
		--dimension-comp-btn-s-border-radius: 8px;
		--dimension-comp-btn-s-border-width: 1px;
		--dimension-comp-btn-s-stroke-style: solid;
		--dimension-comp-btn-s-focus-ring-radius: 10px;
		--dimension-comp-btn-s-icon-size: 12px;
		--dimension-comp-btn-xs-spacing-v: 2px;
		--dimension-comp-btn-xs-spacing-h: 2px;
		--dimension-comp-btn-xs-height: 20px;
		--dimension-comp-btn-xs-width-min: 20px;
		--dimension-comp-btn-xs-gap: 2px;
		--dimension-comp-btn-xs-border-radius: 4px;
		--dimension-comp-btn-xs-border-width: 1px;
		--dimension-comp-btn-xs-stroke-style: solid;
		--dimension-comp-btn-xs-focus-ring-radius: 6px;
		--dimension-comp-btn-xs-icon-size: 16px;
		--transition-comp-btn-hover-duration: 50ms;
		--transition-comp-btn-hover-easing: 0.5,0,1,1;
		--transition-comp-btn-press-duration: 50ms;
		--transition-comp-btn-press-easing: 0.5,0,1,1;
	}

	:root .switch {
		--dimension-comp-switch-track-spacing: 2px;
		--dimension-comp-switch-track-height: 20px;
		--dimension-comp-switch-track-width: 36px;
		--dimension-comp-switch-track-border-radius: 400px;
		--dimension-comp-switch-track-border-width: 1px;
		--dimension-comp-switch-track-focus-ring-radius: 402px;
		--dimension-comp-switch-thumb-height: 16px;
		--dimension-comp-switch-thumb-width: 16px;
		--dimension-comp-switch-thumb-border-radius: 400px;
		--dimension-comp-switch-thumb-border-width: 0px;
	}

	:root .tooltip {
		--dimension-comp-tooltip-spacing-v: 6px;
		--dimension-comp-tooltip-spacing-h: 6px;
		--dimension-comp-tooltip-width-max-s: 140px;
		--dimension-comp-tooltip-width-max-m: 280px;
		--dimension-comp-tooltip-width-max-l: 420px;
		--dimension-comp-tooltip-border-radius: 4px;
		--dimension-comp-tooltip-border-width: 1px;
		--dimension-comp-tooltip-offset: 4px;
		--dimension-comp-tooltip-arrow-spacing: 4px;
	}

	:root .breadcrumb {
		--dimension-comp-breadcrumb-gap: 8px;
		--dimension-comp-breadcrumb-spacing-v: 4px;
		--dimension-comp-breadcrumb-ellipsis-size: 16px;
		--dimension-comp-breadcrumb-separator-size: 16px;
	}

	:root .sidebar {
		--dimension-comp-sidebar-width-default: 280px;
		--dimension-comp-sidebar-width-compact: 84px;
		--dimension-comp-sidebar-spacing-v: 0px;
		--dimension-comp-sidebar-spacing-h: 0px;
		--dimension-comp-sidebar-border-radius: 0px;
		--dimension-comp-sidebar-border-width: 1px;
		--dimension-comp-sidebar-stroke-style: solid;
		--dimension-comp-sidebar-header-default-spacing-v: 24px;
		--dimension-comp-sidebar-header-default-spacing-h-leading: 32px;
		--dimension-comp-sidebar-header-default-spacing-h-trailing: 24px;
		--dimension-comp-sidebar-header-default-gap: 4px;
		--dimension-comp-sidebar-header-default-logo-height: 36px;
		--dimension-comp-sidebar-header-default-collapse-action-icon-size: 20px;
		--dimension-comp-sidebar-header-default-collapse-action-spacing-v: 0px;
		--dimension-comp-sidebar-header-default-collapse-action-spacing-h: 0px;
		--dimension-comp-sidebar-header-default-collapse-action-border-radius: 0px;
		--dimension-comp-sidebar-header-default-collapse-action-border-width: 0px;
		--dimension-comp-sidebar-header-default-collapse-action-stroke-style: solid;
		--dimension-comp-sidebar-header-collapsed-spacing-v: 24px;
		--dimension-comp-sidebar-header-collapsed-spacing-h-leading: 24px;
		--dimension-comp-sidebar-header-collapsed-spacing-h-trailing: 0px;
		--dimension-comp-sidebar-header-collapsed-gap: 23px;
		--dimension-comp-sidebar-header-collapsed-logo-height: 36px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-icon-size: 20px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-spacing-v: 8px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-spacing-h: 8px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-border-radius: 8px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-border-width: 1px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-stroke-style: solid;
		--dimension-comp-sidebar-content-default-spacing-v: 0px;
		--dimension-comp-sidebar-content-default-spacing-h: 24px;
		--dimension-comp-sidebar-content-collapsed-spacing-v: 0px;
		--dimension-comp-sidebar-content-collapsed-spacing-h: 24px;
		--dimension-comp-sidebar-footer-default-spacing-v: 12px;
		--dimension-comp-sidebar-footer-default-spacing-h: 24px;
		--dimension-comp-sidebar-footer-default-separator-spacing-v: 12px;
		--dimension-comp-sidebar-footer-default-separator-spacing-h: 8px;
		--dimension-comp-sidebar-footer-default-separator-border-width: 1px;
		--dimension-comp-sidebar-footer-default-powered-by-logo-height: 14px;
		--dimension-comp-sidebar-footer-default-powered-by-spacing-h: 8px;
		--dimension-comp-sidebar-footer-default-powered-by-height: 16px;
		--dimension-comp-sidebar-footer-collapsed-spacing-v: 12px;
		--dimension-comp-sidebar-footer-collapsed-spacing-h: 24px;
		--dimension-comp-sidebar-footer-collapsed-separator-spacing-v: 12px;
		--dimension-comp-sidebar-footer-collapsed-separator-spacing-h: 8px;
		--dimension-comp-sidebar-footer-collapsed-separator-border-width: 1px;
		--dimension-comp-sidebar-footer-collapsed-powered-by-logo-height: 14px;
		--dimension-comp-sidebar-footer-collapsed-powered-by-spacing-h: 8px;
		--dimension-comp-sidebar-footer-collapsed-powered-by-height: 16px;
		--dimension-comp-sidebar-group-label-default-spacing-v: 10px;
		--dimension-comp-sidebar-group-label-default-spacing-h: 10px;
		--dimension-comp-sidebar-group-label-default-height: 36px;
		--dimension-comp-sidebar-group-label-compact-spacing-v: 10px;
		--dimension-comp-sidebar-group-label-compact-spacing-h: 10px;
		--dimension-comp-sidebar-group-label-compact-width-min: 36px;
		--dimension-comp-sidebar-group-label-compact-height: 36px;
		--dimension-comp-sidebar-group-label-compact-separator-border-width: 1px;
		--dimension-comp-sidebar-menu-border-radius: 12px;
		--dimension-comp-sidebar-menu-item-default-text-spacing-v: 10px;
		--dimension-comp-sidebar-menu-item-default-icon-size: 20px;
		--dimension-comp-sidebar-menu-item-default-icon-spacing-v: 8px;
		--dimension-comp-sidebar-menu-item-default-action-icon-size: 16px;
		--dimension-comp-sidebar-menu-item-default-spacing-h: 8px;
		--dimension-comp-sidebar-menu-item-default-gap: 8px;
		--dimension-comp-sidebar-menu-item-default-border-radius: 8px;
		--dimension-comp-sidebar-menu-item-default-border-width: 1px;
		--dimension-comp-sidebar-menu-item-default-stroke-style: solid;
		--dimension-comp-sidebar-menu-item-default-focus-ring-radius: 10px;
		--dimension-comp-sidebar-menu-item-compact-icon-size: 20px;
		--dimension-comp-sidebar-menu-item-compact-icon-spacing-v: 8px;
		--dimension-comp-sidebar-menu-item-compact-spacing-h: 8px;
		--dimension-comp-sidebar-menu-item-compact-gap: 8px;
		--dimension-comp-sidebar-menu-item-compact-border-radius: 8px;
		--dimension-comp-sidebar-menu-item-compact-border-width: 1px;
		--dimension-comp-sidebar-menu-item-compact-stroke-style: solid;
		--dimension-comp-sidebar-menu-item-compact-focus-ring-radius: 10px;
		--dimension-comp-sidebar-menu-item-compact-width-min: 36px;
		--dimension-comp-sidebar-menu-sub-margin-leading: 17px;
		--dimension-comp-sidebar-menu-sub-margin-trailing: 0px;
		--dimension-comp-sidebar-menu-sub-spacing-leading: 9px;
		--dimension-comp-sidebar-menu-sub-spacing-trailing: 0px;
		--dimension-comp-sidebar-menu-sub-connector-border-width: 2px;
		--dimension-comp-sidebar-menu-sub-connector-stroke-style: solid;
		--dimension-comp-sidebar-menu-sub-connector-border-radius: 2px;
		--dimension-comp-sidebar-menu-sub-item-text-spacing-v: 10px;
		--dimension-comp-sidebar-menu-sub-item-spacing-h: 8px;
		--dimension-comp-sidebar-menu-sub-item-gap: 8px;
		--dimension-comp-sidebar-menu-sub-item-border-radius: 8px;
		--dimension-comp-sidebar-menu-sub-item-border-width: 1px;
		--dimension-comp-sidebar-menu-sub-item-stroke-style: solid;
		--dimension-comp-sidebar-menu-sub-item-focus-ring-radius: 10px;
		--dimension-comp-sidebar-menu-sub-item-selection-spacing-v: 8px;
		--dimension-comp-sidebar-menu-sub-item-selection-border-width: 2px;
		--dimension-comp-sidebar-menu-sub-item-selection-stroke-style: solid;
		--dimension-comp-sidebar-menu-sub-item-selection-border-radius: 2px;
	}

	:root .badge {
		--dimension-comp-badge-m-icon-size: 12px;
		--dimension-comp-badge-m-height: 24px;
		--dimension-comp-badge-m-spacing-h: 6px;
		--dimension-comp-badge-m-dot-height: 6px;
		--dimension-comp-badge-m-gap: 4px;
		--dimension-comp-badge-m-width-min: 24px;
		--dimension-comp-badge-m-border-radius: 400px;
		--dimension-comp-badge-m-border-width: 1px;
		--dimension-comp-badge-m-stroke-style: solid;
		--dimension-comp-badge-s-icon-size: 12px;
		--dimension-comp-badge-s-height: 16px;
		--dimension-comp-badge-s-spacing-h: 4px;
		--dimension-comp-badge-s-dot-height: 6px;
		--dimension-comp-badge-s-gap: 4px;
		--dimension-comp-badge-s-width-min: 16px;
		--dimension-comp-badge-s-border-radius: 400px;
		--dimension-comp-badge-s-border-width: 1px;
		--dimension-comp-badge-s-stroke-style: solid;
	}

	:root .dropdownMenu {
		--dimension-comp-dropdown-menu-side-offset: 8px;
		--dimension-comp-dropdown-menu-arrow-spacing-h: 16px;
		--dimension-comp-dropdown-menu-content-spacing-v: 4px;
		--dimension-comp-dropdown-menu-content-spacing-h: 4px;
		--dimension-comp-dropdown-menu-content-width: 200px;
		--dimension-comp-dropdown-menu-content-gap: 0px;
		--dimension-comp-dropdown-menu-content-border-radius: 8px;
		--dimension-comp-dropdown-menu-content-border-width: 1px;
		--dimension-comp-dropdown-menu-content-stroke-style: solid;
		--dimension-comp-dropdown-menu-label-spacing-v: 8px;
		--dimension-comp-dropdown-menu-label-spacing-h: 12px;
		--dimension-comp-dropdown-menu-group-spacing-v: 0px;
		--dimension-comp-dropdown-menu-group-spacing-h: 0px;
		--dimension-comp-dropdown-menu-group-gap: 0px;
		--dimension-comp-dropdown-menu-item-spacing-v: 12px;
		--dimension-comp-dropdown-menu-item-spacing-h: 12px;
		--dimension-comp-dropdown-menu-item-gap: 6px;
		--dimension-comp-dropdown-menu-item-border-radius: 6px;
		--dimension-comp-dropdown-menu-item-border-width: 1px;
		--dimension-comp-dropdown-menu-item-stroke-style: solid;
		--dimension-comp-dropdown-menu-item-focus-ring-radius: 8px;
		--dimension-comp-dropdown-menu-item-icon-leading-size: 20px;
		--dimension-comp-dropdown-menu-item-icon-trailing-size: 20px;
		--dimension-comp-dropdown-menu-item-image-size: 24px;
		--dimension-comp-dropdown-menu-item-indicator-spacing-v: 0px;
		--dimension-comp-dropdown-menu-item-indicator-spacing-h: 0px;
		--dimension-comp-dropdown-menu-item-indicator-icon-size: 20px;
		--dimension-comp-dropdown-menu-separator-spacing-v: 4px;
		--dimension-comp-dropdown-menu-separator-spacing-h: -4px;
		--dimension-comp-dropdown-menu-separator-border-width: 1px;
		--dimension-comp-dropdown-menu-separator-stroke-style: solid;
	}

	:root .tabs {
		--dimension-comp-tabs-horizontal-width-min: 40px;
		--dimension-comp-tabs-horizontal-spacing-h: 8px;
		--dimension-comp-tabs-horizontal-spacing-v: 0px;
		--dimension-comp-tabs-horizontal-gap: 2px;
		--dimension-comp-tabs-horizontal-content-heighth-min: 36px;
		--dimension-comp-tabs-horizontal-content-icon-size: 16px;
		--dimension-comp-tabs-horizontal-content-spacing-h: 0px;
		--dimension-comp-tabs-horizontal-content-spacing-v: 0px;
		--dimension-comp-tabs-horizontal-content-gap: 8px;
		--dimension-comp-tabs-horizontal-indicator-height: 2px;
		--dimension-comp-tabs-horizontal-indicator-border-radius: 2px;
		--dimension-comp-tabs-horizontal-track-height: 1px;
		--dimension-comp-tabs-horizontal-overflow-trigger-width-min: 40px;
		--dimension-comp-tabs-horizontal-overflow-trigger-icon-size: 16px;
		--dimension-comp-tabs-horizontal-overflow-trigger-border-width: 0px;
		--dimension-comp-tabs-vertical-width-min: 40px;
		--dimension-comp-tabs-vertical-spacing-h: 0px;
		--dimension-comp-tabs-vertical-spacing-v: 8px;
		--dimension-comp-tabs-vertical-gap: 0px;
		--dimension-comp-tabs-vertical-content-heighth-min: 24px;
		--dimension-comp-tabs-vertical-content-icon-size: 16px;
		--dimension-comp-tabs-vertical-content-spacing-h: 8px;
		--dimension-comp-tabs-vertical-content-spacing-v: 0px;
		--dimension-comp-tabs-vertical-content-gap: 8px;
		--dimension-comp-tabs-vertical-indicator-width: 2px;
		--dimension-comp-tabs-vertical-indicator-border-radius: 2px;
		--dimension-comp-tabs-vertical-track-width: 1px;
		--dimension-comp-tabs-vertical-overflow-trigger-heighth-min: 40px;
		--dimension-comp-tabs-vertical-overflow-trigger-icon-size: 16px;
		--dimension-comp-tabs-vertical-overflow-trigger-border-width: 0px;
	}

	:root .pageHeader {
		--dimension-comp-page-header-content-gap: 16px;
		--dimension-comp-page-header-spacing-v: 24px;
		--dimension-comp-page-header-border-width: 1px;
		--dimension-comp-page-header-breadcrumb-spacing-bottom: 16px;
		--dimension-comp-page-header-title-group-gap: 4px;
		--dimension-comp-page-header-title-slot-gap-h: 8px;
		--dimension-comp-page-header-title-slot-gap-v: 4px;
		--dimension-comp-page-header-trailing-slot-gap: 8px;
		--dimension-comp-page-header-metadata-item-icon-size: 20px;
		--dimension-comp-page-header-metadata-item-gap: 8px;
		--dimension-comp-page-header-metadata-list-gap: 12px;
	}

	:root .pagination {
		--dimension-comp-pagination-gap: 12px;
		--dimension-comp-pagination-item-icon-size: 12px;
		--dimension-comp-pagination-item-height: 32px;
		--dimension-comp-pagination-item-spacing-h: 10px;
		--dimension-comp-pagination-item-width-min: 32px;
		--dimension-comp-pagination-item-border-radius: 8px;
		--dimension-comp-pagination-item-border-width: 1px;
		--dimension-comp-pagination-item-focus-ring-radius: 10px;
		--dimension-comp-pagination-content-gap: 0px;
		--dimension-comp-pagination-content-border-radius: 0px;
		--dimension-comp-pagination-content-border-width: 1px;
	}

	:root .popover {
		--dimension-comp-popover-arrow-spacing-h: 16px;
		--dimension-comp-popover-side-offset: 8px;
		--dimension-comp-popover-close-margin-top: 4px;
		--dimension-comp-popover-close-margin-trailing: 4px;
		--dimension-comp-popover-close-margin-bottom: 0px;
		--dimension-comp-popover-close-margin-leading: 0px;
		--dimension-comp-popover-content-spacing-v: 16px;
		--dimension-comp-popover-content-spacing-h: 16px;
		--dimension-comp-popover-content-width-min: 160px;
		--dimension-comp-popover-content-width-max: 320px;
		--dimension-comp-popover-content-border-radius: 8px;
		--dimension-comp-popover-content-border-width: 1px;
		--dimension-comp-popover-content-stroke-style: solid;
	}

	:root .link {
		--dimension-comp-link-text-default-text-decoration-thickness: 0.08;
		--dimension-comp-link-text-default-text-underline-offset: 0.15;
		--dimension-comp-link-text-hover-text-decoration-thickness: 0.15;
		--dimension-comp-link-text-hover-text-underline-offset: 0.15;
	}

	:root .toast {
		--dimension-comp-toast-spacing-v: 8px;
		--dimension-comp-toast-spacing-h: 12px;
		--dimension-comp-toast-width: 320px;
		--dimension-comp-toast-height-min: 40px;
		--dimension-comp-toast-gap: 8px;
		--dimension-comp-toast-border-radius: 8px;
		--dimension-comp-toast-border-width: 1px;
		--dimension-comp-toast-stroke-style: solid;
		--dimension-comp-toast-leading-icon-size: 24px;
		--dimension-comp-toast-middle-gap: 8px;
		--dimension-comp-toast-middle-text-gap: 4px;
		--dimension-comp-toast-middle-actions-gap: 8px;
	}

	:root .banner {
		--dimension-comp-banner-spacing-v: 8px;
		--dimension-comp-banner-spacing-h: 12px;
		--dimension-comp-banner-width: 320px;
		--dimension-comp-banner-gap: 8px;
		--dimension-comp-banner-border-radius: 8px;
		--dimension-comp-banner-border-width-top: 1px;
		--dimension-comp-banner-border-width-trailing: 1px;
		--dimension-comp-banner-border-width-bottom: 1px;
		--dimension-comp-banner-border-width-leading: 8px;
		--dimension-comp-banner-stroke-style: solid;
		--dimension-comp-banner-leading-icon-size: 24px;
		--dimension-comp-banner-middle-gap: 8px;
		--dimension-comp-banner-middle-text-gap: 4px;
		--dimension-comp-banner-middle-actions-gap: 8px;
	}

	:root .separator {
		--dimension-comp-separator-thickness: 1px;
	}

	:root .label {
		--dimension-comp-label-width-max: 280px;
		--dimension-comp-label-gap: 0px;
	}

	:root .input {
		--dimension-comp-input-m-border-radius-outlined: 8px;
		--dimension-comp-input-m-border-radius-borderless: 8px;
		--dimension-comp-input-m-border-radius-underlined: 0px;
		--dimension-comp-input-m-border-width-outlined: 1px;
		--dimension-comp-input-m-border-width-borderless: 0px;
		--dimension-comp-input-m-border-width-underlined: 1px;
		--dimension-comp-input-m-stroke-style: solid;
		--dimension-comp-input-m-height: 40px;
		--dimension-comp-input-m-spacing-h: 12px;
		--dimension-comp-input-m-spacing-v: 0px;
		--dimension-comp-input-m-clear-all-icon-size: 20px;
		--dimension-comp-input-m-clear-all-spacing-h-leading: 12px;
		--dimension-comp-input-m-clear-all-spacing-v: 0px;
		--dimension-comp-input-s-border-radius-outlined: 8px;
		--dimension-comp-input-s-border-radius-borderless: 8px;
		--dimension-comp-input-s-border-radius-underlined: 0px;
		--dimension-comp-input-s-border-width-outlined: 1px;
		--dimension-comp-input-s-border-width-borderless: 0px;
		--dimension-comp-input-s-border-width-underlined: 1px;
		--dimension-comp-input-s-stroke-style: solid;
		--dimension-comp-input-s-height: 32px;
		--dimension-comp-input-s-spacing-h: 12px;
		--dimension-comp-input-s-spacing-v: 0px;
		--dimension-comp-input-s-clear-all-icon-size: 16px;
		--dimension-comp-input-s-clear-all-spacing-h-leading: 12px;
		--dimension-comp-input-s-clear-all-spacing-v: 0px;
	}

	:root .inputGroup {
		--dimension-comp-input-group-m-border-radius-outlined: 8px;
		--dimension-comp-input-group-m-border-radius-borderless: 8px;
		--dimension-comp-input-group-m-border-radius-underlined: 0px;
		--dimension-comp-input-group-m-border-width-outlined: 1px;
		--dimension-comp-input-group-m-border-width-borderless: 0px;
		--dimension-comp-input-group-m-border-width-underlined: 1px;
		--dimension-comp-input-group-m-stroke-style: solid;
		--dimension-comp-input-group-m-height: 40px;
		--dimension-comp-input-group-m-addon-icon-size: 20px;
		--dimension-comp-input-group-m-addon-gap: 8px;
		--dimension-comp-input-group-m-addon-spacing-v: 0px;
		--dimension-comp-input-group-m-addon-spacing-h-leading: 12px;
		--dimension-comp-input-group-m-addon-spacing-h-trailing: 12px;
		--dimension-comp-input-group-s-border-radius-outlined: 8px;
		--dimension-comp-input-group-s-border-radius-borderless: 8px;
		--dimension-comp-input-group-s-border-radius-underlined: 0px;
		--dimension-comp-input-group-s-border-width-outlined: 1px;
		--dimension-comp-input-group-s-border-width-borderless: 0px;
		--dimension-comp-input-group-s-border-width-underlined: 1px;
		--dimension-comp-input-group-s-stroke-style: solid;
		--dimension-comp-input-group-s-height: 32px;
		--dimension-comp-input-group-s-addon-icon-size: 16px;
		--dimension-comp-input-group-s-addon-gap: 8px;
		--dimension-comp-input-group-s-addon-spacing-v: 0px;
		--dimension-comp-input-group-s-addon-spacing-h-leading: 12px;
		--dimension-comp-input-group-s-addon-spacing-h-trailing: 12px;
	}

	:root .numberInput {
		--dimension-comp-number-input-m-spacing-h-trailing: 0px;
		--dimension-comp-number-input-m-spacing-h-trailing-followed: 12px;
		--dimension-comp-number-input-m-stepper-border-radius-outlined: 0px;
		--dimension-comp-number-input-m-stepper-border-radius-borderless: 8px;
		--dimension-comp-number-input-m-stepper-border-radius-underlined: 0px;
		--dimension-comp-number-input-m-stepper-border-width-outlined: 1px;
		--dimension-comp-number-input-m-stepper-border-width-borderless: 0px;
		--dimension-comp-number-input-m-stepper-border-width-underlined: 0px;
		--dimension-comp-number-input-m-stepper-stroke-style: solid;
		--dimension-comp-number-input-m-stepper-icon-size: 16px;
		--dimension-comp-number-input-m-stepper-spacing-h: 4px;
		--dimension-comp-number-input-s-spacing-h-trailing: 0px;
		--dimension-comp-number-input-s-spacing-h-trailing-followed: 12px;
		--dimension-comp-number-input-s-stepper-border-radius-outlined: 0px;
		--dimension-comp-number-input-s-stepper-border-radius-borderless: 8px;
		--dimension-comp-number-input-s-stepper-border-radius-underlined: 0px;
		--dimension-comp-number-input-s-stepper-border-width-outlined: 1px;
		--dimension-comp-number-input-s-stepper-border-width-borderless: 0px;
		--dimension-comp-number-input-s-stepper-border-width-underlined: 0px;
		--dimension-comp-number-input-s-stepper-stroke-style: solid;
		--dimension-comp-number-input-s-stepper-icon-size: 12px;
		--dimension-comp-number-input-s-stepper-spacing-h: 4px;
	}

	:root .drawer {
		--dimension-comp-drawer-spacing-v: 16px;
		--dimension-comp-drawer-spacing-h: 16px;
		--dimension-comp-drawer-width: 480px;
		--dimension-comp-drawer-border-radius: 0px;
		--dimension-comp-drawer-border-width: 1px;
		--dimension-comp-drawer-stroke-style: solid;
		--dimension-comp-drawer-header-gap: 16px;
		--dimension-comp-drawer-header-text-gap: 4px;
		--dimension-comp-drawer-header-spacing-v-bottom: 16px;
		--dimension-comp-drawer-footer-gap: 8px;
		--dimension-comp-drawer-footer-actions-gap: 8px;
		--dimension-comp-drawer-footer-spacing-v-top: 16px;
	}

	:root .item {
		--dimension-comp-item-content-gap: 0px;
		--dimension-comp-item-media-gap: 8px;
		--dimension-comp-item-gap: 8px;
		--dimension-comp-item-actions-gap: 8px;
		--dimension-comp-item-default-spacing-v: 8px;
		--dimension-comp-item-default-spacing-h: 0px;
		--dimension-comp-item-default-border-radius: 0px;
		--dimension-comp-item-default-border-width: 1px;
		--dimension-comp-item-default-stroke-style: solid;
		--dimension-comp-item-interactive-spacing-v: 8px;
		--dimension-comp-item-interactive-spacing-h: 8px;
		--dimension-comp-item-interactive-border-radius: 8px;
		--dimension-comp-item-interactive-border-width: 1px;
		--dimension-comp-item-interactive-stroke-style: solid;
		--dimension-comp-item-interactive-focus-ring-radius: 10px;
	}

	:root .avatar {
		--dimension-comp-avatar-xxl-icon-size: 24px;
		--dimension-comp-avatar-xxl-height: 56px;
		--dimension-comp-avatar-xxl-width: 56px;
		--dimension-comp-avatar-xxl-border-radius: 400px;
		--dimension-comp-avatar-xxl-border-width: 2px;
		--dimension-comp-avatar-xxl-stroke-style: solid;
		--dimension-comp-avatar-xl-icon-size: 24px;
		--dimension-comp-avatar-xl-height: 48px;
		--dimension-comp-avatar-xl-width: 48px;
		--dimension-comp-avatar-xl-border-radius: 400px;
		--dimension-comp-avatar-xl-border-width: 2px;
		--dimension-comp-avatar-xl-stroke-style: solid;
		--dimension-comp-avatar-l-icon-size: 16px;
		--dimension-comp-avatar-l-height: 40px;
		--dimension-comp-avatar-l-width: 40px;
		--dimension-comp-avatar-l-border-radius: 400px;
		--dimension-comp-avatar-l-border-width: 2px;
		--dimension-comp-avatar-l-stroke-style: solid;
		--dimension-comp-avatar-m-icon-size: 16px;
		--dimension-comp-avatar-m-height: 32px;
		--dimension-comp-avatar-m-width: 32px;
		--dimension-comp-avatar-m-border-radius: 400px;
		--dimension-comp-avatar-m-border-width: 2px;
		--dimension-comp-avatar-m-stroke-style: solid;
		--dimension-comp-avatar-s-icon-size: 16px;
		--dimension-comp-avatar-s-height: 24px;
		--dimension-comp-avatar-s-width: 24px;
		--dimension-comp-avatar-s-border-radius: 400px;
		--dimension-comp-avatar-s-border-width: 2px;
		--dimension-comp-avatar-s-stroke-style: solid;
		--dimension-comp-avatar-status-m-height: 16px;
		--dimension-comp-avatar-status-m-width: 16px;
		--dimension-comp-avatar-status-m-border-radius: 400px;
		--dimension-comp-avatar-status-m-border-width: 1px;
		--dimension-comp-avatar-status-m-stroke-style: solid;
		--dimension-comp-avatar-status-s-height: 12px;
		--dimension-comp-avatar-status-s-width: 12px;
		--dimension-comp-avatar-status-s-border-radius: 400px;
		--dimension-comp-avatar-status-s-border-width: 1px;
		--dimension-comp-avatar-status-s-stroke-style: solid;
	}

	:root .accordion {
		--dimension-comp-accordion-borderless-border-width: 0px;
		--dimension-comp-accordion-borderless-border-radius: 8px;
		--dimension-comp-accordion-borderless-gap: 0px;
		--dimension-comp-accordion-outlined-border-width: 1px;
		--dimension-comp-accordion-outlined-stroke-style: solid;
		--dimension-comp-accordion-outlined-border-radius: 8px;
		--dimension-comp-accordion-outlined-gap: 0px;
		--dimension-comp-accordion-item-stroke-style: solid;
		--dimension-comp-accordion-item-gap: 0px;
		--dimension-comp-accordion-item-borderless-border-width: 0px;
		--dimension-comp-accordion-item-outlined-border-width: 1px;
		--dimension-comp-accordion-item-s-header-spacing-h: 12px;
		--dimension-comp-accordion-item-s-header-spacing-v: 12px;
		--dimension-comp-accordion-item-s-header-gap: 8px;
		--dimension-comp-accordion-item-s-header-trigger-icon-size: 16px;
		--dimension-comp-accordion-item-s-header-text-gap: 0px;
		--dimension-comp-accordion-item-s-content-spacing-h: 12px;
		--dimension-comp-accordion-item-s-content-spacing-v: 12px;
		--dimension-comp-accordion-item-m-header-spacing-h: 12px;
		--dimension-comp-accordion-item-m-header-spacing-v: 12px;
		--dimension-comp-accordion-item-m-header-gap: 8px;
		--dimension-comp-accordion-item-m-header-trigger-icon-size: 16px;
		--dimension-comp-accordion-item-m-header-text-gap: 0px;
		--dimension-comp-accordion-item-m-content-spacing-h: 12px;
		--dimension-comp-accordion-item-m-content-spacing-v: 12px;
		--dimension-comp-accordion-item-l-header-spacing-h: 12px;
		--dimension-comp-accordion-item-l-header-spacing-v: 12px;
		--dimension-comp-accordion-item-l-header-gap: 8px;
		--dimension-comp-accordion-item-l-header-trigger-icon-size: 20px;
		--dimension-comp-accordion-item-l-header-text-gap: 0px;
		--dimension-comp-accordion-item-l-content-spacing-h: 12px;
		--dimension-comp-accordion-item-l-content-spacing-v: 12px;
	}

	:root .avatarGroup {
		--dimension-comp-avatar-group-xxl-spacing-v: 0px;
		--dimension-comp-avatar-group-xxl-spacing-h: 0px;
		--dimension-comp-avatar-group-xxl-gap: -8px;
		--dimension-comp-avatar-group-xl-spacing-v: 0px;
		--dimension-comp-avatar-group-xl-spacing-h: 0px;
		--dimension-comp-avatar-group-xl-gap: -8px;
		--dimension-comp-avatar-group-l-spacing-v: 0px;
		--dimension-comp-avatar-group-l-spacing-h: 0px;
		--dimension-comp-avatar-group-l-gap: -8px;
		--dimension-comp-avatar-group-m-spacing-v: 0px;
		--dimension-comp-avatar-group-m-spacing-h: 0px;
		--dimension-comp-avatar-group-m-gap: -6px;
		--dimension-comp-avatar-group-s-spacing-v: 0px;
		--dimension-comp-avatar-group-s-spacing-h: 0px;
		--dimension-comp-avatar-group-s-gap: -4px;
		--dimension-comp-avatar-group-count-xxl-height: 56px;
		--dimension-comp-avatar-group-count-xxl-width-min: 56px;
		--dimension-comp-avatar-group-count-xxl-spacing-h: 16px;
		--dimension-comp-avatar-group-count-xxl-border-radius: 400px;
		--dimension-comp-avatar-group-count-xxl-border-width: 2px;
		--dimension-comp-avatar-group-count-xxl-stroke-style: solid;
		--dimension-comp-avatar-group-count-xl-height: 48px;
		--dimension-comp-avatar-group-count-xl-width-min: 48px;
		--dimension-comp-avatar-group-count-xl-spacing-h: 12px;
		--dimension-comp-avatar-group-count-xl-border-radius: 400px;
		--dimension-comp-avatar-group-count-xl-border-width: 2px;
		--dimension-comp-avatar-group-count-xl-stroke-style: solid;
		--dimension-comp-avatar-group-count-l-height: 40px;
		--dimension-comp-avatar-group-count-l-width-min: 40px;
		--dimension-comp-avatar-group-count-l-spacing-h: 8px;
		--dimension-comp-avatar-group-count-l-border-radius: 400px;
		--dimension-comp-avatar-group-count-l-border-width: 2px;
		--dimension-comp-avatar-group-count-l-stroke-style: solid;
		--dimension-comp-avatar-group-count-m-height: 32px;
		--dimension-comp-avatar-group-count-m-width-min: 32px;
		--dimension-comp-avatar-group-count-m-spacing-h: 4px;
		--dimension-comp-avatar-group-count-m-border-radius: 400px;
		--dimension-comp-avatar-group-count-m-border-width: 2px;
		--dimension-comp-avatar-group-count-m-stroke-style: solid;
		--dimension-comp-avatar-group-count-s-height: 24px;
		--dimension-comp-avatar-group-count-s-width-min: 24px;
		--dimension-comp-avatar-group-count-s-spacing-h: 4px;
		--dimension-comp-avatar-group-count-s-border-radius: 400px;
		--dimension-comp-avatar-group-count-s-border-width: 2px;
		--dimension-comp-avatar-group-count-s-stroke-style: solid;
		--dimension-comp-avatar-group-count-focus-ring-radius: 402px;
	}

	:root .card {
		--dimension-comp-card-spacing: 16px;
		--dimension-comp-card-gap: 4px;
		--dimension-comp-card-border-width: 1px;
		--dimension-comp-card-stroke-style: solid;
		--dimension-comp-card-border-radius: 8px;
		--dimension-comp-card-focus-ring-radius: 10px;
		--dimension-comp-card-predefined-width: 328px;
		--dimension-comp-card-predefined-header-gap: 8px;
		--dimension-comp-card-predefined-header-leading-width-max: 48px;
		--dimension-comp-card-predefined-header-middle-gap: 0px;
		--dimension-comp-card-predefined-content-gap: 8px;
		--dimension-comp-card-predefined-content-middle-gap: 0px;
	}

	:root .tag {
		--dimension-comp-tag-spacing-h: 4px;
		--dimension-comp-tag-spacing-v: 0px;
		--dimension-comp-tag-height: 28px;
		--dimension-comp-tag-gap: 4px;
		--dimension-comp-tag-border-radius: 6px;
		--dimension-comp-tag-border-width: 1px;
		--dimension-comp-tag-stroke-style: solid;
		--dimension-comp-tag-focus-ring-radius: 8px;
		--dimension-comp-tag-middle-spacing-h: 2px;
		--dimension-comp-tag-middle-gap: 4px;
		--dimension-comp-tag-middle-count-height: 16px;
		--dimension-comp-tag-middle-count-spacing-h: 4px;
		--dimension-comp-tag-middle-count-spacing-v: 0px;
		--dimension-comp-tag-middle-count-width-min: 16px;
		--dimension-comp-tag-middle-count-border-radius: 400px;
		--dimension-comp-tag-middle-count-border-width: 1px;
		--dimension-comp-tag-middle-count-stroke-style: solid;
		--dimension-comp-tag-leading-avatar-size: 24px;
		--dimension-comp-tag-leading-icon-size: 20px;
	}

	:root .dialog {
		--dimension-comp-dialog-spacing-v-min: 40px;
		--dimension-comp-dialog-spacing-h-min: 40px;
		--dimension-comp-dialog-content-spacing-v: 16px;
		--dimension-comp-dialog-content-spacing-h: 16px;
		--dimension-comp-dialog-content-border-radius: 16px;
		--dimension-comp-dialog-content-border-width: 1px;
		--dimension-comp-dialog-content-header-gap: 16px;
		--dimension-comp-dialog-content-header-spacing-v-bottom: 16px;
		--dimension-comp-dialog-content-header-text-gap: 4px;
		--dimension-comp-dialog-content-footer-gap: 8px;
		--dimension-comp-dialog-content-footer-spacing-v-top: 16px;
		--dimension-comp-dialog-content-footer-actions-gap: 8px;
	}

}
:root[data-theme="light"] {
	--color-sys-text-primary: #101014;
	--color-sys-text-secondary: #45454d;
	--color-sys-text-tertiary: #6b6b75;
	--color-sys-text-placeholder: #9595a2;
	--color-sys-text-accent: #101014;
	--color-sys-text-on-accent: #ffffff;
	--color-sys-text-state-disabled: #bdbdca;
	--color-sys-text-state-success: #12b669;
	--color-sys-text-state-warning: #fcb222;
	--color-sys-text-state-danger: #f04437;
	--color-sys-text-state-info: #101014;
	--color-sys-icon-primary: #101014;
	--color-sys-icon-secondary: #45454d;
	--color-sys-icon-tertiary: #6b6b75;
	--color-sys-icon-placeholder: #9595a2;
	--color-sys-icon-accent: #101014;
	--color-sys-icon-on-accent: #ffffff;
	--color-sys-icon-state-disabled: #bdbdca;
	--color-sys-icon-state-success: #12b669;
	--color-sys-icon-state-warning: #fcb222;
	--color-sys-icon-state-danger: #f04437;
	--color-sys-icon-state-info: #101014;
	--color-sys-bg-primary: #ffffff;
	--color-sys-bg-secondary: #f3f3f8;
	--color-sys-bg-tertiary: #e8e8f0;
	--color-sys-bg-placeholder: #f3f3f8;
	--color-sys-bg-accent: #101014;
	--color-sys-bg-state-disabled: #dddde7;
	--color-sys-bg-state-success-mid-emphasize: #ecfdf3;
	--color-sys-bg-state-success-high-emphasize: #12b669;
	--color-sys-bg-state-warning-mid-emphasize: #fee8bd;
	--color-sys-bg-state-warning-high-emphasize: #fcb222;
	--color-sys-bg-state-danger-mid-emphasize: #fef3f2;
	--color-sys-bg-state-danger-high-emphasize: #f04437;
	--color-sys-bg-state-info-mid-emphasize: #f9f9fc;
	--color-sys-bg-state-info-high-emphasize: #45454d;
	--color-sys-border-primary: #9595a2;
	--color-sys-border-secondary: #dddde7;
	--color-sys-border-tertiary: #e8e8f0;
	--color-sys-border-placeholder: #9595a2;
	--color-sys-border-accent: #101014;
	--color-sys-border-state-disabled: #dddde7;
	--color-sys-border-state-success: #12b669;
	--color-sys-border-state-warning: #fcb222;
	--color-sys-border-state-danger: #f04437;
	--color-sys-border-state-info: #9595a2;
	--color-sys-focus-ring-default: #18181c;
	--color-sys-scrim: rgba(0, 0, 0, 0.50);
	--opacity-sys-overlay: 0.5;
	--shadow-sys-shadow-none: 0 0 0 0 #00000000;
	--shadow-sys-shadow-sm: 0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;
	--shadow-sys-shadow-m: 0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;
	--shadow-sys-shadow-l: 0 6px 10px 4px #00000026, 0 2px 3px 0 #0000004d;
}

:root[data-theme="light"] .btn {
	--color-comp-btn-primary-text-default: #ffffff;
	--color-comp-btn-primary-text-hover: #ffffff;
	--color-comp-btn-primary-text-pressed: #ffffff;
	--color-comp-btn-primary-text-disabled: #dddde7;
	--color-comp-btn-primary-icon-default: #ffffff;
	--color-comp-btn-primary-icon-hover: #ffffff;
	--color-comp-btn-primary-icon-pressed: #ffffff;
	--color-comp-btn-primary-icon-disabled: #dddde7;
	--color-comp-btn-primary-bg-default: #101014;
	--color-comp-btn-primary-bg-hover: #18181c;
	--color-comp-btn-primary-bg-pressed: #000000;
	--color-comp-btn-primary-bg-disabled: #f9f9fc;
	--color-comp-btn-primary-border-default: #101014;
	--color-comp-btn-primary-border-hover: #18181c;
	--color-comp-btn-primary-border-pressed: #000000;
	--color-comp-btn-primary-border-disabled: #f9f9fc;
	--shadow-comp-btn-primary-default: 0 0 0 0 #00000000;
	--shadow-comp-btn-primary-hover: 0 0 0 0 #00000000;
	--shadow-comp-btn-primary-pressed: 0 0 0 0 #00000000;
	--shadow-comp-btn-primary-disabled: 0 0 0 0 #00000000;
	--color-comp-btn-primary-danger-text-default: #ffffff;
	--color-comp-btn-primary-danger-text-hover: #ffffff;
	--color-comp-btn-primary-danger-text-pressed: #ffffff;
	--color-comp-btn-primary-danger-text-disabled: #dddde7;
	--color-comp-btn-primary-danger-icon-default: #ffffff;
	--color-comp-btn-primary-danger-icon-hover: #ffffff;
	--color-comp-btn-primary-danger-icon-pressed: #ffffff;
	--color-comp-btn-primary-danger-icon-disabled: #dddde7;
	--color-comp-btn-primary-danger-bg-default: #f04437;
	--color-comp-btn-primary-danger-bg-hover: #f97066;
	--color-comp-btn-primary-danger-bg-pressed: #d92c20;
	--color-comp-btn-primary-danger-bg-disabled: #f9f9fc;
	--color-comp-btn-primary-danger-border-default: #f04437;
	--color-comp-btn-primary-danger-border-hover: #f97066;
	--color-comp-btn-primary-danger-border-pressed: #d92c20;
	--color-comp-btn-primary-danger-border-disabled: #f9f9fc;
	--color-comp-btn-secondary-text-default: #101014;
	--color-comp-btn-secondary-text-hover: #18181c;
	--color-comp-btn-secondary-text-pressed: #101014;
	--color-comp-btn-secondary-text-disabled: #dddde7;
	--color-comp-btn-secondary-icon-default: #101014;
	--color-comp-btn-secondary-icon-hover: #18181c;
	--color-comp-btn-secondary-icon-pressed: #101014;
	--color-comp-btn-secondary-icon-disabled: #dddde7;
	--color-comp-btn-secondary-bg-default: #ffffff;
	--color-comp-btn-secondary-bg-hover: #f9f9fc;
	--color-comp-btn-secondary-bg-pressed: #f3f3f8;
	--color-comp-btn-secondary-bg-disabled: #f9f9fc;
	--color-comp-btn-secondary-border-default: #9595a2;
	--color-comp-btn-secondary-border-hover: #9595a2;
	--color-comp-btn-secondary-border-pressed: #9595a2;
	--color-comp-btn-secondary-border-disabled: #f9f9fc;
	--shadow-comp-btn-secondary-default: 0 0 0 0 #00000000;
	--shadow-comp-btn-secondary-hover: 0 0 0 0 #00000000;
	--shadow-comp-btn-secondary-pressed: 0 0 0 0 #00000000;
	--shadow-comp-btn-secondary-disabled: 0 0 0 0 #00000000;
	--color-comp-btn-secondary-danger-text-default: #f04437;
	--color-comp-btn-secondary-danger-text-hover: #f97066;
	--color-comp-btn-secondary-danger-text-pressed: #f04437;
	--color-comp-btn-secondary-danger-text-disabled: #dddde7;
	--color-comp-btn-secondary-danger-icon-default: #f04437;
	--color-comp-btn-secondary-danger-icon-hover: #f97066;
	--color-comp-btn-secondary-danger-icon-pressed: #f04437;
	--color-comp-btn-secondary-danger-icon-disabled: #dddde7;
	--color-comp-btn-secondary-danger-bg-default: #ffffff;
	--color-comp-btn-secondary-danger-bg-hover: #fef3f2;
	--color-comp-btn-secondary-danger-bg-pressed: #fee4e2;
	--color-comp-btn-secondary-danger-bg-disabled: #f9f9fc;
	--color-comp-btn-secondary-danger-border-default: #f97066;
	--color-comp-btn-secondary-danger-border-hover: #f97066;
	--color-comp-btn-secondary-danger-border-pressed: #f97066;
	--color-comp-btn-secondary-danger-border-disabled: #f9f9fc;
	--color-comp-btn-tertiary-text-default: #101014;
	--color-comp-btn-tertiary-text-hover: #18181c;
	--color-comp-btn-tertiary-text-pressed: #101014;
	--color-comp-btn-tertiary-text-disabled: #dddde7;
	--color-comp-btn-tertiary-icon-default: #101014;
	--color-comp-btn-tertiary-icon-hover: #18181c;
	--color-comp-btn-tertiary-icon-pressed: #101014;
	--color-comp-btn-tertiary-icon-disabled: #dddde7;
	--color-comp-btn-tertiary-bg-default: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-bg-hover: #f9f9fc;
	--color-comp-btn-tertiary-bg-pressed: #f3f3f8;
	--color-comp-btn-tertiary-bg-disabled: #f9f9fc;
	--color-comp-btn-tertiary-border-default: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-border-hover: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-border-pressed: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-border-disabled: #f9f9fc;
	--shadow-comp-btn-tertiary-default: 0 0 0 0 #00000000;
	--shadow-comp-btn-tertiary-hover: 0 0 0 0 #00000000;
	--shadow-comp-btn-tertiary-pressed: 0 0 0 0 #00000000;
	--shadow-comp-btn-tertiary-disabled: 0 0 0 0 #00000000;
	--color-comp-btn-tertiary-danger-text-default: #f04437;
	--color-comp-btn-tertiary-danger-text-hover: #f97066;
	--color-comp-btn-tertiary-danger-text-pressed: #f04437;
	--color-comp-btn-tertiary-danger-text-disabled: #dddde7;
	--color-comp-btn-tertiary-danger-icon-default: #f04437;
	--color-comp-btn-tertiary-danger-icon-hover: #f97066;
	--color-comp-btn-tertiary-danger-icon-pressed: #f04437;
	--color-comp-btn-tertiary-danger-icon-disabled: #dddde7;
	--color-comp-btn-tertiary-danger-bg-default: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-danger-bg-hover: #fef3f2;
	--color-comp-btn-tertiary-danger-bg-pressed: #fee4e2;
	--color-comp-btn-tertiary-danger-bg-disabled: #f9f9fc;
	--color-comp-btn-tertiary-danger-border-default: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-danger-border-hover: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-danger-border-pressed: rgba(0, 0, 0, 0);
	--color-comp-btn-tertiary-danger-border-disabled: #f9f9fc;
	--color-comp-btn-dashed-text-default: #101014;
	--color-comp-btn-dashed-text-hover: #18181c;
	--color-comp-btn-dashed-text-pressed: #101014;
	--color-comp-btn-dashed-text-disabled: #dddde7;
	--color-comp-btn-dashed-icon-default: #101014;
	--color-comp-btn-dashed-icon-hover: #18181c;
	--color-comp-btn-dashed-icon-pressed: #101014;
	--color-comp-btn-dashed-icon-disabled: #dddde7;
	--color-comp-btn-dashed-bg-default: rgba(0, 0, 0, 0);
	--color-comp-btn-dashed-bg-hover: #f9f9fc;
	--color-comp-btn-dashed-bg-pressed: #f3f3f8;
	--color-comp-btn-dashed-bg-disabled: #f9f9fc;
	--color-comp-btn-dashed-border-default: #6b6b75;
	--color-comp-btn-dashed-border-hover: #9595a2;
	--color-comp-btn-dashed-border-pressed: #45454d;
	--color-comp-btn-dashed-border-disabled: #f9f9fc;
	--shadow-comp-btn-dashed-default: 0 0 0 0 #00000000;
	--shadow-comp-btn-dashed-hover: 0 0 0 0 #00000000;
	--shadow-comp-btn-dashed-pressed: 0 0 0 0 #00000000;
	--shadow-comp-btn-dashed-disabled: 0 0 0 0 #00000000;
	--color-comp-btn-dashed-danger-text-default: #f04437;
	--color-comp-btn-dashed-danger-text-hover: #f97066;
	--color-comp-btn-dashed-danger-text-pressed: #f04437;
	--color-comp-btn-dashed-danger-text-disabled: #dddde7;
	--color-comp-btn-dashed-danger-icon-default: #f04437;
	--color-comp-btn-dashed-danger-icon-hover: #f97066;
	--color-comp-btn-dashed-danger-icon-pressed: #f04437;
	--color-comp-btn-dashed-danger-icon-disabled: #dddde7;
	--color-comp-btn-dashed-danger-bg-default: rgba(0, 0, 0, 0);
	--color-comp-btn-dashed-danger-bg-hover: #fef3f2;
	--color-comp-btn-dashed-danger-bg-pressed: #fee4e2;
	--color-comp-btn-dashed-danger-bg-disabled: #f9f9fc;
	--color-comp-btn-dashed-danger-border-default: #f97066;
	--color-comp-btn-dashed-danger-border-hover: #fca19b;
	--color-comp-btn-dashed-danger-border-pressed: #f04437;
	--color-comp-btn-dashed-danger-border-disabled: #f9f9fc;
}

:root[data-theme="light"] .switch {
	--color-comp-switch-track-bg-default: #ffffff;
	--color-comp-switch-track-bg-default-selected: #18181c;
	--color-comp-switch-track-bg-hover: #f9f9fc;
	--color-comp-switch-track-bg-hover-selected: #45454d;
	--color-comp-switch-track-bg-pressed: #f9f9fc;
	--color-comp-switch-track-bg-pressed-selected: #000000;
	--color-comp-switch-track-bg-disabled: #e8e8f0;
	--color-comp-switch-track-bg-disabled-selected: #bdbdca;
	--color-comp-switch-track-border-default: #9595a2;
	--color-comp-switch-track-border-default-selected: #18181c;
	--color-comp-switch-track-border-hover: #9595a2;
	--color-comp-switch-track-border-hover-selected: #45454d;
	--color-comp-switch-track-border-pressed: #9595a2;
	--color-comp-switch-track-border-pressed-selected: #000000;
	--color-comp-switch-track-border-disabled: #e8e8f0;
	--color-comp-switch-track-border-disabled-selected: #bdbdca;
	--shadow-comp-switch-track-default: 0 0 0 0 #00000000;
	--shadow-comp-switch-track-hover: 0 0 0 0 #00000000;
	--shadow-comp-switch-track-pressed: 0 0 0 0 #00000000;
	--shadow-comp-switch-track-disabled: 0 0 0 0 #00000000;
	--color-comp-switch-thumb-bg-default: #9595a2;
	--color-comp-switch-thumb-bg-default-selected: #ffffff;
	--color-comp-switch-thumb-bg-hover: #bdbdca;
	--color-comp-switch-thumb-bg-hover-selected: #ffffff;
	--color-comp-switch-thumb-bg-pressed: #6b6b75;
	--color-comp-switch-thumb-bg-pressed-selected: #ffffff;
	--color-comp-switch-thumb-bg-disabled: #9595a2;
	--color-comp-switch-thumb-bg-disabled-selected: #ffffff;
	--color-comp-switch-thumb-border-default: #9595a2;
	--color-comp-switch-thumb-border-default-selected: #ffffff;
	--color-comp-switch-thumb-border-hover: #bdbdca;
	--color-comp-switch-thumb-border-hover-selected: #ffffff;
	--color-comp-switch-thumb-border-pressed: #6b6b75;
	--color-comp-switch-thumb-border-pressed-selected: #ffffff;
	--color-comp-switch-thumb-border-disabled: #bdbdca;
	--color-comp-switch-thumb-border-disabled-selected: #ffffff;
	--shadow-comp-switch-thumb-default: 0 0 0 0 #00000000;
	--shadow-comp-switch-thumb-hover: 0 0 0 0 #00000000;
	--shadow-comp-switch-thumb-pressed: 0 0 0 0 #00000000;
	--shadow-comp-switch-thumb-disabled: 0 0 0 0 #00000000;
}

:root[data-theme="light"] .tooltip {
	--color-comp-tooltip-text: #ffffff;
	--color-comp-tooltip-bg: #101014;
	--color-comp-tooltip-border: #101014;
}

:root[data-theme="light"] .breadcrumb {
	--color-comp-breadcrumb-link-text-default: #18181c;
	--color-comp-breadcrumb-link-text-hover: #45454d;
	--color-comp-breadcrumb-link-text-pressed: #18181c;
	--color-comp-breadcrumb-ellipsis-icon-default: #9595a2;
	--color-comp-breadcrumb-ellipsis-icon-hover: #bdbdca;
	--color-comp-breadcrumb-ellipsis-icon-pressed: #9595a2;
	--color-comp-breadcrumb-separator-icon: #9595a2;
	--color-comp-breadcrumb-page-text: #9595a2;
}

:root[data-theme="light"] .sidebar {
	--color-comp-sidebar-bg: #ffffff;
	--color-comp-sidebar-border: #f9f9fc;
	--color-comp-sidebar-header-default-collapse-action-icon-default: #45454d;
	--color-comp-sidebar-header-default-collapse-action-icon-hover: #6b6b75;
	--color-comp-sidebar-header-default-collapse-action-icon-pressed: #18181c;
	--color-comp-sidebar-header-default-collapse-action-bg-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-bg-hover: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-bg-pressed: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-border-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-border-hover: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-default-collapse-action-border-pressed: rgba(0, 0, 0, 0);
	--color-comp-sidebar-header-collapsed-collapse-action-icon-default: #45454d;
	--color-comp-sidebar-header-collapsed-collapse-action-icon-hover: #6b6b75;
	--color-comp-sidebar-header-collapsed-collapse-action-icon-pressed: #18181c;
	--color-comp-sidebar-header-collapsed-collapse-action-bg-default: #f9f9fc;
	--color-comp-sidebar-header-collapsed-collapse-action-bg-hover: #f9f9fc;
	--color-comp-sidebar-header-collapsed-collapse-action-bg-pressed: #f3f3f8;
	--color-comp-sidebar-header-collapsed-collapse-action-border-default: #ffffff;
	--color-comp-sidebar-header-collapsed-collapse-action-border-hover: #ffffff;
	--color-comp-sidebar-header-collapsed-collapse-action-border-pressed: #f3f3f8;
	--color-comp-sidebar-footer-separator-divider: #f3f3f8;
	--color-comp-sidebar-footer-powered-by-text: #45454d;
	--color-comp-sidebar-footer-powered-by-logo: #29292f;
	--color-comp-sidebar-group-label-text-default: #6b6b75;
	--color-comp-sidebar-group-label-bg-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-group-label-border-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-group-label-separator-default: #f3f3f8;
	--color-comp-sidebar-menu-item-text-default: #45454d;
	--color-comp-sidebar-menu-item-text-default-hover: #45454d;
	--color-comp-sidebar-menu-item-text-selected: #ffffff;
	--color-comp-sidebar-menu-item-text-selected-hover: #ffffff;
	--color-comp-sidebar-menu-item-icon-default: #101014;
	--color-comp-sidebar-menu-item-icon-default-hover: #101014;
	--color-comp-sidebar-menu-item-icon-selected: #ffffff;
	--color-comp-sidebar-menu-item-icon-selected-hover: #ffffff;
	--color-comp-sidebar-menu-item-action-icon-default: #101014;
	--color-comp-sidebar-menu-item-action-icon-default-hover: #101014;
	--color-comp-sidebar-menu-item-action-icon-selected: #ffffff;
	--color-comp-sidebar-menu-item-action-icon-selected-hover: #ffffff;
	--color-comp-sidebar-menu-item-bg-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-item-bg-default-hover: #f9f9fc;
	--color-comp-sidebar-menu-item-bg-selected: #101014;
	--color-comp-sidebar-menu-item-bg-selected-hover: #18181c;
	--color-comp-sidebar-menu-item-border-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-item-border-default-hover: #f9f9fc;
	--color-comp-sidebar-menu-item-border-selected: #101014;
	--color-comp-sidebar-menu-item-border-selected-hover: #18181c;
	--color-comp-sidebar-menu-sub-connector-default: rgba(41, 41, 47, 0.10);
	--color-comp-sidebar-menu-sub-item-text-default: #45454d;
	--color-comp-sidebar-menu-sub-item-text-default-hover: #45454d;
	--color-comp-sidebar-menu-sub-item-text-selected: #ffffff;
	--color-comp-sidebar-menu-sub-item-text-selected-hover: #ffffff;
	--color-comp-sidebar-menu-sub-item-bg-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-sub-item-bg-default-hover: #f9f9fc;
	--color-comp-sidebar-menu-sub-item-bg-selected: #101014;
	--color-comp-sidebar-menu-sub-item-bg-selected-hover: #18181c;
	--color-comp-sidebar-menu-sub-item-border-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-sub-item-border-default-hover: #f9f9fc;
	--color-comp-sidebar-menu-sub-item-border-selected: #101014;
	--color-comp-sidebar-menu-sub-item-border-selected-hover: #18181c;
	--color-comp-sidebar-menu-sub-item-selection-default: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-sub-item-selection-default-hover: rgba(0, 0, 0, 0);
	--color-comp-sidebar-menu-sub-item-selection-selected: #101014;
	--color-comp-sidebar-menu-sub-item-selection-selected-hover: #101014;
}

:root[data-theme="light"] .badge {
	--color-comp-badge-primary-info-text: #ffffff;
	--color-comp-badge-primary-info-icon: #ffffff;
	--color-comp-badge-primary-info-bg: #101014;
	--color-comp-badge-primary-info-border: #ffffff;
	--color-comp-badge-primary-danger-text: #ffffff;
	--color-comp-badge-primary-danger-icon: #ffffff;
	--color-comp-badge-primary-danger-bg: #f04437;
	--color-comp-badge-primary-danger-border: #ffffff;
	--color-comp-badge-primary-success-text: #ffffff;
	--color-comp-badge-primary-success-icon: #ffffff;
	--color-comp-badge-primary-success-bg: #039754;
	--color-comp-badge-primary-success-border: #ffffff;
	--color-comp-badge-primary-warning-text: #ffffff;
	--color-comp-badge-primary-warning-icon: #ffffff;
	--color-comp-badge-primary-warning-bg: #d7991f;
	--color-comp-badge-primary-warning-border: #ffffff;
	--color-comp-badge-secondary-info-text: #101014;
	--color-comp-badge-secondary-info-icon: #101014;
	--color-comp-badge-secondary-info-bg: #bdbdca;
	--color-comp-badge-secondary-info-border: #6b6b75;
	--color-comp-badge-secondary-danger-text: #d92c20;
	--color-comp-badge-secondary-danger-icon: #d92c20;
	--color-comp-badge-secondary-danger-bg: #fee4e2;
	--color-comp-badge-secondary-danger-border: #f04437;
	--color-comp-badge-secondary-success-text: #027a48;
	--color-comp-badge-secondary-success-icon: #027a48;
	--color-comp-badge-secondary-success-bg: #d1fadf;
	--color-comp-badge-secondary-success-border: #039754;
	--color-comp-badge-secondary-warning-text: #101014;
	--color-comp-badge-secondary-warning-icon: #101014;
	--color-comp-badge-secondary-warning-bg: #fdd890;
	--color-comp-badge-secondary-warning-border: #d7991f;
}

:root[data-theme="light"] .dropdownMenu {
	--color-comp-dropdown-menu-bg: #ffffff;
	--color-comp-dropdown-menu-border: #e8e8f0;
	--color-comp-dropdown-menu-label-text: #6b6b75;
	--color-comp-dropdown-menu-item-text-default: #45454d;
	--color-comp-dropdown-menu-item-text-hover: #45454d;
	--color-comp-dropdown-menu-item-text-pressed: #45454d;
	--color-comp-dropdown-menu-item-text-selected: #45454d;
	--color-comp-dropdown-menu-item-text-disabled: #bdbdca;
	--color-comp-dropdown-menu-item-icon-leading-default: #45454d;
	--color-comp-dropdown-menu-item-icon-leading-hover: #45454d;
	--color-comp-dropdown-menu-item-icon-leading-pressed: #45454d;
	--color-comp-dropdown-menu-item-icon-leading-selected: #45454d;
	--color-comp-dropdown-menu-item-icon-leading-disabled: #bdbdca;
	--color-comp-dropdown-menu-item-icon-trailing-default: #45454d;
	--color-comp-dropdown-menu-item-icon-trailing-hover: #45454d;
	--color-comp-dropdown-menu-item-icon-trailing-pressed: #45454d;
	--color-comp-dropdown-menu-item-icon-trailing-selected: #45454d;
	--color-comp-dropdown-menu-item-icon-trailing-disabled: #bdbdca;
	--color-comp-dropdown-menu-item-bg-default: #ffffff;
	--color-comp-dropdown-menu-item-bg-hover: #f9f9fc;
	--color-comp-dropdown-menu-item-bg-pressed: #f3f3f8;
	--color-comp-dropdown-menu-item-bg-selected: #f3f3f8;
	--color-comp-dropdown-menu-item-bg-disabled: #f9f9fc;
	--color-comp-dropdown-menu-item-border-default: #ffffff;
	--color-comp-dropdown-menu-item-border-hover: #f9f9fc;
	--color-comp-dropdown-menu-item-border-pressed: #f3f3f8;
	--color-comp-dropdown-menu-item-border-selected: #f3f3f8;
	--color-comp-dropdown-menu-item-border-disabled: #f3f3f8;
	--color-comp-dropdown-menu-item-indicator-icon-default: #45454d;
	--color-comp-dropdown-menu-item-indicator-icon-hover: #45454d;
	--color-comp-dropdown-menu-item-indicator-icon-pressed: #45454d;
	--color-comp-dropdown-menu-item-indicator-icon-checked: #101014;
	--color-comp-dropdown-menu-item-indicator-icon-disabled: #bdbdca;
	--color-comp-dropdown-menu-shortcut-text-default: #6b6b75;
	--color-comp-dropdown-menu-shortcut-text-hover: #6b6b75;
	--color-comp-dropdown-menu-shortcut-text-pressed: #6b6b75;
	--color-comp-dropdown-menu-shortcut-text-selected: #6b6b75;
	--color-comp-dropdown-menu-shortcut-text-disabled: #bdbdca;
	--color-comp-dropdown-menu-separator-line: #e8e8f0;
	--shadow-comp-dropdown-menu-content: 0 1px 2px 0 #0000004d, 0 1px 3px 1px #00000026;
}

:root[data-theme="light"] .chart {
	--color-comp-chart-data-blue-low-emphasis: #d1e0ff;
	--color-comp-chart-data-blue-mid-emphasis: #84adff;
	--color-comp-chart-data-blue-high-emphasis: #2970ff;
	--color-comp-chart-data-violet-low-emphasis: #ece9fe;
	--color-comp-chart-data-violet-mid-emphasis: #c3b5fd;
	--color-comp-chart-data-violet-high-emphasis: #875af7;
	--color-comp-chart-data-red-low-emphasis: #fee4e2;
	--color-comp-chart-data-red-mid-emphasis: #fca19b;
	--color-comp-chart-data-red-high-emphasis: #f04437;
	--color-comp-chart-data-yellow-low-emphasis: #fdd890;
	--color-comp-chart-data-yellow-mid-emphasis: #fcc14e;
	--color-comp-chart-data-yellow-high-emphasis: #fcb222;
	--color-comp-chart-data-green-low-emphasis: #d1fadf;
	--color-comp-chart-data-green-mid-emphasis: #6be9a6;
	--color-comp-chart-data-green-high-emphasis: #12b669;
}

:root[data-theme="light"] .tabs {
	--color-comp-tabs-content-text-default: #6b6b75;
	--color-comp-tabs-content-text-hovered: #45454d;
	--color-comp-tabs-content-text-pressed: #101014;
	--color-comp-tabs-content-text-selected: #101014;
	--color-comp-tabs-content-text-disabled: #bdbdca;
	--color-comp-tabs-content-icon-default: #6b6b75;
	--color-comp-tabs-content-icon-hovered: #45454d;
	--color-comp-tabs-content-icon-pressed: #101014;
	--color-comp-tabs-content-icon-selected: #101014;
	--color-comp-tabs-content-icon-disabled: #bdbdca;
	--color-comp-tabs-indicator-bg-selected: #101014;
	--color-comp-tabs-track-bg: #e8e8f0;
	--color-comp-tabs-overflow-trigger-bg: #ffffff;
	--color-comp-tabs-overflow-trigger-border: rgba(0, 0, 0, 0);
	--color-comp-tabs-overflow-trigger-icon: #6b6b75;
}

:root[data-theme="light"] .control {
	--color-comp-control-text-default: #101014;
	--color-comp-control-text-hover: #45454d;
	--color-comp-control-text-pressed: #101014;
	--color-comp-control-text-disabled: #bdbdca;
	--color-comp-control-icon-default: #101014;
	--color-comp-control-icon-hover: #45454d;
	--color-comp-control-icon-pressed: #101014;
	--color-comp-control-icon-disabled: #bdbdca;
	--color-comp-control-bg-default: #ffffff;
	--color-comp-control-bg-hover: #f9f9fc;
	--color-comp-control-bg-pressed: #f3f3f8;
	--color-comp-control-bg-disabled: #dddde7;
	--color-comp-control-border-default: #9595a2;
	--color-comp-control-border-hover: #9595a2;
	--color-comp-control-border-pressed: #9595a2;
	--color-comp-control-border-disabled: #e8e8f0;
}

:root[data-theme="light"] .pageHeader {
	--color-comp-page-header-bg: #ffffff;
	--color-comp-page-header-border: #dddde7;
	--color-comp-page-header-title-slot-text: #101014;
	--color-comp-page-header-subtitle-slot-text: #45454d;
	--color-comp-page-header-metadata-item-text: #45454d;
	--color-comp-page-header-metadata-item-icon: #45454d;
}

:root[data-theme="light"] .pagination {
	--color-comp-pagination-content-bg: rgba(0, 0, 0, 0);
	--color-comp-pagination-content-border: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-icon-default: #101014;
	--color-comp-pagination-first-icon-hover: #18181c;
	--color-comp-pagination-first-icon-disabled: #dddde7;
	--color-comp-pagination-first-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-bg-hover: #f9f9fc;
	--color-comp-pagination-first-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-first-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-first-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-first-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-first-disabled: 0 0 0 0 #00000000;
	--color-comp-pagination-previous-icon-default: #101014;
	--color-comp-pagination-previous-icon-hover: #18181c;
	--color-comp-pagination-previous-icon-disabled: #dddde7;
	--color-comp-pagination-previous-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-previous-bg-hover: #f9f9fc;
	--color-comp-pagination-previous-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-previous-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-previous-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-previous-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-previous-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-previous-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-previous-disabled: 0 0 0 0 #00000000;
	--color-comp-pagination-next-icon-default: #101014;
	--color-comp-pagination-next-icon-hover: #18181c;
	--color-comp-pagination-next-icon-disabled: #dddde7;
	--color-comp-pagination-next-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-next-bg-hover: #f9f9fc;
	--color-comp-pagination-next-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-next-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-next-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-next-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-next-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-next-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-next-disabled: 0 0 0 0 #00000000;
	--color-comp-pagination-last-icon-default: #101014;
	--color-comp-pagination-last-icon-hover: #18181c;
	--color-comp-pagination-last-icon-disabled: #dddde7;
	--color-comp-pagination-last-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-last-bg-hover: #f9f9fc;
	--color-comp-pagination-last-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-last-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-last-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-last-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-last-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-last-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-last-disabled: 0 0 0 0 #00000000;
	--color-comp-pagination-link-text-default: #101014;
	--color-comp-pagination-link-text-hover: #18181c;
	--color-comp-pagination-link-text-active: #101014;
	--color-comp-pagination-link-text-active-hovered: #18181c;
	--color-comp-pagination-link-text-active-disabled: #dddde7;
	--color-comp-pagination-link-text-disabled: #dddde7;
	--color-comp-pagination-link-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-bg-hover: #f9f9fc;
	--color-comp-pagination-link-bg-active: #ffffff;
	--color-comp-pagination-link-bg-active-hovered: #f9f9fc;
	--color-comp-pagination-link-bg-active-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-border-hover: rgba(0, 0, 0, 0);
	--color-comp-pagination-link-border-active: #f3f3f8;
	--color-comp-pagination-link-border-active-hovered: #f3f3f8;
	--color-comp-pagination-link-border-active-disabled: #f9f9fc;
	--color-comp-pagination-link-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-link-default: 0 0 0 0 #00000000;
	--shadow-comp-pagination-link-hover: 0 0 0 0 #00000000;
	--shadow-comp-pagination-link-active: 0 0 0 0 #00000000;
	--shadow-comp-pagination-link-active-hovered: 0 0 0 0 #00000000;
	--color-comp-pagination-ellipsis-icon-default: #101014;
	--color-comp-pagination-ellipsis-icon-disabled: #dddde7;
	--color-comp-pagination-ellipsis-bg-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-ellipsis-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-pagination-ellipsis-border-default: rgba(0, 0, 0, 0);
	--color-comp-pagination-ellipsis-border-disabled: rgba(0, 0, 0, 0);
	--shadow-comp-pagination-ellipsis-default: 0 0 0 0 #00000000;
	--color-comp-pagination-summary-text: #101014;
}

:root[data-theme="light"] .popover {
	--color-comp-popover-bg: #ffffff;
	--color-comp-popover-border: #e8e8f0;
}

:root[data-theme="light"] .link {
	--color-comp-link-text-primary-default: #101014;
	--color-comp-link-text-primary-hover: #45454d;
	--color-comp-link-text-primary-active: #101014;
	--color-comp-link-text-primary-visited: #101014;
	--color-comp-link-text-primary-disabled: #bdbdca;
	--color-comp-link-text-on-accent-default: #ffffff;
	--color-comp-link-text-on-accent-hover: #dddde7;
	--color-comp-link-text-on-accent-active: #ffffff;
	--color-comp-link-text-on-accent-visited: #ffffff;
	--color-comp-link-text-on-accent-disabled: #6b6b75;
}

:root[data-theme="light"] .separator {
	--color-comp-separator-bg: #f3f3f8;
}

:root[data-theme="light"] .input {
	--color-comp-input-outlined-border-default: #bdbdca;
	--color-comp-input-outlined-border-hover: #45454d;
	--color-comp-input-outlined-border-focused: #101014;
	--color-comp-input-outlined-border-disabled: #bdbdca;
	--color-comp-input-outlined-border-read-only: #bdbdca;
	--color-comp-input-outlined-bg-default: #ffffff;
	--color-comp-input-outlined-bg-hover: #ffffff;
	--color-comp-input-outlined-bg-focused: #ffffff;
	--color-comp-input-outlined-bg-disabled: #f3f3f8;
	--color-comp-input-outlined-bg-read-only: #f3f3f8;
	--color-comp-input-outlined-text-default: #101014;
	--color-comp-input-outlined-text-disabled: #bdbdca;
	--color-comp-input-outlined-text-read-only: #6b6b75;
	--color-comp-input-outlined-placeholder-default: #9595a2;
	--color-comp-input-outlined-placeholder-disabled: #bdbdca;
	--color-comp-input-outlined-placeholder-read-only: #6b6b75;
	--color-comp-input-outlined-clear-all-icon-default: #45454d;
	--color-comp-input-outlined-clear-all-icon-hover: #45454d;
	--color-comp-input-outlined-clear-all-icon-focused: #45454d;
	--shadow-comp-input-outlined-default-focused: 0 0 0 2px rgba(16, 16, 20, 0.16);
	--shadow-comp-input-outlined-danger-focused: 0 0 0 2px rgba(180, 35, 24, 0.16);
	--shadow-comp-input-outlined-success-focused: 0 0 0 2px rgba(2, 122, 72, 0.16);
	--color-comp-input-outlined-danger-border-default: #f04437;
	--color-comp-input-outlined-danger-border-hover: #d92c20;
	--color-comp-input-outlined-danger-border-focused: #b42318;
	--color-comp-input-outlined-danger-bg-default: #ffffff;
	--color-comp-input-outlined-danger-bg-hover: #ffffff;
	--color-comp-input-outlined-danger-bg-focused: #ffffff;
	--color-comp-input-outlined-danger-text-default: #101014;
	--color-comp-input-outlined-danger-placeholder-default: #9595a2;
	--color-comp-input-outlined-success-border-default: #31d583;
	--color-comp-input-outlined-success-border-hover: #039754;
	--color-comp-input-outlined-success-border-focused: #027a48;
	--color-comp-input-outlined-success-bg-default: #ffffff;
	--color-comp-input-outlined-success-bg-hover: #ffffff;
	--color-comp-input-outlined-success-bg-focused: #ffffff;
	--color-comp-input-outlined-success-text-default: #101014;
	--color-comp-input-outlined-success-placeholder-default: #9595a2;
	--color-comp-input-borderless-bg-default: #ffffff;
	--color-comp-input-borderless-bg-hover: #ffffff;
	--color-comp-input-borderless-bg-focused: #ffffff;
	--color-comp-input-borderless-bg-disabled: #f3f3f8;
	--color-comp-input-borderless-bg-read-only: #f3f3f8;
	--color-comp-input-borderless-text-default: #101014;
	--color-comp-input-borderless-text-disabled: #bdbdca;
	--color-comp-input-borderless-text-read-only: #6b6b75;
	--color-comp-input-borderless-placeholder-default: #9595a2;
	--color-comp-input-borderless-placeholder-disabled: #bdbdca;
	--color-comp-input-borderless-placeholder-read-only: #6b6b75;
	--color-comp-input-borderless-clear-all-icon-default: #45454d;
	--color-comp-input-borderless-clear-all-icon-hover: #45454d;
	--color-comp-input-borderless-clear-all-icon-focused: #45454d;
	--color-comp-input-borderless-danger-bg-default: #ffffff;
	--color-comp-input-borderless-danger-bg-hover: #ffffff;
	--color-comp-input-borderless-danger-bg-focused: #ffffff;
	--color-comp-input-borderless-danger-text-default: #101014;
	--color-comp-input-borderless-danger-placeholder-default: #9595a2;
	--color-comp-input-borderless-success-bg-default: #ffffff;
	--color-comp-input-borderless-success-bg-hover: #ffffff;
	--color-comp-input-borderless-success-bg-focused: #ffffff;
	--color-comp-input-borderless-success-text-default: #101014;
	--color-comp-input-borderless-success-placeholder-default: #9595a2;
	--color-comp-input-underlined-border-default: #bdbdca;
	--color-comp-input-underlined-border-hover: #45454d;
	--color-comp-input-underlined-border-focused: #101014;
	--color-comp-input-underlined-border-disabled: #bdbdca;
	--color-comp-input-underlined-border-read-only: #bdbdca;
	--color-comp-input-underlined-bg-default: #ffffff;
	--color-comp-input-underlined-bg-hover: #ffffff;
	--color-comp-input-underlined-bg-focused: #ffffff;
	--color-comp-input-underlined-bg-disabled: #f3f3f8;
	--color-comp-input-underlined-bg-read-only: #f3f3f8;
	--color-comp-input-underlined-text-default: #101014;
	--color-comp-input-underlined-text-disabled: #bdbdca;
	--color-comp-input-underlined-text-read-only: #6b6b75;
	--color-comp-input-underlined-placeholder-default: #9595a2;
	--color-comp-input-underlined-placeholder-disabled: #bdbdca;
	--color-comp-input-underlined-placeholder-read-only: #6b6b75;
	--color-comp-input-underlined-clear-all-icon-default: #45454d;
	--color-comp-input-underlined-clear-all-icon-hover: #45454d;
	--color-comp-input-underlined-clear-all-icon-focused: #45454d;
	--color-comp-input-underlined-danger-border-default: #fca19b;
	--color-comp-input-underlined-danger-border-hover: #d92c20;
	--color-comp-input-underlined-danger-border-focused: #b42318;
	--color-comp-input-underlined-danger-bg-default: #ffffff;
	--color-comp-input-underlined-danger-bg-hover: #ffffff;
	--color-comp-input-underlined-danger-bg-focused: #ffffff;
	--color-comp-input-underlined-danger-text-default: #101014;
	--color-comp-input-underlined-danger-placeholder-default: #9595a2;
	--color-comp-input-underlined-success-border-default: #31d583;
	--color-comp-input-underlined-success-border-hover: #039754;
	--color-comp-input-underlined-success-border-focused: #027a48;
	--color-comp-input-underlined-success-bg-default: #ffffff;
	--color-comp-input-underlined-success-bg-hover: #ffffff;
	--color-comp-input-underlined-success-bg-focused: #ffffff;
	--color-comp-input-underlined-success-text-default: #101014;
	--color-comp-input-underlined-success-placeholder-default: #9595a2;
}

:root[data-theme="light"] .inputGroup {
	--color-comp-input-group-outlined-border-default: #bdbdca;
	--color-comp-input-group-outlined-border-hover: #45454d;
	--color-comp-input-group-outlined-border-focused: #101014;
	--color-comp-input-group-outlined-border-disabled: #bdbdca;
	--color-comp-input-group-outlined-border-read-only: #bdbdca;
	--color-comp-input-group-outlined-bg-default: #ffffff;
	--color-comp-input-group-outlined-bg-hover: #ffffff;
	--color-comp-input-group-outlined-bg-focused: #ffffff;
	--color-comp-input-group-outlined-bg-disabled: #f3f3f8;
	--color-comp-input-group-outlined-bg-read-only: #f3f3f8;
	--color-comp-input-group-outlined-addon-text-default: #6b6b75;
	--color-comp-input-group-outlined-addon-text-disabled: #bdbdca;
	--color-comp-input-group-outlined-addon-text-read-only: #6b6b75;
	--color-comp-input-group-outlined-addon-icon-default: #6b6b75;
	--color-comp-input-group-outlined-addon-icon-disabled: #bdbdca;
	--color-comp-input-group-outlined-addon-icon-read-only: #6b6b75;
	--color-comp-input-group-outlined-danger-border-default: #f97066;
	--color-comp-input-group-outlined-danger-border-hover: #d92c20;
	--color-comp-input-group-outlined-danger-border-focused: #b42318;
	--color-comp-input-group-outlined-danger-bg-default: #ffffff;
	--color-comp-input-group-outlined-danger-bg-hover: #ffffff;
	--color-comp-input-group-outlined-danger-bg-focused: #ffffff;
	--color-comp-input-group-outlined-danger-addon-text-default: #f04437;
	--color-comp-input-group-outlined-danger-addon-icon-default: #f04437;
	--color-comp-input-group-outlined-success-border-default: #31d583;
	--color-comp-input-group-outlined-success-border-hover: #039754;
	--color-comp-input-group-outlined-success-border-focused: #027a48;
	--color-comp-input-group-outlined-success-bg-default: #ffffff;
	--color-comp-input-group-outlined-success-bg-hover: #ffffff;
	--color-comp-input-group-outlined-success-bg-focused: #ffffff;
	--color-comp-input-group-outlined-success-addon-text-default: #039754;
	--color-comp-input-group-outlined-success-addon-icon-default: #039754;
	--color-comp-input-group-borderless-bg-default: #ffffff;
	--color-comp-input-group-borderless-bg-hover: #ffffff;
	--color-comp-input-group-borderless-bg-focused: #ffffff;
	--color-comp-input-group-borderless-bg-disabled: #f3f3f8;
	--color-comp-input-group-borderless-bg-read-only: #f3f3f8;
	--color-comp-input-group-borderless-addon-text-default: #6b6b75;
	--color-comp-input-group-borderless-addon-text-disabled: #bdbdca;
	--color-comp-input-group-borderless-addon-text-read-only: #6b6b75;
	--color-comp-input-group-borderless-addon-icon-default: #6b6b75;
	--color-comp-input-group-borderless-addon-icon-disabled: #bdbdca;
	--color-comp-input-group-borderless-addon-icon-read-only: #6b6b75;
	--color-comp-input-group-borderless-danger-bg-default: #ffffff;
	--color-comp-input-group-borderless-danger-bg-hover: #ffffff;
	--color-comp-input-group-borderless-danger-bg-focused: #ffffff;
	--color-comp-input-group-borderless-danger-addon-text-default: #f04437;
	--color-comp-input-group-borderless-danger-addon-icon-default: #f04437;
	--color-comp-input-group-borderless-success-bg-default: #ffffff;
	--color-comp-input-group-borderless-success-bg-hover: #ffffff;
	--color-comp-input-group-borderless-success-bg-focused: #ffffff;
	--color-comp-input-group-borderless-success-addon-text-default: #039754;
	--color-comp-input-group-borderless-success-addon-icon-default: #039754;
	--color-comp-input-group-underlined-border-default: #bdbdca;
	--color-comp-input-group-underlined-border-hover: #45454d;
	--color-comp-input-group-underlined-border-focused: #101014;
	--color-comp-input-group-underlined-border-disabled: #bdbdca;
	--color-comp-input-group-underlined-border-read-only: #bdbdca;
	--color-comp-input-group-underlined-bg-default: #ffffff;
	--color-comp-input-group-underlined-bg-hover: #ffffff;
	--color-comp-input-group-underlined-bg-focused: #ffffff;
	--color-comp-input-group-underlined-bg-disabled: #f3f3f8;
	--color-comp-input-group-underlined-bg-read-only: #f3f3f8;
	--color-comp-input-group-underlined-addon-text-default: #6b6b75;
	--color-comp-input-group-underlined-addon-text-disabled: #bdbdca;
	--color-comp-input-group-underlined-addon-text-read-only: #6b6b75;
	--color-comp-input-group-underlined-addon-icon-default: #6b6b75;
	--color-comp-input-group-underlined-addon-icon-disabled: #bdbdca;
	--color-comp-input-group-underlined-addon-icon-read-only: #6b6b75;
	--color-comp-input-group-underlined-danger-border-default: #fca19b;
	--color-comp-input-group-underlined-danger-border-hover: #d92c20;
	--color-comp-input-group-underlined-danger-border-focused: #b42318;
	--color-comp-input-group-underlined-danger-bg-default: #ffffff;
	--color-comp-input-group-underlined-danger-bg-hover: #ffffff;
	--color-comp-input-group-underlined-danger-bg-focused: #ffffff;
	--color-comp-input-group-underlined-danger-addon-text-default: #f04437;
	--color-comp-input-group-underlined-danger-addon-icon-default: #f04437;
	--color-comp-input-group-underlined-success-border-default: #31d583;
	--color-comp-input-group-underlined-success-border-hover: #039754;
	--color-comp-input-group-underlined-success-border-focused: #027a48;
	--color-comp-input-group-underlined-success-bg-default: #ffffff;
	--color-comp-input-group-underlined-success-bg-hover: #ffffff;
	--color-comp-input-group-underlined-success-bg-focused: #ffffff;
	--color-comp-input-group-underlined-success-addon-text-default: #039754;
	--color-comp-input-group-underlined-success-addon-icon-default: #039754;
}

:root[data-theme="light"] .numberInput {
	--color-comp-number-input-stepper-border-default: #e8e8f0;
	--color-comp-number-input-stepper-border-hover: #e8e8f0;
	--color-comp-number-input-stepper-border-pressed: #e8e8f0;
	--color-comp-number-input-stepper-border-disabled: #e8e8f0;
	--color-comp-number-input-stepper-icon-default: #9595a2;
	--color-comp-number-input-stepper-icon-hover: #45454d;
	--color-comp-number-input-stepper-icon-pressed: #18181c;
	--color-comp-number-input-stepper-icon-disabled: #e8e8f0;
	--color-comp-number-input-stepper-bg-default: #ffffff;
	--color-comp-number-input-stepper-bg-hover: #f3f3f8;
	--color-comp-number-input-stepper-bg-pressed: #dddde7;
	--color-comp-number-input-stepper-bg-disabled: #ffffff;
}

:root[data-theme="light"] .drawer {
	--color-comp-drawer-bg: #ffffff;
	--color-comp-drawer-border: #e8e8f0;
	--color-comp-drawer-header-text-title: #101014;
	--color-comp-drawer-header-text-description: #45454d;
}

:root[data-theme="light"] .item {
	--color-comp-item-default-bg-default: rgba(0, 0, 0, 0);
	--color-comp-item-default-bg-disabled: rgba(0, 0, 0, 0);
	--color-comp-item-default-border-default: rgba(0, 0, 0, 0);
	--color-comp-item-default-border-disabled: rgba(0, 0, 0, 0);
	--color-comp-item-default-title-default: #45454d;
	--color-comp-item-default-title-disabled: #bdbdca;
	--color-comp-item-default-description-default: #6b6b75;
	--color-comp-item-default-description-disabled: #bdbdca;
	--color-comp-item-interactive-bg-default: #ffffff;
	--color-comp-item-interactive-bg-hover: #f9f9fc;
	--color-comp-item-interactive-bg-pressed: #f3f3f8;
	--color-comp-item-interactive-bg-disabled: #ffffff;
	--color-comp-item-interactive-border-default: rgba(0, 0, 0, 0);
	--color-comp-item-interactive-border-hover: rgba(0, 0, 0, 0);
	--color-comp-item-interactive-border-pressed: rgba(0, 0, 0, 0);
	--color-comp-item-interactive-border-disabled: rgba(0, 0, 0, 0);
	--color-comp-item-interactive-title-default: #45454d;
	--color-comp-item-interactive-title-hover: #45454d;
	--color-comp-item-interactive-title-pressed: #45454d;
	--color-comp-item-interactive-title-disabled: #bdbdca;
	--color-comp-item-interactive-description-default: #6b6b75;
	--color-comp-item-interactive-description-hover: #6b6b75;
	--color-comp-item-interactive-description-pressed: #6b6b75;
	--color-comp-item-interactive-description-disabled: #bdbdca;
}

:root[data-theme="light"] .avatar {
	--color-comp-avatar-grey-text: #29292f;
	--color-comp-avatar-grey-icon: #29292f;
	--color-comp-avatar-grey-bg: #e8e8f0;
	--color-comp-avatar-grey-border: #ffffff;
	--color-comp-avatar-green-text: #055f3a;
	--color-comp-avatar-green-icon: #055f3a;
	--color-comp-avatar-green-bg: #ecfdf3;
	--color-comp-avatar-green-border: #ffffff;
	--color-comp-avatar-blue-text: #0040c1;
	--color-comp-avatar-blue-icon: #0040c1;
	--color-comp-avatar-blue-bg: #eff4ff;
	--color-comp-avatar-blue-border: #ffffff;
	--color-comp-avatar-red-text: #b42318;
	--color-comp-avatar-red-icon: #b42318;
	--color-comp-avatar-red-bg: #fef3f2;
	--color-comp-avatar-red-border: #ffffff;
	--color-comp-avatar-yellow-text: #65470d;
	--color-comp-avatar-yellow-icon: #65470d;
	--color-comp-avatar-yellow-bg: #fee8bd;
	--color-comp-avatar-yellow-border: #ffffff;
	--color-comp-avatar-status-online-bg: #12b669;
	--color-comp-avatar-status-online-border: #ffffff;
	--color-comp-avatar-status-offline-bg: #dddde7;
	--color-comp-avatar-status-offline-border: #ffffff;
}

:root[data-theme="light"] .accordion {
	--color-comp-accordion-borderless-bg: rgba(0, 0, 0, 0);
	--color-comp-accordion-outlined-bg: rgba(0, 0, 0, 0);
	--color-comp-accordion-outlined-border: #e8e8f0;
	--color-comp-accordion-item-border: #e8e8f0;
	--color-comp-accordion-item-header-trigger-icon-default: #101014;
	--color-comp-accordion-item-header-trigger-icon-hover: #101014;
	--color-comp-accordion-item-header-trigger-icon-pressed: #101014;
	--color-comp-accordion-item-header-trigger-icon-disabled: #bdbdca;
	--color-comp-accordion-item-header-text-title-default: #101014;
	--color-comp-accordion-item-header-text-title-hover: #101014;
	--color-comp-accordion-item-header-text-title-pressed: #101014;
	--color-comp-accordion-item-header-text-title-disabled: #bdbdca;
	--color-comp-accordion-item-header-text-description-default: #45454d;
	--color-comp-accordion-item-header-text-description-hover: #45454d;
	--color-comp-accordion-item-header-text-description-pressed: #45454d;
	--color-comp-accordion-item-header-text-description-disabled: #bdbdca;
	--color-comp-accordion-item-header-bg-default: #ffffff;
	--color-comp-accordion-item-header-bg-hover: #f9f9fc;
	--color-comp-accordion-item-header-bg-pressed: #f3f3f8;
	--color-comp-accordion-item-header-bg-disabled: #ffffff;
	--color-comp-accordion-item-content-bg: #ffffff;
	--color-comp-accordion-item-content-text: #45454d;
}

:root[data-theme="light"] .avatarGroup {
	--color-comp-avatar-group-count-text-default: #29292f;
	--color-comp-avatar-group-count-text-hover: #29292f;
	--color-comp-avatar-group-count-text-pressed: #29292f;
	--color-comp-avatar-group-count-bg-default: #e8e8f0;
	--color-comp-avatar-group-count-bg-hover: #dddde7;
	--color-comp-avatar-group-count-bg-pressed: #bdbdca;
	--color-comp-avatar-group-count-border-default: #ffffff;
	--color-comp-avatar-group-count-border-hover: #ffffff;
	--color-comp-avatar-group-count-border-pressed: #ffffff;
}

:root[data-theme="light"] .card {
	--color-comp-card-default-bg-default: #ffffff;
	--color-comp-card-default-bg-disabled: #ffffff;
	--color-comp-card-default-border-default: #e8e8f0;
	--color-comp-card-default-border-disabled: #e8e8f0;
	--color-comp-card-interactive-bg-default: #ffffff;
	--color-comp-card-interactive-bg-hover: #f9f9fc;
	--color-comp-card-interactive-bg-pressed: #f3f3f8;
	--color-comp-card-interactive-bg-disabled: #ffffff;
	--color-comp-card-interactive-bg-default-selected: #ffffff;
	--color-comp-card-interactive-bg-hover-selected: #f9f9fc;
	--color-comp-card-interactive-bg-pressed-selected: #f3f3f8;
	--color-comp-card-interactive-bg-disabled-selected: #ffffff;
	--color-comp-card-interactive-border-default: #9595a2;
	--color-comp-card-interactive-border-hover: #9595a2;
	--color-comp-card-interactive-border-pressed: #9595a2;
	--color-comp-card-interactive-border-disabled: #9595a2;
	--color-comp-card-interactive-border-default-selected: #101014;
	--color-comp-card-interactive-border-hover-selected: #101014;
	--color-comp-card-interactive-border-pressed-selected: #101014;
	--color-comp-card-interactive-border-disabled-selected: #9595a2;
	--shadow-comp-card-interactive-default-selected: 0 0 0 2px #101014;
	--shadow-comp-card-interactive-hover-selected: 0 0 0 2px #101014;
	--shadow-comp-card-interactive-pressed-selected: 0 0 0 2px #101014;
	--shadow-comp-card-interactive-disabled-selected: 0 0 0 2px #9595a2;
	--color-comp-card-predefined-header-text-title: #45454d;
	--color-comp-card-predefined-header-text-subtitle: #6b6b75;
	--color-comp-card-predefined-content-text-primary: #101014;
	--color-comp-card-predefined-content-text-secondary: #45454d;
	--color-comp-card-predefined-content-text-tertiary: #6b6b75;
}

:root[data-theme="light"] .skeleton {
	--color-comp-skeleton-bg-start: #f3f3f8;
	--color-comp-skeleton-bg-end: #dddde7;
	--color-comp-skeleton-bg-dummy: rgba(189, 189, 202, 0.50);
}

:root[data-theme="light"] .tag {
	--color-comp-tag-middle-count-bg-default: #ffffff;
	--color-comp-tag-middle-count-bg-disabled: #f9f9fc;
	--color-comp-tag-middle-count-border-default: #dddde7;
	--color-comp-tag-middle-count-border-disabled: #dddde7;
	--color-comp-tag-middle-count-border-text-default: #101014;
	--color-comp-tag-middle-count-border-text-disabled: #bdbdca;
	--color-comp-tag-outlined-bg-default: #ffffff;
	--color-comp-tag-outlined-bg-hover: #f9f9fc;
	--color-comp-tag-outlined-bg-pressed: #f3f3f8;
	--color-comp-tag-outlined-bg-disabled: #f9f9fc;
	--color-comp-tag-outlined-bg-default-selected: #ffffff;
	--color-comp-tag-outlined-bg-hover-selected: #f9f9fc;
	--color-comp-tag-outlined-bg-pressed-selected: #f3f3f8;
	--color-comp-tag-outlined-bg-disabled-selected: #f9f9fc;
	--color-comp-tag-outlined-border-default: #dddde7;
	--color-comp-tag-outlined-border-hover: #9595a2;
	--color-comp-tag-outlined-border-pressed: #9595a2;
	--color-comp-tag-outlined-border-disabled: #f9f9fc;
	--color-comp-tag-outlined-border-default-selected: #101014;
	--color-comp-tag-outlined-border-hover-selected: #101014;
	--color-comp-tag-outlined-border-pressed-selected: #101014;
	--color-comp-tag-outlined-border-disabled-selected: #dddde7;
	--color-comp-tag-outlined-leading-icon-default: #101014;
	--color-comp-tag-outlined-leading-icon-hover: #101014;
	--color-comp-tag-outlined-leading-icon-pressed: #101014;
	--color-comp-tag-outlined-leading-icon-disabled: #bdbdca;
	--color-comp-tag-outlined-leading-icon-default-selected: #101014;
	--color-comp-tag-outlined-leading-icon-hover-selected: #101014;
	--color-comp-tag-outlined-leading-icon-pressed-selected: #101014;
	--color-comp-tag-outlined-leading-icon-disabled-selected: #bdbdca;
	--color-comp-tag-outlined-middle-text-default: #101014;
	--color-comp-tag-outlined-middle-text-hover: #101014;
	--color-comp-tag-outlined-middle-text-pressed: #101014;
	--color-comp-tag-outlined-middle-text-disabled: #bdbdca;
	--color-comp-tag-outlined-middle-text-default-selected: #101014;
	--color-comp-tag-outlined-middle-text-hover-selected: #101014;
	--color-comp-tag-outlined-middle-text-pressed-selected: #101014;
	--color-comp-tag-outlined-middle-text-disabled-selected: #bdbdca;
	--color-comp-tag-filled-bg-default: #f3f3f8;
	--color-comp-tag-filled-bg-hover: #e8e8f0;
	--color-comp-tag-filled-bg-pressed: #dddde7;
	--color-comp-tag-filled-bg-disabled: #f9f9fc;
	--color-comp-tag-filled-bg-default-selected: #f3f3f8;
	--color-comp-tag-filled-bg-hover-selected: #e8e8f0;
	--color-comp-tag-filled-bg-pressed-selected: #dddde7;
	--color-comp-tag-filled-bg-disabled-selected: #f9f9fc;
	--color-comp-tag-filled-border-default: #f3f3f8;
	--color-comp-tag-filled-border-hover: #e8e8f0;
	--color-comp-tag-filled-border-pressed: #dddde7;
	--color-comp-tag-filled-border-disabled: #f9f9fc;
	--color-comp-tag-filled-border-default-selected: #101014;
	--color-comp-tag-filled-border-hover-selected: #101014;
	--color-comp-tag-filled-border-pressed-selected: #101014;
	--color-comp-tag-filled-border-disabled-selected: #dddde7;
	--color-comp-tag-filled-leading-icon-default: #101014;
	--color-comp-tag-filled-leading-icon-hover: #101014;
	--color-comp-tag-filled-leading-icon-pressed: #101014;
	--color-comp-tag-filled-leading-icon-disabled: #bdbdca;
	--color-comp-tag-filled-leading-icon-default-selected: #101014;
	--color-comp-tag-filled-leading-icon-hover-selected: #101014;
	--color-comp-tag-filled-leading-icon-pressed-selected: #101014;
	--color-comp-tag-filled-leading-icon-disabled-selected: #bdbdca;
	--color-comp-tag-filled-middle-text-default: #101014;
	--color-comp-tag-filled-middle-text-hover: #101014;
	--color-comp-tag-filled-middle-text-pressed: #101014;
	--color-comp-tag-filled-middle-text-disabled: #bdbdca;
	--color-comp-tag-filled-middle-text-default-selected: #101014;
	--color-comp-tag-filled-middle-text-hover-selected: #101014;
	--color-comp-tag-filled-middle-text-pressed-selected: #101014;
	--color-comp-tag-filled-middle-text-disabled-selected: #bdbdca;
}

:root[data-theme="light"] .dialog {
	--color-comp-dialog-content-bg: #ffffff;
	--color-comp-dialog-content-border: #e8e8f0;
	--color-comp-dialog-content-header-text-title: #101014;
	--color-comp-dialog-content-header-text-description: #45454d;
}
@media (max-width: 768px) {
	:root[lang="ar"] {
		--typography-display-medium: 600 48px/82px 'Readex Pro';
		--typography-headline-large: 600 40px/68px 'Readex Pro';
		--typography-headline-medium: 500 32px/54px 'Readex Pro';
		--typography-headline-small: 500 24px/41px 'Readex Pro';
		--typography-title-large: 500 20px/34px 'Readex Pro';
		--typography-title-medium: 500 16px/27px 'Readex Pro';
		--typography-title-small: 500 14px/24px 'Readex Pro';
		--typography-body-large: 300 16px/27px 'Readex Pro';
		--typography-body-medium: 300 14px/24px 'Readex Pro';
		--typography-body-small: 300 12px/20px 'Readex Pro';
		--typography-label-large: 400 16px/27px 'Readex Pro';
		--typography-label-medium: 400 14px/24px 'Readex Pro';
		--typography-label-small: 400 12px/20px 'Readex Pro';
	}
}
@media (max-width: 768px) {
	:root[lang="en"] {
		--typography-display-medium: 700 48px/56px Onest;
		--typography-headline-large: 700 40px/48px Onest;
		--typography-headline-medium: 600 32px/40px Onest;
		--typography-headline-small: 600 24px/32px Onest;
		--typography-title-large: 600 20px/28px Onest;
		--typography-title-medium: 600 16px/24px Onest;
		--typography-title-small: 600 14px/20px Onest;
		--typography-body-large: 400 16px/24px Onest;
		--typography-body-medium: 400 14px/20px Onest;
		--typography-body-small: 400 12px/16px Onest;
		--typography-label-large: 500 16px/24px Onest;
		--typography-label-medium: 500 14px/20px Onest;
		--typography-label-small: 500 12px/16px Onest;
	}
}
@media (max-width: 768px) {
	:root {
		--dimension-sys-corner-none: 0px;
		--dimension-sys-corner-xs: 2px;
		--dimension-sys-corner-s: 4px;
		--dimension-sys-corner-m: 8px;
		--dimension-sys-corner-l: 16px;
		--dimension-sys-corner-xl: 32px;
		--dimension-sys-corner-full: 400px;
		--dimension-sys-spacing-0: 0px;
		--dimension-sys-spacing-1: 4px;
		--dimension-sys-spacing-2: 8px;
		--dimension-sys-spacing-3: 12px;
		--dimension-sys-spacing-4: 16px;
		--dimension-sys-spacing-5: 20px;
		--dimension-sys-spacing-6: 24px;
		--dimension-sys-spacing-8: 32px;
		--dimension-sys-spacing-10: 40px;
		--dimension-sys-spacing-12: 48px;
		--dimension-sys-spacing-14: 56px;
		--dimension-sys-spacing-16: 64px;
		--dimension-sys-spacing-20: 80px;
		--dimension-sys-spacing-24: 96px;
		--dimension-sys-spacing-half: 2px;
		--dimension-sys-spacing-one-half: 6px;
		--dimension-sys-size-none: 0px;
		--dimension-sys-size-xs: 8px;
		--dimension-sys-size-s: 16px;
		--dimension-sys-size-m: 24px;
		--dimension-sys-size-l: 32px;
		--dimension-sys-size-xl: 40px;
		--dimension-sys-size-xxl: 48px;
		--dimension-sys-stroke-solid: solid;
		--dimension-sys-stroke-dashed: solid;
		--dimension-sys-focus-ring-outline-width: 2px;
		--dimension-sys-focus-ring-outline-offset: 2px;
		--dimension-sys-focus-ring-stroke-style: solid;
		--dimension-sys-icon-size-3: 12px;
		--dimension-sys-icon-size-4: 16px;
		--dimension-sys-icon-size-5: 20px;
		--dimension-sys-icon-size-6: 24px;
		--dimension-sys-icon-size-8: 32px;
		--dimension-sys-icon-size-10: 40px;
		--dimension-sys-grid-xl-margin: 64px;
		--dimension-sys-grid-xl-gap: 24px;
		--dimension-sys-grid-sm-margin: 32px;
		--dimension-sys-grid-sm-gap: 16px;
		--dimension-sys-grid-xs-margin: 16px;
		--dimension-sys-grid-xs-gap: 16px;
		--dimension-sys-border-0: 0px;
		--dimension-sys-border-1: 1px;
		--transition-sys-duration-fast: 50ms;
		--transition-sys-duration-medium: 500ms;
		--transition-sys-duration-slow: 1000ms;
		--sys-layer-0: 0;
		--sys-layer-100: 100;
		--sys-layer-200: 200;
		--sys-layer-300: 300;
		--sys-layer-400: 400;
		--sys-layer-500: 500;
		--sys-layer-600: 600;
		--sys-layer-700: 700;
		--sys-layer-800: 800;
		--sys-layer-900: 900;
		--sys-layer-1000: 1000;
	}
}


@media (max-width: 768px) {
	:root .btn {
		--dimension-comp-btn-m-spacing-v: 11px;
		--dimension-comp-btn-m-spacing-h: 11px;
		--dimension-comp-btn-m-height: 40px;
		--dimension-comp-btn-m-width-min: 40px;
		--dimension-comp-btn-m-gap: 4px;
		--dimension-comp-btn-m-border-radius: 8px;
		--dimension-comp-btn-m-border-width: 1px;
		--dimension-comp-btn-m-stroke-style: solid;
		--dimension-comp-btn-m-focus-ring-radius: 10px;
		--dimension-comp-btn-m-icon-size: 16px;
		--dimension-comp-btn-s-spacing-v: 8px;
		--dimension-comp-btn-s-spacing-h: 9px;
		--dimension-comp-btn-s-height: 32px;
		--dimension-comp-btn-s-width-min: 32px;
		--dimension-comp-btn-s-gap: 4px;
		--dimension-comp-btn-s-border-radius: 8px;
		--dimension-comp-btn-s-border-width: 1px;
		--dimension-comp-btn-s-stroke-style: solid;
		--dimension-comp-btn-s-focus-ring-radius: 10px;
		--dimension-comp-btn-s-icon-size: 12px;
		--dimension-comp-btn-xs-spacing-v: 1px;
		--dimension-comp-btn-xs-spacing-h: 1px;
		--dimension-comp-btn-xs-height: 20px;
		--dimension-comp-btn-xs-width-min: 20px;
		--dimension-comp-btn-xs-gap: 2px;
		--dimension-comp-btn-xs-border-radius: 4px;
		--dimension-comp-btn-xs-border-width: 1px;
		--dimension-comp-btn-xs-stroke-style: solid;
		--dimension-comp-btn-xs-focus-ring-radius: 6px;
		--dimension-comp-btn-xs-icon-size: 16px;
		--transition-comp-btn-hover-duration: 50ms;
		--transition-comp-btn-hover-easing: 0.5,0,1,1;
		--transition-comp-btn-press-duration: 50ms;
		--transition-comp-btn-press-easing: 0.5,0,1,1;
	}

	:root .switch {
		--dimension-comp-switch-track-spacing: 2px;
		--dimension-comp-switch-track-height: 20px;
		--dimension-comp-switch-track-width: 36px;
		--dimension-comp-switch-track-border-radius: 400px;
		--dimension-comp-switch-track-border-width: 1px;
		--dimension-comp-switch-track-focus-ring-radius: 402px;
		--dimension-comp-switch-thumb-height: 16px;
		--dimension-comp-switch-thumb-width: 16px;
		--dimension-comp-switch-thumb-border-radius: 400px;
		--dimension-comp-switch-thumb-border-width: 0px;
	}

	:root .tooltip {
		--dimension-comp-tooltip-spacing-v: 6px;
		--dimension-comp-tooltip-spacing-h: 6px;
		--dimension-comp-tooltip-width-max-s: 140px;
		--dimension-comp-tooltip-width-max-m: 280px;
		--dimension-comp-tooltip-width-max-l: 420px;
		--dimension-comp-tooltip-border-radius: 4px;
		--dimension-comp-tooltip-border-width: 1px;
		--dimension-comp-tooltip-offset: 4px;
		--dimension-comp-tooltip-arrow-spacing: 4px;
	}

	:root .breadcrumb {
		--dimension-comp-breadcrumb-gap: 8px;
		--dimension-comp-breadcrumb-spacing-v: 4px;
		--dimension-comp-breadcrumb-ellipsis-size: 16px;
		--dimension-comp-breadcrumb-separator-size: 16px;
	}

	:root .sidebar {
		--dimension-comp-sidebar-width-default: 280px;
		--dimension-comp-sidebar-width-compact: 84px;
		--dimension-comp-sidebar-spacing-v: 0px;
		--dimension-comp-sidebar-spacing-h: 0px;
		--dimension-comp-sidebar-border-radius: 0px;
		--dimension-comp-sidebar-border-width: 1px;
		--dimension-comp-sidebar-stroke-style: solid;
		--dimension-comp-sidebar-header-default-spacing-v: 24px;
		--dimension-comp-sidebar-header-default-spacing-h-leading: 32px;
		--dimension-comp-sidebar-header-default-spacing-h-trailing: 24px;
		--dimension-comp-sidebar-header-default-gap: 4px;
		--dimension-comp-sidebar-header-default-logo-height: 36px;
		--dimension-comp-sidebar-header-default-collapse-action-icon-size: 20px;
		--dimension-comp-sidebar-header-default-collapse-action-spacing-v: 0px;
		--dimension-comp-sidebar-header-default-collapse-action-spacing-h: 0px;
		--dimension-comp-sidebar-header-default-collapse-action-border-radius: 0px;
		--dimension-comp-sidebar-header-default-collapse-action-border-width: 0px;
		--dimension-comp-sidebar-header-default-collapse-action-stroke-style: solid;
		--dimension-comp-sidebar-header-collapsed-spacing-v: 24px;
		--dimension-comp-sidebar-header-collapsed-spacing-h-leading: 24px;
		--dimension-comp-sidebar-header-collapsed-spacing-h-trailing: 0px;
		--dimension-comp-sidebar-header-collapsed-gap: 23px;
		--dimension-comp-sidebar-header-collapsed-logo-height: 36px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-icon-size: 20px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-spacing-v: 8px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-spacing-h: 8px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-border-radius: 8px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-border-width: 1px;
		--dimension-comp-sidebar-header-collapsed-collapse-action-stroke-style: solid;
		--dimension-comp-sidebar-content-default-spacing-v: 0px;
		--dimension-comp-sidebar-content-default-spacing-h: 24px;
		--dimension-comp-sidebar-content-collapsed-spacing-v: 0px;
		--dimension-comp-sidebar-content-collapsed-spacing-h: 24px;
		--dimension-comp-sidebar-footer-default-spacing-v: 12px;
		--dimension-comp-sidebar-footer-default-spacing-h: 24px;
		--dimension-comp-sidebar-footer-default-separator-spacing-v: 12px;
		--dimension-comp-sidebar-footer-default-separator-spacing-h: 8px;
		--dimension-comp-sidebar-footer-default-separator-border-width: 1px;
		--dimension-comp-sidebar-footer-default-powered-by-logo-height: 14px;
		--dimension-comp-sidebar-footer-default-powered-by-spacing-h: 8px;
		--dimension-comp-sidebar-footer-default-powered-by-height: 16px;
		--dimension-comp-sidebar-footer-collapsed-spacing-v: 12px;
		--dimension-comp-sidebar-footer-collapsed-spacing-h: 24px;
		--dimension-comp-sidebar-footer-collapsed-separator-spacing-v: 12px;
		--dimension-comp-sidebar-footer-collapsed-separator-spacing-h: 8px;
		--dimension-comp-sidebar-footer-collapsed-separator-border-width: 1px;
		--dimension-comp-sidebar-footer-collapsed-powered-by-logo-height: 14px;
		--dimension-comp-sidebar-footer-collapsed-powered-by-spacing-h: 8px;
		--dimension-comp-sidebar-footer-collapsed-powered-by-height: 16px;
		--dimension-comp-sidebar-group-label-default-spacing-v: 10px;
		--dimension-comp-sidebar-group-label-default-spacing-h: 10px;
		--dimension-comp-sidebar-group-label-default-height: 36px;
		--dimension-comp-sidebar-group-label-compact-spacing-v: 10px;
		--dimension-comp-sidebar-group-label-compact-spacing-h: 10px;
		--dimension-comp-sidebar-group-label-compact-width-min: 36px;
		--dimension-comp-sidebar-group-label-compact-height: 36px;
		--dimension-comp-sidebar-group-label-compact-separator-border-width: 1px;
		--dimension-comp-sidebar-menu-border-radius: 12px;
		--dimension-comp-sidebar-menu-item-default-text-spacing-v: 10px;
		--dimension-comp-sidebar-menu-item-default-icon-size: 20px;
		--dimension-comp-sidebar-menu-item-default-icon-spacing-v: 8px;
		--dimension-comp-sidebar-menu-item-default-action-icon-size: 16px;
		--dimension-comp-sidebar-menu-item-default-spacing-h: 8px;
		--dimension-comp-sidebar-menu-item-default-gap: 8px;
		--dimension-comp-sidebar-menu-item-default-border-radius: 8px;
		--dimension-comp-sidebar-menu-item-default-border-width: 1px;
		--dimension-comp-sidebar-menu-item-default-stroke-style: solid;
		--dimension-comp-sidebar-menu-item-default-focus-ring-radius: 10px;
		--dimension-comp-sidebar-menu-item-compact-icon-size: 20px;
		--dimension-comp-sidebar-menu-item-compact-icon-spacing-v: 8px;
		--dimension-comp-sidebar-menu-item-compact-spacing-h: 8px;
		--dimension-comp-sidebar-menu-item-compact-gap: 8px;
		--dimension-comp-sidebar-menu-item-compact-border-radius: 8px;
		--dimension-comp-sidebar-menu-item-compact-border-width: 1px;
		--dimension-comp-sidebar-menu-item-compact-stroke-style: solid;
		--dimension-comp-sidebar-menu-item-compact-focus-ring-radius: 10px;
		--dimension-comp-sidebar-menu-item-compact-width-min: 36px;
		--dimension-comp-sidebar-menu-sub-margin-leading: 17px;
		--dimension-comp-sidebar-menu-sub-margin-trailing: 0px;
		--dimension-comp-sidebar-menu-sub-spacing-leading: 9px;
		--dimension-comp-sidebar-menu-sub-spacing-trailing: 0px;
		--dimension-comp-sidebar-menu-sub-connector-border-width: 2px;
		--dimension-comp-sidebar-menu-sub-connector-stroke-style: solid;
		--dimension-comp-sidebar-menu-sub-connector-border-radius: 2px;
		--dimension-comp-sidebar-menu-sub-item-text-spacing-v: 10px;
		--dimension-comp-sidebar-menu-sub-item-spacing-h: 8px;
		--dimension-comp-sidebar-menu-sub-item-gap: 8px;
		--dimension-comp-sidebar-menu-sub-item-border-radius: 8px;
		--dimension-comp-sidebar-menu-sub-item-border-width: 1px;
		--dimension-comp-sidebar-menu-sub-item-stroke-style: solid;
		--dimension-comp-sidebar-menu-sub-item-focus-ring-radius: 10px;
		--dimension-comp-sidebar-menu-sub-item-selection-spacing-v: 8px;
		--dimension-comp-sidebar-menu-sub-item-selection-border-width: 2px;
		--dimension-comp-sidebar-menu-sub-item-selection-stroke-style: solid;
		--dimension-comp-sidebar-menu-sub-item-selection-border-radius: 2px;
	}

	:root .badge {
		--dimension-comp-badge-m-icon-size: 12px;
		--dimension-comp-badge-m-height: 24px;
		--dimension-comp-badge-m-spacing-h: 6px;
		--dimension-comp-badge-m-dot-height: 6px;
		--dimension-comp-badge-m-gap: 4px;
		--dimension-comp-badge-m-width-min: 24px;
		--dimension-comp-badge-m-border-radius: 400px;
		--dimension-comp-badge-m-border-width: 1px;
		--dimension-comp-badge-m-stroke-style: solid;
		--dimension-comp-badge-s-icon-size: 12px;
		--dimension-comp-badge-s-height: 24px;
		--dimension-comp-badge-s-spacing-h: 6px;
		--dimension-comp-badge-s-dot-height: 6px;
		--dimension-comp-badge-s-gap: 4px;
		--dimension-comp-badge-s-width-min: 24px;
		--dimension-comp-badge-s-border-radius: 400px;
		--dimension-comp-badge-s-border-width: 1px;
		--dimension-comp-badge-s-stroke-style: solid;
	}

	:root .dropdownMenu {
		--dimension-comp-dropdown-menu-side-offset: 8px;
		--dimension-comp-dropdown-menu-arrow-spacing-h: 16px;
		--dimension-comp-dropdown-menu-content-spacing-v: 4px;
		--dimension-comp-dropdown-menu-content-spacing-h: 4px;
		--dimension-comp-dropdown-menu-content-width: 200px;
		--dimension-comp-dropdown-menu-content-gap: 0px;
		--dimension-comp-dropdown-menu-content-border-radius: 8px;
		--dimension-comp-dropdown-menu-content-border-width: 1px;
		--dimension-comp-dropdown-menu-content-stroke-style: solid;
		--dimension-comp-dropdown-menu-label-spacing-v: 8px;
		--dimension-comp-dropdown-menu-label-spacing-h: 12px;
		--dimension-comp-dropdown-menu-group-spacing-v: 0px;
		--dimension-comp-dropdown-menu-group-spacing-h: 0px;
		--dimension-comp-dropdown-menu-group-gap: 0px;
		--dimension-comp-dropdown-menu-item-spacing-v: 12px;
		--dimension-comp-dropdown-menu-item-spacing-h: 12px;
		--dimension-comp-dropdown-menu-item-gap: 6px;
		--dimension-comp-dropdown-menu-item-border-radius: 6px;
		--dimension-comp-dropdown-menu-item-border-width: 1px;
		--dimension-comp-dropdown-menu-item-stroke-style: solid;
		--dimension-comp-dropdown-menu-item-focus-ring-radius: 8px;
		--dimension-comp-dropdown-menu-item-icon-leading-size: 20px;
		--dimension-comp-dropdown-menu-item-icon-trailing-size: 20px;
		--dimension-comp-dropdown-menu-item-image-size: 24px;
		--dimension-comp-dropdown-menu-item-indicator-spacing-v: 0px;
		--dimension-comp-dropdown-menu-item-indicator-spacing-h: 0px;
		--dimension-comp-dropdown-menu-item-indicator-icon-size: 20px;
		--dimension-comp-dropdown-menu-separator-spacing-v: 4px;
		--dimension-comp-dropdown-menu-separator-spacing-h: -4px;
		--dimension-comp-dropdown-menu-separator-border-width: 1px;
		--dimension-comp-dropdown-menu-separator-stroke-style: solid;
	}

	:root .tabs {
		--dimension-comp-tabs-horizontal-width-min: 40px;
		--dimension-comp-tabs-horizontal-spacing-h: 8px;
		--dimension-comp-tabs-horizontal-spacing-v: 0px;
		--dimension-comp-tabs-horizontal-gap: 2px;
		--dimension-comp-tabs-horizontal-content-heighth-min: 36px;
		--dimension-comp-tabs-horizontal-content-icon-size: 16px;
		--dimension-comp-tabs-horizontal-content-spacing-h: 0px;
		--dimension-comp-tabs-horizontal-content-spacing-v: 0px;
		--dimension-comp-tabs-horizontal-content-gap: 8px;
		--dimension-comp-tabs-horizontal-indicator-height: 2px;
		--dimension-comp-tabs-horizontal-indicator-border-radius: 2px;
		--dimension-comp-tabs-horizontal-track-height: 1px;
		--dimension-comp-tabs-horizontal-overflow-trigger-width-min: 40px;
		--dimension-comp-tabs-horizontal-overflow-trigger-icon-size: 16px;
		--dimension-comp-tabs-horizontal-overflow-trigger-border-width: 0px;
		--dimension-comp-tabs-vertical-width-min: 40px;
		--dimension-comp-tabs-vertical-spacing-h: 0px;
		--dimension-comp-tabs-vertical-spacing-v: 8px;
		--dimension-comp-tabs-vertical-gap: 0px;
		--dimension-comp-tabs-vertical-content-heighth-min: 24px;
		--dimension-comp-tabs-vertical-content-icon-size: 16px;
		--dimension-comp-tabs-vertical-content-spacing-h: 8px;
		--dimension-comp-tabs-vertical-content-spacing-v: 0px;
		--dimension-comp-tabs-vertical-content-gap: 8px;
		--dimension-comp-tabs-vertical-indicator-width: 2px;
		--dimension-comp-tabs-vertical-indicator-border-radius: 2px;
		--dimension-comp-tabs-vertical-track-width: 1px;
		--dimension-comp-tabs-vertical-overflow-trigger-heighth-min: 40px;
		--dimension-comp-tabs-vertical-overflow-trigger-icon-size: 16px;
		--dimension-comp-tabs-vertical-overflow-trigger-border-width: 0px;
	}

	:root .pageHeader {
		--dimension-comp-page-header-content-gap: 16px;
		--dimension-comp-page-header-spacing-v: 24px;
		--dimension-comp-page-header-border-width: 1px;
		--dimension-comp-page-header-breadcrumb-spacing-bottom: 16px;
		--dimension-comp-page-header-title-group-gap: 4px;
		--dimension-comp-page-header-title-slot-gap-h: 8px;
		--dimension-comp-page-header-title-slot-gap-v: 4px;
		--dimension-comp-page-header-trailing-slot-gap: 8px;
		--dimension-comp-page-header-metadata-item-icon-size: 20px;
		--dimension-comp-page-header-metadata-item-gap: 8px;
		--dimension-comp-page-header-metadata-list-gap: 12px;
	}

	:root .pagination {
		--dimension-comp-pagination-gap: 12px;
		--dimension-comp-pagination-item-icon-size: 12px;
		--dimension-comp-pagination-item-height: 32px;
		--dimension-comp-pagination-item-spacing-h: 10px;
		--dimension-comp-pagination-item-width-min: 32px;
		--dimension-comp-pagination-item-border-radius: 8px;
		--dimension-comp-pagination-item-border-width: 1px;
		--dimension-comp-pagination-item-focus-ring-radius: 10px;
		--dimension-comp-pagination-content-gap: 0px;
		--dimension-comp-pagination-content-border-radius: 0px;
		--dimension-comp-pagination-content-border-width: 1px;
	}

	:root .popover {
		--dimension-comp-popover-arrow-spacing-h: 16px;
		--dimension-comp-popover-side-offset: 8px;
		--dimension-comp-popover-close-margin-top: 4px;
		--dimension-comp-popover-close-margin-trailing: 4px;
		--dimension-comp-popover-close-margin-bottom: 0px;
		--dimension-comp-popover-close-margin-leading: 0px;
		--dimension-comp-popover-content-spacing-v: 16px;
		--dimension-comp-popover-content-spacing-h: 16px;
		--dimension-comp-popover-content-width-min: 160px;
		--dimension-comp-popover-content-width-max: 320px;
		--dimension-comp-popover-content-border-radius: 8px;
		--dimension-comp-popover-content-border-width: 1px;
		--dimension-comp-popover-content-stroke-style: solid;
	}

	:root .link {
		--dimension-comp-link-text-default-text-decoration-thickness: 0.08;
		--dimension-comp-link-text-default-text-underline-offset: 0.15;
		--dimension-comp-link-text-hover-text-decoration-thickness: 0.15;
		--dimension-comp-link-text-hover-text-underline-offset: 0.15;
	}

	:root .toast {
		--dimension-comp-toast-spacing-v: 8px;
		--dimension-comp-toast-spacing-h: 12px;
		--dimension-comp-toast-width: 320px;
		--dimension-comp-toast-height-min: 40px;
		--dimension-comp-toast-gap: 8px;
		--dimension-comp-toast-border-radius: 8px;
		--dimension-comp-toast-border-width: 1px;
		--dimension-comp-toast-stroke-style: solid;
		--dimension-comp-toast-leading-icon-size: 24px;
		--dimension-comp-toast-middle-gap: 8px;
		--dimension-comp-toast-middle-text-gap: 4px;
		--dimension-comp-toast-middle-actions-gap: 8px;
	}

	:root .banner {
		--dimension-comp-banner-spacing-v: 8px;
		--dimension-comp-banner-spacing-h: 12px;
		--dimension-comp-banner-width: 320px;
		--dimension-comp-banner-gap: 8px;
		--dimension-comp-banner-border-radius: 8px;
		--dimension-comp-banner-border-width-top: 1px;
		--dimension-comp-banner-border-width-trailing: 1px;
		--dimension-comp-banner-border-width-bottom: 1px;
		--dimension-comp-banner-border-width-leading: 8px;
		--dimension-comp-banner-stroke-style: solid;
		--dimension-comp-banner-leading-icon-size: 24px;
		--dimension-comp-banner-middle-gap: 8px;
		--dimension-comp-banner-middle-text-gap: 4px;
		--dimension-comp-banner-middle-actions-gap: 8px;
	}

	:root .separator {
		--dimension-comp-separator-thickness: 1px;
	}

	:root .label {
		--dimension-comp-label-width-max: 280px;
		--dimension-comp-label-gap: 0px;
	}

	:root .input {
		--dimension-comp-input-m-border-radius-outlined: 8px;
		--dimension-comp-input-m-border-radius-borderless: 8px;
		--dimension-comp-input-m-border-radius-underlined: 0px;
		--dimension-comp-input-m-border-width-outlined: 1px;
		--dimension-comp-input-m-border-width-borderless: 0px;
		--dimension-comp-input-m-border-width-underlined: 1px;
		--dimension-comp-input-m-stroke-style: solid;
		--dimension-comp-input-m-height: 40px;
		--dimension-comp-input-m-spacing-h: 12px;
		--dimension-comp-input-m-spacing-v: 0px;
		--dimension-comp-input-m-clear-all-icon-size: 20px;
		--dimension-comp-input-m-clear-all-spacing-h-leading: 12px;
		--dimension-comp-input-m-clear-all-spacing-v: 0px;
		--dimension-comp-input-s-border-radius-outlined: 8px;
		--dimension-comp-input-s-border-radius-borderless: 8px;
		--dimension-comp-input-s-border-radius-underlined: 0px;
		--dimension-comp-input-s-border-width-outlined: 1px;
		--dimension-comp-input-s-border-width-borderless: 0px;
		--dimension-comp-input-s-border-width-underlined: 1px;
		--dimension-comp-input-s-stroke-style: solid;
		--dimension-comp-input-s-height: 32px;
		--dimension-comp-input-s-spacing-h: 12px;
		--dimension-comp-input-s-spacing-v: 0px;
		--dimension-comp-input-s-clear-all-icon-size: 16px;
		--dimension-comp-input-s-clear-all-spacing-h-leading: 12px;
		--dimension-comp-input-s-clear-all-spacing-v: 0px;
	}

	:root .inputGroup {
		--dimension-comp-input-group-m-border-radius-outlined: 8px;
		--dimension-comp-input-group-m-border-radius-borderless: 8px;
		--dimension-comp-input-group-m-border-radius-underlined: 0px;
		--dimension-comp-input-group-m-border-width-outlined: 1px;
		--dimension-comp-input-group-m-border-width-borderless: 0px;
		--dimension-comp-input-group-m-border-width-underlined: 1px;
		--dimension-comp-input-group-m-stroke-style: solid;
		--dimension-comp-input-group-m-height: 40px;
		--dimension-comp-input-group-m-addon-icon-size: 20px;
		--dimension-comp-input-group-m-addon-gap: 8px;
		--dimension-comp-input-group-m-addon-spacing-v: 0px;
		--dimension-comp-input-group-m-addon-spacing-h-leading: 12px;
		--dimension-comp-input-group-m-addon-spacing-h-trailing: 12px;
		--dimension-comp-input-group-s-border-radius-outlined: 8px;
		--dimension-comp-input-group-s-border-radius-borderless: 8px;
		--dimension-comp-input-group-s-border-radius-underlined: 0px;
		--dimension-comp-input-group-s-border-width-outlined: 1px;
		--dimension-comp-input-group-s-border-width-borderless: 0px;
		--dimension-comp-input-group-s-border-width-underlined: 1px;
		--dimension-comp-input-group-s-stroke-style: solid;
		--dimension-comp-input-group-s-height: 32px;
		--dimension-comp-input-group-s-addon-icon-size: 16px;
		--dimension-comp-input-group-s-addon-gap: 8px;
		--dimension-comp-input-group-s-addon-spacing-v: 0px;
		--dimension-comp-input-group-s-addon-spacing-h-leading: 12px;
		--dimension-comp-input-group-s-addon-spacing-h-trailing: 12px;
	}

	:root .numberInput {
		--dimension-comp-number-input-m-spacing-h-trailing: 0px;
		--dimension-comp-number-input-m-spacing-h-trailing-followed: 12px;
		--dimension-comp-number-input-m-stepper-border-radius-outlined: 0px;
		--dimension-comp-number-input-m-stepper-border-radius-borderless: 8px;
		--dimension-comp-number-input-m-stepper-border-radius-underlined: 0px;
		--dimension-comp-number-input-m-stepper-border-width-outlined: 1px;
		--dimension-comp-number-input-m-stepper-border-width-borderless: 0px;
		--dimension-comp-number-input-m-stepper-border-width-underlined: 0px;
		--dimension-comp-number-input-m-stepper-stroke-style: solid;
		--dimension-comp-number-input-m-stepper-icon-size: 16px;
		--dimension-comp-number-input-m-stepper-spacing-h: 4px;
		--dimension-comp-number-input-s-spacing-h-trailing: 0px;
		--dimension-comp-number-input-s-spacing-h-trailing-followed: 12px;
		--dimension-comp-number-input-s-stepper-border-radius-outlined: 0px;
		--dimension-comp-number-input-s-stepper-border-radius-borderless: 8px;
		--dimension-comp-number-input-s-stepper-border-radius-underlined: 0px;
		--dimension-comp-number-input-s-stepper-border-width-outlined: 1px;
		--dimension-comp-number-input-s-stepper-border-width-borderless: 0px;
		--dimension-comp-number-input-s-stepper-border-width-underlined: 0px;
		--dimension-comp-number-input-s-stepper-stroke-style: solid;
		--dimension-comp-number-input-s-stepper-icon-size: 12px;
		--dimension-comp-number-input-s-stepper-spacing-h: 4px;
	}

	:root .drawer {
		--dimension-comp-drawer-spacing-v: 16px;
		--dimension-comp-drawer-spacing-h: 16px;
		--dimension-comp-drawer-width: 480px;
		--dimension-comp-drawer-border-radius: 0px;
		--dimension-comp-drawer-border-width: 1px;
		--dimension-comp-drawer-stroke-style: solid;
		--dimension-comp-drawer-header-gap: 16px;
		--dimension-comp-drawer-header-text-gap: 4px;
		--dimension-comp-drawer-header-spacing-v-bottom: 16px;
		--dimension-comp-drawer-footer-gap: 8px;
		--dimension-comp-drawer-footer-actions-gap: 8px;
		--dimension-comp-drawer-footer-spacing-v-top: 16px;
	}

	:root .item {
		--dimension-comp-item-content-gap: 0px;
		--dimension-comp-item-media-gap: 8px;
		--dimension-comp-item-gap: 8px;
		--dimension-comp-item-actions-gap: 8px;
		--dimension-comp-item-default-spacing-v: 8px;
		--dimension-comp-item-default-spacing-h: 0px;
		--dimension-comp-item-default-border-radius: 0px;
		--dimension-comp-item-default-border-width: 1px;
		--dimension-comp-item-default-stroke-style: solid;
		--dimension-comp-item-interactive-spacing-v: 8px;
		--dimension-comp-item-interactive-spacing-h: 8px;
		--dimension-comp-item-interactive-border-radius: 8px;
		--dimension-comp-item-interactive-border-width: 1px;
		--dimension-comp-item-interactive-stroke-style: solid;
		--dimension-comp-item-interactive-focus-ring-radius: 10px;
	}

	:root .avatar {
		--dimension-comp-avatar-xxl-icon-size: 24px;
		--dimension-comp-avatar-xxl-height: 56px;
		--dimension-comp-avatar-xxl-width: 56px;
		--dimension-comp-avatar-xxl-border-radius: 400px;
		--dimension-comp-avatar-xxl-border-width: 2px;
		--dimension-comp-avatar-xxl-stroke-style: solid;
		--dimension-comp-avatar-xl-icon-size: 24px;
		--dimension-comp-avatar-xl-height: 48px;
		--dimension-comp-avatar-xl-width: 48px;
		--dimension-comp-avatar-xl-border-radius: 400px;
		--dimension-comp-avatar-xl-border-width: 2px;
		--dimension-comp-avatar-xl-stroke-style: solid;
		--dimension-comp-avatar-l-icon-size: 16px;
		--dimension-comp-avatar-l-height: 40px;
		--dimension-comp-avatar-l-width: 40px;
		--dimension-comp-avatar-l-border-radius: 400px;
		--dimension-comp-avatar-l-border-width: 2px;
		--dimension-comp-avatar-l-stroke-style: solid;
		--dimension-comp-avatar-m-icon-size: 16px;
		--dimension-comp-avatar-m-height: 32px;
		--dimension-comp-avatar-m-width: 32px;
		--dimension-comp-avatar-m-border-radius: 400px;
		--dimension-comp-avatar-m-border-width: 2px;
		--dimension-comp-avatar-m-stroke-style: solid;
		--dimension-comp-avatar-s-icon-size: 16px;
		--dimension-comp-avatar-s-height: 24px;
		--dimension-comp-avatar-s-width: 24px;
		--dimension-comp-avatar-s-border-radius: 400px;
		--dimension-comp-avatar-s-border-width: 2px;
		--dimension-comp-avatar-s-stroke-style: solid;
		--dimension-comp-avatar-status-m-height: 16px;
		--dimension-comp-avatar-status-m-width: 16px;
		--dimension-comp-avatar-status-m-border-radius: 400px;
		--dimension-comp-avatar-status-m-border-width: 1px;
		--dimension-comp-avatar-status-m-stroke-style: solid;
		--dimension-comp-avatar-status-s-height: 12px;
		--dimension-comp-avatar-status-s-width: 12px;
		--dimension-comp-avatar-status-s-border-radius: 400px;
		--dimension-comp-avatar-status-s-border-width: 1px;
		--dimension-comp-avatar-status-s-stroke-style: solid;
	}

	:root .accordion {
		--dimension-comp-accordion-borderless-border-width: 0px;
		--dimension-comp-accordion-borderless-border-radius: 8px;
		--dimension-comp-accordion-borderless-gap: 0px;
		--dimension-comp-accordion-outlined-border-width: 1px;
		--dimension-comp-accordion-outlined-stroke-style: solid;
		--dimension-comp-accordion-outlined-border-radius: 8px;
		--dimension-comp-accordion-outlined-gap: 0px;
		--dimension-comp-accordion-item-stroke-style: solid;
		--dimension-comp-accordion-item-gap: 0px;
		--dimension-comp-accordion-item-borderless-border-width: 0px;
		--dimension-comp-accordion-item-outlined-border-width: 1px;
		--dimension-comp-accordion-item-s-header-spacing-h: 12px;
		--dimension-comp-accordion-item-s-header-spacing-v: 12px;
		--dimension-comp-accordion-item-s-header-gap: 8px;
		--dimension-comp-accordion-item-s-header-trigger-icon-size: 16px;
		--dimension-comp-accordion-item-s-header-text-gap: 0px;
		--dimension-comp-accordion-item-s-content-spacing-h: 12px;
		--dimension-comp-accordion-item-s-content-spacing-v: 12px;
		--dimension-comp-accordion-item-m-header-spacing-h: 12px;
		--dimension-comp-accordion-item-m-header-spacing-v: 12px;
		--dimension-comp-accordion-item-m-header-gap: 8px;
		--dimension-comp-accordion-item-m-header-trigger-icon-size: 16px;
		--dimension-comp-accordion-item-m-header-text-gap: 0px;
		--dimension-comp-accordion-item-m-content-spacing-h: 12px;
		--dimension-comp-accordion-item-m-content-spacing-v: 12px;
		--dimension-comp-accordion-item-l-header-spacing-h: 12px;
		--dimension-comp-accordion-item-l-header-spacing-v: 12px;
		--dimension-comp-accordion-item-l-header-gap: 8px;
		--dimension-comp-accordion-item-l-header-trigger-icon-size: 20px;
		--dimension-comp-accordion-item-l-header-text-gap: 0px;
		--dimension-comp-accordion-item-l-content-spacing-h: 12px;
		--dimension-comp-accordion-item-l-content-spacing-v: 12px;
	}

	:root .avatarGroup {
		--dimension-comp-avatar-group-xxl-spacing-v: 0px;
		--dimension-comp-avatar-group-xxl-spacing-h: 0px;
		--dimension-comp-avatar-group-xxl-gap: -8px;
		--dimension-comp-avatar-group-xl-spacing-v: 0px;
		--dimension-comp-avatar-group-xl-spacing-h: 0px;
		--dimension-comp-avatar-group-xl-gap: -8px;
		--dimension-comp-avatar-group-l-spacing-v: 0px;
		--dimension-comp-avatar-group-l-spacing-h: 0px;
		--dimension-comp-avatar-group-l-gap: -8px;
		--dimension-comp-avatar-group-m-spacing-v: 0px;
		--dimension-comp-avatar-group-m-spacing-h: 0px;
		--dimension-comp-avatar-group-m-gap: -6px;
		--dimension-comp-avatar-group-s-spacing-v: 0px;
		--dimension-comp-avatar-group-s-spacing-h: 0px;
		--dimension-comp-avatar-group-s-gap: -4px;
		--dimension-comp-avatar-group-count-xxl-height: 56px;
		--dimension-comp-avatar-group-count-xxl-width-min: 56px;
		--dimension-comp-avatar-group-count-xxl-spacing-h: 16px;
		--dimension-comp-avatar-group-count-xxl-border-radius: 400px;
		--dimension-comp-avatar-group-count-xxl-border-width: 2px;
		--dimension-comp-avatar-group-count-xxl-stroke-style: solid;
		--dimension-comp-avatar-group-count-xl-height: 48px;
		--dimension-comp-avatar-group-count-xl-width-min: 48px;
		--dimension-comp-avatar-group-count-xl-spacing-h: 12px;
		--dimension-comp-avatar-group-count-xl-border-radius: 400px;
		--dimension-comp-avatar-group-count-xl-border-width: 2px;
		--dimension-comp-avatar-group-count-xl-stroke-style: solid;
		--dimension-comp-avatar-group-count-l-height: 40px;
		--dimension-comp-avatar-group-count-l-width-min: 40px;
		--dimension-comp-avatar-group-count-l-spacing-h: 8px;
		--dimension-comp-avatar-group-count-l-border-radius: 400px;
		--dimension-comp-avatar-group-count-l-border-width: 2px;
		--dimension-comp-avatar-group-count-l-stroke-style: solid;
		--dimension-comp-avatar-group-count-m-height: 32px;
		--dimension-comp-avatar-group-count-m-width-min: 32px;
		--dimension-comp-avatar-group-count-m-spacing-h: 4px;
		--dimension-comp-avatar-group-count-m-border-radius: 400px;
		--dimension-comp-avatar-group-count-m-border-width: 2px;
		--dimension-comp-avatar-group-count-m-stroke-style: solid;
		--dimension-comp-avatar-group-count-s-height: 24px;
		--dimension-comp-avatar-group-count-s-width-min: 24px;
		--dimension-comp-avatar-group-count-s-spacing-h: 4px;
		--dimension-comp-avatar-group-count-s-border-radius: 400px;
		--dimension-comp-avatar-group-count-s-border-width: 2px;
		--dimension-comp-avatar-group-count-s-stroke-style: solid;
		--dimension-comp-avatar-group-count-focus-ring-radius: 402px;
	}

	:root .card {
		--dimension-comp-card-spacing: 16px;
		--dimension-comp-card-gap: 4px;
		--dimension-comp-card-border-width: 1px;
		--dimension-comp-card-stroke-style: solid;
		--dimension-comp-card-border-radius: 8px;
		--dimension-comp-card-focus-ring-radius: 10px;
		--dimension-comp-card-predefined-width: 328px;
		--dimension-comp-card-predefined-header-gap: 8px;
		--dimension-comp-card-predefined-header-leading-width-max: 48px;
		--dimension-comp-card-predefined-header-middle-gap: 0px;
		--dimension-comp-card-predefined-content-gap: 8px;
		--dimension-comp-card-predefined-content-middle-gap: 0px;
	}

	:root .tag {
		--dimension-comp-tag-spacing-h: 4px;
		--dimension-comp-tag-spacing-v: 0px;
		--dimension-comp-tag-height: 28px;
		--dimension-comp-tag-gap: 4px;
		--dimension-comp-tag-border-radius: 6px;
		--dimension-comp-tag-border-width: 1px;
		--dimension-comp-tag-stroke-style: solid;
		--dimension-comp-tag-focus-ring-radius: 8px;
		--dimension-comp-tag-middle-spacing-h: 2px;
		--dimension-comp-tag-middle-gap: 4px;
		--dimension-comp-tag-middle-count-height: 16px;
		--dimension-comp-tag-middle-count-spacing-h: 4px;
		--dimension-comp-tag-middle-count-spacing-v: 0px;
		--dimension-comp-tag-middle-count-width-min: 16px;
		--dimension-comp-tag-middle-count-border-radius: 400px;
		--dimension-comp-tag-middle-count-border-width: 1px;
		--dimension-comp-tag-middle-count-stroke-style: solid;
		--dimension-comp-tag-leading-avatar-size: 24px;
		--dimension-comp-tag-leading-icon-size: 20px;
	}

	:root .dialog {
		--dimension-comp-dialog-spacing-v-min: 40px;
		--dimension-comp-dialog-spacing-h-min: 40px;
		--dimension-comp-dialog-content-spacing-v: 16px;
		--dimension-comp-dialog-content-spacing-h: 16px;
		--dimension-comp-dialog-content-border-radius: 16px;
		--dimension-comp-dialog-content-border-width: 1px;
		--dimension-comp-dialog-content-header-gap: 16px;
		--dimension-comp-dialog-content-header-spacing-v-bottom: 16px;
		--dimension-comp-dialog-content-header-text-gap: 4px;
		--dimension-comp-dialog-content-footer-gap: 8px;
		--dimension-comp-dialog-content-footer-spacing-v-top: 16px;
		--dimension-comp-dialog-content-footer-actions-gap: 8px;
	}

}