@charset "UTF-8";

/* src/custom-theme.scss */
.pos-rel {
  position: relative;
}
.toggle-realtime {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.text-gray-50 {
  color: rgb(249, 250, 251);
}
:root {
  --mat-app-background-color: var(--mat-sys-background);
  --mat-app-text-color: var(--mat-sys-on-background);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, var(--mat-sys-on-surface) 10%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);
  --mat-option-label-text-color: var(--mat-sys-on-surface);
  --mat-option-selected-state-label-text-color: var(--mat-sys-on-secondary-container);
  --mat-option-selected-state-layer-color: var(--mat-sys-secondary-container);
  --mat-optgroup-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: var(--mat-sys-surface);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: var(--mat-sys-on-primary);
  --mat-pseudo-checkbox-full-selected-icon-color: var(--mat-sys-primary);
  --mat-pseudo-checkbox-full-unselected-icon-color: var(--mat-sys-on-surface-variant);
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--mat-sys-primary);
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-weight: 400;
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
  --mat-card-elevated-container-shape: 12px;
  --mat-card-filled-container-shape: 12px;
  --mat-card-outlined-container-shape: 12px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: var(--mat-sys-surface-container-low);
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-filled-container-color: var(--mat-sys-surface-container-highest);
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: var(--mat-sys-surface);
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: var(--mat-sys-outline-variant);
  --mat-card-subtitle-text-color: var(--mat-sys-on-surface);
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: 0.009rem;
  --mat-card-subtitle-text-weight: 500;
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 1.75rem;
  --mat-card-title-text-size: 1.375rem;
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-weight: 400;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-progress-bar-active-indicator-color: var(--mat-sys-primary);
  --mat-progress-bar-track-color: var(--mat-sys-surface-variant);
  --mat-tooltip-container-color: var(--mat-sys-inverse-surface);
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-color: var(--mat-sys-inverse-on-surface);
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-line-height: 1rem;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-tracking: 0.025rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-error-focus-trailing-icon-color: var(--mat-sys-error);
  --mat-form-field-error-hover-trailing-icon-color: var(--mat-sys-on-error-container);
  --mat-form-field-error-text-color: var(--mat-sys-error);
  --mat-form-field-error-trailing-icon-color: var(--mat-sys-error);
  --mat-form-field-filled-active-indicator-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-filled-caret-color: var(--mat-sys-primary);
  --mat-form-field-filled-container-color: var(--mat-sys-surface-variant);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);
  --mat-form-field-filled-error-caret-color: var(--mat-sys-error);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--mat-sys-error);
  --mat-form-field-filled-error-focus-label-text-color: var(--mat-sys-error);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--mat-sys-on-error-container);
  --mat-form-field-filled-error-hover-label-text-color: var(--mat-sys-on-error-container);
  --mat-form-field-filled-error-label-text-color: var(--mat-sys-error);
  --mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-primary);
  --mat-form-field-filled-focus-label-text-color: var(--mat-sys-primary);
  --mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-on-surface);
  --mat-form-field-filled-hover-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-filled-input-text-color: var(--mat-sys-on-surface);
  --mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-filled-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-focus-select-arrow-color: var(--mat-sys-primary);
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-outlined-caret-color: var(--mat-sys-primary);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-form-field-outlined-error-caret-color: var(--mat-sys-error);
  --mat-form-field-outlined-error-focus-label-text-color: var(--mat-sys-error);
  --mat-form-field-outlined-error-focus-outline-color: var(--mat-sys-error);
  --mat-form-field-outlined-error-hover-label-text-color: var(--mat-sys-on-error-container);
  --mat-form-field-outlined-error-hover-outline-color: var(--mat-sys-on-error-container);
  --mat-form-field-outlined-error-label-text-color: var(--mat-sys-error);
  --mat-form-field-outlined-error-outline-color: var(--mat-sys-error);
  --mat-form-field-outlined-focus-label-text-color: var(--mat-sys-primary);
  --mat-form-field-outlined-focus-outline-color: var(--mat-sys-primary);
  --mat-form-field-outlined-hover-label-text-color: var(--mat-sys-on-surface);
  --mat-form-field-outlined-hover-outline-color: var(--mat-sys-on-surface);
  --mat-form-field-outlined-input-text-color: var(--mat-sys-on-surface);
  --mat-form-field-outlined-input-text-placeholder-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-outlined-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-outlined-outline-color: var(--mat-sys-outline);
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #201a17 38%, transparent);
  --mat-form-field-select-option-text-color: #201a17;
  --mat-form-field-state-layer-color: var(--mat-sys-on-surface);
  --mat-form-field-trailing-icon-color: var(--mat-sys-on-surface-variant);
  --mat-form-field-container-height: 52px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 14px;
  --mat-form-field-filled-with-label-container-padding-top: 22px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 1rem;
  --mat-form-field-outlined-label-text-tracking: 0.031rem;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 1rem;
  --mat-form-field-filled-label-text-tracking: 0.031rem;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: var(--mat-sys-surface-container);
  --mat-select-enabled-trigger-text-color: var(--mat-sys-on-surface);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-select-placeholder-text-color: var(--mat-sys-on-surface-variant);
  --mat-select-enabled-arrow-color: var(--mat-sys-on-surface-variant);
  --mat-select-disabled-arrow-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-select-focused-arrow-color: var(--mat-sys-primary);
  --mat-select-invalid-arrow-color: var(--mat-sys-error);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: var(--mat-sys-surface-container);
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-container-shape: 28px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-container-color: var(--mat-sys-surface);
  --mat-dialog-subhead-color: var(--mat-sys-on-surface);
  --mat-dialog-supporting-text-color: var(--mat-sys-on-surface-variant);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-tracking: 0.016rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-chip-container-shape-radius: 8px;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-elevated-container-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-outline-width: 1px;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-opacity: 1;
  --mat-chip-with-avatar-avatar-shape-radius: 24px;
  --mat-chip-with-avatar-avatar-size: 24px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --mat-chip-with-icon-disabled-icon-opacity: 0.38;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --mat-chip-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-chip-elevated-selected-container-color: var(--mat-sys-secondary-container);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-chip-focus-outline-color: var(--mat-sys-on-surface-variant);
  --mat-chip-focus-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-chip-outline-color: var(--mat-sys-outline);
  --mat-chip-selected-disabled-trailing-icon-color: var(--mat-sys-on-surface);
  --mat-chip-selected-focus-state-layer-color: var(--mat-sys-on-secondary-container);
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: var(--mat-sys-on-secondary-container);
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: var(--mat-sys-on-secondary-container);
  --mat-chip-selected-trailing-action-state-layer-color: var(--mat-sys-on-secondary-container);
  --mat-chip-selected-trailing-icon-color: var(--mat-sys-on-secondary-container);
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-chip-with-icon-disabled-icon-color: var(--mat-sys-on-surface);
  --mat-chip-with-icon-icon-color: var(--mat-sys-on-surface-variant);
  --mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-secondary-container);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--mat-sys-on-surface);
  --mat-chip-with-trailing-icon-trailing-icon-color: var(--mat-sys-on-surface-variant);
  --mat-chip-container-height: 28px;
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 1.25rem;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: 0.006rem;
  --mat-chip-label-text-weight: 500;
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 2px;
  --mat-slide-toggle-handle-shape: 9999px;
  --mat-slide-toggle-hidden-track-opacity: 0;
  --mat-slide-toggle-hidden-track-transition: opacity 75ms;
  --mat-slide-toggle-pressed-handle-size: 28px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-selected-handle-size: 24px;
  --mat-slide-toggle-selected-icon-size: 16px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 22px;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 2px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-track-height: 32px;
  --mat-slide-toggle-track-outline-width: 2px;
  --mat-slide-toggle-track-shape: 9999px;
  --mat-slide-toggle-track-width: 52px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;
  --mat-slide-toggle-unselected-handle-size: 16px;
  --mat-slide-toggle-unselected-icon-size: 16px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: opacity 75ms;
  --mat-slide-toggle-with-icon-handle-size: 24px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-disabled-label-text-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-disabled-selected-handle-color: var(--mat-sys-surface);
  --mat-slide-toggle-disabled-selected-icon-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-disabled-selected-track-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-disabled-unselected-handle-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-disabled-unselected-icon-color: var(--mat-sys-surface-variant);
  --mat-slide-toggle-disabled-unselected-track-color: var(--mat-sys-surface-variant);
  --mat-slide-toggle-disabled-unselected-track-outline-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-label-text-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-primary-container);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-handle-color: var(--mat-sys-on-primary);
  --mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-primary-container);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-icon-color: var(--mat-sys-on-primary-container);
  --mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-primary-container);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-track-color: var(--mat-sys-primary);
  --mat-slide-toggle-track-outline-color: var(--mat-sys-outline);
  --mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-surface-variant);
  --mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-variant);
  --mat-slide-toggle-unselected-handle-color: var(--mat-sys-outline);
  --mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-surface-variant);
  --mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-variant);
  --mat-slide-toggle-unselected-icon-color: var(--mat-sys-surface-variant);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-surface-variant);
  --mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-surface);
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-variant);
  --mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-variant);
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.25rem;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: 0.016rem;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-checked-ripple-color: var(--mat-sys-primary);
  --mat-radio-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: var(--mat-sys-on-surface);
  --mat-radio-disabled-unselected-icon-color: var(--mat-sys-on-surface);
  --mat-radio-label-text-color: var(--mat-sys-on-surface);
  --mat-radio-ripple-color: var(--mat-sys-on-surface);
  --mat-radio-selected-focus-icon-color: var(--mat-sys-primary);
  --mat-radio-selected-hover-icon-color: var(--mat-sys-primary);
  --mat-radio-selected-icon-color: var(--mat-sys-primary);
  --mat-radio-selected-pressed-icon-color: var(--mat-sys-primary);
  --mat-radio-unselected-focus-icon-color: var(--mat-sys-on-surface);
  --mat-radio-unselected-hover-icon-color: var(--mat-sys-on-surface);
  --mat-radio-unselected-icon-color: var(--mat-sys-on-surface-variant);
  --mat-radio-unselected-pressed-icon-color: var(--mat-sys-on-surface);
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 36px;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 1.25rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: 0.016rem;
  --mat-radio-label-text-weight: 400;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-value-indicator-padding: 0;
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-value-indicator-caret-display: none;
  --mat-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --mat-slider-value-indicator-text-transform: rotate(45deg);
  --mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
  --mat-slider-active-track-height: 4px;
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.38;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.38;
  --mat-slider-value-indicator-transform-origin: 0 28px;
  --mat-slider-active-track-color: var(--mat-sys-primary);
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: var(--mat-sys-on-surface);
  --mat-slider-disabled-handle-color: var(--mat-sys-on-surface);
  --mat-slider-disabled-inactive-track-color: var(--mat-sys-on-surface);
  --mat-slider-focus-handle-color: var(--mat-sys-primary);
  --mat-slider-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-primary) 20%, transparent);
  --mat-slider-handle-color: var(--mat-sys-primary);
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: var(--mat-sys-primary);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-primary) 5%, transparent);
  --mat-slider-inactive-track-color: var(--mat-sys-surface-variant);
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: var(--mat-sys-primary);
  --mat-slider-label-label-text-color: var(--mat-sys-on-primary);
  --mat-slider-ripple-color: var(--mat-sys-primary);
  --mat-slider-with-overlap-handle-outline-color: var(--mat-sys-on-primary);
  --mat-slider-with-tick-marks-active-container-color: var(--mat-sys-on-primary);
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: var(--mat-sys-on-surface);
  --mat-slider-with-tick-marks-inactive-container-color: var(--mat-sys-on-surface-variant);
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-line-height: 1rem;
  --mat-slider-label-label-text-size: 0.75rem;
  --mat-slider-label-label-text-tracking: 0.031rem;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-color: var(--mat-sys-surface-variant);
  --mat-menu-item-label-text-color: var(--mat-sys-on-surface);
  --mat-menu-item-icon-color: var(--mat-sys-on-surface-variant);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-menu-container-color: var(--mat-sys-surface-container);
  --mat-menu-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0.006rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-list-active-indicator-color: var(--mat-sys-secondary-container);
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: var(--mat-sys-on-surface);
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-hover-state-layer-color: var(--mat-sys-on-surface);
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-leading-avatar-color: var(--mat-sys-primary-container);
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: var(--mat-sys-on-surface-variant);
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: var(--mat-sys-primary);
  --mat-list-list-item-supporting-text-color: var(--mat-sys-on-surface-variant);
  --mat-list-list-item-trailing-icon-color: var(--mat-sys-on-surface-variant);
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: var(--mat-sys-on-surface-variant);
  --mat-list-list-item-leading-icon-start-space: 12px;
  --mat-list-list-item-leading-icon-end-space: 12px;
  --mat-list-list-item-one-line-container-height: 44px;
  --mat-list-list-item-two-line-container-height: 60px;
  --mat-list-list-item-three-line-container-height: 84px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 1rem;
  --mat-list-list-item-label-text-tracking: 0.031rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: 0.016rem;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: var(--mat-sys-on-surface);
  --mat-paginator-container-background-color: var(--mat-sys-surface);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-paginator-enabled-icon-color: var(--mat-sys-on-surface-variant);
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 1rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 1px;
  --mat-tab-active-focus-indicator-color: var(--mat-sys-primary);
  --mat-tab-active-focus-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-active-hover-indicator-color: var(--mat-sys-primary);
  --mat-tab-active-hover-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-active-indicator-color: var(--mat-sys-primary);
  --mat-tab-active-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-active-ripple-color: var(--mat-sys-on-surface);
  --mat-tab-divider-color: var(--mat-sys-surface-variant);
  --mat-tab-inactive-focus-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-inactive-hover-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-inactive-label-text-color: var(--mat-sys-on-surface);
  --mat-tab-inactive-ripple-color: var(--mat-sys-on-surface);
  --mat-tab-pagination-icon-color: var(--mat-sys-on-surface);
  --mat-tab-disabled-ripple-color: var(--mat-sys-on-surface-variant);
  --mat-tab-container-height: 44px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-line-height: 1.25rem;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: 0.006rem;
  --mat-tab-label-text-weight: 500;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: var(--mat-sys-surface);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-checkbox-label-text-color: var(--mat-sys-on-surface);
  --mat-checkbox-selected-checkmark-color: var(--mat-sys-on-primary);
  --mat-checkbox-selected-focus-icon-color: var(--mat-sys-primary);
  --mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-primary);
  --mat-checkbox-selected-hover-icon-color: var(--mat-sys-primary);
  --mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-primary);
  --mat-checkbox-selected-icon-color: var(--mat-sys-primary);
  --mat-checkbox-selected-pressed-icon-color: var(--mat-sys-primary);
  --mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-surface);
  --mat-checkbox-unselected-focus-icon-color: var(--mat-sys-on-surface);
  --mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-on-surface);
  --mat-checkbox-unselected-hover-icon-color: var(--mat-sys-on-surface);
  --mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-on-surface);
  --mat-checkbox-unselected-icon-color: var(--mat-sys-on-surface-variant);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-primary);
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 36px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-filled-icon-offset: -8px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-outlined-horizontal-padding: 24px;
  --mat-button-outlined-icon-offset: -8px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-shape: 9999px;
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-protected-icon-offset: -8px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 9999px;
  --mat-button-text-horizontal-padding: 12px;
  --mat-button-text-icon-offset: -4px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 9999px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-tonal-icon-offset: -8px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: var(--mat-sys-primary);
  --mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: var(--mat-sys-on-primary);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary) 12%, transparent);
  --mat-button-filled-state-layer-color: var(--mat-sys-on-primary);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: var(--mat-sys-primary);
  --mat-button-outlined-outline-color: var(--mat-sys-outline);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);
  --mat-button-outlined-state-layer-color: var(--mat-sys-primary);
  --mat-button-protected-container-color: var(--mat-sys-surface);
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: var(--mat-sys-primary);
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);
  --mat-button-protected-state-layer-color: var(--mat-sys-primary);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: var(--mat-sys-primary);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);
  --mat-button-text-state-layer-color: var(--mat-sys-primary);
  --mat-button-tonal-container-color: var(--mat-sys-secondary-container);
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: var(--mat-sys-on-secondary-container);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-secondary-container) 12%, transparent);
  --mat-button-tonal-state-layer-color: var(--mat-sys-on-secondary-container);
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 36px;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: 0.006rem;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: 0.006rem;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: 0.006rem;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: 0.006rem;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: 0.006rem;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 9999px;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: var(--mat-sys-on-surface-variant);
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, var(--mat-sys-on-surface-variant) 12%, transparent);
  --mat-icon-button-state-layer-color: var(--mat-sys-on-surface-variant);
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 36px;
  --mat-fab-container-shape: 16px;
  --mat-fab-extended-container-height: 56px;
  --mat-fab-extended-container-shape: 16px;
  --mat-fab-small-container-shape: 12px;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-container-color: var(--mat-sys-primary-container);
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: var(--mat-sys-on-primary-container);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary-container) 12%, transparent);
  --mat-fab-small-container-color: var(--mat-sys-primary-container);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: var(--mat-sys-on-primary-container);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, var(--mat-sys-on-primary-container) 12%, transparent);
  --mat-fab-small-state-layer-color: var(--mat-sys-on-primary-container);
  --mat-fab-state-layer-color: var(--mat-sys-on-primary-container);
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: 0.006rem;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-button-color: var(--mat-sys-inverse-primary);
  --mat-snack-bar-container-color: var(--mat-sys-inverse-surface);
  --mat-snack-bar-supporting-text-color: var(--mat-sys-inverse-on-surface);
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.25rem;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: var(--mat-sys-surface);
  --mat-table-header-headline-color: var(--mat-sys-on-surface);
  --mat-table-row-item-label-text-color: var(--mat-sys-on-surface);
  --mat-table-row-item-outline-color: var(--mat-sys-outline);
  --mat-table-header-container-height: 52px;
  --mat-table-footer-container-height: 48px;
  --mat-table-row-item-container-height: 48px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-active-indicator-color: var(--mat-sys-primary);
  --mat-badge-container-offset: -12px 0;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-large-size-container-offset: -12px 0;
  --mat-badge-large-size-container-overlap-offset: -12px;
  --mat-badge-large-size-container-padding: 0 4px;
  --mat-badge-large-size-container-size: 16px;
  --mat-badge-legacy-container-size: unset;
  --mat-badge-legacy-large-size-container-size: unset;
  --mat-badge-legacy-small-size-container-size: unset;
  --mat-badge-small-size-container-offset: -6px 0;
  --mat-badge-small-size-container-overlap-offset: -6px;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-small-size-container-size: 6px;
  --mat-badge-background-color: var(--mat-sys-error);
  --mat-badge-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-error) 38%, transparent);
  --mat-badge-disabled-state-text-color: var(--mat-sys-on-error);
  --mat-badge-text-color: var(--mat-sys-on-error);
  --mat-badge-large-size-line-height: 16px;
  --mat-badge-large-size-text-size: 0.688rem;
  --mat-badge-line-height: 16px;
  --mat-badge-small-size-line-height: 6px;
  --mat-badge-small-size-text-size: 0;
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 0.688rem;
  --mat-badge-text-weight: 500;
  --mat-bottom-sheet-container-shape: 28px;
  --mat-bottom-sheet-container-text-color: var(--mat-sys-on-surface);
  --mat-bottom-sheet-container-background-color: var(--mat-sys-surface-container-low);
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.08;
  --mat-button-toggle-shape: 28px;
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: transparent;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-button-toggle-divider-color: var(--mat-sys-outline);
  --mat-button-toggle-selected-state-background-color: var(--mat-sys-secondary-container);
  --mat-button-toggle-selected-state-text-color: var(--mat-sys-on-secondary-container);
  --mat-button-toggle-state-layer-color: var(--mat-sys-on-surface);
  --mat-button-toggle-text-color: var(--mat-sys-on-surface);
  --mat-button-toggle-height: 40px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 1.25rem;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-tracking: 0.006rem;
  --mat-button-toggle-label-text-weight: 500;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-body-label-text-color: var(--mat-sys-on-surface);
  --mat-datepicker-calendar-container-background-color: var(--mat-sys-surface-container-high);
  --mat-datepicker-calendar-container-text-color: var(--mat-sys-on-surface);
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--mat-sys-tertiary-container);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--mat-sys-secondary);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--mat-sys-secondary-container);
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--mat-sys-primary-container);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--mat-sys-primary);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--mat-sys-primary);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--mat-sys-on-primary);
  --mat-datepicker-calendar-date-text-color: var(--mat-sys-on-surface);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: var(--mat-sys-primary);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--mat-sys-primary);
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: var(--mat-sys-on-surface-variant);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--mat-sys-on-surface-variant);
  --mat-datepicker-calendar-period-button-icon-color: var(--mat-sys-on-surface-variant);
  --mat-datepicker-calendar-period-button-text-color: var(--mat-sys-on-surface-variant);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-datepicker-range-input-separator-color: var(--mat-sys-on-surface);
  --mat-datepicker-toggle-active-state-icon-color: var(--mat-sys-primary);
  --mat-datepicker-toggle-icon-color: var(--mat-sys-on-surface-variant);
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 0.875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 0.875rem;
  --mat-divider-width: 1px;
  --mat-divider-color: var(--mat-sys-outline-variant);
  --mat-expansion-container-shape: 12px;
  --mat-expansion-header-indicator-display: inline-block;
  --mat-expansion-legacy-header-indicator-display: none;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-actions-divider-color: var(--mat-sys-outline);
  --mat-expansion-container-background-color: var(--mat-sys-surface);
  --mat-expansion-container-text-color: var(--mat-sys-on-surface);
  --mat-expansion-header-description-color: var(--mat-sys-on-surface-variant);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);
  --mat-expansion-header-indicator-color: var(--mat-sys-on-surface-variant);
  --mat-expansion-header-text-color: var(--mat-sys-on-surface);
  --mat-expansion-header-collapsed-state-height: 44px;
  --mat-expansion-header-expanded-state-height: 60px;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: 0.031rem;
  --mat-expansion-container-text-weight: 400;
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-line-height: 1.5rem;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-tracking: 0.009rem;
  --mat-expansion-header-text-weight: 500;
  --mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-header-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 16px;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-container-width: 360px;
  --mat-sidenav-container-divider-color: transparent;
  --mat-sidenav-container-background-color: var(--mat-sys-surface);
  --mat-sidenav-container-text-color: var(--mat-sys-on-surface-variant);
  --mat-sidenav-content-background-color: var(--mat-sys-background);
  --mat-sidenav-content-text-color: var(--mat-sys-on-background);
  --mat-sidenav-scrim-color: color-mix(in srgb, #3a2e26 40%, transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-container-color: var(--mat-sys-surface);
  --mat-stepper-header-done-state-icon-background-color: var(--mat-sys-primary);
  --mat-stepper-header-done-state-icon-foreground-color: var(--mat-sys-on-primary);
  --mat-stepper-header-edit-state-icon-background-color: var(--mat-sys-primary);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--mat-sys-on-primary);
  --mat-stepper-header-error-state-icon-foreground-color: var(--mat-sys-error);
  --mat-stepper-header-error-state-label-text-color: var(--mat-sys-error);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 8%, transparent);
  --mat-stepper-header-icon-background-color: var(--mat-sys-on-surface-variant);
  --mat-stepper-header-icon-foreground-color: var(--mat-sys-surface);
  --mat-stepper-header-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-stepper-header-optional-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-stepper-header-selected-state-icon-background-color: var(--mat-sys-primary);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--mat-sys-on-primary);
  --mat-stepper-header-selected-state-label-text-color: var(--mat-sys-on-surface-variant);
  --mat-stepper-line-color: var(--mat-sys-outline);
  --mat-stepper-header-height: 68px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 68px;
  --mat-sort-arrow-color: var(--mat-sys-on-surface);
  --mat-toolbar-container-background-color: var(--mat-sys-surface);
  --mat-toolbar-container-text-color: var(--mat-sys-on-surface);
  --mat-toolbar-standard-height: 60px;
  --mat-toolbar-mobile-height: 52px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 1.75rem;
  --mat-toolbar-title-text-size: 1.375rem;
  --mat-toolbar-title-text-tracking: 0;
  --mat-toolbar-title-text-weight: 400;
  --mat-tree-container-background-color: var(--mat-sys-surface);
  --mat-tree-node-text-color: var(--mat-sys-on-surface);
  --mat-tree-node-min-height: 44px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-background-color: var(--mat-sys-surface-container);
  --mat-timepicker-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-primary: #ff6852;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-background: #161a1e;
  --mat-sys-surface: #161a1e;
  --mat-sys-surface-container: #22252e;
  --mat-sys-surface-container-high: #22252e;
  --mat-sys-on-surface: white;
  --mat-sys-on-surface-variant: #a3a6ac;
  --mat-sys-outline: #373c48;
  --mat-sys-error: #ff5252;
  --mdc-dialog-container-color: #22252e;
  --mdc-dialog-subhead-color: #ff6852;
  --mdc-dialog-supporting-text-color: white;
  --mdc-dialog-container-shape: 12px;
  --mdc-dialog-subhead-size: 1.5rem;
  --mdc-dialog-subhead-line-height: 2rem;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-supporting-text-size: 1rem;
  --mdc-dialog-supporting-text-line-height: 1.5rem;
  --mdc-dialog-supporting-text-weight: 400;
}
.mat-mdc-tooltip {
  background-color: #161a1e;
  white-space: pre-line;
}
.mat-icon {
  vertical-align: middle;
}
* {
  scrollbar-color: #a3a6ac transparent !important;
  scrollbar-width: thin !important;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: #a3a6ac;
  border-radius: 5px;
}
.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td.ngx-mat-timepicker-meridian {
  display: inline-block;
  height: 100%;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}
.mdc-text-field {
  padding: 0 !important;
}
.mdc-text-field,
.mdc-text-field--focus,
.mdc-text-field--filled,
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background: none !important;
}
.mdc-text-field > *,
.mdc-text-field--focus > *,
.mdc-text-field--filled > *,
.mdc-text-field--filled:not(.mdc-text-field--disabled) > * {
  background: none !important;
}
.mat-mdc-form-field-bottom-align::before {
  height: 10px !important;
}
.mat-mdc-text-field-wrapper {
  padding: 0;
}
.mat-mdc-form-field-infix {
  min-height: auto !important;
}
.mat-mdc-form-field-infix .ngx-mat-file-input {
  align-items: baseline;
}
.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
}
.mat-mdc-menu-panel {
  max-width: 300px !important;
}

/* node_modules/leaflet/dist/leaflet.css */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.leaflet-tile::selection {
  background: transparent;
}
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}
.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-container {
  font-family:
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font:
    bold 18px "Lucida Console",
    Monaco,
    monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url("./media/layers-55W3Q4RM.png");
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("./media/layers-2x-TBM42ERR.png");
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
  background-image: url("./media/marker-icon-2V3QKKVC.png");
}
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}
.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font:
    16px/24px Tahoma,
    Verdana,
    sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* node_modules/typeface-montserrat/index.css */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src:
    local("Montserrat Thin "),
    local("Montserrat-Thin"),
    url("./media/montserrat-latin-100-EIWJMHQZ.woff2") format("woff2"),
    url("./media/montserrat-latin-100-LNVV7V5X.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src:
    local("Montserrat Thin italic"),
    local("Montserrat-Thinitalic"),
    url("./media/montserrat-latin-100italic-DCWLD6PD.woff2") format("woff2"),
    url("./media/montserrat-latin-100italic-FMUEGHUN.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src:
    local("Montserrat Extra Light "),
    local("Montserrat-Extra Light"),
    url("./media/montserrat-latin-200-SWEQXIHC.woff2") format("woff2"),
    url("./media/montserrat-latin-200-KPINAQKI.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src:
    local("Montserrat Extra Light italic"),
    local("Montserrat-Extra Lightitalic"),
    url("./media/montserrat-latin-200italic-A3IWRVAK.woff2") format("woff2"),
    url("./media/montserrat-latin-200italic-GP27B2CZ.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local("Montserrat Light "),
    local("Montserrat-Light"),
    url("./media/montserrat-latin-300-C2KGJNA7.woff2") format("woff2"),
    url("./media/montserrat-latin-300-IZM6TK2A.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local("Montserrat Light italic"),
    local("Montserrat-Lightitalic"),
    url("./media/montserrat-latin-300italic-QDB6F5KV.woff2") format("woff2"),
    url("./media/montserrat-latin-300italic-MFHWA43Y.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local("Montserrat Regular "),
    local("Montserrat-Regular"),
    url("./media/montserrat-latin-400-AFX53SBF.woff2") format("woff2"),
    url("./media/montserrat-latin-400-XHPGVIXU.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local("Montserrat Regular italic"),
    local("Montserrat-Regularitalic"),
    url("./media/montserrat-latin-400italic-G34Q2Z5Y.woff2") format("woff2"),
    url("./media/montserrat-latin-400italic-EAHAX3B3.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local("Montserrat Medium "),
    local("Montserrat-Medium"),
    url("./media/montserrat-latin-500-6T4KANFG.woff2") format("woff2"),
    url("./media/montserrat-latin-500-YA6THGED.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local("Montserrat Medium italic"),
    local("Montserrat-Mediumitalic"),
    url("./media/montserrat-latin-500italic-CGNACJPA.woff2") format("woff2"),
    url("./media/montserrat-latin-500italic-LQ2IBMCI.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    local("Montserrat SemiBold "),
    local("Montserrat-SemiBold"),
    url("./media/montserrat-latin-600-R5ZCWBUD.woff2") format("woff2"),
    url("./media/montserrat-latin-600-X2IH25XR.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src:
    local("Montserrat SemiBold italic"),
    local("Montserrat-SemiBolditalic"),
    url("./media/montserrat-latin-600italic-H46YN5UN.woff2") format("woff2"),
    url("./media/montserrat-latin-600italic-DGBAKWJB.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local("Montserrat Bold "),
    local("Montserrat-Bold"),
    url("./media/montserrat-latin-700-BXSRZYGS.woff2") format("woff2"),
    url("./media/montserrat-latin-700-VIDIH5IR.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src:
    local("Montserrat Bold italic"),
    local("Montserrat-Bolditalic"),
    url("./media/montserrat-latin-700italic-HF7DRDGG.woff2") format("woff2"),
    url("./media/montserrat-latin-700italic-UI43CG5W.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src:
    local("Montserrat ExtraBold "),
    local("Montserrat-ExtraBold"),
    url("./media/montserrat-latin-800-ITWCAALX.woff2") format("woff2"),
    url("./media/montserrat-latin-800-IWQLUGOA.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src:
    local("Montserrat ExtraBold italic"),
    local("Montserrat-ExtraBolditalic"),
    url("./media/montserrat-latin-800italic-FT2M6BFW.woff2") format("woff2"),
    url("./media/montserrat-latin-800italic-XMMF5U7D.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local("Montserrat Black "),
    local("Montserrat-Black"),
    url("./media/montserrat-latin-900-3EKW4ZHO.woff2") format("woff2"),
    url("./media/montserrat-latin-900-3X7CMIJ3.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src:
    local("Montserrat Black italic"),
    local("Montserrat-Blackitalic"),
    url("./media/montserrat-latin-900italic-6MTTWHNK.woff2") format("woff2"),
    url("./media/montserrat-latin-900italic-WNI6D65K.woff") format("woff");
}

/* src/styles.scss */
/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}
*:before,
*:after {
  box-sizing: inherit;
}
img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  text-align: left;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Regular-I5N2TZHC.woff2") format("woff2"), url("./media/Roboto-Regular-XTX373UI.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("./media/Roboto-Regular-I5N2TZHC.woff2") format("woff2"), url("./media/Roboto-Regular-XTX373UI.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-RegularItalic-4OU6XWVM.woff2") format("woff2"), url("./media/Roboto-RegularItalic-AZUPVZVP.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-RegularItalic";
  src: url("./media/Roboto-RegularItalic-4OU6XWVM.woff2") format("woff2"), url("./media/Roboto-RegularItalic-AZUPVZVP.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Light-BYA3NTIT.woff2") format("woff2"), url("./media/Roboto-Light-MA6KTJJX.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("./media/Roboto-Light-BYA3NTIT.woff2") format("woff2"), url("./media/Roboto-Light-MA6KTJJX.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-LightItalic-EMXPJMQC.woff2") format("woff2"), url("./media/Roboto-LightItalic-DNPBIL3Y.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-LightItalic";
  src: url("./media/Roboto-LightItalic-EMXPJMQC.woff2") format("woff2"), url("./media/Roboto-LightItalic-DNPBIL3Y.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Thin-66UVZHCZ.woff2") format("woff2"), url("./media/Roboto-Thin-YE6BK7FY.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("./media/Roboto-Thin-66UVZHCZ.woff2") format("woff2"), url("./media/Roboto-Thin-YE6BK7FY.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-ThinItalic-WDQIJK7W.woff2") format("woff2"), url("./media/Roboto-ThinItalic-CEIQFDPW.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-ThinItalic";
  src: url("./media/Roboto-ThinItalic-WDQIJK7W.woff2") format("woff2"), url("./media/Roboto-ThinItalic-CEIQFDPW.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Medium-IV2TEAZM.woff2") format("woff2"), url("./media/Roboto-Medium-NYNOL4FT.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("./media/Roboto-Medium-IV2TEAZM.woff2") format("woff2"), url("./media/Roboto-Medium-NYNOL4FT.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-MediumItalic-Q4XXAYDA.woff2") format("woff2"), url("./media/Roboto-MediumItalic-4BX3KM4A.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-MediumItalic";
  src: url("./media/Roboto-MediumItalic-Q4XXAYDA.woff2") format("woff2"), url("./media/Roboto-MediumItalic-4BX3KM4A.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Bold-IRZJDKEM.woff2") format("woff2"), url("./media/Roboto-Bold-7REC4YJT.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("./media/Roboto-Bold-IRZJDKEM.woff2") format("woff2"), url("./media/Roboto-Bold-7REC4YJT.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-BoldItalic-DMKRNDXW.woff2") format("woff2"), url("./media/Roboto-BoldItalic-4JV2GONQ.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-BoldItalic";
  src: url("./media/Roboto-BoldItalic-DMKRNDXW.woff2") format("woff2"), url("./media/Roboto-BoldItalic-4JV2GONQ.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Black-F2VDSDKF.woff2") format("woff2"), url("./media/Roboto-Black-WJPWPLMF.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Black";
  src: url("./media/Roboto-Black-F2VDSDKF.woff2") format("woff2"), url("./media/Roboto-Black-WJPWPLMF.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-BlackItalic-PXAD5ZCE.woff2") format("woff2"), url("./media/Roboto-BlackItalic-ZDOGIJDH.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Roboto-BlackItalic";
  src: url("./media/Roboto-BlackItalic-PXAD5ZCE.woff2") format("woff2"), url("./media/Roboto-BlackItalic-ZDOGIJDH.woff") format("woff");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-LEZCGFVT.woff2") format("woff2"), url("./media/material-icons-JLIDJUWE.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined-7BWLPMFK.woff2") format("woff2"), url("./media/material-icons-outlined-PCUTWIDZ.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-round-WEHMTW23.woff2") format("woff2"), url("./media/material-icons-round-SLOHZIXU.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-sharp-HCCYMPXE.woff2") format("woff2"), url("./media/material-icons-sharp-U4OLFP3G.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-two-tone-M5N5K6F5.woff2") format("woff2"), url("./media/material-icons-two-tone-LCGWGE2N.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: "\a0";
}
.fi.fis {
  width: 1em;
}
.fi-xx {
  background-image: url("./media/xx-PLWBNAIN.svg");
}
.fi-ad {
  background-image: url("./media/ad-DX6D6P35.svg");
}
.fi-ae {
  background-image: url("./media/ae-ICAMTCAR.svg");
}
.fi-af {
  background-image: url("./media/af-S5QFPWHL.svg");
}
.fi-ag {
  background-image: url("./media/ag-NQSM4SPF.svg");
}
.fi-ai {
  background-image: url("./media/ai-GDCCT3PR.svg");
}
.fi-al {
  background-image: url("./media/al-4PIKK7NJ.svg");
}
.fi-am {
  background-image: url("./media/am-P5ZIE6XV.svg");
}
.fi-ao {
  background-image: url("./media/ao-IDQ66LVW.svg");
}
.fi-aq {
  background-image: url("./media/aq-M762DUH3.svg");
}
.fi-ar {
  background-image: url("./media/ar-XWKRVO7L.svg");
}
.fi-as {
  background-image: url("./media/as-7VEIEZXH.svg");
}
.fi-at {
  background-image: url("./media/at-P53PFVFI.svg");
}
.fi-au {
  background-image: url("./media/au-OMD4QESS.svg");
}
.fi-aw {
  background-image: url("./media/aw-J422VQZM.svg");
}
.fi-ax {
  background-image: url("./media/ax-KKUASZ2E.svg");
}
.fi-az {
  background-image: url("./media/az-JZV3NJUP.svg");
}
.fi-ba {
  background-image: url("./media/ba-3PGDFGB4.svg");
}
.fi-bb {
  background-image: url("./media/bb-BEDIQBE3.svg");
}
.fi-bd {
  background-image: url("./media/bd-HMCXBQD3.svg");
}
.fi-be {
  background-image: url("./media/be-Y7RGT6WN.svg");
}
.fi-bf {
  background-image: url("./media/bf-IFOTMWPV.svg");
}
.fi-bg {
  background-image: url("./media/bg-QKOWF4RG.svg");
}
.fi-bh {
  background-image: url("./media/bh-F7YG7A6Z.svg");
}
.fi-bi {
  background-image: url("./media/bi-WQRBSL3J.svg");
}
.fi-bj {
  background-image: url("./media/bj-CN25RSKN.svg");
}
.fi-bl {
  background-image: url("./media/bl-2BJN4RL5.svg");
}
.fi-bm {
  background-image: url("./media/bm-BEG7425E.svg");
}
.fi-bn {
  background-image: url("./media/bn-Z3BEHQ3W.svg");
}
.fi-bo {
  background-image: url("./media/bo-4DKUIAEJ.svg");
}
.fi-bq {
  background-image: url("./media/bq-63KYFP2P.svg");
}
.fi-br {
  background-image: url("./media/br-E7SKW6QV.svg");
}
.fi-bs {
  background-image: url("./media/bs-NXGG7PUI.svg");
}
.fi-bt {
  background-image: url("./media/bt-ILNGCG6V.svg");
}
.fi-bv {
  background-image: url("./media/bv-3PDSPR4E.svg");
}
.fi-bw {
  background-image: url("./media/bw-GTCF3QZV.svg");
}
.fi-by {
  background-image: url("./media/by-S2MUQNB3.svg");
}
.fi-bz {
  background-image: url("./media/bz-DVCWSXZH.svg");
}
.fi-ca {
  background-image: url("./media/ca-WZPQPA7E.svg");
}
.fi-cc {
  background-image: url("./media/cc-ZC5YR5XN.svg");
}
.fi-cd {
  background-image: url("./media/cd-WTKKN7EX.svg");
}
.fi-cf {
  background-image: url("./media/cf-XZ4EZSBL.svg");
}
.fi-cg {
  background-image: url("./media/cg-5WDML3CY.svg");
}
.fi-ch {
  background-image: url("./media/ch-USJZZOGC.svg");
}
.fi-ci {
  background-image: url("./media/ci-KFEINJVJ.svg");
}
.fi-ck {
  background-image: url("./media/ck-ATMQHHMA.svg");
}
.fi-cl {
  background-image: url("./media/cl-IPHE466T.svg");
}
.fi-cm {
  background-image: url("./media/cm-I2W3FP7M.svg");
}
.fi-cn {
  background-image: url("./media/cn-P7M3XOME.svg");
}
.fi-co {
  background-image: url("./media/co-NN4OA66V.svg");
}
.fi-cr {
  background-image: url("./media/cr-ZQEISEUX.svg");
}
.fi-cu {
  background-image: url("./media/cu-YU3OHH7F.svg");
}
.fi-cv {
  background-image: url("./media/cv-P6B2WCXI.svg");
}
.fi-cw {
  background-image: url("./media/cw-SO4F3P5A.svg");
}
.fi-cx {
  background-image: url("./media/cx-KK4ASLRO.svg");
}
.fi-cy {
  background-image: url("./media/cy-QQ2KID3R.svg");
}
.fi-cz {
  background-image: url("./media/cz-PSDLWGGB.svg");
}
.fi-de {
  background-image: url("./media/de-UZ33VXB7.svg");
}
.fi-dj {
  background-image: url("./media/dj-YUNJTNUA.svg");
}
.fi-dk {
  background-image: url("./media/dk-JMBRHM34.svg");
}
.fi-dm {
  background-image: url("./media/dm-XTQSW7RH.svg");
}
.fi-do {
  background-image: url("./media/do-GFF4Q6T6.svg");
}
.fi-dz {
  background-image: url("./media/dz-5TGC2F6O.svg");
}
.fi-ec {
  background-image: url("./media/ec-RVY2TDQY.svg");
}
.fi-ee {
  background-image: url("./media/ee-ESNNK5FI.svg");
}
.fi-eg {
  background-image: url("./media/eg-WCF65ODK.svg");
}
.fi-eh {
  background-image: url("./media/eh-NRDUX4TY.svg");
}
.fi-er {
  background-image: url("./media/er-24JCI44Y.svg");
}
.fi-es {
  background-image: url("./media/es-W6LDJAST.svg");
}
.fi-et {
  background-image: url("./media/et-W5LFNNDD.svg");
}
.fi-fi {
  background-image: url("./media/fi-S5EH7BG6.svg");
}
.fi-fj {
  background-image: url("./media/fj-YBL3EYQL.svg");
}
.fi-fk {
  background-image: url("./media/fk-GFIIYGEI.svg");
}
.fi-fm {
  background-image: url("./media/fm-ITPYJV7I.svg");
}
.fi-fo {
  background-image: url("./media/fo-56FJQAHT.svg");
}
.fi-fr {
  background-image: url("./media/fr-J3FWSSZP.svg");
}
.fi-ga {
  background-image: url("./media/ga-YVFEOFTR.svg");
}
.fi-gb {
  background-image: url("./media/gb-SC7363TA.svg");
}
.fi-gd {
  background-image: url("./media/gd-RNVGJF3W.svg");
}
.fi-ge {
  background-image: url("./media/ge-N4W5AZQT.svg");
}
.fi-gf {
  background-image: url("./media/gf-C5XQBSPC.svg");
}
.fi-gg {
  background-image: url("./media/gg-FIL6D5PB.svg");
}
.fi-gh {
  background-image: url("./media/gh-SZBUUZXW.svg");
}
.fi-gi {
  background-image: url("./media/gi-OEWWEY47.svg");
}
.fi-gl {
  background-image: url("./media/gl-PA2YIJP7.svg");
}
.fi-gm {
  background-image: url("./media/gm-5WF3VK63.svg");
}
.fi-gn {
  background-image: url("./media/gn-MSN2M353.svg");
}
.fi-gp {
  background-image: url("./media/gp-ASDGKNDD.svg");
}
.fi-gq {
  background-image: url("./media/gq-EYN2DF4Z.svg");
}
.fi-gr {
  background-image: url("./media/gr-YRG5TXUI.svg");
}
.fi-gs {
  background-image: url("./media/gs-MTKPDITZ.svg");
}
.fi-gt {
  background-image: url("./media/gt-KSM72MVZ.svg");
}
.fi-gu {
  background-image: url("./media/gu-AXDHACWU.svg");
}
.fi-gw {
  background-image: url("./media/gw-VZVBK2SR.svg");
}
.fi-gy {
  background-image: url("./media/gy-C6UGO63R.svg");
}
.fi-hk {
  background-image: url("./media/hk-KAABRID4.svg");
}
.fi-hm {
  background-image: url("./media/hm-TXKONVYT.svg");
}
.fi-hn {
  background-image: url("./media/hn-KOIAEK5B.svg");
}
.fi-hr {
  background-image: url("./media/hr-JFYBSOCI.svg");
}
.fi-ht {
  background-image: url("./media/ht-SCV3BD4M.svg");
}
.fi-hu {
  background-image: url("./media/hu-C3DDGX7P.svg");
}
.fi-id {
  background-image: url("./media/id-JSWZPKEB.svg");
}
.fi-ie {
  background-image: url("./media/ie-QFERZM3U.svg");
}
.fi-il {
  background-image: url("./media/il-T2HQ2UEQ.svg");
}
.fi-im {
  background-image: url("./media/im-KYUVEXHW.svg");
}
.fi-in {
  background-image: url("./media/in-43GO2VKS.svg");
}
.fi-io {
  background-image: url("./media/io-R2KGOKFH.svg");
}
.fi-iq {
  background-image: url("./media/iq-7FWRTP5Y.svg");
}
.fi-ir {
  background-image: url("./media/ir-X6VXW27U.svg");
}
.fi-is {
  background-image: url("./media/is-66BR5RTB.svg");
}
.fi-it {
  background-image: url("./media/it-SGJZRZTG.svg");
}
.fi-je {
  background-image: url("./media/je-YCQBAETR.svg");
}
.fi-jm {
  background-image: url("./media/jm-WELCOSBK.svg");
}
.fi-jo {
  background-image: url("./media/jo-YE2XVIMS.svg");
}
.fi-jp {
  background-image: url("./media/jp-IYFJXQKN.svg");
}
.fi-ke {
  background-image: url("./media/ke-ADJV7W7V.svg");
}
.fi-kg {
  background-image: url("./media/kg-7F7QDEEE.svg");
}
.fi-kh {
  background-image: url("./media/kh-PJSVDH4J.svg");
}
.fi-ki {
  background-image: url("./media/ki-HPC3Y44Y.svg");
}
.fi-km {
  background-image: url("./media/km-C2YKXQMZ.svg");
}
.fi-kn {
  background-image: url("./media/kn-SL6J6OQJ.svg");
}
.fi-kp {
  background-image: url("./media/kp-J3WNB4GL.svg");
}
.fi-kr {
  background-image: url("./media/kr-OEVQSZWL.svg");
}
.fi-kw {
  background-image: url("./media/kw-A6R2ISPG.svg");
}
.fi-ky {
  background-image: url("./media/ky-PZ7KQGQO.svg");
}
.fi-kz {
  background-image: url("./media/kz-FIJ3LIF4.svg");
}
.fi-la {
  background-image: url("./media/la-NJH3GHNB.svg");
}
.fi-lb {
  background-image: url("./media/lb-QO4D36U3.svg");
}
.fi-lc {
  background-image: url("./media/lc-SHXL3I23.svg");
}
.fi-li {
  background-image: url("./media/li-SJFB23DA.svg");
}
.fi-lk {
  background-image: url("./media/lk-HUPVT3IO.svg");
}
.fi-lr {
  background-image: url("./media/lr-H7SF5FRM.svg");
}
.fi-ls {
  background-image: url("./media/ls-DQYSLKA4.svg");
}
.fi-lt {
  background-image: url("./media/lt-X5H273BZ.svg");
}
.fi-lu {
  background-image: url("./media/lu-Y7CETSZZ.svg");
}
.fi-lv {
  background-image: url("./media/lv-UD2OKAKZ.svg");
}
.fi-ly {
  background-image: url("./media/ly-HDADEWRO.svg");
}
.fi-ma {
  background-image: url("./media/ma-VSPIMR33.svg");
}
.fi-mc {
  background-image: url("./media/mc-IV2TK64Y.svg");
}
.fi-md {
  background-image: url("./media/md-Z2KRCTSL.svg");
}
.fi-me {
  background-image: url("./media/me-GJ5HAC7T.svg");
}
.fi-mf {
  background-image: url("./media/mf-H2CCT4ZT.svg");
}
.fi-mg {
  background-image: url("./media/mg-7XGP7WEH.svg");
}
.fi-mh {
  background-image: url("./media/mh-7N2SSCJ3.svg");
}
.fi-mk {
  background-image: url("./media/mk-4CGYETXE.svg");
}
.fi-ml {
  background-image: url("./media/ml-REJ3NIH6.svg");
}
.fi-mm {
  background-image: url("./media/mm-S64OHW5R.svg");
}
.fi-mn {
  background-image: url("./media/mn-QUEB3DP2.svg");
}
.fi-mo {
  background-image: url("./media/mo-7FUU6M3E.svg");
}
.fi-mp {
  background-image: url("./media/mp-64QSYE7H.svg");
}
.fi-mq {
  background-image: url("./media/mq-KUXVEPE7.svg");
}
.fi-mr {
  background-image: url("./media/mr-KMSAAQLZ.svg");
}
.fi-ms {
  background-image: url("./media/ms-K2T5DFEF.svg");
}
.fi-mt {
  background-image: url("./media/mt-DUA34F2Z.svg");
}
.fi-mu {
  background-image: url("./media/mu-ZHDOJ3TI.svg");
}
.fi-mv {
  background-image: url("./media/mv-6NYHRQLF.svg");
}
.fi-mw {
  background-image: url("./media/mw-AXRAJH26.svg");
}
.fi-mx {
  background-image: url("./media/mx-IJ6XM5NN.svg");
}
.fi-my {
  background-image: url("./media/my-L4V4SFXK.svg");
}
.fi-mz {
  background-image: url("./media/mz-6C45AHHE.svg");
}
.fi-na {
  background-image: url("./media/na-KENBGPR5.svg");
}
.fi-nc {
  background-image: url("./media/nc-JJHA6YCG.svg");
}
.fi-ne {
  background-image: url("./media/ne-NIQVZJOH.svg");
}
.fi-nf {
  background-image: url("./media/nf-6GXJMQE5.svg");
}
.fi-ng {
  background-image: url("./media/ng-5QXHJYS4.svg");
}
.fi-ni {
  background-image: url("./media/ni-Y4S3MJUA.svg");
}
.fi-nl {
  background-image: url("./media/nl-QVISKFUO.svg");
}
.fi-no {
  background-image: url("./media/no-JTVUCTCT.svg");
}
.fi-np {
  background-image: url("./media/np-CYPNY3KP.svg");
}
.fi-nr {
  background-image: url("./media/nr-J3Z7OKTM.svg");
}
.fi-nu {
  background-image: url("./media/nu-4OUEUAXX.svg");
}
.fi-nz {
  background-image: url("./media/nz-SC4WL5GP.svg");
}
.fi-om {
  background-image: url("./media/om-WBLOUASY.svg");
}
.fi-pa {
  background-image: url("./media/pa-PC5ZUPN6.svg");
}
.fi-pe {
  background-image: url("./media/pe-CMQM2GTM.svg");
}
.fi-pf {
  background-image: url("./media/pf-ENVNLPQ7.svg");
}
.fi-pg {
  background-image: url("./media/pg-R7GWNRSB.svg");
}
.fi-ph {
  background-image: url("./media/ph-QSRFK225.svg");
}
.fi-pk {
  background-image: url("./media/pk-52A7JSOV.svg");
}
.fi-pl {
  background-image: url("./media/pl-JSSZW3KY.svg");
}
.fi-pm {
  background-image: url("./media/pm-XLBOSN5Y.svg");
}
.fi-pn {
  background-image: url("./media/pn-SGVNEM75.svg");
}
.fi-pr {
  background-image: url("./media/pr-H26UPRUY.svg");
}
.fi-ps {
  background-image: url("./media/ps-IRU6GCXV.svg");
}
.fi-pt {
  background-image: url("./media/pt-QKDN53LQ.svg");
}
.fi-pw {
  background-image: url("./media/pw-VBUKIQZ2.svg");
}
.fi-py {
  background-image: url("./media/py-BBGVETQS.svg");
}
.fi-qa {
  background-image: url("./media/qa-O6NUQ5WE.svg");
}
.fi-re {
  background-image: url("./media/re-FZKF5L5F.svg");
}
.fi-ro {
  background-image: url("./media/ro-YBPUPSYC.svg");
}
.fi-rs {
  background-image: url("./media/rs-REZG4IAA.svg");
}
.fi-ru {
  background-image: url("./media/ru-NVSR5C27.svg");
}
.fi-rw {
  background-image: url("./media/rw-6PPNWH63.svg");
}
.fi-sa {
  background-image: url("./media/sa-IPG2NQIN.svg");
}
.fi-sb {
  background-image: url("./media/sb-MSAGR2MU.svg");
}
.fi-sc {
  background-image: url("./media/sc-V2MOTRIU.svg");
}
.fi-sd {
  background-image: url("./media/sd-HFBRPI6J.svg");
}
.fi-se {
  background-image: url("./media/se-3UJAVTP2.svg");
}
.fi-sg {
  background-image: url("./media/sg-PLMFMQ2U.svg");
}
.fi-sh {
  background-image: url("./media/sh-Q33YUU7C.svg");
}
.fi-si {
  background-image: url("./media/si-7WVNU5HH.svg");
}
.fi-sj {
  background-image: url("./media/sj-EOPZSLCL.svg");
}
.fi-sk {
  background-image: url("./media/sk-Z5T3FAV3.svg");
}
.fi-sl {
  background-image: url("./media/sl-DE7XOWOL.svg");
}
.fi-sm {
  background-image: url("./media/sm-OSI7YZKX.svg");
}
.fi-sn {
  background-image: url("./media/sn-KYWABXNT.svg");
}
.fi-so {
  background-image: url("./media/so-NVQ6EJKS.svg");
}
.fi-sr {
  background-image: url("./media/sr-HMODPFV5.svg");
}
.fi-ss {
  background-image: url("./media/ss-R7O73JRT.svg");
}
.fi-st {
  background-image: url("./media/st-H2HUAEF2.svg");
}
.fi-sv {
  background-image: url("./media/sv-CHYILSDH.svg");
}
.fi-sx {
  background-image: url("./media/sx-6PXU3BOP.svg");
}
.fi-sy {
  background-image: url("./media/sy-HTLBFL4F.svg");
}
.fi-sz {
  background-image: url("./media/sz-SJGHUFCR.svg");
}
.fi-tc {
  background-image: url("./media/tc-HB4HYKIX.svg");
}
.fi-td {
  background-image: url("./media/td-IEJMZVM7.svg");
}
.fi-tf {
  background-image: url("./media/tf-NW4HOTZD.svg");
}
.fi-tg {
  background-image: url("./media/tg-AIJ5IBEL.svg");
}
.fi-th {
  background-image: url("./media/th-WAHAQKQK.svg");
}
.fi-tj {
  background-image: url("./media/tj-UJXNA6IQ.svg");
}
.fi-tk {
  background-image: url("./media/tk-G765JUVP.svg");
}
.fi-tl {
  background-image: url("./media/tl-MQXEMZYW.svg");
}
.fi-tm {
  background-image: url("./media/tm-I3YAVOKZ.svg");
}
.fi-tn {
  background-image: url("./media/tn-NXUR5BRC.svg");
}
.fi-to {
  background-image: url("./media/to-4IPHWATD.svg");
}
.fi-tr {
  background-image: url("./media/tr-KC7PK4TT.svg");
}
.fi-tt {
  background-image: url("./media/tt-IVVKXXFH.svg");
}
.fi-tv {
  background-image: url("./media/tv-HASL2ZPX.svg");
}
.fi-tw {
  background-image: url("./media/tw-OOSFQCFC.svg");
}
.fi-tz {
  background-image: url("./media/tz-XBTR54G2.svg");
}
.fi-ua {
  background-image: url("./media/ua-6L6MVDVK.svg");
}
.fi-ug {
  background-image: url("./media/ug-IS5EVL72.svg");
}
.fi-um {
  background-image: url("./media/um-RVF55XUQ.svg");
}
.fi-us {
  background-image: url("./media/us-J4WVK5FY.svg");
}
.fi-uy {
  background-image: url("./media/uy-G3WB24BW.svg");
}
.fi-uz {
  background-image: url("./media/uz-WOGGMJQC.svg");
}
.fi-va {
  background-image: url("./media/va-CAWMLLMG.svg");
}
.fi-vc {
  background-image: url("./media/vc-F4EKLJYW.svg");
}
.fi-ve {
  background-image: url("./media/ve-7QMM4EDR.svg");
}
.fi-vg {
  background-image: url("./media/vg-NKMDDBNI.svg");
}
.fi-vi {
  background-image: url("./media/vi-BTFK4FDI.svg");
}
.fi-vn {
  background-image: url("./media/vn-RG7TKVCZ.svg");
}
.fi-vu {
  background-image: url("./media/vu-2WO5PBKE.svg");
}
.fi-wf {
  background-image: url("./media/wf-JQ63EPHX.svg");
}
.fi-ws {
  background-image: url("./media/ws-PVUKQ4PE.svg");
}
.fi-ye {
  background-image: url("./media/ye-NQNPF5YD.svg");
}
.fi-yt {
  background-image: url("./media/yt-YSSH4FH6.svg");
}
.fi-za {
  background-image: url("./media/za-VFQCUHJK.svg");
}
.fi-zm {
  background-image: url("./media/zm-BPNBREFJ.svg");
}
.fi-zw {
  background-image: url("./media/zw-MVOMWTFF.svg");
}
.fi-ac {
  background-image: url("./media/ac-D4NBFPD2.svg");
}
.fi-arab {
  background-image: url("./media/arab-DLVAJOTU.svg");
}
.fi-cefta {
  background-image: url("./media/cefta-HR3KQ2EO.svg");
}
.fi-cp {
  background-image: url("./media/cp-733Z4VEL.svg");
}
.fi-dg {
  background-image: url("./media/dg-WGKXS4QM.svg");
}
.fi-eac {
  background-image: url("./media/eac-55FWDOFB.svg");
}
.fi-es-ct {
  background-image: url("./media/es-ct-LZMYMK2E.svg");
}
.fi-es-ga {
  background-image: url("./media/es-ga-WIDSGT6F.svg");
}
.fi-es-pv {
  background-image: url("./media/es-pv-OPYNYK2T.svg");
}
.fi-eu {
  background-image: url("./media/eu-DMSJD4VR.svg");
}
.fi-gb-eng {
  background-image: url("./media/gb-eng-4H6GWTY6.svg");
}
.fi-gb-nir {
  background-image: url("./media/gb-nir-FOHSP3SQ.svg");
}
.fi-gb-sct {
  background-image: url("./media/gb-sct-CDZZA2QR.svg");
}
.fi-gb-wls {
  background-image: url("./media/gb-wls-5V2TWHQ5.svg");
}
.fi-ic {
  background-image: url("./media/ic-CQCOSBIQ.svg");
}
.fi-ta {
  background-image: url("./media/ta-J3WSS3TQ.svg");
}
.fi-un {
  background-image: url("./media/un-QXIOZSYM.svg");
}
.fi-xk {
  background-image: url("./media/xk-KBS6HKWR.svg");
}
.pos-rel {
  position: relative;
}
.toggle-realtime {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.text-gray-50 {
  color: rgb(249, 250, 251);
}
h1 {
  font-size: 48px;
  font-family: "Montserrat";
  font-weight: bold;
  color: var(--fg);
}
h2 {
  font-size: 28px;
  font-family: "Montserrat";
  font-weight: bold;
  color: #ff6852;
}
h3 {
  font-size: 26px;
  font-family: "Montserrat";
  font-weight: 500;
  color: #ff6852;
}
html,
body {
  height: 100%;
}
body {
  --fg: #ff6852;
  --bg: #000000;
  color: white;
  background-color: #161a1e;
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.pos-rel {
  position: relative;
}
.toggle-realtime {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.text-gray-50 {
  color: rgb(249, 250, 251);
}
.h-1 {
  height: 0.25rem;
}
.p-1 {
  padding: 0.25rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.m-1 {
  margin: 0.25rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mb-1,
.rt-section-title {
  margin-bottom: 0.25rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.h-1_5 {
  height: 0.375rem;
}
.p-1_5 {
  padding: 0.375rem;
}
.pb-1_5 {
  padding-bottom: 0.375rem;
}
.pl-1_5 {
  padding-left: 0.375rem;
}
.pr-1_5 {
  padding-right: 0.375rem;
}
.m-1_5 {
  margin: 0.375rem;
}
.ml-1_5 {
  margin-left: 0.375rem;
}
.mr-1_5 {
  margin-right: 0.375rem;
}
.mb-1_5 {
  margin-bottom: 0.375rem;
}
.mt-1_5 {
  margin-top: 0.375rem;
}
.h-2 {
  height: 0.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.m-2 {
  margin: 0.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.h-3 {
  height: 0.75rem;
}
.p-3 {
  padding: 0.75rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.m-3 {
  margin: 0.75rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.p-4 {
  padding: 1rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pr-4 {
  padding-right: 1rem;
}
.m-4 {
  margin: 1rem;
}
.ml-4 {
  margin-left: 1rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mt-4,
.rt-info-title {
  margin-top: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.p-6 {
  padding: 1.5rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.m-6 {
  margin: 1.5rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.p-8,
.rt-no-data {
  padding: 2rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-8 {
  padding-right: 2rem;
}
.m-8 {
  margin: 2rem;
}
.ml-8 {
  margin-left: 2rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mt-8 {
  margin-top: 2rem;
}
.h-12 {
  height: 3rem;
}
.p-12 {
  padding: 3rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pr-12 {
  padding-right: 3rem;
}
.m-12 {
  margin: 3rem;
}
.ml-12 {
  margin-left: 3rem;
}
.mr-12 {
  margin-right: 3rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mt-12 {
  margin-top: 3rem;
}
.h-16 {
  height: 4rem;
}
.p-16 {
  padding: 4rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pl-16 {
  padding-left: 4rem;
}
.pr-16 {
  padding-right: 4rem;
}
.m-16 {
  margin: 4rem;
}
.ml-16 {
  margin-left: 4rem;
}
.mr-16 {
  margin-right: 4rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mt-16 {
  margin-top: 4rem;
}
.h-18 {
  height: 5rem;
}
.p-18 {
  padding: 5rem;
}
.pb-18 {
  padding-bottom: 5rem;
}
.pl-18 {
  padding-left: 5rem;
}
.pr-18 {
  padding-right: 5rem;
}
.m-18 {
  margin: 5rem;
}
.ml-18 {
  margin-left: 5rem;
}
.mr-18 {
  margin-right: 5rem;
}
.mb-18 {
  margin-bottom: 5rem;
}
.mt-18 {
  margin-top: 5rem;
}
.font-sans {
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}
.font-serif {
  font-family:
    ui-serif,
    Georgia,
    Cambria,
    "Times New Roman",
    Times,
    serif;
}
.font-mono {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
.font-thin {
  font-weight: 100;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-black {
  font-weight: 900;
}
.text-xs,
.rt-info-label,
.rt-table th {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-sm,
.rt-info-title {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-base,
.rt-info-value,
.rt-section-title {
  font-size: 1rem;
  line-height: 1.75rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}
.text-8xl {
  font-size: 6rem;
  line-height: 1;
}
.text-9xl {
  font-size: 8rem;
  line-height: 1;
}
.leading-3 {
  line-height: 0.75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.leading-snug {
  line-height: 1.375;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-loose {
  line-height: 2;
}
.uppercase,
.rt-info-title,
.rt-info-label,
.rt-section-title,
.rt-table th {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.text-left,
.rt-table td,
.rt-table th {
  text-align: left;
}
.text-center,
th.mat-mdc-header-cell.text-center,
.rt-table td.mat-mdc-header-cell.text-center,
.rt-table th.mat-mdc-header-cell.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-fg {
  color: white;
}
.bg-fg {
  background-color: white;
}
.border-fg {
  border: white;
}
.fill-fg {
  fill: white;
}
.stroke-fg {
  stroke: white;
}
.text-fg-primary {
  color: #ff6852;
}
.bg-fg-primary {
  background-color: #ff6852;
}
.border-fg-primary {
  border: #ff6852;
}
.fill-fg-primary {
  fill: #ff6852;
}
.stroke-fg-primary {
  stroke: #ff6852;
}
.text-fg-secondary,
.rt-table th {
  color: #a3a6ac;
}
.bg-fg-secondary {
  background-color: #a3a6ac;
}
.border-fg-secondary {
  border: #a3a6ac;
}
.fill-fg-secondary {
  fill: #a3a6ac;
}
.stroke-fg-secondary {
  stroke: #a3a6ac;
}
.text-fg-divider {
  color: #373c48;
}
.bg-fg-divider {
  background-color: #373c48;
}
.border-fg-divider,
.rt-table th {
  border: #373c48;
}
.fill-fg-divider {
  fill: #373c48;
}
.stroke-fg-divider {
  stroke: #373c48;
}
.text-fg-hint {
  color: rgb(179, 104, 104);
}
.bg-fg-hint {
  background-color: rgb(179, 104, 104);
}
.border-fg-hint {
  border: rgb(179, 104, 104);
}
.fill-fg-hint {
  fill: rgb(179, 104, 104);
}
.stroke-fg-hint {
  stroke: rgb(179, 104, 104);
}
.text-fg-disabled {
  color: #3f4551;
}
.bg-fg-disabled {
  background-color: #3f4551;
}
.border-fg-disabled {
  border: #3f4551;
}
.fill-fg-disabled {
  fill: #3f4551;
}
.stroke-fg-disabled {
  stroke: #3f4551;
}
.text-fg-success {
  color: rgb(36, 136, 36);
}
.bg-fg-success {
  background-color: rgb(36, 136, 36);
}
.border-fg-success {
  border: rgb(36, 136, 36);
}
.fill-fg-success {
  fill: rgb(36, 136, 36);
}
.stroke-fg-success {
  stroke: rgb(36, 136, 36);
}
.text-fg-error {
  color: #f44336;
}
.bg-fg-error {
  background-color: #f44336;
}
.border-fg-error {
  border: #f44336;
}
.fill-fg-error {
  fill: #f44336;
}
.stroke-fg-error {
  stroke: #f44336;
}
.text-fg-pending {
  color: rgb(167, 161, 161);
}
.bg-fg-pending {
  background-color: rgb(167, 161, 161);
}
.border-fg-pending {
  border: rgb(167, 161, 161);
}
.fill-fg-pending {
  fill: rgb(167, 161, 161);
}
.stroke-fg-pending {
  stroke: rgb(167, 161, 161);
}
.text-bg {
  color: #161a1e;
}
.bg-bg {
  background-color: #161a1e;
}
.border-bg {
  border: #161a1e;
}
.fill-bg {
  fill: #161a1e;
}
.stroke-bg {
  stroke: #161a1e;
}
.text-bg-card {
  color: #22252e;
}
.bg-bg-card {
  background-color: #22252e;
}
.border-bg-card {
  border: #22252e;
}
.fill-bg-card {
  fill: #22252e;
}
.stroke-bg-card {
  stroke: #22252e;
}
.text-bg-hover {
  color: #373c48;
}
.bg-bg-hover,
.rt-no-data {
  background-color: #373c48;
}
.border-bg-hover {
  border: #373c48;
}
.fill-bg-hover {
  fill: #373c48;
}
.stroke-bg-hover {
  stroke: #373c48;
}
.text-bg-menu {
  color: #22252e;
}
.bg-bg-menu {
  background-color: #22252e;
}
.border-bg-menu {
  border: #22252e;
}
.fill-bg-menu {
  fill: #22252e;
}
.stroke-bg-menu {
  stroke: #22252e;
}
.text-bg-shadow {
  color: black;
}
.bg-bg-shadow {
  background-color: black;
}
.border-bg-shadow {
  border: black;
}
.fill-bg-shadow {
  fill: black;
}
.stroke-bg-shadow {
  stroke: black;
}
.text-bg-selected {
  color: #626772;
}
.bg-bg-selected {
  background-color: #626772;
}
.border-bg-selected {
  border: #626772;
}
.fill-bg-selected {
  fill: #626772;
}
.stroke-bg-selected {
  stroke: #626772;
}
.text-white {
  color: #ffffff;
}
.bg-white {
  background-color: #ffffff;
}
.border-white {
  border: #ffffff;
}
.fill-white {
  fill: #ffffff;
}
.stroke-white {
  stroke: #ffffff;
}
.text-black {
  color: #000000;
}
.bg-black {
  background-color: #000000;
}
.border-black {
  border: #000000;
}
.fill-black {
  fill: #000000;
}
.stroke-black {
  stroke: #000000;
}
.text-gray-50 {
  color: rgb(249, 250, 251);
}
.bg-gray-50 {
  background-color: rgb(249, 250, 251);
}
.border-gray-50 {
  border: rgb(249, 250, 251);
}
.fill-gray-50 {
  fill: rgb(249, 250, 251);
}
.stroke-gray-50 {
  stroke: rgb(249, 250, 251);
}
.text-gray-100 {
  color: rgb(243, 244, 246);
}
.bg-gray-100 {
  background-color: rgb(243, 244, 246);
}
.border-gray-100 {
  border: rgb(243, 244, 246);
}
.fill-gray-100 {
  fill: rgb(243, 244, 246);
}
.stroke-gray-100 {
  stroke: rgb(243, 244, 246);
}
.text-gray-200 {
  color: rgb(229, 231, 235);
}
.bg-gray-200 {
  background-color: rgb(229, 231, 235);
}
.border-gray-200 {
  border: rgb(229, 231, 235);
}
.fill-gray-200 {
  fill: rgb(229, 231, 235);
}
.stroke-gray-200 {
  stroke: rgb(229, 231, 235);
}
.text-gray-300 {
  color: rgb(209, 213, 219);
}
.bg-gray-300 {
  background-color: rgb(209, 213, 219);
}
.border-gray-300 {
  border: rgb(209, 213, 219);
}
.fill-gray-300 {
  fill: rgb(209, 213, 219);
}
.stroke-gray-300 {
  stroke: rgb(209, 213, 219);
}
.text-gray-400,
.rt-no-data {
  color: rgb(156, 163, 175);
}
.bg-gray-400 {
  background-color: rgb(156, 163, 175);
}
.border-gray-400 {
  border: rgb(156, 163, 175);
}
.fill-gray-400 {
  fill: rgb(156, 163, 175);
}
.stroke-gray-400 {
  stroke: rgb(156, 163, 175);
}
.text-gray-500,
.rt-section-title {
  color: rgb(107, 114, 128);
}
.bg-gray-500 {
  background-color: rgb(107, 114, 128);
}
.border-gray-500 {
  border: rgb(107, 114, 128);
}
.fill-gray-500 {
  fill: rgb(107, 114, 128);
}
.stroke-gray-500 {
  stroke: rgb(107, 114, 128);
}
.text-gray-600 {
  color: rgb(75, 85, 99);
}
.bg-gray-600 {
  background-color: rgb(75, 85, 99);
}
.border-gray-600 {
  border: rgb(75, 85, 99);
}
.fill-gray-600 {
  fill: rgb(75, 85, 99);
}
.stroke-gray-600 {
  stroke: rgb(75, 85, 99);
}
.text-gray-700 {
  color: rgb(55, 65, 81);
}
.bg-gray-700 {
  background-color: rgb(55, 65, 81);
}
.border-gray-700 {
  border: rgb(55, 65, 81);
}
.fill-gray-700 {
  fill: rgb(55, 65, 81);
}
.stroke-gray-700 {
  stroke: rgb(55, 65, 81);
}
.text-gray-800 {
  color: rgb(31, 41, 55);
}
.bg-gray-800 {
  background-color: rgb(31, 41, 55);
}
.border-gray-800 {
  border: rgb(31, 41, 55);
}
.fill-gray-800 {
  fill: rgb(31, 41, 55);
}
.stroke-gray-800 {
  stroke: rgb(31, 41, 55);
}
.text-gray-900 {
  color: rgb(17, 24, 39);
}
.bg-gray-900 {
  background-color: rgb(17, 24, 39);
}
.border-gray-900 {
  border: rgb(17, 24, 39);
}
.fill-gray-900 {
  fill: rgb(17, 24, 39);
}
.stroke-gray-900 {
  stroke: rgb(17, 24, 39);
}
.text-blue {
  color: #ff6852;
}
.bg-blue {
  background-color: #ff6852;
}
.border-blue {
  border: #ff6852;
}
.fill-blue {
  fill: #ff6852;
}
.stroke-blue {
  stroke: #ff6852;
}
.text-blue-800 {
  color: #ff4c38;
}
.bg-blue-800 {
  background-color: #ff4c38;
}
.border-blue-800 {
  border: #ff4c38;
}
.fill-blue-800 {
  fill: #ff4c38;
}
.stroke-blue-800 {
  stroke: #ff4c38;
}
.text-blue-900 {
  color: #ff3b28;
}
.bg-blue-900 {
  background-color: #ff3b28;
}
.border-blue-900 {
  border: #ff3b28;
}
.fill-blue-900 {
  fill: #ff3b28;
}
.stroke-blue-900 {
  stroke: #ff3b28;
}
.text-purple {
  color: #6557eb;
}
.bg-purple {
  background-color: #6557eb;
}
.border-purple {
  border: #6557eb;
}
.fill-purple {
  fill: #6557eb;
}
.stroke-purple {
  stroke: #6557eb;
}
.text-yellow {
  color: #ffa516;
}
.bg-yellow {
  background-color: #ffa516;
}
.border-yellow {
  border: #ffa516;
}
.fill-yellow {
  fill: #ffa516;
}
.stroke-yellow {
  stroke: #ffa516;
}
.text-yellow-200 {
  color: rgb(255, 243.7982832618, 226);
}
.bg-yellow-200 {
  background-color: rgb(255, 243.7982832618, 226);
}
.border-yellow-200 {
  border: rgb(255, 243.7982832618, 226);
}
.fill-yellow-200 {
  fill: rgb(255, 243.7982832618, 226);
}
.stroke-yellow-200 {
  stroke: rgb(255, 243.7982832618, 226);
}
.text-yellow-400 {
  color: rgb(255, 184.6995708155, 73);
}
.bg-yellow-400 {
  background-color: rgb(255, 184.6995708155, 73);
}
.border-yellow-400 {
  border: rgb(255, 184.6995708155, 73);
}
.fill-yellow-400 {
  fill: rgb(255, 184.6995708155, 73);
}
.stroke-yellow-400 {
  stroke: rgb(255, 184.6995708155, 73);
}
.text-red {
  color: #d43a00;
}
.bg-red {
  background-color: #d43a00;
}
.border-red {
  border: #d43a00;
}
.fill-red {
  fill: #d43a00;
}
.stroke-red {
  stroke: #d43a00;
}
.text-red-200 {
  color: rgb(255, 186.7169811321, 161);
}
.bg-red-200 {
  background-color: rgb(255, 186.7169811321, 161);
}
.border-red-200 {
  border: rgb(255, 186.7169811321, 161);
}
.fill-red-200 {
  fill: rgb(255, 186.7169811321, 161);
}
.stroke-red-200 {
  stroke: rgb(255, 186.7169811321, 161);
}
.text-red-400 {
  color: rgb(255, 75.5754716981, 8);
}
.bg-red-400 {
  background-color: rgb(255, 75.5754716981, 8);
}
.border-red-400 {
  border: rgb(255, 75.5754716981, 8);
}
.fill-red-400 {
  fill: rgb(255, 75.5754716981, 8);
}
.stroke-red-400 {
  stroke: rgb(255, 75.5754716981, 8);
}
.text-green {
  color: #aad400;
}
.bg-green {
  background-color: #aad400;
}
.border-green {
  border: #aad400;
}
.fill-green {
  fill: #aad400;
}
.stroke-green {
  stroke: #aad400;
}
.text-green-200 {
  color: rgb(236.3773584906, 255, 161);
}
.bg-green-200 {
  background-color: rgb(236.3773584906, 255, 161);
}
.border-green-200 {
  border: rgb(236.3773584906, 255, 161);
}
.fill-green-200 {
  fill: rgb(236.3773584906, 255, 161);
}
.stroke-green-200 {
  stroke: rgb(236.3773584906, 255, 161);
}
.text-green-400 {
  color: rgb(206.0660377358, 255, 8);
}
.bg-green-400 {
  background-color: rgb(206.0660377358, 255, 8);
}
.border-green-400 {
  border: rgb(206.0660377358, 255, 8);
}
.fill-green-400 {
  fill: rgb(206.0660377358, 255, 8);
}
.stroke-green-400 {
  stroke: rgb(206.0660377358, 255, 8);
}
.text-acoem-grey-A100 {
  color: #7799ff;
}
.bg-acoem-grey-A100 {
  background-color: #7799ff;
}
.border-acoem-grey-A100 {
  border: #7799ff;
}
.fill-acoem-grey-A100 {
  fill: #7799ff;
}
.stroke-acoem-grey-A100 {
  stroke: #7799ff;
}
.text-acoem-grey-A200 {
  color: #4473ff;
}
.bg-acoem-grey-A200 {
  background-color: #4473ff;
}
.border-acoem-grey-A200 {
  border: #4473ff;
}
.fill-acoem-grey-A200 {
  fill: #4473ff;
}
.stroke-acoem-grey-A200 {
  stroke: #4473ff;
}
.text-acoem-grey-A400 {
  color: #114cff;
}
.bg-acoem-grey-A400 {
  background-color: #114cff;
}
.border-acoem-grey-A400 {
  border: #114cff;
}
.fill-acoem-grey-A400 {
  fill: #114cff;
}
.stroke-acoem-grey-A400 {
  stroke: #114cff;
}
.text-acoem-grey-A700 {
  color: #003ef6;
}
.bg-acoem-grey-A700 {
  background-color: #003ef6;
}
.border-acoem-grey-A700 {
  border: #003ef6;
}
.fill-acoem-grey-A700 {
  fill: #003ef6;
}
.stroke-acoem-grey-A700 {
  stroke: #003ef6;
}
.border-none {
  border-style: none;
}
.border-solid,
.rt-table th {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.border-double {
  border-style: double;
}
.border-0,
.rt-table th {
  border-width: 0px;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-b,
.rt-table th {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.grid {
  display: grid;
}
.grid-cols-1,
.rt-info-grid-cols-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2,
.rt-info-grid-cols-1-3,
.rt-info-grid-cols-2-2,
.rt-info-grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4,
.rt-info-grid-cols-4-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-0 {
  grid-gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1_5 {
  gap: 0.375rem;
}
.gap-2,
.rt-info-grid-cols-4-4,
.rt-info-grid-cols-1-3,
.rt-info-grid-cols-2-2,
.rt-info-grid-cols-2,
.rt-info-grid-cols-1 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center,
.rt-info-grid-cols-4-4,
.rt-info-grid-cols-1-3,
.rt-info-grid-cols-2-2,
.rt-info-grid-cols-2,
.rt-info-grid-cols-1 {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.self-start {
  align-self: start;
}
.col-span-1 {
  grid-column: span 1;
}
.col-span-2,
.rt-info-title {
  grid-column: span 2;
}
.col-span-3 {
  grid-column: span 3;
}
.row-span-2 {
  grid-row: span 2;
}
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.cursor-text {
  cursor: text;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline-white {
  outline: 2px dotted white;
  outline-offset: 2px;
}
.outline-black {
  outline: 2px dotted black;
  outline-offset: 2px;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-text {
  -webkit-user-select: text;
  user-select: text;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.select-auto {
  -webkit-user-select: auto;
  user-select: auto;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.float-right {
  float: right;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear-both {
  clear: both;
}
.clear-none {
  clear: none;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-80 {
  opacity: 0.8;
}
.stroke-0 {
  stroke-width: 0;
}
.stroke-1 {
  stroke-width: 1;
}
.stroke-2 {
  stroke-width: 2;
}
.fill-current {
  fill: currentColor;
}
.fill-none {
  fill: none;
}
.white-space-pre {
  white-space: pre;
}
.modal-pairing * {
  list-style: inherit;
}
.modal-pairing li {
  margin-left: 1.5rem;
}
.pos-rel {
  position: relative;
}
.toggle-realtime {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.text-gray-50 {
  color: rgb(249, 250, 251);
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.rt-pop {
  -webkit-box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12),
    0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12),
    0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.round,
.rt-input,
.rt-button,
.rt-button-secondary {
  border-radius: 2px;
}
.rt-card {
  border-radius: 0.5rem;
  padding: 2rem;
  background-color: #22252e;
}
.rt-container {
  max-width: 1120px;
  margin: 0 auto;
}
.rt-mb-m {
  margin-bottom: 8px;
}
.rt-mb-l {
  margin-bottom: 24px;
}
.rt-p-m {
  padding: 8px;
}
.rt-p-l {
  padding: 24px;
}
.rt-nopadding {
  padding: 0;
}
.rt-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rt-button,
.rt-button-secondary {
  display: inline-block;
  border: 2px solid #ff6852;
  line-height: 34px;
  padding: 0 24px;
  position: relative;
  font-weight: bold;
  font-family: "Montserrat";
  color: #ffffff;
  background-color: #ff6852;
  cursor: pointer;
  outline: none;
}
.rt-button::-moz-focus-inner,
.rt-button-secondary::-moz-focus-inner {
  border: 0;
}
.rt-button:hover:not(:disabled):not(.mat-mdc-input-element[readonly=true]),
.rt-button-secondary:hover:not(:disabled):not(.mat-mdc-input-element[readonly=true]) {
  color: var(--fg);
  background-color: #ffd2cb;
}
.rt-button:focus,
.rt-button-secondary:focus {
  outline: none;
}
.rt-button:not(:first-child),
.rt-button-secondary:not(:first-child) {
  margin-left: 4px;
}
.rt-button.spinner:before,
.spinner.rt-button-secondary:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
}
.rt-button.spinner:after,
.spinner.rt-button-secondary:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #000000;
  animation: spinner 0.8s linear infinite;
}
.rt-button:disabled,
.rt-button-secondary:disabled,
.rt-button.mat-mdc-input-element[readonly=true],
.mat-mdc-input-element[readonly=true].rt-button-secondary {
  background-color: #ccc;
  border-color: #ccc;
}
.rt-button:disabled:hover,
.rt-button-secondary:disabled:hover,
.rt-button.mat-mdc-input-element[readonly=true]:hover,
.mat-mdc-input-element[readonly=true].rt-button-secondary:hover {
  cursor: not-allowed;
}
.rt-button-secondary {
  --fg: #666;
  background-color: var(--bg);
  color: var(--fg);
  border-color: var(--fg);
}
.rt-button-secondary_hover {
  color: var(--bg);
  background-color: var(--fg);
}
.rt-button-secondary:hover:not(:disabled):not(.mat-mdc-input-element[readonly=true]) {
  color: var(--bg);
  background-color: var(--fg);
}
.rt-input {
  color: white;
  background-color: #161a1e;
  outline: none;
  border: 1px solid #373c48;
  padding: 0.5rem 0.5rem;
}
.rt-table {
  border-collapse: collapse;
}
.rt-table td,
.rt-table th {
  padding: 8px 24px;
}
.limit-width {
  max-width: 200px;
  overflow: hidden;
}
.limit-width-350 {
  max-width: 350px;
  overflow: hidden;
}
.column-secondary,
.mat-mdc-cell.column-secondary,
.mat-mdc-header-cell.column-secondary {
  background-color: #373c48 !important;
}
.rt-table-hover tbody tr:hover,
.rt-table-hover mat-row:hover {
  background-color: #373c48;
  cursor: pointer;
}
.rt-actions {
  margin-bottom: 8px;
}
.rt-actions *:not(:last-child) {
  margin-right: 4px;
}
.rt-no-data {
  border-radius: 12px;
}
.rt-count {
  color: #999;
  border-right: 1px solid #ccc;
  padding-right: 8px;
}
.full-width {
  width: 100%;
}
.muted,
.rt-info-title,
.rt-info-label {
  color: #a3a6ac;
}
.hoverable:hover {
  background-color: #101d3c;
  cursor: pointer;
}
a {
  color: #ff6852;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.toggle {
  display: flex;
  margin-bottom: 8px;
}
.toggle .toggle-option {
  cursor: pointer;
  padding: 4px 4px;
  box-sizing: border-box;
  border-bottom: 4px solid transparent;
  color: #666;
  margin-right: 8px;
}
.toggle .toggle-option.active {
  color: #000;
  border-color: #ff6852;
  font-weight: bold;
}
.toggle .toggle-option:hover {
  color: #000;
}
.rt-no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.mat-mdc-menu-item {
  color: inherit;
  text-decoration: none;
}
a.unstyled {
  color: inherit;
  text-decoration: none !important;
}
a.unstyled:hover {
  color: inherit;
  text-decoration: none !important;
}
.rt-loading-container {
  position: relative;
  min-height: 240px;
  overflow: hidden;
}
.rt-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rt-info-grid-cols-1 {
  grid-template-columns: 1fr 2fr;
}
.rt-info-grid-cols-2 {
  grid-template-columns: 1fr 2fr;
}
.rt-info-grid-cols-2-2 {
  grid-template-columns: 1fr 1fr;
}
.rt-info-grid-cols-1-3 {
  grid-template-columns: 1fr 3fr;
}
.rt-info-grid-cols-4-4 {
  grid-template-columns: 1fr 1fr;
}
.rt-info-label {
  white-space: nowrap;
}
.rt-info-value .mat-icon:hover {
  cursor: pointer;
}
.bg-pattern-automn {
  background-color: #081742;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23389ef9' fill-opacity='0.16'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.bg-pattern-clouds {
  background-color: #081742;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23130d8b' fill-opacity='0.4' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E");
}
.bg-pattern-hexa {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffffff' fill-opacity='0.07' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.specific-bold-orange-message {
  color: #ff6952;
}
.rt-confirmation-dialog-warning-message {
  color: #ff4c38;
  padding: 5px 0px;
}
.rt-text-warning-message {
  color: #ff4c38;
  padding: 5px 0px;
}
.rt-confirmation-dialog-height {
  max-height: 20vh;
  overflow: auto;
}
.rt-accordion .mat-accordion .mat-expansion-panel {
  border-radius: 0;
}
.rt-accordion .mat-accordion .mat-expansion-panel:last-of-type,
.rt-accordion .mat-accordion .mat-expansion-panel:first-of-type {
  border-radius: 0;
}
.rt-accordion .mat-expansion-panel-body {
  padding: 0 1rem 1rem;
}
.rt-accordion .mat-expansion-panel-spacing {
  margin: 0;
}
.rt-list .mat-mdc-card {
  border-radius: 0;
}
.rt-list .mat-mdc-list-base {
  padding-top: 0;
  overflow-y: auto;
}
.rt-list .mat-mdc-list-base .mat-mdc-list-item,
.rt-list .mat-mdc-list-base .mat-mdc-list-option {
  padding: 0;
}
.rt-list .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-content,
.rt-list .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-line,
.rt-list .mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-item-content,
.rt-list .mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-item-line {
  padding: 0;
}
.rt-center-list .mat-mdc-list-base .mat-mdc-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.rt-center-list .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.rt-center-list .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.rt-center-list .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
  padding: 0;
  text-align: center;
}
th.tiny-cell-select.mat-mdc-header-cell:first-of-type,
th.tiny-cell-select.mat-mdc-cell:first-of-type,
th.tiny-cell-select.mat-mdc-footer-cell:first-of-type,
td.tiny-cell-select.mat-mdc-header-cell:first-of-type,
td.tiny-cell-select.mat-mdc-cell:first-of-type,
td.tiny-cell-select.mat-mdc-footer-cell:first-of-type {
  padding: 0;
}
.rt-toggle .mat-mdc-button-toggle-group {
  display: flex;
  flex-wrap: wrap;
  border: 0;
  border-radius: 0;
}
.rt-toggle .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  background-color: #ff6852;
}
.rt-toggle .mat-mdc-button-toggle,
.rt-toggle .mat-button-toggle {
  border: 1px solid #373c48;
  border-radius: 0;
  padding: 0 0.25rem;
  margin: 0.25rem;
  --mat-button-toggle-height: 0;
}
.rt-toggle .mat-mdc-button-toggle.mat-mdc-button-toggle-checked,
.rt-toggle .mat-button-toggle.mat-mdc-button-toggle-checked {
  background-color: #ff6852;
}
.rt-toggle .mat-mdc-button-toggle.mat-mdc-button-toggle-disabled,
.rt-toggle .mat-button-toggle.mat-mdc-button-toggle-disabled {
  background-color: #3f4551;
  color: #a3a6ac;
}
.rt-toggle .mat-mdc-button-toggle.mat-mdc-button-toggle-disabled > *:hover,
.rt-toggle .mat-button-toggle.mat-mdc-button-toggle-disabled > *:hover {
  cursor: not-allowed;
}
.rt-toggle .mat-mdc-button-toggle,
.rt-toggle .mat-button-toggle {
}
.rt-toggle .mat-mdc-button-toggle + .mat-mdc-button-toggle,
.rt-toggle .mat-button-toggle + .mat-mdc-button-toggle {
  border-left: 1px solid #373c48;
}
.rt-toggle .mat-button-toggle-label-content {
  padding: 0 4px !important;
  font-size: 12px !important;
  line-height: normal;
}
.blink {
  opacity: 0;
  animation: blink-animation 0.5s steps(5, start) infinite;
  -webkit-animation: blink-animation 0.5s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes blink-animation {
  to {
    opacity: 1;
  }
}
.tiny .mat-form-field-infix,
.tiny .mat-mdc-form-field-infix {
  width: 45px;
  min-width: 30px;
}
.widget-data-filter .mat-mdc-form-field-infix {
  width: auto;
}
.no-padding.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding: 0;
}
.mat-mdc-tab-labels .mat-mdc-tab-label {
  min-width: 120px;
}
.mat-mdc-tab-body-content {
  overflow-x: hidden !important;
  overflow-y: auto;
}
.mat-mdc-tab-body-content {
  overflow-x: hidden !important;
  overflow-y: auto;
}
.mat-mdc-button:not([color]),
.mat-mdc-unelevated-button:not([color]),
.mat-mdc-outlined-button:not([color]) {
  color: inherit !important;
  background-color: transparent;
}
:root {
  --mat-card-title-text-size: 24px;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-weight: 500;
  --mat-table-background-color: #22252e;
  --mat-expansion-container-background-color: #22252e !important;
  --mat-legacy-button-toggle-text-color: #b36868;
  --mat-legacy-button-toggle-state-layer-color: #69b621;
  --mat-legacy-button-toggle-selected-state-text-color: #a3a6ac;
  --mat-legacy-button-toggle-selected-state-background-color: #626772;
  --mat-legacy-button-toggle-disabled-state-text-color: #a3a6ac;
  --mat-legacy-button-toggle-disabled-state-background-color: #69b621;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #69b621;
  --mat-button-toggle-text-color: white;
  --mat-button-toggle-background-color: #22252e;
  --mat-button-toggle-state-layer-color: #69b621;
  --mat-button-toggle-selected-state-background-color: #626772;
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-disabled-state-text-color: #a3a6ac;
  --mat-button-toggle-disabled-state-background-color: #22252e;
  --mat-button-toggle-disabled-selected-state-text-color: white;
  --mat-button-toggle-divider-color: #373c48;
  --mat-button-toggle-shape: 5px;
  --mat-expansion-container-text-line-height: 1rem;
  --mat-button-filled-container-shape: 0px;
  --mat-button-filled-container-color: unset;
  --mat-button-filled-horizontal-padding: 15px;
  --mat-slide-toggle-label-text-color: white;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mat-slide-toggle-track-height: 20px;
  --mat-slide-toggle-track-width: 40px;
  --mat-slide-toggle-track-border-radius: 10px;
  --mat-slide-toggle-handle-height: 16px;
  --mat-slide-toggle-handle-width: 16px;
  --mat-slide-toggle-handle-border-radius: 50%;
  --mat-slide-toggle-selected-track-color: #ff6852;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-pressed-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-handle-color: #ffffff;
  --mat-slide-toggle-selected-focus-handle-color: #ffffff;
  --mat-slide-toggle-unselected-track-color: #373c48;
  --mat-slide-toggle-unselected-handle-color: #a3a6ac;
  --mat-slide-toggle-unselected-pressed-handle-color: #a3a6ac;
  --mat-slide-toggle-unselected-hover-handle-color: #a3a6ac;
  --mat-slide-toggle-unselected-focus-handle-color: #a3a6ac;
  --mat-slide-toggle-disabled-selected-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(255, 255, 255, 0.38);
  --mat-slide-toggle-disabled-unselected-track-color: rgba(255, 255, 255, 0.12);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(255, 255, 255, 0.38);
  --mat-checkbox-state-layer-size: 26px;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 1;
  --mat-tab-header-label-text-weight: 500;
  --mat-paginator-container-background-color: $color_bg_card;
  --mat-card-elevated-container-shape: 3px;
}
.mdc-tab {
  min-width: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  flex: 1 1 auto !important;
}
.mdc-tab img {
  object-fit: contain;
}
.mdc-tab__content {
  padding: 0 !important;
}
.mat-mdc-tab-label-container {
  flex-grow: 1;
}
.mat-mdc-tab-header .mat-mdc-tab {
  min-width: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
}
.mat-mdc-header-cell {
  color: #a3a6ac;
  font-size: 12px;
  font-weight: 500;
}
.cdk-overlay-pane:has(.mat-mdc-dialog-container) {
  overflow: visible !important;
}
.cdk-overlay-pane .mat-mdc-dialog-container {
  border-radius: 12px !important;
}
.mat-mdc-dialog-container {
  --mdc-dialog-container-color: #22252e;
  --mdc-dialog-subhead-color: #ff6852;
  --mdc-dialog-supporting-text-color: white;
  --mdc-dialog-container-shape: 12px;
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: #22252e !important;
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
  max-width: 90vw !important;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 12px !important;
  background-color: #22252e !important;
}
.mat-mdc-dialog-container .mdc-dialog__title {
  color: #ff6852 !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 500 !important;
}
.mat-mdc-dialog-container .mdc-dialog__content {
  color: white !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.mat-mdc-dialog-container > div:not([class*=mdc-]):not([class*=mat-]) {
  padding: 24px;
}
.mat-mdc-dialog-container > div:not([class*=mdc-]):not([class*=mat-]) > div:first-child {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}
.mat-mdc-dialog-container > div:not([class*=mdc-]):not([class*=mat-]) > div:not(:first-child):not(:last-child) {
  font-size: 1rem;
  line-height: 1.5rem;
}
.mat-mdc-dialog-surface {
  display: block;
  padding: 24px !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden !important;
  outline: 0;
  width: auto !important;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  background-color: #22252e !important;
}
.mdc-dialog__title::before {
  height: auto !important;
  display: none !important;
}
.mat-mdc-dialog-container-with-actions .mat-mdc-dialog-content {
  padding: 0 !important;
}
.mdc-dialog__actions {
  min-width: 0 !important;
  padding: 16px 0 0 0 !important;
}
.mat-mdc-dialog-actions {
  padding: 16px 0 0 0 !important;
  min-height: 52px;
  gap: 8px;
  justify-content: flex-start !important;
}
th.mat-mdc-header-cell:first-of-type,
td.mat-mdc-cell:first-of-type,
td.mat-mdc-footer-cell:first-of-type {
  padding-left: 24px !important;
}
.mat-mdc-card {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  position: relative;
  padding: 16px;
  border-radius: 4px;
  background-color: #22252e !important;
}
.mat-mdc-slide-toggle .mdc-switch__icon {
  display: none !important;
}
.mat-button-toggle-label-content .mat-pseudo-checkbox {
  display: none;
}
.mat-mdc-card-outlined {
  border-width: 0 !important;
}
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: var(--mat-expansion-header-hover-state-layer-color) !important;
}
.mat-button-toggle-checked {
  padding-left: 0 !important;
}
.mat-button-toggle-checked .mat-button-toggle-checkbox-wrapper {
  display: none;
}
.mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper) {
  padding-left: 0 !important;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 5px !important;
  line-height: 35px !important;
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-mdc-unelevated-button:not(:disabled):not(.mat-mdc-input-element[readonly=true]) {
  color: unset;
  background-color: transparent;
}
.mat-mdc-dialog-surface .mdc-dialog__surface,
.mat-mdc-dialog-surface {
  width: 100% !important;
}
.mat-mdc-option {
  padding: 0 20px !important;
  justify-content: center !important;
}
.mat-mdc-option .mat-pseudo-checkbox {
  display: none;
}
.mdc-list-item__primary-text {
  text-overflow: unset !important;
  overflow: unset !important;
}
.mdc-tab {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
}
.dfca-legacy .popupConfirm {
  position: absolute;
  background-color: #ffffff;
  border: 3px solid #7c7c7c;
  z-index: 998;
  height: 160px;
  width: 60%;
  left: 20%;
  top: 30%;
}
.dfca-legacy .icone {
  width: 40px;
  height: 40px;
}
.dfca-legacy .texte_icone_info {
  height: 15px;
  width: 40px;
  font-size: 14px;
  text-align: center;
}
.dfca-legacy .texte_icone_info_small {
  margin-top: 4px;
  height: 15px;
  width: 40px;
  font-size: 8px;
  text-align: center;
}
.dfca-legacy .cmd_button {
  width: 110px;
  height: 50px;
}
.dfca-legacy .action_button {
  width: 50px;
  height: 50px;
}
.dfca-legacy .texte_action_info {
  height: 15px;
  width: 50px;
  font-size: 14px;
  text-align: center;
}
.dfca-legacy .global_value_element {
  margin: 4px 0px 0px 0px;
  width: 230px;
}
.dfca-legacy .left {
  float: left;
}
.dfca-legacy .center {
  text-align: center;
}
.dfca-legacy .lefttinyword {
  float: left;
  text-align: right;
  width: 60px;
}
.dfca-legacy .leftsmallword {
  float: left;
  text-align: right;
  width: 100px;
}
.dfca-legacy .leftmediumword {
  float: left;
  text-align: right;
  width: 150px;
}
.dfca-legacy .leftmediumword2 {
  float: left;
  text-align: right;
  width: 150px;
}
.dfca-legacy .leftaverageword {
  float: left;
  text-align: right;
  width: 180px;
}
.dfca-legacy .leftbigword {
  float: left;
  text-align: right;
  width: 220px;
}
.dfca-legacy .leftbigbigword {
  float: left;
  text-align: right;
  width: 260px;
}
.dfca-legacy .leftverybigword {
  float: left;
  text-align: right;
  width: 340px;
}
.dfca-legacy .rightverybigword {
  float: left;
  text-align: left;
  width: 340px;
}
.dfca-legacy .separate {
  float: left;
  margin: 0 7px 0 7px;
}
.dfca-legacy .hide {
  display: none;
}
.dfca-legacy .Title {
  text-align: center;
  width: 480px;
  padding-top: 15px;
  height: 45px;
  font-size: 23px;
  font-family:
    arial,
    verdana,
    sans-serif;
  text-transform: uppercase;
  background: url(/assets/acoem/dfca/http_background_fullconfig_title.png) repeat-x;
}
.dfca-legacy .Message {
  text-align: center;
  width: 480px;
  margin-top: 7px;
  padding-top: 7px;
  font-size: 20px;
  font-family:
    arial,
    verdana,
    sans-serif;
  background: url(/assets/acoem/dfca/http_background_fullconfig_message.png) repeat-x;
  height: 33px;
}
.dfca-legacy .box {
  padding: 0px 0px 6px 0px;
  float: left;
  width: 478px;
  margin-top: 6px;
  border: 1px solid #fff;
}
.dfca-legacy .box_no_border {
  padding: 0px 0px 6px 0px;
  float: left;
  width: 478px;
  margin-top: 6px;
}
.dfca-legacy .box_scrollbar {
  padding: 0px 0px 6px 0px;
  float: left;
  width: 460px;
  margin-top: 6px;
  border: 1px solid #fff;
}
.dfca-legacy .box_small_no_border {
  padding: 0px 0px 6px 0px;
  float: left;
  width: 458px;
  margin-top: 6px;
}
.dfca-legacy .box_small {
  padding: 0px 0px 6px 0px;
  float: left;
  width: 458px;
  margin-top: 6px;
  border: 1px solid #fff;
}
.dfca-legacy .box_verysmall2 {
  padding: 0px 6px 6px 0px;
  float: left;
  width: 451px;
  margin-top: 6px;
  margin-left: 10px;
  border: 1px solid #fff;
}
.dfca-legacy .box_verysmall {
  padding: 0px 6px 6px 0px;
  float: left;
  width: 431px;
  margin-top: 6px;
  margin-left: 10px;
  border: 1px solid #fff;
}
.dfca-legacy .invalidinput {
  color: #f00;
  font-weight: bold;
}
.dfca-legacy .yellow {
  color: #ff0;
}
.dfca-legacy .white {
  color: #0f0;
}
.dfca-legacy .invalidtext {
  color: #f00;
}
.dfca-legacy .textbox_legend_line {
  height: 10px;
  width: 160px;
  padding-left: 278px;
}
.dfca-legacy .textbox_legend {
  width: 50px;
  height: 10px;
  font:
    9px arial,
    verdana,
    sans-serif;
  float: left;
  margin-left: 3px;
}
.dfca-legacy .textbox_legend_short {
  width: 150px;
  height: 10px;
  font:
    9px arial,
    verdana,
    sans-serif;
  float: left;
  margin-left: 3px;
}
.dfca-legacy .textbox_legend_shortline {
  height: 10px;
  width: 160px;
  padding-left: 235px;
}
.dfca-legacy .textbox_legend_longline {
  height: 10px;
  width: 120px;
  padding-left: 355px;
}
.dfca-legacy .modalBackground {
  filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  background-color: #5f5f5f;
  position: absolute;
  z-index: 500;
  top: 0px;
  left: 0px;
}
.dfca-legacy .messagePopup {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #565656;
  margin-top: 10px;
}
.dfca-legacy .messageButtons {
  padding-top: 20px;
  text-align: center;
  height: 60px;
}
.dfca-legacy .popup_button_center {
  float: left;
  width: 100%;
}
.dfca-legacy .popup_button_cancel {
  float: left;
  width: 50%;
}
.dfca-legacy .popup_button_valid {
  float: left;
  width: 50%;
}
.dfca-legacy .config_element {
  margin: 10px 0px 0px 0px;
}
.dfca-legacy #container {
  background: black;
  border-top: none;
  min-height: 570px;
  width: 480px;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  overflow: hidden;
}
.dfca-legacy .SelectValueMenu {
  position: absolute;
  z-index: 999;
  width: 390px;
  height: 450px;
  left: 5px;
  top: 10%;
  overflow: auto;
}
.dfca-legacy .SelectValueSubMenu {
  position: absolute;
  z-index: 999;
  width: 180px;
  height: 450px;
  left: 200px;
  top: 0px;
  overflow: auto;
  display: none;
}
.dfca-legacy .C1 {
  width: 150px;
  height: 20px;
  background-color: #ffffff;
  border: 2px solid #157eaa;
  color: #000000;
  margin-top: 4px;
  padding-left: 4px;
  padding-top: 6px;
}
.dfca-legacy .SelectValueEntryCancel {
  width: 150px;
  height: 20px;
  background-color: #ffffff;
  border: 2px solid #de3e44;
  color: #000000;
  margin-top: 4px;
  padding-left: 4px;
  padding-top: 6px;
}
.dfca-legacy #TXT_config {
  width: 120px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy th {
  border: 1px solid white;
  text-align: center;
}
.dfca-legacy tr {
  border: 1px solid white;
}
.dfca-legacy td {
  border: 1px solid white;
  text-align: center;
}
.dfca-legacy #header {
  margin: 5px 0 0 0;
}
.dfca-legacy #header ul {
  font-weight: bold;
  font-size: 14px;
  font-family:
    arial,
    verdana,
    sans-serif;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.dfca-legacy {
}
.dfca-legacy #header ul li {
  width: 80px;
  float: left;
  height: 50px;
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.dfca-legacy #header ul li.selected {
}
.dfca-legacy {
}
.dfca-legacy #header ul li a {
  float: left;
  width: 80px;
  color: #fff;
  height: 40px;
  text-decoration: none;
  padding-top: 10px;
  text-align: center;
  background: url(/assets/acoem/dfca/http_tab_small.png?v=duo) no-repeat;
  line-height: 1em;
}
.dfca-legacy {
}
.dfca-legacy #header ul li a.selected {
  color: #000;
  font-weight: bold;
  background: url(/assets/acoem/dfca/http_tab_small_selected.png?v=duo) no-repeat;
}
.dfca-legacy {
}
.dfca-legacy #entete {
  height: 65px;
}
.dfca-legacy #rightPart {
  width: 210px;
  height: 65px;
  float: left;
}
.dfca-legacy #leftPart {
  height: 45px;
  width: 260px;
  padding-top: 20px;
  padding-left: 10px;
  float: left;
}
.dfca-legacy #btnEditDiv {
  margin-left: 10px;
  margin-right: 10px;
}
.dfca-legacy #btnSaveDiv {
  margin-left: 10px;
  margin-right: 10px;
}
.dfca-legacy #btnCancelDiv {
  margin-left: 10px;
  margin-right: 10px;
}
.dfca-legacy #btnDeleteDiv {
  margin-left: 10px;
  margin-right: 10px;
}
.dfca-legacy #btnApplyDiv {
  margin-left: 10px;
  margin-right: 10px;
}
.dfca-legacy #divConfigSelect {
  float: left;
  width: 100px;
}
.dfca-legacy #LST_configs {
  width: 120px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .config_element_block {
  margin: 3px 0px 0px 0px;
}
.dfca-legacy #TXT_StartDateTime {
  width: 150px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #TXT_FirstAudioTimer {
  width: 150px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style126 {
  width: 23px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0 5px 0 0;
  padding: 0;
}
.dfca-legacy #LST_LeqSpectrum {
  width: 80px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_LnCalculationMethod {
  width: 80px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_SlidingLnType {
  width: 60px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_ReverberationTimeType {
  width: 50px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .period {
  width: 40px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_TriggerNumber {
  width: 50px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_EventNumber {
  width: 40px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_ActionTTL {
  width: 80px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_ActionTTLCycle {
  width: 80px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_SendHTTPTrigger {
  width: 80px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_ActionConnectNumber {
  width: 80px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_ActionCode {
  width: 80px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_TriggerType {
  width: 140px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_TriggerPeriodNumber {
  width: 70px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_TriggerMode {
  width: 100px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy #LST_Mp3BitRate {
  width: 50px;
  height: 20px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style129 {
  width: 40px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style130 {
  width: 100px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style131 {
  width: 160px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style133 {
  width: 45px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style146 {
  width: 70px;
  z-index: 3;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style147 {
  float: left;
  width: 30px;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style148 {
  width: 80px;
  z-index: 3;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style153 {
  width: 80px;
  z-index: 3;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .style163 {
  width: 60px;
  z-index: 3;
  height: 16px;
  font:
    12px arial,
    verdana,
    sans-serif;
  margin: 0;
  padding: 0;
}
.dfca-legacy .textbox_legend_line_ln {
  padding-left: 236px;
}
.dfca-legacy .textbox_legend_ln {
  width: 25px;
  height: 10px;
  font:
    9px arial,
    verdana,
    sans-serif;
  float: left;
  margin-left: 3px;
}
.dfca-legacy #IMG_ButtonPlus {
  background-image: url(/assets/acoem/dfca/http_button_plus.png?v=duo);
  height: 20px;
  width: 20px;
  float: right;
}
.dfca-legacy #IMG_ButtonMinus {
  background-image: url(/assets/acoem/dfca/http_button_minus.png?v=duo);
  height: 20px;
  width: 20px;
  float: right;
}
.dfca-legacy .combo_button_left {
  width: 40px;
  float: left;
}
.dfca-legacy .combo_button_right {
  width: 40px;
  float: left;
}
.pos-rel {
  position: relative;
}
.toggle-realtime {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
}
.text-gray-50 {
  color: rgb(249, 250, 251);
}
.leaflet-popup-content-wrapper,
.leaflet-popup.tip {
  background-color: #22252e;
  color: white;
}
.leaflet-layer-osm {
  filter: invert(100%) hue-rotate(180deg);
  filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.5);
}
.marker-transparent {
  background: none;
}
.cone-shape {
  fill: #ff6852;
  stroke: #ff6852;
}
.map-event-icon {
  z-index: 999 !important;
}
.location-picker .leaflet-top {
  top: 4rem;
}
.fullscreen-button:hover {
  cursor: pointer;
}
.leaflet-left .leaflet-control {
  margin-left: 0.5rem;
}
.leaflet-control-layers {
  background: rgba(0, 0, 0, 0.4);
}
.leaflet-control-layers-base {
  color: rgb(249, 250, 251);
}
.leaflet-touch .leaflet-control-layers {
  border: none;
}
.mat-datepicker-toggle {
  pointer-events: auto;
  color: var(--mat-datepicker-toggle-icon-color);
}
.mat-datepicker-toggle-active {
  color: var(--mat-datepicker-toggle-active-state-icon-color);
}
.cdk-high-contrast-active .mat-datepicker-toggle-default-icon {
  color: canvastext;
}
.mat-datepicker-content {
  box-shadow: var(--mat-datepicker-calendar-container-elevation-shadow, rgba(0, 0, 0, 0.2) 0 2px 8px 0px, rgba(0, 0, 0, 0.14) 0 1px 3px 0px, rgba(0, 0, 0, 0.12) 0 1px 3px 0px);
  display: block;
  border-radius: 4px;
  background-color: var(--mat-datepicker-calendar-container-background-color);
  color: var(--mat-datepicker-calendar-container-text-color);
}
.mat-datepicker-content .mat-calendar {
  width: 296px;
  height: 354px;
}
.mat-datepicker-content .mat-datepicker-content-container-with-custom-header .mat-calendar {
  height: auto;
}
.mat-datepicker-content .mat-datepicker-close-button {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
}
.ng-animating .mat-datepicker-content .mat-datepicker-close-button {
  display: none;
}
.mat-datepicker-content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mat-datepicker-content-touch {
  box-shadow:
    rgba(0, 0, 0, 0.2) 0 11px 15px -7px,
    rgba(0, 0, 0, 0.14) 0 24px 38px 3px,
    rgba(0, 0, 0, 0.12) 0 9px 46px 8px;
  display: block;
  max-height: 80vh;
  position: relative;
  overflow: visible;
}
.mat-datepicker-content-touch .mat-datepicker-content-container {
  min-height: 312px;
  max-height: 788px;
  min-width: 250px;
  max-width: 750px;
}
.mat-datepicker-content-touch .mat-calendar {
  width: 100%;
  height: auto;
}
@media (orientation: landscape) {
  .mat-datepicker-content-touch .mat-datepicker-content-container {
    width: 64vh;
    height: 80vh;
  }
}
@media (orientation: portrait) {
  .mat-datepicker-content-touch .mat-datepicker-content-container {
    width: 80vw;
    height: 100vw;
  }
  .mat-datepicker-content-touch .mat-datepicker-content-container-with-actions {
    height: 115vw;
  }
}
.mat-calendar {
  display: block;
  font-family: var(--mat-datepicker-calendar-text-font);
  font-size: var(--mat-datepicker-calendar-text-size);
}
.mat-calendar-header {
  padding: 8px 8px 0;
}
.mat-calendar-content {
  padding: 0 8px 8px;
  outline: none;
}
.mat-calendar-controls {
  display: flex;
  align-items: center;
  margin: 5% calc(4.71429% - 16px);
}
.mat-calendar-spacer {
  flex: 1 1 auto;
}
.mat-calendar-period-button {
  min-width: 0;
  margin: 0 8px;
  font-size: var(--mat-datepicker-calendar-period-button-text-size);
  font-weight: var(--mat-datepicker-calendar-period-button-text-weight);
}
.mat-calendar-arrow {
  display: inline-block;
  width: 10px;
  height: 5px;
  margin: 0 0 0 5px;
  vertical-align: middle;
  fill: var(--mat-datepicker-calendar-period-button-icon-color);
}
.mat-calendar-arrow.mat-calendar-invert {
  transform: rotate(180deg);
}
[dir=rtl] .mat-calendar-arrow {
  margin: 0 5px 0 0;
}
.cdk-high-contrast-active .mat-calendar-arrow {
  fill: canvastext;
}
.mat-calendar-previous-button,
.mat-calendar-next-button {
  position: relative;
}
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-content .mat-calendar-next-button {
  color: var(--mat-datepicker-calendar-navigation-button-icon-color);
}
.mat-calendar-previous-button::after,
.mat-calendar-next-button::after {
  inset: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border-width: 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  border-image: initial;
}
[dir=rtl] .mat-calendar-previous-button,
[dir=rtl] .mat-calendar-next-button {
  transform: rotate(180deg);
}
.mat-calendar-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}
.mat-calendar-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}
.mat-calendar-table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.mat-calendar-table-header th {
  text-align: center;
  padding: 0 0 8px;
  color: var(--mat-datepicker-calendar-header-text-color);
  font-size: var(--mat-datepicker-calendar-header-text-size);
  font-weight: var(--mat-datepicker-calendar-header-text-weight);
}
.mat-calendar-table-header-divider {
  position: relative;
  height: 1px;
}
.mat-calendar-table-header-divider::after {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  right: -8px;
  height: 1px;
  background: var(--mat-datepicker-calendar-header-divider-color);
}
.mat-calendar-body-cell-content::before {
  margin: calc((var(--mat-focus-indicator-border-width, 3px) + 3px) * -1);
}
.mat-calendar-body-cell:focus .mat-focus-indicator::before {
  content: "";
}
.mat-calendar-hidden-label {
  display: none;
}
.mat-calendar-body {
  min-width: 224px;
}
.mat-calendar-body-today:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
  border-color: var(--mat-datepicker-calendar-date-today-outline-color);
}
.mat-calendar-body-label {
  height: 0;
  line-height: 0;
  text-align: left;
  padding-left: 4.71429%;
  padding-right: 4.71429%;
  font-size: var(--mat-datepicker-calendar-body-label-text-size);
  font-weight: var(--mat-datepicker-calendar-body-label-text-weight);
  color: var(--mat-datepicker-calendar-body-label-text-color);
}
.mat-calendar-body-hidden-label {
  display: none;
}
.mat-calendar-body-cell-container {
  position: relative;
  height: 0;
  line-height: 0;
}
.mat-calendar-body-cell {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  text-align: center;
  outline: none;
  font-family: inherit;
  margin: 0;
}
.mat-calendar-body-cell::before,
.mat-calendar-body-cell::after,
.mat-calendar-body-cell-preview {
  content: "";
  position: absolute;
  top: 5%;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  display: block;
  height: 90%;
  width: 100%;
}
.mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar-body-range-start::after,
.mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
.mat-calendar-body-comparison-start::after,
.mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  left: 5%;
  width: 95%;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
[dir=rtl] .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar-body-range-start::after,
[dir=rtl],
[dir=rtl] .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
[dir=rtl] .mat-calendar-body-comparison-start::after,
[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  left: 0;
  border-radius: 0 999px 999px 0;
}
.mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar-body-range-end::after,
.mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
.mat-calendar-body-comparison-end::after,
.mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  width: 95%;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
[dir=rtl] .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
[dir=rtl] .mat-calendar-body-comparison-end::after,
[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  left: 5%;
  border-radius: 999px 0 0 999px;
}
[dir=rtl] .mat-calendar-body-comparison-bridge-start.mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-bridge-end.mat-calendar-body-range-start::after {
  width: 95%;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.mat-calendar-body-comparison-start.mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-start.mat-calendar-body-range-end::after,
.mat-calendar-body-comparison-end.mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar-body-comparison-end.mat-calendar-body-range-start::after {
  width: 90%;
}
.mat-calendar-body-in-preview {
  color: var(--mat-datepicker-calendar-date-preview-state-outline-color);
}
.mat-calendar-body-in-preview .mat-calendar-body-cell-preview {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
}
.mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-left: 1px dashed;
}
[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-left: 0;
  border-right: 1px dashed;
}
.mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-right: 1px dashed;
}
[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-right: 0;
  border-left: 1px dashed;
}
.mat-calendar-body-disabled {
  cursor: default;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
  color: var(--mat-datepicker-calendar-date-disabled-state-text-color);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
  border-color: var(--mat-datepicker-calendar-date-today-disabled-state-outline-color);
}
.cdk-high-contrast-active .mat-calendar-body-disabled {
  opacity: 0.5;
}
.mat-calendar-body-cell-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  color: var(--mat-datepicker-calendar-date-text-color);
  border-color: var(--mat-datepicker-calendar-date-outline-color);
}
.mat-calendar-body-cell-content.mat-focus-indicator {
  position: absolute;
}
.cdk-high-contrast-active .mat-calendar-body-cell-content {
  border: none;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical),
.mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
  background-color: var(--mat-datepicker-calendar-date-focus-state-background-color);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
    background-color: var(--mat-datepicker-calendar-date-hover-state-background-color);
  }
}
.mat-calendar-body-selected {
  background-color: var(--mat-datepicker-calendar-date-selected-state-background-color);
  color: var(--mat-datepicker-calendar-date-selected-state-text-color);
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: var(--mat-datepicker-calendar-date-selected-disabled-state-background-color);
}
.mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: inset 0 0 0 1px var(--mat-datepicker-calendar-date-today-selected-state-outline-color);
}
.mat-calendar-body-in-range::before {
  background: var(--mat-datepicker-calendar-date-in-range-state-background-color);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background:
    linear-gradient(
      to right,
      var(--mat-datepicker-calendar-date-in-range-state-background-color) 50%,
      var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background:
    linear-gradient(
      to left,
      var(--mat-datepicker-calendar-date-in-range-state-background-color) 50%,
      var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: var(--mat-datepicker-calendar-date-in-overlap-range-state-background-color);
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: var(--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color);
}
.cdk-high-contrast-active .mat-datepicker-popup:not(:empty),
.cdk-high-contrast-active .mat-calendar-body-cell:not(.mat-calendar-body-in-range) .mat-calendar-body-selected {
  outline: solid 1px;
}
.cdk-high-contrast-active .mat-calendar-body-today {
  outline: dotted 1px;
}
.cdk-high-contrast-active .mat-calendar-body-cell::before,
.cdk-high-contrast-active .mat-calendar-body-cell::after,
.cdk-high-contrast-active .mat-calendar-body-selected {
  background: none;
}
.cdk-high-contrast-active .mat-calendar-body-in-range::before,
.cdk-high-contrast-active .mat-calendar-body-comparison-bridge-start::before,
.cdk-high-contrast-active .mat-calendar-body-comparison-bridge-end::before {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.cdk-high-contrast-active .mat-calendar-body-range-start::before {
  border-left: 1px solid;
}
[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-range-start::before {
  border-left: 0;
  border-right: 1px solid;
}
.cdk-high-contrast-active .mat-calendar-body-range-end::before {
  border-right: 1px solid;
}
[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-range-end::before {
  border-right: 0;
  border-left: 1px solid;
}
.cdk-high-contrast-active .mat-calendar-body-in-comparison-range::before {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
}
.cdk-high-contrast-active .mat-calendar-body-comparison-start::before {
  border-left: 1px dashed;
}
[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-comparison-start::before {
  border-left: 0;
  border-right: 1px dashed;
}
.cdk-high-contrast-active .mat-calendar-body-comparison-end::before {
  border-right: 1px dashed;
}
[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-comparison-end::before {
  border-right: 0;
  border-left: 1px dashed;
}
[dir=rtl] .mat-calendar-body-label {
  text-align: right;
}
:root {
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 8px 0px rgba(0, 0, 0, 0.2),
    0px 1px 3px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

/* angular:styles/global:styles */