:root, [data-theme="light"] {
    /* Font-family */
    --uxp-font-family-title: 'GetVoIP Grotesque', sans-serif;
    --uxp-font-family: 'Rubik', sans-serif;
    /* Palette */
    --uxp-palette-primary: var(--uxp-palette-primary-400);
    --uxp-palette-danger: var(--uxp-palette-red-800);
    --uxp-palette-success: var(--uxp-palette-green-500);
    --uxp-palette-warning: var(--uxp-palette-yellow-400);
    --uxp-palette-error: var(--uxp-palette-red-400);
    /* Body */
    --uxp-body-gradient1: var(--uxp-palette-neutral-white);
    --uxp-body-gradient2: var(--uxp-palette-blue-100);
    --uxp-body-background: var(--uxp-palette-neutral-50);
    /* Documentation */
    --uxp-documentation-sidemenu-background: var(--uxp-palette-neutral-white);
    --uxp-documentation-header-background: var(--uxp-palette-neutral-1100);
    --uxp-documentation-header-title: var(--uxp-palette-neutral-50);
    --uxp-documentation-header-text: var(--uxp-palette-neutral-300);
    --uxp-documentation-page-background: var(--uxp-palette-neutral-white);
    --uxp-documentation-content-background: var(--uxp-palette-neutral-white);
    --uxp-documentation-rightmenu-header-background: var(--uxp-palette-neutral-50);
    --uxp-documentation-rightmenu-background: var(--uxp-palette-neutral-50);
    --uxp-documentation-border: var(--uxp-palette-neutral-300);
    --uxp-documentation-title: var(--uxp-palette-neutral-1000);
    --uxp-documentation-text: var(--uxp-palette-neutral-800);
    /* Scrollbar */
    --uxp-scrollbar: var(--uxp-palette-neutral-500);
    --uxp-scrollbar-background: var(--uxp-palette-neutral-200);
    /* Links */
    --uxp-link: var(--uxp-palette-blue-700);
    --uxp-link-hover: var(--uxp-palette-blue-800);
    --uxp-link-active: var(--uxp-palette-purple-700);
    --uxp-link-disabled: var(--uxp-palette-neutral-500);
    /* Breadcrumb */
    --uxp-breadcrumb-active: var(--uxp-palette-blue-850);
    --uxp-breadcrumb-separator: var(--uxp-palette-neutral-500);
    /* Buttons */
    --uxp-button-primary-gradient1: var(--uxp-palette-gradient-orange-light);
    --uxp-button-primary-gradient2: var(--uxp-palette-gradient-orange-dark);
    --uxp-button-primary: var(--uxp-palette-primary-400);
    --uxp-button-primary-hover: var(--uxp-palette-primary-500);
    --uxp-button-primary-active: var(--uxp-palette-primary-600);
    --uxp-button-primary-text: var(--uxp-palette-neutral-1000);
    --uxp-button-primary-transparent: transparent;
    --uxp-button-primary-transparent-text: var(--uxp-palette-neutral-1000);
    --uxp-button-primary-transparent-hover: #1F21241A;
    --uxp-button-primary-transparent-active: #1F212433;
    --uxp-button-secondary: var(--uxp-palette-neutral-white);
    --uxp-button-secondary-hover: var(--uxp-palette-blue-100);
    --uxp-button-secondary-active: var(--uxp-palette-blue-200);
    --uxp-button-secondary-text: var(--uxp-palette-blue-800);
    --uxp-button-secondary-border: var(--uxp-palette-blue-700);
    --uxp-button-secondary-transparent: transparent;
    --uxp-button-secondary-transparent-hover: #8FB8F633;
    --uxp-button-secondary-transparent-active: #669DF14D;
    --uxp-button-secondary-transparent-text: var(--uxp-palette-blue-800);
    --uxp-button-success: var(--uxp-palette-green-400);
    --uxp-button-success-hover: var(--uxp-palette-green-600);
    --uxp-button-success-active: var(--uxp-palette-green-700);
    --uxp-button-success-text: var(--uxp-palette-green-1000);
    --uxp-button-success-transparent: transparent;
    --uxp-button-success-transparent-hover: #70CCA226;
    --uxp-button-success-transparent-active: #70CCA240;
    --uxp-button-success-transparent-text: var(--uxp-palette-green-700);
    --uxp-button-warning: var(--uxp-palette-yellow-400);
    --uxp-button-warning-hover: var(--uxp-palette-yellow-500);
    --uxp-button-warning-active: var(--uxp-palette-yellow-600);
    --uxp-button-warning-text: var(--uxp-palette-yellow-1000);
    --uxp-button-warning-transparent: transparent;
    --uxp-button-warning-transparent-hover: #CCB76C26;
    --uxp-button-warning-transparent-active: #CCB76C40;
    --uxp-button-warning-transparent-text: var(--uxp-palette-yellow-800);
    --uxp-button-danger: var(--uxp-palette-red-700);
    --uxp-button-danger-hover: var(--uxp-palette-red-800);
    --uxp-button-danger-active: var(--uxp-palette-red-850);
    --uxp-button-danger-text: var(--uxp-palette-red-100);
    --uxp-button-danger-transparent: transparent;
    --uxp-button-danger-transparent-hover: #D03B5B1A;
    --uxp-button-danger-transparent-active: #D03B5B33;
    --uxp-button-danger-transparent-text: var(--uxp-palette-red-800);
    --uxp-button-disabled: var(--uxp-palette-neutral-150);
    --uxp-button-disabled-text: var(--uxp-palette-neutral-700);
    /* Inputs */
    --uxp-input-background: var(--uxp-palette-neutral-white);
    --uxp-input-border: var(--uxp-palette-neutral-500);
    --uxp-input-border-hover: var(--uxp-palette-blue-700);
    --uxp-input-text: var(--uxp-palette-neutral-1000);
    --uxp-input-placeholder: var(--uxp-palette-neutral-700);
    --uxp-input-disabled: var(--uxp-palette-neutral-100);
    --uxp-input-disabled-border: var(--uxp-palette-neutral-200);
    --uxp-input-disabled-text: var(--uxp-palette-neutral-700);
    --uxp-input-border-focus: var(--uxp-palette-blue-700);
    --uxp-input-disabled-placeholder: var(--uxp-palette-neutral-700);
    --uxp-input-action-icon: var(--uxp-palette-neutral-1000);
    --uxp-input-popup: var(--uxp-palette-neutral-50);
    --uxp-input-popup-text: var(--uxp-palette-neutral-800);
    --uxp-input-popup-text-disabled: var(--uxp-palette-neutral-500);
    --uxp-input-popup-hover: var(--uxp-palette-neutral-100);
    --uxp-input-popup-active: var(--uxp-palette-blue-200);
    --uxp-input-popup-active-text: var(--uxp-palette-neutral-1000);
    --uxp-input-popup-active-border: var(--uxp-palette-blue-700);
    --uxp-input-popup-header-text: var(--uxp-palette-neutral-1000);
    --uxp-input-popup-border: var(--uxp-palette-blue-700);
    --uxp-input-popup-divider: var(--uxp-palette-neutral-300);
    --uxp-input-popup-elevation: var(--uxp-elevation-popup);
    --uxp-input-popup-calendar-title: var(--uxp-palette-neutral-1000);
    --uxp-input-popup-calendar-legend: var(--uxp-palette-neutral-700);
    --uxp-input-popup-calendar-text: var(--uxp-palette-neutral-1000);
    --uxp-input-popup-calendar-text-disabled: var(--uxp-palette-neutral-500);
    --uxp-input-popup-calendar-hover: var(--uxp-palette-blue-100);
    --uxp-input-popup-calendar-active: var(--uxp-palette-blue-200);
    --uxp-input-popup-calendar-text-hover: var(--uxp-palette-blue-700);
    --uxp-input-popup-calendar-text-active: var(--uxp-palette-blue-700);
    --uxp-input-file-uploader-icon: var(--uxp-palette-neutral-800);
    --uxp-input-file-uploader-text: var(--uxp-palette-neutral-1000);
    --uxp-input-file-uploader-text-secondary: var(--uxp-palette-neutral-700);
    --uxp-input-file-uploader-border: var(--uxp-palette-neutral-300);
    --uxp-input-file-uploader-border-active: var(--uxp-palette-blue-700);
    --uxp-input-file-uploader-background: transparent;
    --uxp-input-file-uploader-background-active: var(--uxp-palette-blue-100);
    --uxp-input-file-uploader-background-has-file: var(--uxp-palette-neutral-white);
    /* RichTextEditor */
    --uxp-richtext-background: var(--uxp-palette-neutral-white);
    --uxp-richtext-text: var(--uxp-palette-neutral-1000);
    --uxp-richtext-border: var(--uxp-palette-neutral-300);
    --uxp-richtext-separator: var(--uxp-palette-neutral-250);
    --uxp-richtext-header-background: var(--uxp-palette-neutral-white);
    --uxp-richtext-header-button-text: var(--uxp-palette-neutral-1000);
    --uxp-richtext-header-button: transparent;
    --uxp-richtext-header-button-hover: rgba(143, 184, 246, 0.2);
    --uxp-richtext-header-button-active: rgba(102,157,241,0.3);
    /* Translations */
    --uxp-translations-collapse-background: var(--uxp-palette-blue-100);
    --uxp-translations-collapse-border: var(--uxp-palette-blue-700);
    --uxp-translations-dropdown: var(--uxp-palette-blue-700);
    /* CheckBox */
    --uxp-checkbox-background: transparent;
    --uxp-checkbox-background-hover: rgba(143,184,246, 0.2);
    --uxp-checkbox-text: var(--uxp-palette-neutral-1000);
    --uxp-checkbox-border: var(--uxp-palette-neutral-500);
    --uxp-checkbox-border-hover: var(--uxp-palette-blue-700);
    --uxp-checkbox-active-symbol: var(--uxp-palette-neutral-white);
    --uxp-checkbox-background-active: var(--uxp-palette-blue-700);
    --uxp-checkbox-border-active: var(--uxp-palette-blue-700);
    --uxp-checkbox-disabled: var(--uxp-palette-neutral-100);
    --uxp-checkbox-disabled-border: var(--uxp-palette-neutral-200);
    --uxp-checkbox-disabled-symbol: var(--uxp-palette-neutral-600);
    --uxp-checkbox-disabled-text: var(--uxp-palette-neutral-500);
    /* Switch */
    --uxp-switch-background: var(--uxp-palette-neutral-white);
    --uxp-switch-background-border: var(--uxp-palette-neutral-500);
    --uxp-switch-slider: var(--uxp-palette-neutral-1000);
    --uxp-switch-background-active: var(--uxp-palette-blue-700);
    --uxp-switch-slider-active: var(--uxp-palette-neutral-white);
    --uxp-switch-slider-active-disabled: var(--uxp-palette-neutral-600);
    --uxp-switch-slider-disabled: var(--uxp-palette-neutral-500);
    --uxp-switch-background-disabled: var(--uxp-palette-neutral-100);
    --uxp-switch-background-disabled-active: var(--uxp-palette-blue-700);
    --uxp-switch-border-disabled: var(--uxp-palette-neutral-200);
    --uxp-switch-border-disabled-active: var(--uxp-palette-blue-700);
    /* RadioButton */
    --uxp-radiobutton-background: transparent;
    --uxp-radiobutton-border: var(--uxp-palette-neutral-500);
    --uxp-radiobutton-text: var(--uxp-palette-neutral-1000);
    --uxp-radiobutton-border-hover: var(--uxp-palette-blue-700);
    --uxp-radiobutton-background-hover: rgba(143,184,246, 0.2);
    --uxp-radiobutton-active: var(--uxp-palette-blue-700);
    --uxp-radiobutton-border-active: var(--uxp-palette-blue-700);
    --uxp-radiobutton-disabled: var(--uxp-palette-neutral-100);
    --uxp-radiobutton-disabled-border: var(--uxp-palette-neutral-200);
    --uxp-radiobutton-disabled-symbol: var(--uxp-palette-neutral-600);
    --uxp-radiobutton-disabled-text: var(--uxp-palette-neutral-500);
    /* SegmentedControl (RadioButton) */
    --uxp-segmentedcontrol-background: var(--uxp-palette-neutral-white);
    --uxp-segmentedcontrol-border: var(--uxp-palette-neutral-300);
    --uxp-segmentedcontrol-separator: var(--uxp-palette-neutral-250);
    --uxp-segmentedcontrol-item-text: var(--uxp-palette-neutral-800);
    --uxp-segmentedcontrol-item-background: transparent;
    --uxp-segmentedcontrol-item-background-hover: var(--uxp-palette-neutral-100);
    --uxp-segmentedcontrol-item-text-active: var(--uxp-palette-neutral-50);
    --uxp-segmentedcontrol-item-background-active: var(--uxp-palette-blue-700);
    --uxp-segmentedcontrol-item-text-disabled: var(--uxp-palette-neutral-500);
    --uxp-segmentedcontrol-item-background-disabled: transparent;
    /* ProgressIndicator (Wizard & Timeline) */
    --uxp-progress-indicator-active: var(--uxp-palette-blue-700);
    --uxp-progress-indicator-success: var(--uxp-palette-green-700);
    --uxp-progress-indicator-error: var(--uxp-palette-red-800);
    --uxp-progress-indicator-inactive: var(--uxp-palette-neutral-250);
    --uxp-progress-indicator-text: var(--uxp-palette-neutral-800);
    --uxp-progress-indicator-text-optional: var(--uxp-palette-neutral-700);
    --uxp-progress-indicator-disabled-text: var(--uxp-palette-neutral-500);
    --uxp-timeline-text: var(--uxp-palette-neutral-800);
    --uxp-timeline-text-optional: var(--uxp-palette-neutral-700);
    --uxp-timeline-text-date: var(--uxp-palette-neutral-500);
    /* DataGrid */
    --uxp-grid-border: var(--uxp-palette-neutral-250);
    --uxp-grid-text: var(--uxp-palette-neutral-800);
    --uxp-grid-aggregate-background: var(--uxp-palette-neutral-50);
    --uxp-grid-header-background: var(--uxp-body-background); /* Même couleur que le fond de la page */
    --uxp-grid-header-text: var(--uxp-palette-neutral-800);
    --uxp-grid-header-border: var(--uxp-palette-neutral-300);
    --uxp-grid-header-separator: var(--uxp-palette-neutral-500);
    --uxp-grid-row-selected-border: var(--uxp-palette-blue-700);
    --uxp-grid-row-selected-background: rgba(173,203,251,0.1);
    /* TreeView */
    --uxp-treeview-text: var(--uxp-palette-neutral-800);
    --uxp-treeview-text-disabled: var(--uxp-palette-neutral-500);
    --uxp-treeview-background: transparent;
    --uxp-treeview-background-hover: rgba(0, 0, 0, 0.10);
    --uxp-treeview-row-selected-border: var(--uxp-palette-blue-700);
    --uxp-treeview-row-selected-background: rgba(173,203,251,0.1);
    /* AssociationListbox */
    --uxp-association-listbox-border: var(--uxp-palette-neutral-300);
    --uxp-association-listbox-background: var(--uxp-palette-neutral-white);
    --uxp-association-listbox-hover-background: rgba(0,0,0,0.05);
    --uxp-association-listbox-selected-border: var(--uxp-palette-blue-700);
    --uxp-association-listbox-selected-background: rgba(173,203,251,0.1);
    /* Label */
    --uxp-label-text: var(--uxp-palette-neutral-1000);
    --uxp-label-required: var(--uxp-palette-red-800);
    /* TextValue */
    --uxp-textvalue-text: var(--uxp-palette-neutral-800);
    /* Tooltip */
    --uxp-tooltip-text: var(--uxp-palette-neutral-50);
    --uxp-tooltip-background: var(--uxp-palette-neutral-1000);
    --uxp-tooltip-border: var(--uxp-palette-neutral-500);
    /* TooltipHelper */
    --uxp-tooltip-helper: var(--uxp-palette-neutral-800);
    /* ConfigurationTooltipHelper */
    --uxp-configuration-tooltip-helper: var(--uxp-palette-neutral-500);
    /* LoadingBar */
    --uxp-loadingbar-background: var(--uxp-palette-neutral-200);
    /* Spinner */
    --uxp-spinner-background: var(--uxp-palette-neutral-200);
    /* Divider */
    --uxp-divider: var(--uxp-palette-neutral-250);
    /* Elevation */
    --uxp-elevation-standard: none;
    --uxp-elevation-card: 0px 2px 4px 0px rgba(31, 33, 36, 0.04);
    --uxp-elevation-tooltip: 0px 4px 8px 0px rgba(34, 57, 117, 0.14);
    --uxp-elevation-ontop: 0px 8px 16px 0px rgba(31, 33, 36, 0.16);
    --uxp-elevation-modal: 0px 32px 64px 0px rgba(31, 33, 36, 0.19), 0px 2px 21px 0px rgba(31, 33, 36, 0.16);
    --uxp-elevation-popup: 0px 0px 0px 2px rgba(0, 153, 255, 0.2), 0px 4px 8px 0px rgba(31, 33, 36, 0.14);
    /* Modal */
    --uxp-modal-title: var(--uxp-palette-neutral-1000);
    --uxp-modal-subtitle: var(--uxp-palette-neutral-800);
    --uxp-modal-text: var(--uxp-palette-neutral-800);
    --uxp-modal-background: var(--uxp-palette-neutral-white);
    --uxp-modal-border: var(--uxp-palette-neutral-300);
    --uxp-modal-footer-background: var(--uxp-palette-neutral-50);
    /* Close Button */
    --uxp-close-button: var(--uxp-palette-neutral-1000);
    --uxp-close-button-hover: var(--uxp-palette-neutral-black);
    /* Paper */
    --uxp-paper: var(--uxp-palette-neutral-white);
    --uxp-paper-border: var(--uxp-palette-neutral-300);
    --uxp-paper-text: var(--uxp-palette-neutral-1000);
    /* HorizontalRule */
    --uxp-horizontal-rule: var(--uxp-palette-neutral-300);
    --uxp-horizontal-rule-title-background: var(--uxp-palette-neutral-white);
    /* VerticalDivider */
    --uxp-vertical-divider: var(--uxp-palette-neutral-300);
    /* Tabs */
    --uxp-tab-text: var(--uxp-palette-neutral-800);
    --uxp-tab-border: var(--uxp-palette-neutral-300);
    --uxp-tab-counter: var(--uxp-palette-neutral-700);
    --uxp-tab-active-text: var(--uxp-palette-blue-700);
    --uxp-tab-active-border: var(--uxp-palette-blue-700);
    /* Text */
    --uxp-text: var(--uxp-palette-neutral-1000);
    --uxp-text-descriptive: var(--uxp-palette-neutral-500);
    --uxp-text-error: var(--uxp-palette-red-800);
    /* Tiles */
    --uxp-tile-icon: var(--uxp-palette-neutral-200);
    /* Badges */
    --uxp-badge-primary: var(--uxp-palette-primary-400);
    --uxp-badge-primary-text: var(--uxp-palette-neutral-1000);
    --uxp-badge-danger: var(--uxp-palette-red-200);
    --uxp-badge-danger-text: var(--uxp-palette-red-900);
    --uxp-badge-danger-alternative: var(--uxp-palette-red-800);
    --uxp-badge-danger-alternative-text: var(--uxp-palette-red-100);
    --uxp-badge-warning: var(--uxp-palette-yellow-200);
    --uxp-badge-warning-text: var(--uxp-palette-yellow-900);
    --uxp-badge-success: var(--uxp-palette-green-200);
    --uxp-badge-success-text: var(--uxp-palette-green-900);
    --uxp-badge-info: var(--uxp-palette-cyan-200);
    --uxp-badge-info-text: var(--uxp-palette-blue-900);
    --uxp-badge-neutral: transparent;
    --uxp-badge-neutral-text: var(--uxp-palette-neutral-1000);
    --uxp-badge-neutral-border: var(--uxp-palette-neutral-500);
    --uxp-badge-sm: 18px; /* 20px - 2px de border */
    /* Alerts */
    --uxp-alert-text: var(--uxp-palette-neutral-1000);
    --uxp-alert-danger: var(--uxp-palette-red-100);
    --uxp-alert-danger-border: var(--uxp-palette-red-800);
    --uxp-alert-warning: var(--uxp-palette-yellow-100);
    --uxp-alert-warning-border: var(--uxp-palette-yellow-800);
    --uxp-alert-success: var(--uxp-palette-green-100);
    --uxp-alert-success-border: var(--uxp-palette-green-700);
    --uxp-alert-info: var(--uxp-palette-cyan-100);
    --uxp-alert-info-border: var(--uxp-palette-blue-700);
    /* Skeletons */
    --uxp-skeleton-background: var(--uxp-palette-neutral-200);
    --uxp-skeleton-shimmer: linear-gradient(90deg, transparent calc(50% - 100px), var(--uxp-palette-neutral-100) 50%, transparent calc(50% + 100px));
    /* ------------------------------------------------------------------------------------------------- */
    /* Modals */
    --uxp-modal-backdrop: rgba(71, 71, 71, 0.64);
    /* DataGrid */
    --uxp-grid-header-toolbar-margin-top: 8px;
    --uxp-grid-header-toolbar-margin-bottom: 16px;
    --uxp-grid-header-toolbar-height: 40px;
    /* Use spacing variables for padding, margin and flex-gap */
    --uxp-spacing-0: 0; /* 0px */
    --uxp-spacing-xxs: 0.125rem; /* 2px */
    --uxp-spacing-xs: 0.25rem; /* 4px */
    --uxp-spacing-sm: 0.5rem; /* 8px */
    --uxp-spacing-md: 0.75rem; /* 12px */
    --uxp-spacing-lg: 1rem; /* 16px */
    --uxp-spacing-xl: 1.25rem; /* 20px */
    --uxp-spacing-2xl: 1.5rem; /* 24px */
    --uxp-spacing-3xl: 1.75rem; /* 28px */
    --uxp-spacing-4xl: 2rem; /* 32px */
    --uxp-spacing-5xl: 2.25rem; /* 36px */
    /* Use radius variables for border-radius */
    --uxp-radius-sm: 4px;
    --uxp-radius: 8px;
    --uxp-radius-lg: 16px;
    --uxp-radius-circle: 100rem;
    /* Use text variables for font-size */
    --uxp-text-xs: 0.75rem; /* 12px */
    --uxp-text-sm: 0.875rem; /* 14px */
    --uxp-text: 1rem; /* 16px */
    --uxp-text-lg: 1.125rem; /* 18px */
    --uxp-text-xl: 1.25rem; /* 20px */
    --uxp-text-2xl: 1.5rem; /* 24px */
    --uxp-text-3xl: 1.875rem; /* 30px */
    --uxp-text-4xl: 2.25rem; /* 36px */
    --uxp-text-5xl: 3rem; /* 48px */
    /* Header-related */
    --uxp-header-background: var(--uxp-palette-neutral-1000);
    --uxp-header-border-color: var(--uxp-palette-neutral-800);
    --uxp-header-icon-color: var(--uxp-palette-neutral-300);
    --uxp-header-background-hover: var(--uxp-palette-blue-900);
    --uxp-header-background-dark: var(--uxp-palette-neutral-1000); /* non utilisé ? */
    --uxp-header-text-selected: var(--uxp-palette-blue-300);
    --uxp-header-title-color: var(--uxp-palette-neutral-50);
    --uxp-header-font-color: var(--uxp-palette-neutral-300);
    --uxp-header-divider: var(--uxp-palette-neutral-800);
    --uxp-header-shortcut-border: var(--uxp-palette-neutral-800);
    --uxp-header-shortcut-text: var(--uxp-palette-neutral-600);
    /* Avatar */
    --uxp-avatar-background: var(--uxp-palette-primary-200);
    --uxp-avatar-text: var(--uxp-palette-neutral-1000);
    /* Sidebar & menu */
    --uxp-sidebar-background: var(--uxp-palette-neutral-white);
    --uxp-sidebar-border: var(--uxp-palette-neutral-300);
    --uxp-sidebar-width: 280px;
    --uxp-sidebar-collapse-width: 52px;
    --uxp-menu-text: var(--uxp-palette-neutral-1000);
    --uxp-menu-text-active: var(--uxp-palette-blue-700);
    --uxp-menu-text-child: var(--uxp-palette-neutral-800);
    --uxp-menu-hovered: var(--uxp-palette-neutral-100);
    --uxp-menu-item-height: 36px;
    --uxp-menu-panel-background: var(--uxp-palette-neutral-50);
    --uxp-menu-panel-border: var(--uxp-palette-neutral-300);
    --uxp-menu-panel-error-background: var(--uxp-palette-red-200);
    --uxp-menu-panel-error-text: var(--uxp-palette-red-900);
    --uxp-menu-panel-indicator-neutral: var(--uxp-palette-neutral-500);
    --uxp-menu-panel-indicator-success: var(--uxp-palette-green-600);
    --uxp-menu-panel-indicator-error: var(--uxp-palette-red-800);
    /* Privacy */
    --uxp-privacy-text: var(--uxp-palette-neutral-500);
    --uxp-privacy-divider: var(--uxp-palette-neutral-250);
    /* BreadcrumbBar */
    --uxp-breadcrumb-bar-background: var(--uxp-palette-neutral-white);
    --uxp-breadcrumb-bar-border: var(--uxp-palette-neutral-300);
    /* Main */
    --uxp-main-background: var(--uxp-palette-neutral-50);
    --uxp-main: var(--uxp-palette-neutral-1000);
    /* Layout */
    --uxp-layout-notconnected-padding: 52px;
    /* Modal */
    --uxp-modal-size-sm: 340px;
    --uxp-modal-size: 520px;
    --uxp-modal-size-lg: 800px;
    --uxp-modal-size-xl: 1164px;
    /* Error pages */
    --uxp-error-page-background: linear-gradient(180deg, var(--uxp-palette-neutral-white) 0%, var(--uxp-palette-blue-100) 100%);
}

[data-theme="dark"] {
    /* Palette */
    --uxp-palette-primary: var(--uxp-palette-primary-400);
    --uxp-palette-danger: var(--uxp-palette-red-400);
    /* Body */
    --uxp-body-gradient1: var(--uxp-palette-neutral-1000);
    --uxp-body-gradient2: var(--uxp-palette-neutral-1000);
    --uxp-body-background: var(--uxp-palette-neutral-1100);
    /* Documentation */
    --uxp-documentation-sidemenu-background: var(--uxp-palette-neutral-1000);
    --uxp-documentation-header-background: var(--uxp-palette-neutral-1100);
    --uxp-documentation-header-title: var(--uxp-palette-neutral-50);
    --uxp-documentation-header-text: var(--uxp-palette-neutral-300);
    --uxp-documentation-page-background: var(--uxp-palette-neutral-1100);
    --uxp-documentation-content-background: var(--uxp-palette-neutral-1100);
    --uxp-documentation-rightmenu-header-background: var(--uxp-palette-neutral-1100);
    --uxp-documentation-rightmenu-background: var(--uxp-palette-neutral-950);
    --uxp-documentation-border: var(--uxp-palette-neutral-800);
    --uxp-documentation-title: var(--uxp-palette-neutral-50);
    --uxp-documentation-text: var(--uxp-palette-neutral-300);
    /* Scrollbar */
    --uxp-scrollbar: var(--uxp-palette-neutral-600);
    --uxp-scrollbar-background: var(--uxp-palette-neutral-900);
    /* Links */
    --uxp-link: var(--uxp-palette-blue-300);
    --uxp-link-hover: var(--uxp-palette-blue-250);
    --uxp-link-active: var(--uxp-palette-purple-400);
    --uxp-link-disabled: var(--uxp-palette-neutral-600);
    /* Breadcrumb */
    --uxp-breadcrumb-active: var(--uxp-palette-blue-200);
    --uxp-breadcrumb-separator: var(--uxp-palette-neutral-500);
    /* Buttons */
    --uxp-button-primary-gradient1: var(--uxp-palette-gradient-orange-light);
    --uxp-button-primary-gradient2: var(--uxp-palette-gradient-orange-dark);
    --uxp-button-primary: var(--uxp-palette-primary-400);
    --uxp-button-primary-hover: var(--uxp-palette-primary-500);
    --uxp-button-primary-active: var(--uxp-palette-primary-600);
    --uxp-button-primary-text: var(--uxp-palette-neutral-1000);
    --uxp-button-primary-transparent: transparent;
    --uxp-button-primary-transparent-text: var(--uxp-palette-neutral-50);
    --uxp-button-primary-transparent-hover: #FAFBFB1A;
    --uxp-button-primary-transparent-active: #FAFBFB33;
    --uxp-button-primary-transparent-active-text: var(--uxp-palette-neutral-50);
    --uxp-button-secondary: var(--uxp-palette-blue-1000);
    --uxp-button-secondary-hover: var(--uxp-palette-blue-900);
    --uxp-button-secondary-active: var(--uxp-palette-blue-850);
    --uxp-button-secondary-text: var(--uxp-palette-blue-300);
    --uxp-button-secondary-border: var(--uxp-palette-blue-300);
    --uxp-button-secondary-transparent: transparent;
    --uxp-button-secondary-transparent-hover: #8FB8F633;
    --uxp-button-secondary-transparent-active: #669DF14D;
    --uxp-button-secondary-transparent-text: var(--uxp-palette-blue-300);
    --uxp-button-success: var(--uxp-palette-green-400);
    --uxp-button-success-hover: var(--uxp-palette-green-300);
    --uxp-button-success-active: var(--uxp-palette-green-250);
    --uxp-button-success-text: var(--uxp-palette-green-1000);
    --uxp-button-success-transparent: transparent;
    --uxp-button-success-transparent-hover: #70CCA21A;
    --uxp-button-success-transparent-active: #70CCA233;
    --uxp-button-success-transparent-text: var(--uxp-palette-green-500);
    --uxp-button-warning: var(--uxp-palette-yellow-300);
    --uxp-button-warning-hover: var(--uxp-palette-yellow-250);
    --uxp-button-warning-active: var(--uxp-palette-yellow-200);
    --uxp-button-warning-text: var(--uxp-palette-yellow-1000);
    --uxp-button-warning-transparent: transparent;
    --uxp-button-warning-transparent-hover: #CCB76C1A;
    --uxp-button-warning-transparent-active: #CCB76C33;
    --uxp-button-warning-transparent-text: var(--uxp-palette-yellow-400);
    --uxp-button-danger: var(--uxp-palette-red-400);
    --uxp-button-danger-hover: var(--uxp-palette-red-300);
    --uxp-button-danger-active: var(--uxp-palette-red-250);
    --uxp-button-danger-text: var(--uxp-palette-red-1000);
    --uxp-button-danger-transparent: transparent;
    --uxp-button-danger-transparent-hover: #F871681A;
    --uxp-button-danger-transparent-active: #F8716833;
    --uxp-button-danger-transparent-text: var(--uxp-palette-red-400);
    --uxp-button-disabled: var(--uxp-palette-neutral-900);
    --uxp-button-disabled-text: var(--uxp-palette-neutral-300);
    /* Inputs */
    --uxp-input-background: var(--uxp-palette-neutral-950 );
    --uxp-input-border: var(--uxp-palette-neutral-600);
    --uxp-input-border-hover: var(--uxp-palette-blue-300);
    --uxp-input-text: var(--uxp-palette-neutral-50);
    --uxp-input-placeholder: var(--uxp-palette-neutral-400);
    --uxp-input-disabled: var(--uxp-palette-neutral-1000);
    --uxp-input-disabled-border: var(--uxp-palette-neutral-900);
    --uxp-input-disabled-text: var(--uxp-palette-neutral-400);
    --uxp-input-border-focus: var(--uxp-palette-blue-300);
    --uxp-input-disabled-placeholder: var(--uxp-palette-neutral-400);
    --uxp-input-action-icon: var(--uxp-palette-neutral-50);
    --uxp-input-popup: var(--uxp-palette-neutral-1000);
    --uxp-input-popup-text: var(--uxp-palette-neutral-300);
    --uxp-input-popup-text-disabled: var(--uxp-palette-neutral-600);
    --uxp-input-popup-hover: var(--uxp-palette-neutral-900);
    --uxp-input-popup-active: var(--uxp-palette-blue-1000);
    --uxp-input-popup-active-text: var(--uxp-palette-neutral-50);
    --uxp-input-popup-active-border: var(--uxp-palette-blue-300);
    --uxp-input-popup-header-text: var(--uxp-palette-neutral-50);
    --uxp-input-popup-border: var(--uxp-palette-blue-300);
    --uxp-input-popup-divider: var(--uxp-palette-neutral-800);
    --uxp-input-popup-elevation: var(--uxp-elevation-popup);
    --uxp-input-popup-calendar-title: var(--uxp-palette-neutral-50);
    --uxp-input-popup-calendar-legend: var(--uxp-palette-neutral-400);
    --uxp-input-popup-calendar-text: var(--uxp-palette-neutral-50);
    --uxp-input-popup-calendar-text-disabled: var(--uxp-palette-neutral-600);
    --uxp-input-popup-calendar-hover: var(--uxp-palette-blue-900);
    --uxp-input-popup-calendar-active: var(--uxp-palette-blue-1000);
    --uxp-input-popup-calendar-text-hover: var(--uxp-palette-blue-300);
    --uxp-input-popup-calendar-text-active: var(--uxp-palette-blue-300);
    --uxp-input-file-uploader-icon: var(--uxp-palette-neutral-300);
    --uxp-input-file-uploader-text: var(--uxp-palette-neutral-50);
    --uxp-input-file-uploader-text-secondary: var(--uxp-palette-neutral-400);
    --uxp-input-file-uploader-border: var(--uxp-palette-neutral-800);
    --uxp-input-file-uploader-border-active: var(--uxp-palette-blue-300);
    --uxp-input-file-uploader-background: transparent;
    --uxp-input-file-uploader-background-active: var(--uxp-palette-blue-900);
    --uxp-input-file-uploader-background-has-file: var(--uxp-palette-neutral-1000);
    /* RichTextEditor */
    --uxp-richtext-background: var(--uxp-palette-neutral-1000);
    --uxp-richtext-text: var(--uxp-palette-neutral-50);
    --uxp-richtext-border: var(--uxp-palette-neutral-800);
    --uxp-richtext-separator: var(--uxp-palette-neutral-850);
    --uxp-richtext-header-background: var(--uxp-palette-neutral-1000);
    --uxp-richtext-header-button-text: var(--uxp-palette-neutral-50);
    --uxp-richtext-header-button: transparent;
    --uxp-richtext-header-button-hover: rgba(143, 184, 246, 0.2);
    --uxp-richtext-header-button-active: rgba(102,157,241,0.3);
    /* Translations */
    --uxp-translations-collapse-background: var(--uxp-palette-blue-900);
    --uxp-translations-collapse-border: var(--uxp-palette-blue-300);
    --uxp-translations-dropdown: var(--uxp-palette-blue-300);
    /* CheckBox */
    --uxp-checkbox-background: transparent;
    --uxp-checkbox-background-hover: rgba(143,184,246, 0.2);
    --uxp-checkbox-text: var(--uxp-palette-neutral-50);
    --uxp-checkbox-border: var(--uxp-palette-neutral-600);
    --uxp-checkbox-border-hover: var(--uxp-palette-blue-300);
    --uxp-checkbox-active-symbol: var(--uxp-palette-neutral-1000);
    --uxp-checkbox-background-active: var(--uxp-palette-blue-300);
    --uxp-checkbox-border-active: var(--uxp-palette-blue-300);
    --uxp-checkbox-disabled: var(--uxp-palette-neutral-600);
    --uxp-checkbox-disabled-border: var(--uxp-palette-neutral-900);
    --uxp-checkbox-disabled-symbol: var(--uxp-palette-neutral-700);
    --uxp-checkbox-disabled-text: var(--uxp-palette-neutral-600);
    /* Switch */
    --uxp-switch-background: var(--uxp-palette-neutral-1100);
    --uxp-switch-background-border: var(--uxp-palette-neutral-600);
    --uxp-switch-slider: var(--uxp-palette-neutral-50);
    --uxp-switch-background-active: var(--uxp-palette-blue-300);
    --uxp-switch-slider-active: var(--uxp-palette-neutral-1000);
    --uxp-switch-slider-active-disabled: var(--uxp-palette-neutral-300);
    --uxp-switch-slider-disabled: var(--uxp-palette-neutral-600);
    --uxp-switch-background-disabled: var(--uxp-palette-neutral-1000);
    --uxp-switch-background-disabled-active: var(--uxp-palette-blue-300);
    --uxp-switch-border-disabled: var(--uxp-palette-neutral-900);
    --uxp-switch-border-disabled-active: var(--uxp-palette-blue-300);
    /* RadioButton */
    --uxp-radiobutton-background: transparent;
    --uxp-radiobutton-border: var(--uxp-palette-neutral-600);
    --uxp-radiobutton-text: var(--uxp-palette-neutral-50);
    --uxp-radiobutton-border-hover: var(--uxp-palette-blue-300);
    --uxp-radiobutton-background-hover: rgba(143,184,246, 0.2);
    --uxp-radiobutton-active: var(--uxp-palette-blue-300);
    --uxp-radiobutton-border-active: var(--uxp-palette-blue-300);
    --uxp-radiobutton-disabled: var(--uxp-palette-neutral-600);
    --uxp-radiobutton-disabled-border: var(--uxp-palette-neutral-900);
    --uxp-radiobutton-disabled-symbol: var(--uxp-palette-neutral-700);
    --uxp-radiobutton-disabled-text: var(--uxp-palette-neutral-600);
    /* SegmentedControl (RadioButton) */
    --uxp-segmentedcontrol-background: var(--uxp-palette-neutral-1000);
    --uxp-segmentedcontrol-border: var(--uxp-palette-neutral-600);
    --uxp-segmentedcontrol-separator: var(--uxp-palette-neutral-800);
    --uxp-segmentedcontrol-item-text: var(--uxp-palette-neutral-300);
    --uxp-segmentedcontrol-item-background: transparent;
    --uxp-segmentedcontrol-item-background-hover: rgba(255, 255, 255, 0.2);
    --uxp-segmentedcontrol-item-text-active: var(--uxp-palette-neutral-1000);
    --uxp-segmentedcontrol-item-background-active: var(--uxp-palette-blue-300);
    --uxp-segmentedcontrol-item-text-disabled: var(--uxp-palette-neutral-600);
    --uxp-segmentedcontrol-item-background-disabled: transparent;
    /* ProgressIndicator (Wizard & Timeline) */
    --uxp-progress-indicator-active: var(--uxp-palette-blue-300);
    --uxp-progress-indicator-success: var(--uxp-palette-green-500);
    --uxp-progress-indicator-error: var(--uxp-palette-red-400);
    --uxp-progress-indicator-inactive: var(--uxp-palette-neutral-800);
    --uxp-progress-indicator-text: var(--uxp-palette-neutral-300);
    --uxp-progress-indicator-text-optional: var(--uxp-palette-neutral-400);
    --uxp-progress-indicator-disabled-text: var(--uxp-palette-neutral-600);
    --uxp-timeline-text: var(--uxp-palette-neutral-300);
    --uxp-timeline-text-optional: var(--uxp-palette-neutral-400);
    --uxp-timeline-text-date: var(--uxp-palette-neutral-500);
    /* DataGrid */
    --uxp-grid-border: var(--uxp-palette-neutral-850);
    --uxp-grid-text: var(--uxp-palette-neutral-300);
    --uxp-grid-aggregate-background: var(--uxp-palette-neutral-1100);
    --uxp-grid-header-background: var(--uxp-body-background); /* Même couleur que le fond de la page */
    --uxp-grid-header-text: var(--uxp-palette-neutral-300);
    --uxp-grid-header-border: var(--uxp-palette-neutral-850);
    --uxp-grid-header-separator: var(--uxp-palette-neutral-800);
    --uxp-grid-row-selected-border: var(--uxp-palette-blue-300);
    --uxp-grid-row-selected-background: rgba(143,184,246,0.2);
    /* TreeView */
    --uxp-treeview-text: var(--uxp-palette-neutral-50);
    --uxp-treeview-text-disabled: var(--uxp-palette-neutral-600);
    --uxp-treeview-background: transparent;
    --uxp-treeview-background-hover: rgba(255, 255, 255, 0.20);
    --uxp-treeview-row-selected-border: var(--uxp-palette-blue-300);
    --uxp-treeview-row-selected-background: rgba(143,184,246,0.2);
    /* AssociationListbox */
    --uxp-association-listbox-border: var(--uxp-palette-neutral-800);
    --uxp-association-listbox-background: var(--uxp-palette-neutral-1000);
    --uxp-association-listbox-hover-background: rgba(255,255,255,0.2);
    --uxp-association-listbox-selected-border: var(--uxp-palette-blue-300);
    --uxp-association-listbox-selected-background: rgba(143,184,246,0.2);
    /* Label */
    --uxp-label-text: var(--uxp-palette-neutral-50);
    --uxp-label-required: var(--uxp-palette-red-400);
    /* TextValue */
    --uxp-textvalue-text: var(--uxp-palette-neutral-300);
    /* Tooltip */
    --uxp-tooltip-text: var(--uxp-palette-neutral-1000);
    --uxp-tooltip-background: var(--uxp-palette-neutral-100);
    --uxp-tooltip-border: var(--uxp-palette-neutral-600);
    /* TooltipHelper */
    --uxp-tooltip-helper: var(--uxp-palette-neutral-300);
    /* ConfigurationTooltipHelper */
    --uxp-configuration-tooltip-helper: var(--uxp-palette-neutral-600);
    /* LoadingBar */
    --uxp-loadingbar-background: var(--uxp-palette-neutral-900);
    /* Spinner */
    --uxp-spinner-background: var(--uxp-palette-neutral-900);
    /* Divider */
    --uxp-divider: var(--uxp-palette-neutral-850);
    /* Elevation */
    --uxp-elevation-standard: none;
    --uxp-elevation-card: 0px 2px 4px 0px rgba(31, 33, 36, 0.13);
    --uxp-elevation-tooltip: 0px 4px 8px 0px rgba(34, 57, 117, 0.14);
    --uxp-elevation-ontop: 0px 8px 16px 0px rgba(31, 33, 36, 0.26);
    --uxp-elevation-modal: 0px 32px 64px 0px rgba(31, 33, 36, 0.37), 0px 2px 21px 0px rgba(31, 33, 36, 0.16);
    --uxp-elevation-popup: 0px 0px 0px 2px rgba(0, 153, 255, 0.2), 0px 4px 8px 0px rgba(31, 33, 36, 0.14);
    /* Modal */
    --uxp-modal-title: var(--uxp-palette-neutral-50);
    --uxp-modal-subtitle: var(--uxp-palette-neutral-300);
    --uxp-modal-text: var(--uxp-palette-neutral-300);
    --uxp-modal-background: var(--uxp-palette-neutral-1000);
    --uxp-modal-border: var(--uxp-palette-neutral-800);
    --uxp-modal-footer-background: var(--uxp-palette-neutral-1100);
    /* Close Button */
    --uxp-close-button: var(--uxp-palette-neutral-50);
    --uxp-close-button-hover: var(--uxp-palette-neutral-white);
    /* Paper */
    --uxp-paper: var(--uxp-palette-neutral-1000);
    --uxp-paper-border: var(--uxp-palette-neutral-800);
    --uxp-paper-text: var(--uxp-palette-neutral-50);
    /* HorizontalRule */
    --uxp-horizontal-rule: var(--uxp-palette-neutral-800);
    --uxp-horizontal-rule-title-background: var(--uxp-palette-neutral-1000);
    /* VerticalDivider */
    --uxp-vertical-divider: var(--uxp-palette-neutral-800);
    /* Tabs */
    --uxp-tab-text: var(--uxp-palette-neutral-300);
    --uxp-tab-border: var(--uxp-palette-neutral-800);
    --uxp-tab-counter: var(--uxp-palette-neutral-400);
    --uxp-tab-active-text: var(--uxp-palette-blue-300);
    --uxp-tab-active-border: var(--uxp-palette-blue-300);
    /* Text */
    --uxp-text: var(--uxp-palette-neutral-50);
    --uxp-text-descriptive: var(--uxp-palette-neutral-500);
    --uxp-text-error: var(--uxp-palette-red-400);
    /* Tiles */
    --uxp-tile-icon: var(--uxp-palette-neutral-800);
    /* Badges */
    --uxp-badge-primary: var(--uxp-palette-primary-300);
    --uxp-badge-primary-text: var(--uxp-palette-neutral-1000);
    --uxp-badge-danger: var(--uxp-palette-red-900);
    --uxp-badge-danger-text: var(--uxp-palette-red-200);
    --uxp-badge-danger-alternative: var(--uxp-palette-red-300); /* Temp */
    --uxp-badge-danger-alternative-text: var(--uxp-palette-red-1000); /* Temp */
    --uxp-badge-warning: var(--uxp-palette-yellow-900);
    --uxp-badge-warning-text: var(--uxp-palette-yellow-200);
    --uxp-badge-success: var(--uxp-palette-green-900);
    --uxp-badge-success-text: var(--uxp-palette-green-200);
    --uxp-badge-info: var(--uxp-palette-blue-900);
    --uxp-badge-info-text: var(--uxp-palette-cyan-200);
    --uxp-badge-neutral: transparent;
    --uxp-badge-neutral-text: var(--uxp-palette-neutral-50);
    --uxp-badge-neutral-border: var(--uxp-palette-neutral-600);
    /* Alerts */
    --uxp-alert-text: var(--uxp-palette-neutral-50);
    --uxp-alert-danger: var(--uxp-palette-red-1000);
    --uxp-alert-danger-border: var(--uxp-palette-red-400);
    --uxp-alert-warning: var(--uxp-palette-yellow-1000);
    --uxp-alert-warning-border: var(--uxp-palette-yellow-400);
    --uxp-alert-success: var(--uxp-palette-green-1000);
    --uxp-alert-success-border: var(--uxp-palette-green-500);
    --uxp-alert-info: var(--uxp-palette-blue-1000);
    --uxp-alert-info-border: var(--uxp-palette-blue-500);
    /* Skeletons */
    --uxp-skeleton-background: var(--uxp-palette-neutral-900);
    --uxp-skeleton-shimmer: linear-gradient(90deg, transparent calc(50% - 100px), var(--uxp-palette-neutral-900) 50%, transparent calc(50% + 100px));
    /* Main */
    --uxp-main-background: var(--uxp-palette-neutral-1100);
    --uxp-main: var(--uxp-palette-neutral-50);
    /* Sidebar */
    --uxp-sidebar-background: var(--uxp-palette-neutral-1000);
    --uxp-sidebar-border: var(--uxp-palette-neutral-800);
    /* BreadcrumbBar */
    --uxp-breadcrumb-bar-background: var(--uxp-palette-neutral-1000);
    --uxp-breadcrumb-bar-border: var(--uxp-palette-neutral-800);
    /* Menu */
    --uxp-menu-text: var(--uxp-palette-neutral-50);
    --uxp-menu-text-active: var(--uxp-palette-blue-300);
    --uxp-menu-text-child: var(--uxp-palette-neutral-300);
    --uxp-menu-hovered: var(--uxp-palette-neutral-900);
    --uxp-menu-item-height: 36px;
    --uxp-menu-panel-background: var(--uxp-palette-neutral-1100);
    --uxp-menu-panel-border: var(--uxp-palette-neutral-800);
    --uxp-menu-panel-error-background: var(--uxp-palette-red-900);
    --uxp-menu-panel-error-text: var(--uxp-palette-red-200);
    --uxp-menu-panel-indicator-neutral: var(--uxp-palette-neutral-500);
    --uxp-menu-panel-indicator-success: var(--uxp-palette-green-500);
    --uxp-menu-panel-indicator-error: var(--uxp-palette-red-400);
    /* Privacy */
    --uxp-privacy-text: var(--uxp-palette-neutral-500);
    --uxp-privacy-divider: var(--uxp-palette-neutral-850);
    /* Error pages */
    --uxp-error-page-background: var(--uxp-body-gradient1);
}

* {
    scrollbar-width: thin;
}

html {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

body {
    height: 100%;
    width: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

#app {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    background: linear-gradient(180deg, var(--uxp-body-gradient1) 0%, var(--uxp-body-gradient2) 100%);
    color: var(--uxp-text)
}

main {
    color: var(--uxp-main);
    background-color: var(--uxp-main-background);
}

.app-loading {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

body,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--uxp-font-default);
}

.text-decoration-none .link-label {
    text-decoration: none;
}

.layout-not-connected {
    min-height: 100vh;
    width: 100%;
}

    .layout-not-connected .login-page {
        padding: var(--uxp-layout-notconnected-padding);
    }

h1.layout-not-connected-title {
    font-family: var(--uxp-font-default);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 56px;
}

.login-card {
    max-width: 430px;
    width: 430px;
    margin-bottom: 8px;
}

    .login-card .box-header {
        margin-bottom: 40px;
    }

    .login-card .form-group {
        margin-bottom: 24px;
    }

    /* Direct child of the form on purpose: :first-of-type counts among siblings, so a plain
       `button` also caught the reveal button the password field nests inside its own wrapper,
       and pushed it to the bottom of the field. Only the button the form lays out is meant to
       be spaced from what comes before it. */
    .login-card fieldset > button:first-of-type {
        margin-top: 24px;
    }

.login-image {
    background-image: url('../images/login/login_image.svg');
    background-size: cover;
    background-position: center;
    height: 100dvh;
}

.password-policy-helper div.default-provider {
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.uxp-privacy {
    line-height: 16px;
    font-size: 12px;
    color: var(--uxp-privacy-text);
    font-weight: 300;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: var(--uxp-spacing-lg);
}

.privacy-divider {
    border: 1px solid var(--uxp-privacy-divider);
    height: 8px;
    width: 1px;
}

/* LoginScreen ProgressBar */

:root {
    /* Fallback au cas où Blazor n’a pas encore posé la variable */
    --blazor-load-percentage: 0%;
    --blazor-load-percentage-text: "0%";
}

#blazor-loading {
    max-width: 364px;
    width: 100%;
    height: 6px;
    background: var(--uxp-loadingbar-background);
    border-radius: 3px;
}

    #blazor-loading .bar {
        width: var(--blazor-load-percentage);
        height: 100%;
        background: linear-gradient(90deg, var(--uxp-button-primary-gradient1) 0%, var(--uxp-button-primary-gradient2) 100%);
        transition: width 120ms ease; /* adoucit les steps */
        border-radius: 3px;
    }
/* ------------------------------------------------------------------------- */
/* --- PrivacyPage --------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
.privacy-page.uxp-page {
    align-items: center;
    color: #000000;
    background: #fff;
}

.privacy-page .page-header,
.privacy-page footer {
    background: var(--uxp-palette-neutral-1100) !important;
    color: #fff;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 1400px;
    margin: 0 32px !important;
    width: calc(100% - 64px);
}

.privacy-page .page-header {
    padding: 48px 32px !important;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    margin-bottom: 96px !important;
}

.privacy-page footer {
    min-height: 164px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}


.privacy-page .page-header .page-header-title {
    width: 100%;
    position: relative;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
}

    .privacy-page .page-header .page-header-title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background: linear-gradient( to right, var(--uxp-button-primary-gradient1), var(--uxp-button-primary-gradient2) );
    }

.privacy-page .page-header .privacy-subtitle {
    margin-top: 16px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--uxp-text-descriptive);
}


.privacy-page .small-container {
    max-width: 800px;
    /*padding: 24px 0;*/
}

.privacy-page .privacy-card {
    border-radius: 16px;
    border: 1px solid #D0D4D7;
    padding: 20px 4px;
}

    .privacy-page .privacy-card .rowcol {
        padding: 0 16px !important;
    }

        .privacy-page .privacy-card .rowcol:not(:first-child) {
            border-left: 1px solid #E0E0E0;
        }

.privacy-page .privacy-content {
    margin-bottom: 32px;
    gap: 32px;
}

    .privacy-page .privacy-content .company-logo {
        border: 1px solid black;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.privacy-page .box-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 8px;
}


.privacy-page .privacy-content h1.module-name {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    margin-bottom: 24px;
}

.privacy-page .privacy-content .privacy-content-descritption p,
.privacy-page .privacy-content .privacy-content-descritption li,
.privacy-page .privacy-content .privacy-content-descritption ul,
.privacy-page .privacy-content .privacy-content-descritption ol {
    color: #464D53;
    font-size: 14px;
}

    .privacy-page .privacy-content .privacy-content-descritption p:last-child {
        margin-bottom: 0px;
    }

.privacy-page .privacy-content ul {
    margin-bottom: 0px;
}


.privacy-page .privacy-card p {
    margin: 0;
    font-size: 14px;
}

.privacy-page .orange-text {
    color: #F15F11;
}

.privacy-page .orange-text-dark {
    color: #FF9B65;
}

.privacy-page hr {
    margin: 72px 0;
}

.privacy-page footer {
    color: #9FA6AD;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

    .privacy-page footer h3 {
        color: #D0D4D7;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    .privacy-page footer svg {
        height: 34px;
        width: fit-content;
    }

        .privacy-page footer svg path {
            fill: #9FA6AD;
        }

    .privacy-page footer .row {
        gap: 40px;
    }

    .privacy-page footer .rowcol:first-child {
        display: flex;
        align-items: center;
    }

    .privacy-page footer .rowcol:not(:first-child) {
        position: relative;
        padding-left: 40px;
    }

        .privacy-page footer .rowcol:not(:first-child)::before {
            content: "";
            position: absolute;
            left: 0;
            top: 15%;
            bottom: 15%;
            width: 1px;
            background: linear-gradient( to bottom, var(--uxp-button-primary-gradient1), var(--uxp-button-primary-gradient2) );
            border-radius: 2px;
        }

@media (max-width: 768px) {
    .privacy-page footer .rowcol:not(:first-child)::before {
        display: none;
    }

    .privacy-page footer .rowcol {
        padding-left: 0;
        margin-bottom: 1.5rem;
    }
}

.uxp-main:has(> .documentation-layout) {
    margin-left: 0 !important;
}

.divider {
    background-color: var(--uxp-header-divider);
    height: 1px;
    margin: var(--uxp-spacing-lg) 0;
}

/*************************************/
/**************** FONTS **************/
/*************************************/
/* --- GetVoIP Grotesque --- */
@font-face {
    font-family: 'GetVoIP Grotesque';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/GetVoIP-Grotesque.otf') format('opentype');
}

@font-face {
    font-family: 'GetVoIP Grotesque';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/GetVoIP-Grotesque-italic.otf') format('opentype');
}
/* --- Rubik --- */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/Rubik-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/Rubik-Italic-VariableFont_wght.ttf') format('truetype');
}
/* --- Chivo Mono --- */
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese-italic.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext-italic.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-italic.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/ChivoMono-vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Chivo Mono';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/ChivoMono-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*********************************/
/********   FONTS END    *********/
/*********************************/