/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --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);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --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-outlined-container-color: white;
  --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: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --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);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --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;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-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);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-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);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --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-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-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-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-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-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --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-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-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);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --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: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --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: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --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.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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-button-protected-container-shape: 4px;
  --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-focus-container-elevation-shadow:
    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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --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-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-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-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:
    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-fab-focus-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-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-pressed-container-elevation-shadow:
    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-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-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-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-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-pressed-container-elevation-shadow:
    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);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    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-datepicker-calendar-container-touch-elevation-shadow:
    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);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --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-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    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-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-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);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

/* node_modules/shepherd.js/dist/css/shepherd.css */
.shepherd-button {
  background: #3288e6;
  border: 0;
  border-radius: 3px;
  color: hsla(0, 0%, 100%, .75);
  cursor: pointer;
  margin-right: .5rem;
  padding: .5rem 1.5rem;
  transition: all .5s ease;
}
.shepherd-button:not(:disabled):hover {
  background: #196fcc;
  color: hsla(0, 0%, 100%, .75);
}
.shepherd-button.shepherd-button-secondary {
  background: #f1f2f3;
  color: rgba(0, 0, 0, .75);
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: #d6d9db;
  color: rgba(0, 0, 0, .75);
}
.shepherd-button:disabled {
  cursor: not-allowed;
}
.shepherd-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  padding: 0 .75rem .75rem;
}
.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}
.shepherd-cancel-icon {
  background: transparent;
  border: none;
  color: hsla(0, 0%, 50%, .75);
  cursor: pointer;
  font-size: 2em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  transition: color .5s ease;
}
.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  color: hsla(0, 0%, 50%, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-title {
  color: rgba(0, 0, 0, .75);
  display: flex;
  flex: 1 0 auto;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.shepherd-header {
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  line-height: 2em;
  padding: .75rem .75rem 0;
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background: #e6e6e6;
  padding: 1em;
}
.shepherd-text {
  color: rgba(0, 0, 0, .75);
  font-size: 1rem;
  line-height: 1.3em;
  padding: .75em;
}
.shepherd-text p {
  margin-top: 0;
}
.shepherd-text p:last-child {
  margin-bottom: 0;
}
.shepherd-content {
  border-radius: 5px;
  outline: none;
  padding: 0;
}
.shepherd-element {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  max-width: 400px;
  opacity: 0;
  outline: none;
  transition: opacity .3s, visibility .3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
.shepherd-enabled.shepherd-element {
  opacity: 1;
  visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
  box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:before {
  height: 16px;
  position: absolute;
  width: 16px;
  z-index: -1;
}
.shepherd-arrow:before {
  background: #fff;
  content: "";
  transform: rotate(45deg);
}
.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
  bottom: -8px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: -8px;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: -8px;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: -8px;
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
  background-color: #e6e6e6;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}
.shepherd-modal-overlay-container {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition:
    all .3s ease-out,
    height 0ms .3s,
    opacity .3s 0ms;
  width: 100vw;
  z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  opacity: .5;
  transform: translateZ(0);
  transition:
    all .3s ease-out,
    height 0s 0s,
    opacity .3s 0s;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
  pointer-events: all;
}

/* src/global.scss */
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb:
    0,
    84,
    233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb:
    1,
    99,
    170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb:
    96,
    48,
    255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb:
    45,
    213,
    91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb:
    197,
    0,
    15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb:
    99,
    100,
    105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
html.ios {
  --ion-default-font:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Roboto",
    sans-serif;
}
html.md {
  --ion-default-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type,
html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar,
html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
.ion-page.ion-page-overlay-passthrough {
  pointer-events: none;
}
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));
    --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));
    --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));
    --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right));
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0, 0, 0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.menu-content-open ion-content {
  --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
[ion-last-focus],
header[tabindex="-1"]:focus,
[role=banner][tabindex="-1"]:focus,
main[tabindex="-1"]:focus,
[role=main][tabindex="-1"]:focus,
h1[tabindex="-1"]:focus,
[role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
}
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}
h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
:host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
[dir=rtl] .ion-float-start {
  float: right !important;
}
@supports selector(:dir(rtl)) {
  .ion-float-start:dir(rtl) {
    float: right !important;
  }
}
.ion-float-end {
  float: right !important;
}
:host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
[dir=rtl] .ion-float-end {
  float: left !important;
}
@supports selector(:dir(rtl)) {
  .ion-float-end:dir(rtl) {
    float: left !important;
  }
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }
  .ion-float-sm-right {
    float: right !important;
  }
  .ion-float-sm-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-sm-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }
  .ion-float-md-right {
    float: right !important;
  }
  .ion-float-md-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-md-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }
  .ion-float-lg-right {
    float: right !important;
  }
  .ion-float-lg-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-lg-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }
  .ion-float-xl-right {
    float: right !important;
  }
  .ion-float-xl-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-xl-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
}
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }
  .ion-text-sm-justify {
    text-align: justify !important;
  }
  .ion-text-sm-start {
    text-align: start !important;
  }
  .ion-text-sm-end {
    text-align: end !important;
  }
  .ion-text-sm-left {
    text-align: left !important;
  }
  .ion-text-sm-right {
    text-align: right !important;
  }
  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }
  .ion-text-md-justify {
    text-align: justify !important;
  }
  .ion-text-md-start {
    text-align: start !important;
  }
  .ion-text-md-end {
    text-align: end !important;
  }
  .ion-text-md-left {
    text-align: left !important;
  }
  .ion-text-md-right {
    text-align: right !important;
  }
  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }
  .ion-text-lg-justify {
    text-align: justify !important;
  }
  .ion-text-lg-start {
    text-align: start !important;
  }
  .ion-text-lg-end {
    text-align: end !important;
  }
  .ion-text-lg-left {
    text-align: left !important;
  }
  .ion-text-lg-right {
    text-align: right !important;
  }
  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }
  .ion-text-xl-justify {
    text-align: justify !important;
  }
  .ion-text-xl-start {
    text-align: start !important;
  }
  .ion-text-xl-end {
    text-align: end !important;
  }
  .ion-text-xl-left {
    text-align: left !important;
  }
  .ion-text-xl-right {
    text-align: right !important;
  }
  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
.ion-text-uppercase {
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-xl-capitalize {
    text-transform: capitalize !important;
  }
}
.ion-align-content-start {
  align-content: flex-start !important;
}
.ion-align-content-end {
  align-content: flex-end !important;
}
.ion-align-content-center {
  align-content: center !important;
}
.ion-align-content-between {
  align-content: space-between !important;
}
.ion-align-content-around {
  align-content: space-around !important;
}
.ion-align-content-stretch {
  align-content: stretch !important;
}
@media (min-width: 576px) {
  .ion-align-content-sm-start {
    align-content: flex-start !important;
  }
  .ion-align-content-sm-end {
    align-content: flex-end !important;
  }
  .ion-align-content-sm-center {
    align-content: center !important;
  }
  .ion-align-content-sm-between {
    align-content: space-between !important;
  }
  .ion-align-content-sm-around {
    align-content: space-around !important;
  }
  .ion-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .ion-align-content-md-start {
    align-content: flex-start !important;
  }
  .ion-align-content-md-end {
    align-content: flex-end !important;
  }
  .ion-align-content-md-center {
    align-content: center !important;
  }
  .ion-align-content-md-between {
    align-content: space-between !important;
  }
  .ion-align-content-md-around {
    align-content: space-around !important;
  }
  .ion-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .ion-align-content-lg-start {
    align-content: flex-start !important;
  }
  .ion-align-content-lg-end {
    align-content: flex-end !important;
  }
  .ion-align-content-lg-center {
    align-content: center !important;
  }
  .ion-align-content-lg-between {
    align-content: space-between !important;
  }
  .ion-align-content-lg-around {
    align-content: space-around !important;
  }
  .ion-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-content-xl-start {
    align-content: flex-start !important;
  }
  .ion-align-content-xl-end {
    align-content: flex-end !important;
  }
  .ion-align-content-xl-center {
    align-content: center !important;
  }
  .ion-align-content-xl-between {
    align-content: space-between !important;
  }
  .ion-align-content-xl-around {
    align-content: space-around !important;
  }
  .ion-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.ion-align-items-start {
  align-items: start !important;
}
.ion-align-items-end {
  align-items: end !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
@media (min-width: 576px) {
  .ion-align-items-sm-start {
    align-items: start !important;
  }
  .ion-align-items-sm-end {
    align-items: end !important;
  }
  .ion-align-items-sm-center {
    align-items: center !important;
  }
  .ion-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .ion-align-items-md-start {
    align-items: start !important;
  }
  .ion-align-items-md-end {
    align-items: end !important;
  }
  .ion-align-items-md-center {
    align-items: center !important;
  }
  .ion-align-items-md-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) {
  .ion-align-items-lg-start {
    align-items: start !important;
  }
  .ion-align-items-lg-end {
    align-items: end !important;
  }
  .ion-align-items-lg-center {
    align-items: center !important;
  }
  .ion-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-items-xl-start {
    align-items: start !important;
  }
  .ion-align-items-xl-end {
    align-items: end !important;
  }
  .ion-align-items-xl-center {
    align-items: center !important;
  }
  .ion-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.ion-align-self-start {
  align-self: start !important;
}
.ion-align-self-end {
  align-self: end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
@media (min-width: 576px) {
  .ion-align-self-sm-start {
    align-self: start !important;
  }
  .ion-align-self-sm-end {
    align-self: end !important;
  }
  .ion-align-self-sm-center {
    align-self: center !important;
  }
  .ion-align-self-sm-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .ion-align-self-md-start {
    align-self: start !important;
  }
  .ion-align-self-md-end {
    align-self: end !important;
  }
  .ion-align-self-md-center {
    align-self: center !important;
  }
  .ion-align-self-md-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-md-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-md-auto {
    align-self: auto !important;
  }
}
@media (min-width: 992px) {
  .ion-align-self-lg-start {
    align-self: start !important;
  }
  .ion-align-self-lg-end {
    align-self: end !important;
  }
  .ion-align-self-lg-center {
    align-self: center !important;
  }
  .ion-align-self-lg-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-self-xl-start {
    align-self: start !important;
  }
  .ion-align-self-xl-end {
    align-self: end !important;
  }
  .ion-align-self-xl-center {
    align-self: center !important;
  }
  .ion-align-self-xl-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-xl-auto {
    align-self: auto !important;
  }
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
@media (min-width: 576px) {
  .ion-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-sm-center {
    justify-content: center !important;
  }
  .ion-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .ion-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-md-center {
    justify-content: center !important;
  }
  .ion-justify-content-md-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-md-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 992px) {
  .ion-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-lg-center {
    justify-content: center !important;
  }
  .ion-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .ion-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-xl-center {
    justify-content: center !important;
  }
  .ion-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
.ion-flex-row {
  flex-direction: row !important;
}
.ion-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.ion-flex-column {
  flex-direction: column !important;
}
.ion-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-row {
    flex-direction: row !important;
  }
  .ion-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-sm-column {
    flex-direction: column !important;
  }
  .ion-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-row {
    flex-direction: row !important;
  }
  .ion-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-md-column {
    flex-direction: column !important;
  }
  .ion-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-row {
    flex-direction: row !important;
  }
  .ion-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-lg-column {
    flex-direction: column !important;
  }
  .ion-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-row {
    flex-direction: row !important;
  }
  .ion-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-xl-column {
    flex-direction: column !important;
  }
  .ion-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-flex-wrap {
  flex-wrap: wrap !important;
}
.ion-flex-nowrap {
  flex-wrap: nowrap !important;
}
.ion-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.ion-flex-1 {
  flex: 1 !important;
}
.ion-flex-auto {
  flex: auto !important;
}
.ion-flex-initial {
  flex: initial !important;
}
.ion-flex-none {
  flex: none !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-1 {
    flex: 1 !important;
  }
  .ion-flex-sm-auto {
    flex: auto !important;
  }
  .ion-flex-sm-initial {
    flex: initial !important;
  }
  .ion-flex-sm-none {
    flex: none !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-1 {
    flex: 1 !important;
  }
  .ion-flex-md-auto {
    flex: auto !important;
  }
  .ion-flex-md-initial {
    flex: initial !important;
  }
  .ion-flex-md-none {
    flex: none !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-1 {
    flex: 1 !important;
  }
  .ion-flex-lg-auto {
    flex: auto !important;
  }
  .ion-flex-lg-initial {
    flex: initial !important;
  }
  .ion-flex-lg-none {
    flex: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-1 {
    flex: 1 !important;
  }
  .ion-flex-xl-auto {
    flex: auto !important;
  }
  .ion-flex-xl-initial {
    flex: initial !important;
  }
  .ion-flex-xl-none {
    flex: none !important;
  }
}
.ion-flex-grow-0 {
  flex-grow: 0 !important;
}
.ion-flex-grow-1 {
  flex-grow: 1 !important;
}
.ion-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.ion-flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.ion-order-first {
  order: -1 !important;
}
.ion-order-0 {
  order: 0 !important;
}
.ion-order-1 {
  order: 1 !important;
}
.ion-order-2 {
  order: 2 !important;
}
.ion-order-3 {
  order: 3 !important;
}
.ion-order-4 {
  order: 4 !important;
}
.ion-order-5 {
  order: 5 !important;
}
.ion-order-6 {
  order: 6 !important;
}
.ion-order-7 {
  order: 7 !important;
}
.ion-order-8 {
  order: 8 !important;
}
.ion-order-9 {
  order: 9 !important;
}
.ion-order-10 {
  order: 10 !important;
}
.ion-order-11 {
  order: 11 !important;
}
.ion-order-12 {
  order: 12 !important;
}
.ion-order-last {
  order: 13 !important;
}
@media (min-width: 576px) {
  .ion-order-sm-first {
    order: -1 !important;
  }
  .ion-order-sm-0 {
    order: 0 !important;
  }
  .ion-order-sm-1 {
    order: 1 !important;
  }
  .ion-order-sm-2 {
    order: 2 !important;
  }
  .ion-order-sm-3 {
    order: 3 !important;
  }
  .ion-order-sm-4 {
    order: 4 !important;
  }
  .ion-order-sm-5 {
    order: 5 !important;
  }
  .ion-order-sm-6 {
    order: 6 !important;
  }
  .ion-order-sm-7 {
    order: 7 !important;
  }
  .ion-order-sm-8 {
    order: 8 !important;
  }
  .ion-order-sm-9 {
    order: 9 !important;
  }
  .ion-order-sm-10 {
    order: 10 !important;
  }
  .ion-order-sm-11 {
    order: 11 !important;
  }
  .ion-order-sm-12 {
    order: 12 !important;
  }
  .ion-order-sm-last {
    order: 13 !important;
  }
}
@media (min-width: 768px) {
  .ion-order-md-first {
    order: -1 !important;
  }
  .ion-order-md-0 {
    order: 0 !important;
  }
  .ion-order-md-1 {
    order: 1 !important;
  }
  .ion-order-md-2 {
    order: 2 !important;
  }
  .ion-order-md-3 {
    order: 3 !important;
  }
  .ion-order-md-4 {
    order: 4 !important;
  }
  .ion-order-md-5 {
    order: 5 !important;
  }
  .ion-order-md-6 {
    order: 6 !important;
  }
  .ion-order-md-7 {
    order: 7 !important;
  }
  .ion-order-md-8 {
    order: 8 !important;
  }
  .ion-order-md-9 {
    order: 9 !important;
  }
  .ion-order-md-10 {
    order: 10 !important;
  }
  .ion-order-md-11 {
    order: 11 !important;
  }
  .ion-order-md-12 {
    order: 12 !important;
  }
  .ion-order-md-last {
    order: 13 !important;
  }
}
@media (min-width: 992px) {
  .ion-order-lg-first {
    order: -1 !important;
  }
  .ion-order-lg-0 {
    order: 0 !important;
  }
  .ion-order-lg-1 {
    order: 1 !important;
  }
  .ion-order-lg-2 {
    order: 2 !important;
  }
  .ion-order-lg-3 {
    order: 3 !important;
  }
  .ion-order-lg-4 {
    order: 4 !important;
  }
  .ion-order-lg-5 {
    order: 5 !important;
  }
  .ion-order-lg-6 {
    order: 6 !important;
  }
  .ion-order-lg-7 {
    order: 7 !important;
  }
  .ion-order-lg-8 {
    order: 8 !important;
  }
  .ion-order-lg-9 {
    order: 9 !important;
  }
  .ion-order-lg-10 {
    order: 10 !important;
  }
  .ion-order-lg-11 {
    order: 11 !important;
  }
  .ion-order-lg-12 {
    order: 12 !important;
  }
  .ion-order-lg-last {
    order: 13 !important;
  }
}
@media (min-width: 1200px) {
  .ion-order-xl-first {
    order: -1 !important;
  }
  .ion-order-xl-0 {
    order: 0 !important;
  }
  .ion-order-xl-1 {
    order: 1 !important;
  }
  .ion-order-xl-2 {
    order: 2 !important;
  }
  .ion-order-xl-3 {
    order: 3 !important;
  }
  .ion-order-xl-4 {
    order: 4 !important;
  }
  .ion-order-xl-5 {
    order: 5 !important;
  }
  .ion-order-xl-6 {
    order: 6 !important;
  }
  .ion-order-xl-7 {
    order: 7 !important;
  }
  .ion-order-xl-8 {
    order: 8 !important;
  }
  .ion-order-xl-9 {
    order: 9 !important;
  }
  .ion-order-xl-10 {
    order: 10 !important;
  }
  .ion-order-xl-11 {
    order: 11 !important;
  }
  .ion-order-xl-12 {
    order: 12 !important;
  }
  .ion-order-xl-last {
    order: 13 !important;
  }
}
.single-tab {
  flex-grow: 0.5 !important;
}
.single-tab .mdc-tab__ripple::before {
  opacity: 0 !important;
}
.mat-mdc-tab-header-pagination-disabled {
  display: none !important;
}
.mat-mdc-tab-body {
  -webkit-overflow-scrolling: touch;
}
.mat-mdc-tab-nav-bar {
  z-index: 1;
  border-bottom: none;
  background-color: #fff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.09);
}
.mat-mdc-tab-group .mat-mdc-tab-header {
  z-index: 1;
  border-bottom: none;
  background-color: #fff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.09);
}
.remedy-treatment-tab.mdc-tab {
  padding: 0 6px !important;
  font-size: 16px;
}
@media (min-width: 320px) {
  .remedy-treatment-tab.mdc-tab {
    font-size: 16px;
    font-size: calc(0.0112359551 * 100vw + 12.404494382px);
  }
}
@media (min-width: 854px) {
  .remedy-treatment-tab.mdc-tab {
    font-size: 22px;
  }
}
.my-herd-extra-tab .mat-mdc-tab-links .mat-mdc-tab-link {
  flex: 1 auto !important;
}
.mat-mdc-tab-header {
  background: #fff;
  --mdc-secondary-navigation-tab-container-height: 60px !important;
}
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab,
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link {
  flex: 1 0;
  padding: 0 12px;
}
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label,
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link .mdc-tab__text-label,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab .mdc-tab__text-label,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link .mdc-tab__text-label {
  height: 100% !important;
  color: #000;
  font-family: HK-Grotesk, sans-serif;
  font-size: 18px;
  letter-spacing: normal;
  opacity: 1 !important;
  text-wrap: wrap;
  font-size: 16px;
}
@media (min-width: 320px) {
  .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label,
  .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link .mdc-tab__text-label,
  .mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab .mdc-tab__text-label,
  .mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link .mdc-tab__text-label {
    font-size: 16px;
    font-size: calc(0.0149812734 * 100vw + 11.2059925094px);
  }
}
@media (min-width: 854px) {
  .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label,
  .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link .mdc-tab__text-label,
  .mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab .mdc-tab__text-label,
  .mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link .mdc-tab__text-label {
    font-size: 24px;
  }
}
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab,
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link {
}
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
  color: var(--theme-primary);
  font-weight: bold;
}
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:not(:last-child)::after,
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link:not(:last-child)::after,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab:not(:last-child)::after,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link:not(:last-child)::after {
  position: absolute;
  top: 14px;
  right: 0;
  display: block;
  width: 1px;
  height: 32px;
  background-color: #d9e3ea;
  content: "";
}
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab,
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link {
}
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab-indicator .mdc-tab-indicator__content,
.mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab-link .mdc-tab-indicator .mdc-tab-indicator__content,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab .mdc-tab-indicator .mdc-tab-indicator__content,
.mat-mdc-tab-header .mat-mdc-tab-links .mat-mdc-tab-link .mdc-tab-indicator .mdc-tab-indicator__content {
  border-width: 3px;
}
html {
  --mdc-list-list-item-label-text-tracking: normal !important;
  --mdc-list-list-item-trailing-supporting-text-tracking: normal !important;
  --mdc-list-list-item-supporting-text-tracking: normal !important;
  --mdc-list-list-item-label-text-font: hk-grotesk, sans-serif !important;
}
ion-content .mat-mdc-list-base,
.breeding-events-list .mat-mdc-list-base {
  --mat-list-list-item-supporting-text-color: black;
  padding-top: 0;
  padding-bottom: 0;
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar {
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon .mdc-list-item__content,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar .mdc-list-item__content {
  overflow: visible;
  padding-left: 2vw !important;
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar {
}
@media (min-width: 320px) {
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
    height: 60px !important;
  }
}
@media (min-width: 425px) {
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
    height: 62px !important;
  }
}
@media (min-width: 855px) {
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
    height: 70px !important;
  }
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content {
  align-self: center;
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4::before,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4::before,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4::before,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4::before {
  display: none;
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4::after,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4::after,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4::after,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4::after {
  display: none;
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4 {
  margin: 0;
  font-family: HK-Grotesk, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
@media (min-width: 320px) {
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4,
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4 {
    font-size: 18px;
    font-size: calc(0.0187265918 * 100vw + 12.0074906367px);
  }
}
@media (min-width: 854px) {
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4,
  ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content h4,
  .breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content h4 {
    font-size: 28px;
  }
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content {
}
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content .mdc-list-item__secondary-text::before,
ion-content .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content .mdc-list-item__secondary-text::before,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__content .mdc-list-item__secondary-text::before,
.breeding-events-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__content .mdc-list-item__secondary-text::before {
  display: none;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
  --secondary-icon-name: "";
  --secondary-icon-width: 55px;
  --secondary-icon-height: 55px;
  --secondary-icon-padding-right: 0;
  padding: 0 5vw !important;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item::after:not(.select-deselect-all),
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item::after:not(.select-deselect-all) {
  position: absolute;
  right: 5vw;
  bottom: 0;
  display: block;
  width: calc(100% - 2vw - 46px - 10vw);
  height: 1px;
  background: #d9e3ea;
  content: "";
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mat-mdc-list-item-avatar,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mat-mdc-list-item-icon,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mat-mdc-list-item-avatar,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mat-mdc-list-item-icon {
  margin: 0;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.inactive .mat-mdc-list-item-title,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.inactive .mat-mdc-list-item-title {
  color: var(--theme-space-grey) !important;
}
@media (min-width: 320px) {
  ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item,
  .breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
    height: 60px !important;
  }
}
@media (min-width: 425px) {
  ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item,
  .breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
    height: 62px !important;
  }
}
@media (min-width: 855px) {
  ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item,
  .breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
    height: 70px !important;
  }
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__end,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__end {
  margin: 0;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__end::before,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__end::before {
  display: none;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines {
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mdc-list-item__content,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mdc-list-item__content {
  align-self: center;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines {
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mdc-list-item__start,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mdc-list-item__start,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mdc-list-item__start,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mdc-list-item__start {
  align-self: center;
  margin-top: 0;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines {
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mdc-list-item__end,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mdc-list-item__end,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mdc-list-item__end,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mdc-list-item__end {
  align-self: center;
  margin: 0;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mdc-list-item__end::before,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mdc-list-item__end::before,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mdc-list-item__end::before,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mdc-list-item__end::before {
  display: none;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mat-mdc-list-item-title::after,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mat-mdc-list-item-title::before,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mat-mdc-list-item-line::after,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mat-mdc-list-item-line::before,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-title::after,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-title::before,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line::after,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line::before,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mat-mdc-list-item-title::after,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mat-mdc-list-item-title::before,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mat-mdc-list-item-line::after,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-two-lines .mat-mdc-list-item-line::before,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-title::after,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-title::before,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line::after,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line::before {
  display: none;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content {
  overflow: hidden;
}
@media (min-width: 650px) {
  ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content,
  .breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content {
    --mdc-list-list-item-label-text-line-height: 28px;
    --mdc-list-list-item-supporting-text-line-height: 24px;
  }
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content {
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content .mdc-list-item__secondary-text,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content .mdc-list-item__secondary-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content .mdc-list-item__secondary-text::before,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content .mdc-list-item__secondary-text::before {
  display: none;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content h4,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content h4 {
  margin: 0;
  font-family: HK-Grotesk, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
@media (min-width: 320px) {
  ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content h4,
  .breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content h4 {
    font-size: 18px;
    font-size: calc(0.0187265918 * 100vw + 12.0074906367px);
  }
}
@media (min-width: 854px) {
  ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content h4,
  .breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content h4 {
    font-size: 28px;
  }
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content p,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content p {
  margin: 0;
  font-family: HK-Grotesk, sans-serif;
  font-size: 16px;
}
@media (min-width: 320px) {
  ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content p,
  .breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content p {
    font-size: 16px;
    font-size: calc(0.0149812734 * 100vw + 11.2059925094px);
  }
}
@media (min-width: 854px) {
  ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content p,
  .breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content p {
    font-size: 24px;
  }
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop {
  height: 60px !important;
  padding: 0 20px !important;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop:not(.mdc-list-item--with-leading-avatar)::after,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop:not(.mdc-list-item--with-leading-avatar)::after {
  width: calc(100% - 40px) !important;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop {
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop .mdc-list-item__content,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop .mdc-list-item__content {
  width: 95%;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop .mdc-list-item__content .mdc-list-item__secondary-text,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop .mdc-list-item__content .mdc-list-item__secondary-text {
  overflow: hidden !important;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop::after,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  display: block;
  width: calc(100% - 2vw - 46px - 40px);
  height: 1px;
  background: #d9e3ea;
  content: "";
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop h4,
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop ion-title,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop h4,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop ion-title {
  font-size: 20px !important;
}
ion-content .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop p,
.breeding-events-list .mat-mdc-list-base .mat-mdc-list-item.list-item-desktop p {
  font-size: 16px !important;
}
ion-content.smartlist-list,
.breeding-events-list.smartlist-list {
  --background: #e7eef9;
}
ion-content.smartlist-list .cdk-virtual-scroll-content-wrapper,
.breeding-events-list.smartlist-list .cdk-virtual-scroll-content-wrapper {
  padding-top: 8px;
  padding-bottom: 48px;
}
ion-content.smartlist-list .mat-mdc-list-base .mat-mdc-list-item,
.breeding-events-list.smartlist-list .mat-mdc-list-base .mat-mdc-list-item {
  width: auto;
  padding: 8px 10px !important;
  border-radius: 8px;
  margin: 0 5vw 5px !important;
  background: #fff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.09);
}
ion-content.smartlist-list .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-avatar,
.breeding-events-list.smartlist-list .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-avatar {
  border-radius: 0 !important;
  margin: 0;
  -webkit-mask: url("./media/smartlist-item-bg.svg") no-repeat 50% 50%;
  mask: url("./media/smartlist-item-bg.svg") no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}
ion-content .create-smartlist.mat-mdc-list-item-avatar,
.breeding-events-list .create-smartlist.mat-mdc-list-item-avatar {
  -webkit-mask: unset !important;
  mask: unset !important;
}
ion-content.group-list .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-avatar,
.breeding-events-list.group-list .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-avatar {
  border-radius: 2px !important;
  -webkit-mask: unset;
  mask: unset;
}
.breeding-events-list__list task-list-item:nth-child(odd) {
  background-color: #e7eef9;
}
ion-content .mat-mdc-list-base :is(app-walk-order-list-item, app-default-field-list-item, system-types-list-item, task-list-item):not(:last-child)::after {
  position: absolute;
  right: 5vw;
  bottom: 0;
  display: block;
  width: calc(100% - 2vw - 46px - 10vw);
  height: 1px;
  background: #d9e3ea;
  content: "";
}
ion-content:not(.smartlist-list) .mat-mdc-list-base app-default-field-list-item::after,
ion-content:not(.smartlist-list) .mat-mdc-list-base app-walk-order-list-item::after,
ion-content:not(.smartlist-list) .mat-mdc-list-base .mat-mdc-list-item:not(.mdc-list-item--with-leading-avatar)::after {
  width: calc(100% - 10vw);
}
.multiline-items-list .mat-mdc-list-base {
}
.multiline-items-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar {
}
.multiline-items-list .mat-mdc-list-base .mdc-list-item--with-leading-avatar .mdc-list-item__content {
  padding-top: 1vh !important;
  padding-bottom: 1vh !important;
}
@media (min-width: 320px) {
  .multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
    height: 72px !important;
  }
}
@media (min-width: 425px) {
  .multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
    height: 74px !important;
  }
}
@media (min-width: 855px) {
  .multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
    height: 90px !important;
  }
}
.multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
}
.multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content h4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}
@media (min-width: 600px) and (max-width: 855px) {
  .multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item {
  }
  .multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item .mdc-list-item__content h4 {
    -webkit-line-clamp: 1;
  }
}
.multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item-dektop {
  height: 70px !important;
}
.multiline-items-list .mat-mdc-list-base .mat-mdc-list-item.list-item-dektop .mdc-list-item__content h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}
.list-wrapper {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  flex-grow: 1;
}
.list-wrapper.no-records {
  background-image: url("./media/no_records.svg");
  background-position: center 20vh;
  background-repeat: no-repeat;
  background-size: 40%;
}
.list-wrapper .groups-without-animals .mdc-list-item {
  padding: 0 5vw;
  margin: 0;
}
.isDesktop .list-wrapper.with-full-width-pill-button {
  height: calc(100% - 119px);
  min-height: calc(100% - 119px);
}
.virtual-scroller-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-bottom: 0 !important;
}
.virtual-scroller-wrapper .cdk-virtual-scroll-content-wrapper {
  width: 100%;
  padding-bottom: 40px;
}
ion-content.smartlist-list .mat-mdc-list-base .mat-mdc-list-item.select-deselect-all {
  padding-left: 5vw !important;
}
ion-content.smartlist-list .mat-mdc-list-base .mat-mdc-list-item.select-deselect-all .mat-mdc-list-item-avatar {
  border-radius: 2px !important;
}
.select-deselect-all + .virtual-scroller-wrapper {
  min-height: calc(100% - 9vh);
  max-height: calc(100% - 9vh);
}
.mat-mdc-list-base .mdc-list-item--with-leading-avatar.select-deselect-all.mdc-list-item {
}
.mat-mdc-list-base .mdc-list-item--with-leading-avatar.select-deselect-all.mdc-list-item.mdc-list-item--with-leading-avatar .mdc-list-item__start {
  margin-left: 7px;
}
.mat-mdc-list-base .mdc-list-item--with-leading-avatar.select-deselect-all {
}
.mat-mdc-list-base .mdc-list-item--with-leading-avatar.select-deselect-all .mdc-list-item__content {
  padding-left: 12px !important;
}
.mat-mdc-list-base .mdc-list-item--with-leading-avatar.select-deselect-all .mdc-list-item__content .mat-mdc-list-item-title {
  font-weight: 600;
}
.mat-mdc-list-item-avatar.select-all-checkbox {
  display: flex !important;
  width: 18px !important;
  min-width: 18px;
  height: 18px !important;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 2px solid #a9adbd;
  border-radius: 2px !important;
  background: none !important;
  font-weight: 600;
  -webkit-mask: none !important;
  mask: none !important;
}
.mat-mdc-list-item-avatar.select-all-checkbox.select-all-checkbox--checked {
  border-color: var(--theme-orange);
  background-color: var(--theme-orange) !important;
}
.mat-mdc-list-item-avatar.select-all-checkbox .select-all-check-icon {
  width: 18px !important;
  height: 18px !important;
  color: white;
  font-size: 18px;
}
.smartlist-color-1 {
  background-color: var(--theme-primary) !important;
}
.smartlist-color-2 {
  background-color: var(--theme-task-list-item-background-tint) !important;
}
.smartlist-color-3 {
  background-color: var(--theme-black) !important;
}
.smartlist-color-disabled {
  background-color: #98a392 !important;
}
ion-content .mat-mdc-list-item-avatar,
.sticky-row-wrapper .mat-mdc-list-item-avatar {
  position: relative;
  width: 46px !important;
  height: 46px !important;
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 18px;
}
@media (min-width: 320px) {
  ion-content .mat-mdc-list-item-avatar,
  .sticky-row-wrapper .mat-mdc-list-item-avatar {
    font-size: 18px;
    font-size: calc(0.0074906367 * 100vw + 15.6029962547px);
  }
}
@media (min-width: 854px) {
  ion-content .mat-mdc-list-item-avatar,
  .sticky-row-wrapper .mat-mdc-list-item-avatar {
    font-size: 22px;
  }
}
ion-content .mat-mdc-list-item.list-item-desktop::after,
.sticky-row-wrapper .mat-mdc-list-item.list-item-desktop::after {
  display: none !important;
}
.select-fab-child .mat-mdc-list-base {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  background-color: #e7eef9;
}
.select-fab-child .mat-mdc-list-base.two-items {
  padding: 4vh 10vw;
}
.select-fab-child .mat-mdc-list-base.two-items .mat-mdc-list-item {
  margin-bottom: 40px;
}
.select-fab-child .mat-mdc-list-base.three-items {
  padding: 4vh 10vw;
}
.select-fab-child .mat-mdc-list-base.three-items .mat-mdc-list-item {
  margin-bottom: 15px;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item {
  display: flex;
  overflow: visible;
  height: 100% !important;
  flex-direction: column;
  padding: 0 !important;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item:hover::before {
  background: none !important;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item:active::before {
  background-color: var(--mdc-list-list-item-hover-state-layer-color);
  opacity: var(--mdc-list-list-item-hover-state-layer-opacity);
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item:last-child {
  margin-bottom: 0;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item::after {
  display: none !important;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item {
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content {
  width: 100%;
  padding: 0 5vw !important;
  border-radius: 10px;
  background-color: white;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content:active {
  background-color: #ececec;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content {
  display: flex;
  height: 100%;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content span {
  width: 100%;
  margin-bottom: 10px;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  white-space: normal;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
  margin-top: 10px;
  margin-bottom: 0;
  color: #027db5;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 18px;
}
@media (min-width: 320px) {
  .select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
    font-size: 18px;
    font-size: calc(0.0074906367 * 100vw + 15.6029962547px);
  }
}
@media (min-width: 854px) {
  .select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
    font-size: 22px;
  }
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.subtitle {
  font-weight: 600;
  font-size: 14px;
}
@media (min-width: 320px) {
  .select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.subtitle {
    font-size: 14px;
    font-size: calc(0.0037453184 * 100vw + 12.8014981273px);
  }
}
@media (min-width: 854px) {
  .select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.subtitle {
    font-size: 16px;
  }
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content .mat-mdc-list-item-unscoped-content::after {
  height: 0 !important;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .icon-wrapper {
  position: relative;
  max-height: 10vh;
  margin: 10px;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .icon-wrapper .mat-icon {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
.select-fab-child .mat-mdc-list-base .mat-mdc-list-item .icon-wrapper .mat-icon:nth-child(2) {
  position: absolute;
  width: 60% !important;
  max-width: 60% !important;
  height: 60% !important;
  max-height: 60% !important;
}
.mat-mdc-select-panel {
  --mat-option-label-text-tracking: normal;
  padding: 0 !important;
}
.mat-mdc-select-panel .mat-mdc-option {
  font-family: inherit;
}
.mat-mdc-select-panel.survey-select .mat-mdc-option {
  padding-right: 10vw;
}
.mat-mdc-select-panel.dropdown-list {
  border-radius: 6px !important;
}
.mat-mdc-select-panel.dropdown-list .mat-mdc-option {
  padding: 0 10px;
  font-size: 15px;
}
.mat-mdc-select-panel.dropdown-list-flags {
  border-radius: 4px !important;
}
.mat-mdc-select-panel.dropdown-list-flags .mat-mdc-option {
  padding: 0 13px;
  font-size: 16px;
}
.mat-mdc-select-panel.dropdown-list-flags .mat-mdc-option .mdc-list-item__primary-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-mdc-select-panel.dropdown-list-flags .mat-mdc-option[aria-disabled=true].contains-mat-select-search {
  top: 0;
  margin-top: 0;
}
.mat-mdc-select-panel.years-panel .mat-mdc-option {
  font-size: 18px;
}
.mat-mdc-select-panel.years-panel {
  border-radius: 5px !important;
}
.breeding-insights .mat-mdc-text-field-wrapper {
  height: 100%;
  border-radius: 6px;
}
.breeding-insights .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 100%;
  border-radius: 6px;
}
.breeding-insights .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  display: flex;
  height: 100%;
  align-items: center;
  border-radius: 6px;
  border-top: 0;
}
.breeding-insights .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow {
  transform: rotate(-45deg);
}
.breeding-insights .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value {
  font-family: HK-Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  text-align: center;
}
.breeding-insights .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow {
  right: 10px;
  display: inline-block;
  padding: 4px;
  border: solid black;
  border-width: 0 3px 3px 0;
  color: transparent;
  opacity: 0.48;
  transform: rotate(45deg);
}
.breeding-insights .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
.mat-mdc-form-field {
  --mdc-filled-text-field-container-color: white;
  --mat-form-field-filled-container-color: white;
  --mdc-filled-text-field-active-indicator-color: #d9e3ea;
  --mat-form-field-filled-active-indicator-color: #d9e3ea;
  --mdc-filled-text-field-disabled-container-color: white;
  --mat-form-field-hover-state-layer-opacity: 0;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-select-enabled-trigger-text-color: black;
  --mat-form-field-filled-label-text-color: black;
  --mat-select-trigger-text-tracking: normal;
  --mdc-filled-text-field-label-text-font: hk-grotesk, sans-serif;
  --mat-mdc-form-field-floating-label-scale: 1;
}
.mat-mdc-form-field .mat-mdc-button-touch-target {
  height: unset !important;
}
.mat-mdc-form-field.mat-form-field-invalid:not(.disabled) .mdc-line-ripple::before {
  border-bottom-color: rgb(244, 67, 54) !important;
}
.mat-mdc-form-field {
  overflow: visible;
  width: 100%;
}
.mat-mdc-form-field .mat-mdc-form-field-bottom-align::before {
  content: unset;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  overflow: visible;
  width: 100%;
  padding: 0;
  background: white;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  background: white;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  width: 100%;
  background: white;
}
.form-group-mobile:not(:has(.sign-up-input)) .mdc-floating-label {
  --mdc-filled-text-field-label-text-color: #000;
  width: 100% !important;
  letter-spacing: normal;
  transform: translateY(-1.7em) scale(1) perspective(100px) translateZ(0.001px) !important;
  font-size: 17px;
}
@media (min-width: 320px) {
  .form-group-mobile:not(:has(.sign-up-input)) .mdc-floating-label {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  .form-group-mobile:not(:has(.sign-up-input)) .mdc-floating-label {
    font-size: 22px;
  }
}
.form-group-mobile:not(:has(.sign-up-input)) .mdc-floating-label mat-label.required {
  color: var(--theme-orange);
}
.form-group-mobile:not(:has(.sign-up-input)) .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: var(--theme-orange);
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field {
  padding-bottom: 1.25em;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.hidden {
  display: none;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  position: relative;
  bottom: -10px;
  display: flex;
  padding: 0;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base {
  --mat-icon-button-state-layer-size: 24px;
  padding: 0;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .suffix-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .suffix-icon button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .suffix-icon mat-icon,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .suffix-icon svg {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding: 0 0 0.9vh;
  margin-bottom: 0;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
  align-self: baseline;
  padding: 0;
  font-size: 17px;
}
@media (min-width: 320px) {
  .form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  .form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
    font-size: 22px;
  }
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 30px;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-input-element {
  letter-spacing: normal;
  font-size: 17px;
}
@media (min-width: 320px) {
  .form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-input-element {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  .form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-input-element {
    font-size: 22px;
  }
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select-value-text span {
  font-size: 17px;
}
@media (min-width: 320px) {
  .form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select-value-text span {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  .form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select-value-text span {
    font-size: 22px;
  }
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field div:has(+ mat-form-field.no-title.mat-focused) {
  color: var(--theme-primary);
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field mat-form-field {
  width: 100% !important;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field mat-form-field.no-title mat-label {
  display: none;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper {
  transform: translateY(0);
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill.required .mdc-floating-label mat-label,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill.required .mdc-floating-label span,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline.required .mdc-floating-label mat-label,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline.required .mdc-floating-label span {
  color: var(--theme-orange);
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill .mat-datepicker-toggle,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline .mat-datepicker-toggle {
  color: #000;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mdc-line-ripple::before,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mdc-line-ripple::after,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mdc-line-ripple::before,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mdc-line-ripple::after {
  border-bottom-style: dashed;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mdc-line-ripple--active::after,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mdc-line-ripple--active::after {
  border-bottom-color: transparent !important;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mat-mdc-select-value-text span,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mat-datepicker-toggle,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mat-mdc-select-value-text span,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mat-datepicker-toggle {
  color: rgba(0, 0, 0, 0.38) !important;
}
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-fill.disabled *,
.form-group-mobile:not(:has(.sign-up-input)) .mat-mdc-form-field.mat-form-field-appearance-outline.disabled * {
  color: rgba(0, 0, 0, 0.38) !important;
}
.form-group-desktop .mdc-floating-label {
  --mdc-filled-text-field-label-text-color: #000;
}
.form-group-desktop .mdc-floating-label mat-label {
  font-size: 16px !important;
}
.form-group-desktop .mdc-floating-label mat-label.required {
  color: var(--theme-orange);
}
.form-group-desktop .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: var(--theme-orange);
}
.form-group-desktop .mat-mdc-form-field {
  padding-bottom: 0;
}
.form-group-desktop .mat-mdc-form-field.hidden {
  display: none;
}
.form-group-desktop .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  position: relative;
  bottom: -10px;
  display: flex;
  padding: 0;
}
.form-group-desktop .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base {
  --mat-icon-button-state-layer-size: 24px;
  padding: 0;
}
.form-group-desktop .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .suffix-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-group-desktop .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .suffix-icon button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-group-desktop .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .suffix-icon mat-icon,
.form-group-desktop .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .suffix-icon svg {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}
.form-group-desktop .mat-mdc-form-field .mat-mdc-text-field-wrapper {
}
.form-group-desktop .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-37.75px) scale(1);
}
.form-group-desktop .mat-mdc-form-field .mat-mdc-text-field-wrapper {
}
.form-group-desktop .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-150%) scale(1);
}
.form-group-desktop .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding: 0;
  margin-bottom: 0;
}
.form-group-desktop .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
  align-self: baseline;
  padding: 0;
  font-size: 16px;
}
.form-group-desktop .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-input-element {
  font-size: 16px;
  letter-spacing: normal;
}
.form-group-desktop .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select-value-text span {
  font-size: 16px;
}
.form-group-desktop .mat-mdc-form-field div:has(+ mat-form-field.no-title.mat-focused) {
  color: var(--theme-primary);
}
.form-group-desktop .mat-mdc-form-field mat-form-field {
  width: 100% !important;
}
.form-group-desktop .mat-mdc-form-field mat-form-field.no-title mat-label {
  display: none;
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper {
  transform: translateY(0);
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill.required .mdc-floating-label mat-label,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill.required .mdc-floating-label span,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline.required .mdc-floating-label mat-label,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline.required .mdc-floating-label span {
  color: var(--theme-orange);
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill .mat-datepicker-toggle,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline .mat-datepicker-toggle {
  color: #000;
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mdc-line-ripple::before,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mdc-line-ripple::after,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mdc-line-ripple::before,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mdc-line-ripple::after {
  border-bottom-style: dashed;
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mdc-line-ripple--active::after,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mdc-line-ripple--active::after {
  border-bottom-color: transparent !important;
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mat-mdc-select-value-text span,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill.disabled .mat-datepicker-toggle,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mat-mdc-select-value-text span,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline.disabled .mat-datepicker-toggle {
  color: rgba(0, 0, 0, 0.38) !important;
}
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-fill.disabled *,
.form-group-desktop .mat-mdc-form-field.mat-form-field-appearance-outline.disabled * {
  color: rgba(0, 0, 0, 0.38) !important;
}
.form-group-desktop .action-button-wrapper .action-button {
  font-size: 16px !important;
}
.sign-up-input {
  width: 100%;
}
.sign-up-input.mat-form-field-invalid .mat-mdc-input-element::placeholder {
  color: #f44336;
}
.sign-up-input.mat-mdc-form-field {
  padding-bottom: 10px;
  --mdc-filled-text-field-active-indicator-height: 1px;
}
.sign-up-input.mat-mdc-form-field .mat-mdc-text-field-wrapper {
}
.sign-up-input.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-150%) scale(0.75);
}
.sign-up-input.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  margin-bottom: 1vh;
}
.sign-up-input.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  padding-top: 0;
}
.sign-up-input.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
  padding: 0;
}
.sign-up-input.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix .mat-icon {
  padding: 0;
}
.sign-up-input.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-top: 20px;
  padding-bottom: 12px;
  padding-left: 10px;
}
.sign-up-input.mat-mdc-form-field .mdc-line-ripple::before,
.sign-up-input.mat-mdc-form-field .mdc-line-ripple::after {
  right: 0;
  bottom: 8px;
  left: unset;
  width: calc(100% - 32px);
}
.login-page .mat-mdc-form-field .mat-mdc-form-field-bottom-align::before {
  content: "";
}
.login-page .mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 13px 0 13px 13px !important;
}
.login-page .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  background-color: #ffb3c1;
}
.login-page .mat-mdc-form-field.mat-form-field-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  background-color: #ffb3c1;
}
.login-page .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  overflow: visible;
  height: 56px;
  border-radius: 6px;
  margin-top: 26px;
  margin-bottom: 10px;
}
.login-page .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  border-radius: 6px;
}
.login-page .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
  padding: 13px;
  border-radius: 6px;
}
.login-page .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label {
  position: absolute;
  top: -10px;
  left: 0;
  color: #fff !important;
  font-size: 18px;
  letter-spacing: normal;
  transform: translateY(-1.28125em) scale(1) perspective(100px) translateZ(0.001px) !important;
}
.login-page .mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
.login-page .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-input-element {
  font-size: 18px;
}
.login-page .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.login-page .validation-errors {
  margin: -25px 0 15px;
  color: #e0b500 !important;
  font-size: 16px;
  font-weight: bold;
}
.login-page .validation-errors .mat-mdc-form-field-error {
  color: #e0b500 !important;
}
@media (max-height: 568px) {
  .login-page .mat-mdc-form-field .mat-mdc-text-field-wrapper {
    margin-top: 16px;
  }
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper {
  padding: 0;
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper.mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-150%) scale(0.75);
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper {
  height: 40px !important;
}
@media (min-width: 320px) {
  .groups-wrapper .search-herd .mat-mdc-text-field-wrapper {
    height: 40px;
    height: calc(0.0655430712 * 100vw + 19.0262172285px) !important;
  }
}
@media (min-width: 854px) {
  .groups-wrapper .search-herd .mat-mdc-text-field-wrapper {
    height: 75px !important;
  }
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 40px !important;
}
@media (min-width: 320px) {
  .groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
    height: 40px;
    height: calc(0.0655430712 * 100vw + 19.0262172285px) !important;
  }
}
@media (min-width: 854px) {
  .groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
    height: 75px !important;
  }
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  background: white;
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 100%;
  padding-top: 2.5vh;
  background: white;
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  height: 40px !important;
}
@media (min-width: 320px) {
  .groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
    height: 40px;
    height: calc(0.0655430712 * 100vw + 19.0262172285px) !important;
  }
}
@media (min-width: 854px) {
  .groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
    height: 75px !important;
  }
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  font-size: 16px;
}
@media (min-width: 320px) {
  .groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
    font-size: 15px;
    font-size: calc(0.0112359551 * 100vw + 12.404494382px);
  }
}
@media (min-width: 854px) {
  .groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
    font-size: 22px;
  }
}
.groups-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label {
  letter-spacing: normal;
}
.groups-wrapper .search-herd .search-input {
  font-size: 16px;
}
@media (min-width: 320px) {
  .groups-wrapper .search-herd .search-input {
    font-size: 16px;
    font-size: calc(0.0112359551 * 100vw + 12.404494382px);
  }
}
@media (min-width: 854px) {
  .groups-wrapper .search-herd .search-input {
    font-size: 22px;
  }
}
.isDesktop .groups-wrapper .form-field-wrapper {
  display: flex;
  justify-content: center;
  border: 1px solid #e8e9ed;
  border-radius: 999px;
  background: #f4f7fc;
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd {
  width: 85%;
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .mat-mdc-text-field-wrapper {
  max-height: 32px;
  padding: 0;
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .mat-mdc-text-field-wrapper .mdc-line-ripple::before {
  content: none;
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .mat-mdc-text-field-wrapper .mdc-line-ripple::after {
  content: none;
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .mat-mdc-text-field-wrapper {
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .mat-mdc-text-field-wrapper.mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-150%) scale(0.75);
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  max-height: 32px;
  background: #f4f7fc;
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-icon {
  padding: 0;
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 100%;
  max-height: 32px;
  padding: 5px 0;
  background: #f4f7fc;
  font-size: 14px;
}
.isDesktop .groups-wrapper .form-field-wrapper .search-herd .search-input {
  font-size: 14px;
}
.pedigree-management {
  --mdc-filled-text-field-label-text-color: black;
  --mdc-filled-text-field-active-indicator-color: #d9e3ea;
}
.pedigree-management .mdc-floating-label {
  max-width: 100% !important;
  font-size: 16px;
}
@media (min-width: 320px) {
  .pedigree-management .mdc-floating-label {
    font-size: 16px;
    font-size: calc(0.0112359551 * 100vw + 12.404494382px);
  }
}
@media (min-width: 854px) {
  .pedigree-management .mdc-floating-label {
    font-size: 22px;
  }
}
.pedigree-management .mdc-floating-label {
  transform: translateY(-1.7em) scale(1) perspective(100px) translateZ(0.001px) !important;
}
.lambing-stats .mdc-floating-label {
  font-size: 17px;
}
@media (min-width: 320px) {
  .lambing-stats .mdc-floating-label {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  .lambing-stats .mdc-floating-label {
    font-size: 22px;
  }
}
.lambing-stats,
.pedigree-management {
  --mdc-filled-text-field-label-text-tracking: normal;
}
.lambing-stats .mat-mdc-form-field,
.pedigree-management .mat-mdc-form-field {
  --mdc-filled-text-field-container-color: transparent;
  --mdc-filled-text-field-active-indicator-color: rgb(0 0 0 / 42%);
  --mdc-filled-text-field-disabled-active-indicator-color: rgb(0 0 0 / 42%);
  --mdc-filled-text-field-disabled-container-color: transparent;
  width: 45%;
}
.lambing-stats .mat-mdc-form-field.mat-form-field-disabled .mdc-line-ripple::after,
.lambing-stats .mat-mdc-form-field.mat-form-field-disabled .mdc-line-ripple::before,
.pedigree-management .mat-mdc-form-field.mat-form-field-disabled .mdc-line-ripple::after,
.pedigree-management .mat-mdc-form-field.mat-form-field-disabled .mdc-line-ripple::before {
  border-bottom-style: dashed;
}
.lambing-stats .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper,
.pedigree-management .mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper {
  transform: translateY(0);
}
.lambing-stats .mat-mdc-form-field .mat-mdc-text-field-wrapper,
.pedigree-management .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding: 0;
  background: transparent;
}
.lambing-stats .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
.pedigree-management .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  background: transparent;
}
.lambing-stats .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.pedigree-management .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  background: transparent;
}
.milk-withdrawal-period-no-title.mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  bottom: -5px;
}
.milk-withdrawal-period-no-title.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: auto;
  padding-top: 16px;
}
.re-login-wrapper .mat-mdc-form-field {
  --mdc-filled-text-field-disabled-active-indicator-color: rgb(0 0 0 / 20%);
  padding-bottom: 1.25em;
}
.re-login-wrapper .mat-mdc-form-field.mat-form-field-disabled .mdc-line-ripple::before,
.re-login-wrapper .mat-mdc-form-field.mat-form-field-disabled .mdc-line-ripple::after {
  border-bottom-style: dashed;
}
.re-login-wrapper .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  padding: 0;
}
.re-login-wrapper .mat-mdc-form-field .mat-mdc-form-field-icon-suffix mat-icon {
  padding-top: 24px;
  padding-bottom: 8px;
}
.re-login-wrapper .validation-errors {
  margin: -20px 0 15px;
  color: #e0b500 !important;
  font-size: 16px;
}
.farms-list-wrapper .mat-mdc-radio-group .mat-mdc-radio-button {
  --mdc-radio-state-layer-size: 20px;
}
.farms-list-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio {
  padding: 0;
}
.farms-list-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-label {
  padding-left: 2vw;
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.farms-list-wrapper .mat-mdc-radio-button .mdc-form-field {
  width: 100%;
}
.farms-list-wrapper .mat-mdc-radio-button .mdc-form-field .mdc-label {
  width: 100%;
  font-size: 17px;
}
@media (min-width: 320px) {
  .farms-list-wrapper .mat-mdc-radio-button .mdc-form-field .mdc-label {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  .farms-list-wrapper .mat-mdc-radio-button .mdc-form-field .mdc-label {
    font-size: 22px;
  }
}
.isDesktop .farms-list-wrapper .mat-mdc-radio-button .mdc-form-field {
  width: 100%;
}
.isDesktop .farms-list-wrapper .mat-mdc-radio-button .mdc-form-field .mdc-label {
  width: 100%;
  font-size: 14px;
}
.form-builder-desktop .mat-mdc-radio-button {
  height: 40px !important;
}
.form-builder-desktop .mat-mdc-radio-button .mdc-form-field .mdc-label {
  padding-left: 1vw !important;
  font-size: 16px !important;
}
.form-builder .mat-mdc-radio-button {
  height: 56px !important;
}
@media (min-width: 320px) {
  .form-builder .mat-mdc-radio-button {
    height: 56px;
    height: calc(0.0224719101 * 100vw + 48.808988764px) !important;
  }
}
@media (min-width: 854px) {
  .form-builder .mat-mdc-radio-button {
    height: 68px !important;
  }
}
.form-builder .mat-mdc-radio-button .mdc-form-field .mdc-label {
  font-size: 18px;
}
@media (min-width: 320px) {
  .form-builder .mat-mdc-radio-button .mdc-form-field .mdc-label {
    font-size: 18px;
    font-size: calc(0.0074906367 * 100vw + 15.6029962547px);
  }
}
@media (min-width: 854px) {
  .form-builder .mat-mdc-radio-button .mdc-form-field .mdc-label {
    font-size: 22px;
  }
}
.form-builder,
.form-builder-desktop {
}
.form-builder .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button,
.form-builder-desktop .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button {
  --mdc-radio-state-layer-size: 20px;
}
.form-builder .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio,
.form-builder-desktop .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio {
  padding: 0;
}
.form-builder .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-label,
.form-builder-desktop .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-label {
  padding-left: 2vw;
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.form-builder .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button,
.form-builder-desktop .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button {
  display: flex;
  width: 100%;
  align-items: center;
  margin: 0;
}
.form-builder .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field,
.form-builder-desktop .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field {
  width: 100%;
}
.form-builder .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-label,
.form-builder-desktop .radioGroup .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-label {
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-group .form-radio-group .mat-mdc-radio-group .mat-mdc-radio-button,
.form-group-mobile .form-radio-group .mat-mdc-radio-group .mat-mdc-radio-button {
  --mdc-radio-state-layer-size: 20px;
}
.form-group .form-radio-group .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio,
.form-group-mobile .form-radio-group .mat-mdc-radio-group .mat-mdc-radio-button .mdc-radio {
  padding: 0;
}
.form-group .form-radio-group .mat-mdc-radio-group .mat-mdc-radio-button .mdc-label,
.form-group-mobile .form-radio-group .mat-mdc-radio-group .mat-mdc-radio-button .mdc-label {
  padding-left: 2vw;
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.form-group .form-radio-group .radio-wrapper,
.form-group-mobile .form-radio-group .radio-wrapper {
  position: relative;
  margin: 12px 0;
}
.form-group .form-radio-group .radio-wrapper .mdc-form-field,
.form-group-mobile .form-radio-group .radio-wrapper .mdc-form-field {
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
}
.form-group .form-radio-group.radio-from-meta .mat-mdc-radio-group,
.form-group-mobile .form-radio-group.radio-from-meta .mat-mdc-radio-group {
  display: flex;
  flex-direction: column;
}
.form-group .form-radio-group.radio-from-meta .mat-mdc-radio-group .mat-mdc-radio-button,
.form-group-mobile .form-radio-group.radio-from-meta .mat-mdc-radio-group .mat-mdc-radio-button {
  --mdc-radio-selected-focus-icon-color: var(--theme-background) !important;
  --mdc-radio-selected-hover-icon-color: var(--theme-background) !important;
  --mdc-radio-selected-icon-color: var(--theme-background) !important;
  --mdc-radio-selected-pressed-icon-color: var(--theme-background) !important;
  --mat-radio-checked-ripple-color: var(--theme-background) !important;
  margin-bottom: 10px;
  margin-left: 0;
}
.form-group .form-radio-group.radio-from-meta .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-label,
.form-group-mobile .form-radio-group.radio-from-meta .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-label {
  color: var(--theme-background);
}
.form-group .form-radio-group.radio-from-meta .mat-mdc-radio-group .mdc-form-field,
.form-group-mobile .form-radio-group.radio-from-meta .mat-mdc-radio-group .mdc-form-field {
  width: 100%;
  border-bottom: 2px solid transparent !important;
}
.form-group .form-radio-group.radio-from-meta .mat-mdc-radio-group .mdc-form-field .mdc-label,
.form-group-mobile .form-radio-group.radio-from-meta .mat-mdc-radio-group .mdc-form-field .mdc-label {
  width: 100%;
  font-size: 16px;
}
.form-group .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group,
.form-group-mobile .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.form-group .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button,
.form-group-mobile .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button {
  --mdc-radio-state-layer-size: 40px;
  border-radius: 10px;
  margin: 10px 10px 10px 0;
  background-color: var(--theme-orange);
  opacity: 0.5;
}
.form-group .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked,
.form-group-mobile .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked {
  opacity: 1;
}
.form-group .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field,
.form-group-mobile .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 26px;
  border-bottom: none;
}
.form-group .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-label,
.form-group-mobile .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-label {
  padding: 0;
  margin: 0;
  color: white;
}
.form-group .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-radio,
.form-group-mobile .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-radio {
  position: absolute;
  opacity: 0;
}
.form-group .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__native-control,
.form-group-mobile .form-radio-group.radio-to-button .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__native-control {
  top: calc((var(--mdc-radio-state-layer-size) - var(--mdc-radio-state-layer-size)) / 2);
  right: calc((var(--mdc-radio-state-layer-size) - var(--mdc-radio-state-layer-size)) / 2);
  left: calc((var(--mdc-radio-state-layer-size) - var(--mdc-radio-state-layer-size)) / 2);
}
.form-group .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group,
.form-group-mobile .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.form-group .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button,
.form-group-mobile .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button {
  --mdc-radio-state-layer-size: 20px;
  flex: 1;
  border-radius: 10px;
  margin: 10px 10px 10px 0;
  background-color: var(--theme-orange);
  opacity: 0.5;
}
.form-group .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked,
.form-group-mobile .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked {
  opacity: 1;
}
.form-group .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field,
.form-group-mobile .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-bottom: none;
}
.form-group .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-label,
.form-group-mobile .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-label {
  padding: 0;
  margin: 0;
  color: white;
}
.form-group .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-radio,
.form-group-mobile .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-radio {
  position: absolute;
  opacity: 0;
}
.form-group .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__native-control,
.form-group-mobile .form-radio-group.radio-button-calf-count .radio-wrapper .mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__native-control {
  top: -2px;
  right: 0;
  left: -30px;
  width: calc(var(--mdc-radio-state-layer-size) * 4);
}
.form-group .form-radio-group .mat-mdc-radio-button,
.form-group-mobile .form-radio-group .mat-mdc-radio-button {
  --mdc-radio-selected-focus-icon-color: var(--theme-background) !important;
  --mdc-radio-selected-hover-icon-color: var(--theme-background) !important;
  --mdc-radio-selected-icon-color: var(--theme-background) !important;
  --mdc-radio-selected-pressed-icon-color: var(--theme-background) !important;
  --mat-radio-checked-ripple-color: var(--theme-background) !important;
  --mdc-radio-unselected-icon-color: var(--theme-background) !important;
}
.form-group .form-radio-group .mat-mdc-radio-checked .mdc-form-field,
.form-group-mobile .form-radio-group .mat-mdc-radio-checked .mdc-form-field {
  border-bottom: 2px solid var(--theme-background);
}
.form-group .form-radio-group .mat-mdc-radio-checked .mdc-label,
.form-group-mobile .form-radio-group .mat-mdc-radio-checked .mdc-label {
  color: var(--theme-background);
}
.form-group .form-radio-group .mdc-label,
.form-group-mobile .form-radio-group .mdc-label {
  font-size: 16px;
}
.sign-up-checkbox {
  display: inline-flex;
  font-weight: 400;
}
.sign-up-checkbox .mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.sign-up-checkbox .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  opacity: 0;
}
.sign-up-checkbox .mat-mdc-checkbox .mdc-form-field .mdc-label {
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.sign-up-checkbox .mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 25px;
  width: 100%;
}
.sign-up-checkbox .mat-mdc-checkbox .mdc-form-field {
  width: 100%;
}
.sign-up-checkbox .mat-mdc-checkbox .mdc-form-field .mdc-label {
  overflow: hidden;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
}
@media (min-width: 320px) {
  .sign-up-checkbox .mat-mdc-checkbox .mdc-form-field .mdc-label {
    font-size: 18px;
    font-size: calc(0.0112359551 * 100vw + 14.404494382px);
  }
}
@media (min-width: 854px) {
  .sign-up-checkbox .mat-mdc-checkbox .mdc-form-field .mdc-label {
    font-size: 24px;
  }
}
.sign-up-checkbox {
}
.sign-up-checkbox .mdc-checkbox__ripple {
  display: none;
}
.sign-up-checkbox {
}
.sign-up-checkbox .mdc-checkbox .mdc-checkbox__background {
  border-width: 1px;
  border-color: #4b5575 !important;
}
.sign-up-checkbox .mat-mdc-checkbox-checked {
}
.sign-up-checkbox .mat-mdc-checkbox-checked .mdc-checkbox .mdc-checkbox__background {
  border: 1px solid var(--theme-primary) !important;
  background-color: white !important;
}
.sign-up-checkbox .mat-mdc-checkbox-checked .mdc-checkbox .mdc-checkbox__background svg {
  color: var(--theme-primary) !important;
}
.menu_header_copy_animals {
}
.menu_header_copy_animals .copy_animals_into .wrapper .mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.menu_header_copy_animals .copy_animals_into .wrapper .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  opacity: 0;
}
.menu_header_copy_animals .copy_animals_into .wrapper .mat-mdc-checkbox .mdc-form-field .mdc-label {
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.menu_header_copy_animals .copy_animals_into .wrapper .mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 16px;
}
.menu_header_copy_animals .copy_animals_into .wrapper .mat-mdc-checkbox .mdc-label {
  overflow: hidden;
  max-width: 70vw;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-group-mobile:not(:has(.sign-up-checkbox)) .form-checkbox-wrapper .mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.form-group-mobile:not(:has(.sign-up-checkbox)) .form-checkbox-wrapper .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  opacity: 0;
}
.form-group-mobile:not(:has(.sign-up-checkbox)) .form-checkbox-wrapper .mat-mdc-checkbox .mdc-form-field .mdc-label {
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.form-group-mobile:not(:has(.sign-up-checkbox)) .form-checkbox-wrapper .mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 18px;
}
.form-group-mobile:not(:has(.sign-up-checkbox)) .form-checkbox-wrapper .mat-mdc-checkbox .mdc-label {
  padding-left: 10px;
  font-size: 16px;
}
.autocomplete-select-list .list-item-desktop .option-wrapper .mat-mdc-checkbox .mdc-label {
  font-size: 20px !important;
}
.autocomplete-select-list .option-wrapper .mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.autocomplete-select-list .option-wrapper .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  opacity: 0;
}
.autocomplete-select-list .option-wrapper .mat-mdc-checkbox .mdc-form-field .mdc-label {
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.autocomplete-select-list .option-wrapper .mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 25px;
}
.autocomplete-select-list .option-wrapper .mat-mdc-checkbox .mdc-label {
  overflow: hidden;
  max-width: 85vw;
  padding-left: 10px;
  font-size: calc(1.87265918vw + 12.0074906367px);
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-builder-desktop .mat-mdc-checkbox {
  height: 40px !important;
}
.form-builder-desktop .mat-mdc-checkbox .mdc-label {
  font-size: 16px !important;
}
.form-builder .mat-mdc-checkbox {
  height: 56px !important;
}
@media (min-width: 320px) {
  .form-builder .mat-mdc-checkbox {
    height: 56px;
    height: calc(0.0224719101 * 100vw + 48.808988764px) !important;
  }
}
@media (min-width: 854px) {
  .form-builder .mat-mdc-checkbox {
    height: 68px !important;
  }
}
.form-builder .mat-mdc-checkbox .mdc-label {
  font-size: 18px;
}
@media (min-width: 320px) {
  .form-builder .mat-mdc-checkbox .mdc-label {
    font-size: 18px;
    font-size: calc(0.0074906367 * 100vw + 15.6029962547px);
  }
}
@media (min-width: 854px) {
  .form-builder .mat-mdc-checkbox .mdc-label {
    font-size: 22px;
  }
}
@media (max-width: 320px) {
  .form-builder .mat-mdc-checkbox .mdc-label {
    padding-left: 5px;
    font-size: 16px;
  }
}
.form-builder .multi-select .mat-mdc-checkbox,
.form-builder-desktop .multi-select .mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.form-builder .multi-select .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple,
.form-builder-desktop .multi-select .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  opacity: 0;
}
.form-builder .multi-select .mat-mdc-checkbox .mdc-form-field .mdc-label,
.form-builder-desktop .multi-select .mat-mdc-checkbox .mdc-form-field .mdc-label {
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.form-builder .multi-select .mat-mdc-checkbox,
.form-builder-desktop .multi-select .mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 20px;
  display: flex;
  align-items: center;
  margin: 0;
}
.form-builder .multi-select .mat-mdc-checkbox .mdc-label,
.form-builder-desktop .multi-select .mat-mdc-checkbox .mdc-label {
  padding-left: 5px;
  white-space: pre-wrap;
}
.table-colums-filter-content .mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.table-colums-filter-content .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  opacity: 0;
}
.table-colums-filter-content .mat-mdc-checkbox .mdc-form-field .mdc-label {
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
}
.table-colums-filter-content .mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 24px;
  display: flex;
  align-items: center;
  margin: 0;
}
.table-colums-filter-content .mat-mdc-checkbox .mdc-label {
  padding-left: 0;
  font-size: 16px;
  line-height: 24px;
  white-space: pre-wrap;
}
.mdc-switch {
  --mdc-switch-handle-height: 30px !important;
  --mdc-switch-handle-shape: 20px !important;
  --mdc-switch-handle-width: 30px !important;
  --mat-switch-unselected-handle-size: 30px !important;
  --mat-switch-selected-handle-size: 30px !important;
  --mat-switch-pressed-handle-size: 30px !important;
  --mat-switch-with-icon-handle-size: 30px !important;
  --mdc-switch-track-height: 18px !important;
  --mdc-switch-track-shape: 9px !important;
  --mdc-switch-track-width: 45px !important;
  --mdc-switch-disabled-unselected-handle-color: #fafafa !important;
  --mdc-switch-unselected-focus-handle-color: #fafafa !important;
  --mdc-switch-unselected-hover-handle-color: #fafafa !important;
  --mdc-switch-unselected-pressed-handle-color: #fafafa !important;
  --mdc-switch-unselected-handle-color: #fafafa !important;
  --mdc-switch-disabled-unselected-track-color: #999 !important;
  --mdc-switch-unselected-focus-track-color: #999 !important;
  --mdc-switch-unselected-hover-track-color: #999 !important;
  --mdc-switch-unselected-pressed-track-color: #999 !important;
  --mdc-switch-unselected-track-color: #999 !important;
  --mdc-switch-selected-track-color: #ff9762;
  --mdc-switch-selected-focus-handle-color: #ff621b;
  --mdc-switch-selected-hover-handle-color: #ff621b;
  --mdc-switch-selected-pressed-handle-color: #ff621b;
}
.form-group-mobile .form-input-toggle {
  margin-bottom: 5px;
}
@media (max-width: 320px) {
  .form-group-mobile .mdc-switch {
    --mdc-switch-handle-height: 25px !important;
    --mdc-switch-handle-width: 25px !important;
    --mdc-switch-track-width: 40px !important;
    --mat-switch-unselected-handle-size: 25px;
    --mat-switch-selected-handle-size: 25px;
    --mat-switch-pressed-handle-size: 25px;
    --mat-switch-with-icon-handle-size: 25px;
  }
  .form-group-mobile .mat-mdc-slide-toggle {
    margin-right: 2px !important;
  }
  .form-group-mobile .mat-mdc-slide-toggle .mdc-label {
    padding-right: 0 !important;
    margin-right: 2px !important;
  }
}
.form-group-mobile .mat-mdc-slide-toggle {
  height: auto;
  margin-right: 8px;
  line-height: inherit;
  white-space: inherit;
}
.form-group-mobile .mat-mdc-slide-toggle .mdc-form-field {
  margin: 18px 0;
}
.form-group-mobile .mat-mdc-slide-toggle .mdc-form-field .mdc-label {
  overflow: inherit;
  margin-right: 6px;
  font-family: HK-Grotesk, sans-serif;
  letter-spacing: normal;
  text-overflow: inherit;
  text-wrap: nowrap !important;
  white-space: inherit;
  font-size: 17px;
}
@media (min-width: 320px) {
  .form-group-mobile .mat-mdc-slide-toggle .mdc-form-field .mdc-label {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  .form-group-mobile .mat-mdc-slide-toggle .mdc-form-field .mdc-label {
    font-size: 22px;
  }
}
.form-group-mobile .thin.toggle-wrapper {
  margin-top: 0;
}
.form-group-mobile .thin .mdc-form-field {
  margin: 0;
}
.chute-side-tasks .form-group-mobile .chute-side-toggle .mat-mdc-slide-toggle {
  width: 100%;
  margin-right: 0;
}
.chute-side-tasks .form-group-mobile .chute-side-toggle .mat-mdc-slide-toggle .mdc-form-field {
  width: 100%;
  justify-content: space-between;
  padding: 14px 0;
  margin: 0;
}
.chute-side-tasks .form-group-mobile .chute-side-toggle .mat-mdc-slide-toggle .mdc-label {
  flex: 1;
  margin-right: 0 !important;
}
.form-group-desktop .form-input-toggle {
  height: 56px;
  flex-direction: column;
}
.form-group-desktop .mat-mdc-slide-toggle {
  height: auto;
  margin-right: 8px;
  line-height: inherit;
  white-space: inherit;
}
.form-group-desktop .mat-mdc-slide-toggle .mdc-form-field {
  margin: 18px 0;
}
.form-group-desktop .mat-mdc-slide-toggle .mdc-form-field .mdc-label {
  overflow: inherit;
  margin-right: 6px;
  font-family: HK-Grotesk, sans-serif;
  font-size: 16px;
  letter-spacing: normal;
  text-overflow: inherit;
  white-space: inherit;
}
.form-group-desktop .thin.toggle-wrapper {
  margin-top: 0;
}
.form-group-desktop .thin .mdc-form-field {
  margin: 0;
}
.form-group-mobile .mat-mdc-form-field.mat-form-field-appearance-outline {
}
.form-group-mobile .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-notched-outline__notch {
  border-top-style: solid;
}
.form-group-mobile .mat-mdc-form-field.textarea {
  padding-bottom: 1.25em;
}
.form-group-mobile .mat-mdc-form-field.textarea .mat-mdc-text-field-wrapper {
  padding: 0;
  color: #d5ddea;
}
.form-group-mobile .mat-mdc-form-field.textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  padding: 0;
}
.form-group-mobile .mat-mdc-form-field.textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.form-group-mobile .mat-mdc-form-field.textarea textarea {
  height: 110px;
  padding: 0 12px;
  color: #000;
}
.form-group-desktop .mat-mdc-form-field.textarea .mat-mdc-text-field-wrapper {
  padding: 0;
  color: #d5ddea;
}
.form-group-desktop .mat-mdc-form-field.textarea .mat-mdc-text-field-wrapper .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-34.75px) scale(1);
}
.form-group-desktop .mat-mdc-form-field.textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  padding: 0;
}
.form-group-desktop .mat-mdc-form-field.textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.form-group-desktop .mat-mdc-form-field.textarea textarea {
  height: 110px;
  padding: 0 12px;
  color: #000;
}
.form-group-mobile .form-slider {
  --mat-slider-handle-color: white;
  --mat-slider-focus-handle-color: white;
  --mat-slider-hover-handle-color: white;
  --mat-slider-active-track-color: var(--theme-green);
  --mat-slider-inactive-track-color: var(--theme-light-green);
  --mat-slider-handle-height: 26px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 26px;
  --mat-slider-with-tick-marks-inactive-container-color: var(--theme-green);
  --mat-slider-ripple-color: var(--theme-green);
  --mat-slider-active-track-height: 10px;
  --mat-slider-active-track-shape: 0;
  --mat-slider-inactive-track-height: 10px;
  --mat-slider-inactive-track-shape: 0;
}
.form-group-mobile .form-slider .mat-mdc-slider {
  width: 95%;
  padding-top: 0;
  padding-bottom: 0;
}
.form-group-mobile .form-slider .mat-mdc-slider .mdc-slider__thumb-knob {
  border: 5px solid var(--theme-green);
}
.form-group-mobile .form-slider .mat-mdc-slider {
}
.form-group-mobile .form-slider .mat-mdc-slider .mat-mdc-slider .mdc-slider__track--inactive {
  opacity: 0.54;
}
.tooltip {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-container-color: var(--theme-space-grey-11);
  --mdc-plain-tooltip-supporting-text-size: 14px;
  --mdc-plain-tooltip-supporting-text-weight: bold;
  --mdc-plain-tooltip-supporting-text-tracking: normal;
  position: relative;
  left: -8px;
}
.tooltip .mdc-tooltip__surface {
  display: flex;
  max-width: 300px !important;
  align-items: center;
  padding: 2px 7px !important;
  margin: 0 !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  color: #fff !important;
  font-size: 12px;
}
@media (min-width: 320px) {
  .tooltip .mdc-tooltip__surface {
    font-size: 12px;
    font-size: calc(0 * 100vw + 12px);
  }
}
@media (min-width: 854px) {
  .tooltip .mdc-tooltip__surface {
    font-size: 12px;
  }
}
.sticky-row-wrapper-desktop {
  height: 60px !important;
}
.sticky-row-wrapper {
  z-index: 140;
  width: 100%;
  background: var(--theme-background);
  float: left;
}
.sticky-row-wrapper .mdc-list-item:hover {
  --mdc-list-list-item-hover-label-text-color: white;
}
.sticky-row-wrapper .mdc-list-item::after {
  height: 0 !important;
}
.sticky-row-wrapper .mat-mdc-list-base {
  height: 100%;
  padding: 0;
}
.sticky-row-wrapper .mat-mdc-list-base .mat-mdc-list-item {
  width: 100%;
  height: 100% !important;
  padding: 0;
}
.sticky-row-wrapper .mat-mdc-list-base .mat-mdc-list-item.item-wrapper:active {
  background: rgba(0, 0, 0, 0.1);
}
.sticky-row-wrapper .fab-container {
  bottom: 48px;
}
.create-session {
  --background: #e7eef9;
}
.create-session app-form-builder-component .form-group-mobile {
  border-radius: 8px;
  margin-bottom: 22px;
}
.start-session .mdc-list {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  background-color: var(--layout-root-background);
}
.start-session .mdc-list.two-items {
  padding: 4vh 7vw;
}
.start-session .mdc-list.two-items .mat-mdc-list-item {
  margin-bottom: 40px;
}
.start-session .mdc-list-item {
  display: flex;
  overflow: visible;
  height: 25% !important;
  flex-direction: column;
  padding: 0 !important;
}
.start-session .mdc-list-item:hover::before {
  background: none !important;
}
.start-session .mdc-list-item:active::before {
  background-color: var(--mdc-list-list-item-hover-state-layer-color);
  opacity: var(--mdc-list-list-item-hover-state-layer-opacity);
}
.start-session .mdc-list-item:last-child {
  margin-bottom: 0;
}
.start-session .mdc-list-item::after {
  display: none !important;
}
.start-session .mdc-list-item__content {
  width: 100%;
  padding: 0 5vw !important;
  border-radius: 10px;
  background-color: white;
}
.start-session .mdc-list-item__content:active {
  background-color: #ececec;
}
.start-session .mdc-list-item__content .mat-mdc-list-item-unscoped-content {
  display: flex;
  height: 100%;
  flex-direction: column !important;
  align-items: center;
  justify-content: center;
}
.start-session .mdc-list-item__content .mat-mdc-list-item-unscoped-content .icon-wrapper {
  margin: 15px 0;
  color: var(--theme-blue);
}
.start-session .mdc-list-item__content .mat-mdc-list-item-unscoped-content .icon-wrapper mat-icon {
  width: 100%;
  transform: scale(1.4);
}
.start-session .mdc-list-item__content .mat-mdc-list-item-unscoped-content span {
  width: 100%;
  margin-bottom: 10px;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  white-space: normal;
}
.start-session .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
  margin-top: 10px;
  margin-bottom: 0;
  color: black;
  font-weight: 700;
  font-size: 20px;
}
@media (min-width: 320px) {
  .start-session .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
    font-size: 20px;
    font-size: calc(0.0074906367 * 100vw + 17.6029962547px);
  }
}
@media (min-width: 854px) {
  .start-session .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
    font-size: 24px;
  }
}
.start-session .mdc-list-item__content .mat-mdc-list-item-unscoped-content::after {
  height: 0 !important;
}
.start-session .mdc-list .session-type {
  height: 35% !important;
}
.start-session .mdc-list .session-type .mdc-list-item__content {
  box-shadow:
    0 2px 4px 0 rgba(133, 152, 219, 0.0784313725),
    0 1px 2px 0 rgba(231, 238, 249, 0.0392156863),
    0 4px 6px 0 rgba(75, 85, 117, 0.2392156863);
}
.start-session__new {
}
.start-session__new .mdc-list-item__content {
  box-shadow:
    0 2px 4px 0 rgba(133, 152, 219, 0.0784313725),
    0 1px 2px 0 rgba(231, 238, 249, 0.0392156863),
    0 4px 6px 0 rgba(75, 85, 117, 0.2392156863);
}
.start-session__new .mdc-list-item__content .mat-mdc-list-item-unscoped-content {
  flex-direction: row !important;
  gap: 10px;
}
.start-session__new .mdc-list-item__content .mat-mdc-list-item-unscoped-content span {
  width: auto;
}
.start-session__new .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
  margin: 0;
  color: white;
  font-weight: 700;
  font-size: 22px;
}
@media (min-width: 320px) {
  .start-session__new .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
    font-size: 22px;
    font-size: calc(0.0074906367 * 100vw + 19.6029962547px);
  }
}
@media (min-width: 854px) {
  .start-session__new .mdc-list-item__content .mat-mdc-list-item-unscoped-content span.title {
    font-size: 26px;
  }
}
.start-session__new-orange {
}
.start-session__new-orange .mdc-list-item__content {
  background-color: var(--theme-orange);
}
.start-session__new-orange .mdc-list-item__content .mat-mdc-list-item-unscoped-content mat-icon {
  color: white;
}
.start-session__new-orange .mdc-list-item__content:active {
  background-color: var(--theme-orange);
}
.start-session__new-blue {
}
.start-session__new-blue .mdc-list-item__content {
  background-color: var(--theme-blue);
}
.start-session__new-blue .mdc-list-item__content .mat-mdc-list-item-unscoped-content mat-icon {
  color: white;
}
.start-session__new-blue .mdc-list-item__content:active {
  background-color: var(--theme-blue);
}
.start-session .disabled {
}
.start-session .disabled .mdc-list-item__content {
  border: 1px solid var(--theme-space-grey-48);
  background-color: #edeef1;
}
.start-session .disabled .mdc-list-item__content .mat-mdc-list-item-unscoped-content .title,
.start-session .disabled .mdc-list-item__content .mat-mdc-list-item-unscoped-content .subtitle {
  color: var(--theme-space-grey);
}
.start-session .disabled .mdc-list-item__content .mat-mdc-list-item-unscoped-content mat-icon {
  color: var(--theme-space-grey-48);
}
.start-session .disabled .mdc-list-item__content:active {
  background-color: #edeef1;
}
.start-session .upgrade-icon {
  position: absolute;
  top: -20px;
  right: 5%;
  width: 40px;
  height: 40px;
  transform: rotate(-20deg);
}
.session-condition__add-task mat-icon svg {
  fill: black;
}
.session-condition .accordion .mat-expansion-panel-header {
  font-size: 18px !important;
}
.session-condition .accordion .mat-expansion-panel-body {
  padding: 0 !important;
}
.session-condition app-session-tasks-card .session-tasks-card {
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
.remedy-doses .mdc-label {
  font-weight: 700;
  font-size: 15px;
}
@media (min-width: 320px) {
  .remedy-doses .mdc-label {
    font-size: 16px;
    font-size: calc(0.0037453184 * 100vw + 13.8014981273px);
  }
}
@media (min-width: 854px) {
  .remedy-doses .mdc-label {
    font-size: 17px;
  }
}
.remedy-doses .mat-form-field-disabled mat-select {
  border: 1px solid #a9adbd !important;
  color: #747579;
}
.remedy-doses .mat-form-field-disabled mat-select .mat-mdc-select-arrow {
  color: #747579 !important;
}
.remedy-doses .mat-form-field-disabled input {
  border: 1px solid #a9adbd !important;
  color: #747579;
}
.remedy-doses .select-input-wrapper.mat-mdc-form-field .mdc-line-ripple {
  display: none;
}
.remedy-doses .select-input-wrapper .mat-mdc-form-field-infix {
  min-height: auto;
  padding: 0;
}
.remedy-doses .select-input-wrapper mat-select {
  padding: 5px;
  border: 1px solid var(--theme-blue);
  border-radius: 4px;
  box-shadow:
    0 2px 6px 0 rgba(133, 152, 219, 0.1215686275),
    0 -1px 1px 0 rgba(75, 85, 117, 0.0392156863),
    0 1px 1px 0 rgba(75, 85, 117, 0.1215686275);
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 320px) {
  .remedy-doses .select-input-wrapper mat-select {
    font-size: 16px;
    font-size: calc(0.0037453184 * 100vw + 14.8014981273px);
  }
}
@media (min-width: 854px) {
  .remedy-doses .select-input-wrapper mat-select {
    font-size: 18px;
  }
}
.remedy-doses .select-input-wrapper mat-select .mat-mdc-select-arrow {
  color: black !important;
}
.remedy-doses .number-input-wrapper.mat-mdc-form-field .mdc-line-ripple {
  display: none;
}
.remedy-doses .mat-expansion-panel-header {
  padding: 0 10px;
}
.remedy-doses .mat-expansion-panel-header .mat-content {
  display: block;
}
.remedy-doses .mat-expansion-panel-body {
  padding: 0 !important;
}
.remedy-doses .mat-mdc-radio-button .mdc-radio {
  padding: 0;
}
.remedy-doses {
}
.remedy-doses .cdk-overlay-backdrop:not(.headerMenu) + .cdk-overlay-connected-position-bounding-box {
  background: rgba(0, 0, 0, 0);
}
.create-task-form-modal .form-group-mobile {
  padding: 20px 0 !important;
  box-shadow: none !important;
}
.create-task-form .form-group-mobile {
  padding: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
.create-task-form .animal-property .mat-expansion-panel .mat-expansion-panel-body {
  margin-top: 0 !important;
}
.create-task-form .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 10px !important;
}
.chute-side-tasks .mat-expansion-panel {
  border-radius: 0;
  border-bottom: 1px solid #e8e9ed;
  box-shadow: none !important;
}
.chute-side-tasks .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0;
  margin-top: 10px;
}
.chute-side-tasks .mat-expansion-panel {
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-expansion-header-collapsed-state-height: 56px;
}
.chute-side-tasks .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0 20px 0 10px;
  color: black;
  font-size: 18px;
}
@media (min-width: 320px) {
  .chute-side-tasks .mat-expansion-panel .mat-expansion-panel-header {
    font-size: 18px;
    font-size: calc(0.0037453184 * 100vw + 16.8014981273px);
  }
}
@media (min-width: 854px) {
  .chute-side-tasks .mat-expansion-panel .mat-expansion-panel-header {
    font-size: 20px;
  }
}
.chute-side-tasks .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  justify-content: space-between;
  font-weight: 700;
}
.session-tasks-card .expandable-item {
  border-bottom: 1px solid #e8e9ed;
}
.session-tasks-card .expandable-item .panel-body-wrapper {
  margin-top: 0;
}
.session-tasks-card .expandable-item .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 10px 0 0;
}
.session-tasks-card .expandable-item .mat-expansion-panel {
  --mat-expansion-header-expanded-state-height: 35px;
  box-shadow: none !important;
}
.session-tasks-card .expandable-item .mat-expansion-panel .mat-expansion-panel-header {
  height: 100%;
  padding: 0 10px 0 0;
  font-size: 16px;
}
@media (min-width: 320px) {
  .session-tasks-card .expandable-item .mat-expansion-panel .mat-expansion-panel-header {
    font-size: 16px;
    font-size: calc(0.0037453184 * 100vw + 14.8014981273px);
  }
}
@media (min-width: 854px) {
  .session-tasks-card .expandable-item .mat-expansion-panel .mat-expansion-panel-header {
    font-size: 18px;
  }
}
.session-tasks-card .expandable-item .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  font-weight: 600;
}
.session-tasks__title-icon mat-icon {
  color: var(--theme-space-grey);
}
.long-title {
  width: 100%;
}
.long-title .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-floating-label {
  white-space: break-spaces;
}
@media (max-width: 475px) {
  .long-title input {
    padding-top: 1em;
  }
}
.full-height-block-with-tab {
  height: 100%;
}
.full-height-block-with-tab .mat-mdc-tab-body-wrapper {
  height: 100%;
}
ion-header.header-md {
  box-shadow: none;
}
.mdc-button {
  letter-spacing: normal !important;
}
.mdc-button.mdc-button--unelevated.mat-accent {
  color: white;
}
.home-figure-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto !important;
}
.home-figure-bg svg {
  fill: var(--theme-background) !important;
}
@media (min-width: 400px) {
  .home-figure-bg {
    background-position-y: -20px;
  }
}
@media (min-width: 550px) {
  .home-figure-bg {
    background-position-y: -40px;
  }
}
@media (min-width: 700px) {
  .home-figure-bg {
    background-position-y: -60px;
  }
}
@media (min-width: 850px) {
  .home-figure-bg {
    background-position-y: -80px;
  }
}
@media (min-width: 1300px) {
  .home-figure-bg {
    background-position-y: -100px;
  }
}
@media (min-width: 1450px) {
  .home-figure-bg {
    background-position-y: -120px;
  }
}
@media (min-width: 1550px) {
  .home-figure-bg {
    background-position-y: -140px;
  }
}
@media (min-width: 1700px) {
  .home-figure-bg {
    background-position-y: -160px;
  }
}
@media (min-width: 1800px) {
  .home-figure-bg {
    background-position-y: -180px;
  }
}
@media (min-width: 1850px) {
  .home-figure-bg {
    background-position-y: -190px;
  }
}
.home-screen-content {
  display: flex;
  width: 100%;
  min-height: 100%;
  flex: 1;
  flex-direction: column;
  justify-content: space-around;
  background: #e7eef9;
}
@media (max-width: 320px) {
  .home-screen-content .buttons-holder-media {
    padding-bottom: 0 !important;
  }
}
.home-screen-content .buttons-holder {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  padding: 10px 4.8vw 5vw;
}
.home-screen-content .buttons-holder .button-container {
  position: relative;
  display: flex;
  max-width: calc(50% - 4vw);
  min-height: 68px;
  max-height: min(130px, 29vw);
  flex-basis: calc(50% - 4vw);
  margin: 0 2vw 2vh;
}
@media (min-width: 480px) {
  .home-screen-content .buttons-holder .button-container {
    max-height: min(180px, 40vw);
    margin: 0 2vw 1.5vh;
  }
}
@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
  .home-screen-content .buttons-holder .button-container {
    height: auto;
    margin-bottom: 10px;
  }
}
.home-screen-content .buttons-holder .button-container .button {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-evenly;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background:
    linear-gradient(white, white) padding-box,
    linear-gradient(
      0deg,
      #a9adbd,
      #e2e4e9) border-box;
  background-color: #fff;
  box-shadow:
    0 4px 8px 0 rgba(75, 85, 117, 0.1),
    0 1px 2px 0 rgba(231, 238, 249, 0.04),
    0 2px 4px 0 rgba(133, 152, 219, 0.08);
  cursor: pointer;
}
.home-screen-content .buttons-holder .button-container .button .title-text {
  width: 75%;
  padding-right: 2px;
  margin-top: 0;
  font-family: HK-Grotesk, sans-serif;
  font-weight: 700;
  overflow-wrap: normal;
  text-align: left;
  white-space: normal;
  word-break: keep-all;
  font-size: 13px;
}
@media (min-width: 320px) {
  .home-screen-content .buttons-holder .button-container .button .title-text {
    font-size: 16px;
    font-size: calc(0.046875 * 100vw + -2px);
  }
}
@media (min-width: 640px) {
  .home-screen-content .buttons-holder .button-container .button .title-text {
    font-size: 28px;
  }
}
.home-screen-content .buttons-holder .button-container .button .icon-wrapper {
  display: flex;
  width: 25%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.home-screen-content .buttons-holder .button-container .button .icon {
  width: max(26px, 3.7vh);
  height: max(26px, 3.7vh);
}
.home-screen-content .buttons-holder .button-container .button .mat-badge-content {
  top: -5px !important;
  left: calc(6px + 3.8vw) !important;
  width: auto !important;
  min-width: 16px !important;
  height: 18px;
  padding: 0 3px;
  border: 1px solid white;
  border-radius: 8px;
  font-size: 11px;
  letter-spacing: normal;
  line-height: 18px !important;
}
@media (min-width: 1025px) {
  .home-screen-content .buttons-holder .button-container .button .mat-badge-content {
    top: -7px !important;
    left: calc(30px + 0.4vw) !important;
    height: 20px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 20px !important;
  }
}
.home-screen-content .buttons-holder .button-container .button [data-mat-icon-name=watchboard-home] {
  right: -0.7vw;
}
.home-screen-content .buttons-holder .button-container .icon {
  width: max(32px, 3.7vh);
  height: max(32px, 3.7vh);
}
.home-screen-content .buttons-holder .button-container .mat-badge-content {
  top: -5px !important;
  left: calc(6px + 3.8vw) !important;
  width: auto !important;
  min-width: 16px !important;
  height: 18px;
  padding: 0 3px;
  border: 1px solid white;
  border-radius: 8px;
  font-size: 11px;
  letter-spacing: normal;
  line-height: 18px !important;
}
@media (min-width: 1025px) {
  .home-screen-content .buttons-holder .button-container .mat-badge-content {
    top: -7px !important;
    left: calc(30px + 0.4vw) !important;
    height: 20px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 20px !important;
  }
}
.home-screen-content .buttons-holder .button-container [data-mat-icon-name=watchboard] {
  right: -0.7vw;
}
.isFontSizeLarge ion-header .global-search-wrapper .global-search {
  padding: 0 0.8vw !important;
  font-size: 12px !important;
  letter-spacing: -0.6px !important;
}
.isFontSizeLarge ion-header .global-search-wrapper .global-search mat-icon {
  margin-right: 1vw !important;
}
.isFontSizeLarge .home-screen-content .buttons-holder .button {
  padding: 8px 10px;
}
.isFontSizeLarge .home-screen-content .buttons-holder .button .title-text {
  width: 80%;
}
.isFontSizeLarge .home-screen-content .buttons-holder .button .mat-badge-content {
  height: 22px;
  font-size: 9px;
}
@media (max-height: 800px) and (max-width: 480px) {
  .CROP-theme .home-screen-content .buttons-holder .button .mat-badge-content {
    top: -10px !important;
    left: calc(6px + 0.5vw) !important;
  }
}
.app-tiles-container {
  padding-right: 8vw;
  padding-left: 8vw;
}
.app-tiles-container mat-icon {
  z-index: -1;
}
.tiles-holder {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}
.tiles-holder .mat-mdc-button {
  --mat-button-text-container-height: 100%;
  --mat-button-text-hover-state-layer-opacity: 0;
  --mat-button-text-pressed-state-layer-opacity: 0;
  --mat-button-text-focus-state-layer-opacity: 0;
}
.tiles-holder-item {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 33.33%;
  flex-basis: 50%;
  flex-wrap: wrap;
  place-content: stretch center;
}
.tiles-holder-item:not(.list-item) {
  border-bottom: 1px solid #d9e3ea;
}
.tiles-holder-item:nth-child(odd) {
  border-right: 1px solid #d9e3ea;
}
.tiles-holder-item.row-of-3 {
  flex-basis: 33.33%;
  border-right: 1px solid #d9e3ea;
}
.tiles-holder-item-button {
  width: 100%;
  flex-direction: column-reverse;
  padding: 0 0.8em !important;
  white-space: pre-line;
}
.tiles-holder-item-icon {
  min-width: 60px;
  min-height: 9vh !important;
}
.tiles-holder-item-title {
  font-size: 16px;
}
@media (min-width: 320px) {
  .tiles-holder-item-title {
    font-size: 16px;
    font-size: calc(0.0374531835 * 100vw + 4.0149812734px);
  }
}
@media (min-width: 854px) {
  .tiles-holder-item-title {
    font-size: 36px;
  }
}
.tiles-holder-item-title {
  display: block;
  flex-basis: 100%;
  margin-bottom: 10px;
  color: inherit;
  font-family: Gilroy, sans-serif;
  line-height: 1.3;
  text-align: center;
  white-space: normal;
  word-break: break-word;
}
.row-of-3 .tiles-holder-item-title {
  font-size: 14px;
}
@media (min-width: 320px) {
  .row-of-3 .tiles-holder-item-title {
    font-size: 14px;
    font-size: calc(0.0337078652 * 100vw + 3.2134831461px);
  }
}
@media (min-width: 854px) {
  .row-of-3 .tiles-holder-item-title {
    font-size: 32px;
  }
}
.row-of-3 .tiles-holder-item-title {
  word-break: normal;
}
@media (min-width: 410px) {
  .tiles-holder-item-icon {
    min-width: 10vw;
    min-height: 9vh;
  }
}
.bottom-navigation-bar .mat-badge-content {
  top: -2px !important;
  right: -6px !important;
  width: auto !important;
  min-width: 16px !important;
  padding: 0 3px;
  border: 1px solid white;
  border-radius: 8px;
  letter-spacing: normal;
  line-height: 14px !important;
}
.bottom-navigation-bar .footer-md {
  box-shadow: none;
}
.popover {
  width: 300px !important;
  max-width: 400px !important;
  background-color: #404043 !important;
}
.popover.tooltip-left::after {
  border-color: transparent transparent transparent #404043 !important;
}
.popover.tooltip-right::after {
  border-color: transparent #404043 transparent transparent !important;
}
.popover.tooltip-bottom::after {
  border-color: transparent transparent #404043 !important;
}
.popover.tooltip-top::after {
  border-color: #404043 transparent transparent !important;
}
.popover .popover-title {
  margin: 3px 0;
  font-size: 19px;
  font-weight: bold !important;
}
.popover .popover-content {
  margin: 8px 0;
  font-size: 15px;
  text-align: left;
}
.sign-up-page app-form-group-component .form-group,
.sign-up-page app-form-group-component .form-group-mobile {
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: none;
}
.sign-up-page app-form-input-checkbox,
.sign-up-page app-form-input-string {
  margin-bottom: 0;
}
.sign-up-page__checkbox-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow-y: scroll;
}
.side-bar-app-switcher-column {
  display: flex;
  flex-direction: column;
}
.breadcrumbs-menu-item-wrapper {
  display: flex;
  flex-direction: column;
  padding: 10px;
  background: var(--theme-space-grey-10);
  box-shadow:
    0 2px 4px 0 rgba(133, 152, 219, 0.08),
    0 1px 2px 0 rgba(231, 238, 249, 0.04),
    0 4px 8px 0 rgba(75, 85, 117, 0.2);
}
.shepherd-button {
  padding: 0.5rem 1.5rem;
  border: 0;
  border-radius: 3px;
  margin-right: 0.5rem;
  background: var(--theme-primary);
  color: white;
  cursor: pointer;
  transition: all 0.5s ease;
  font-size: 12px;
}
@media (min-width: 320px) {
  .shepherd-button {
    font-size: 18px;
    font-size: calc(0.0074906367 * 100vw + 9.6029962547px);
  }
}
@media (min-width: 854px) {
  .shepherd-button {
    font-size: 16px;
  }
}
.shepherd-button:not(:disabled):hover,
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: transparent;
  color: grey;
}
.shepherd-footer {
  display: flex;
  justify-content: space-around;
  padding: 0.75rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.shepherd-title {
  display: flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  color: white;
  font-weight: 400;
  text-align: center;
  font-size: 18px;
}
@media (min-width: 320px) {
  .shepherd-title {
    font-size: 18px;
    font-size: calc(0.0112359551 * 100vw + 14.404494382px);
  }
}
@media (min-width: 854px) {
  .shepherd-title {
    font-size: 24px;
  }
}
.shepherd-title img {
  position: absolute;
  right: 10px;
}
.shepherd-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.75rem 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  line-height: 2em;
}
.shepherd-has-title .shepherd-content .shepherd-header {
  padding: 1em;
  background: var(--theme-primary);
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  opacity: 0.6;
}
.shepherd-target-click-disabled {
  pointer-events: none;
}
.shepherd-text .tour-html {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 20px 15px 5px;
}
.shepherd-text .tour-html .mat-mdc-fab {
}
.shepherd-text .tour-html .mat-mdc-fab .mdc-button__label {
  display: block;
  padding: 7px 0;
}
.shepherd-text .tour-html .plus {
  padding: 0 18px;
  font-size: 50px;
  font-weight: 900;
}
.shepherd-text .tour-html .toggle {
  padding-top: 3px;
  margin-left: 5px;
}
.shepherd-text ul {
  padding-left: 5vw;
}
.shepherd-text .live-stock-tour-html {
  display: flex;
  flex-direction: column;
  padding: 10px 5px;
  gap: 15px;
}
.shepherd-text .live-stock-tour-html .livestock-tour-block {
  display: flex;
  align-items: flex-start;
}
.shepherd-text .live-stock-tour-html .tour-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.shepherd-element {
  width: 90%;
  margin-right: calcfluidfontsize(10px, 15px, 320px, 400px, 10px) !important;
}
.shepherd-modal-mt {
  margin-top: 12px !important;
}
.shepherd-modal-mr {
  margin-right: 12px !important;
}
.shepherd-modal-ml {
  margin-left: 12px !important;
}
.shepherd-modal-mb {
  margin-bottom: 12px !important;
}
.shepherd-modal-new {
  border-radius: 10px;
}
.shepherd-modal-new.shepherd-element {
  max-width: 90vw !important;
}
.shepherd-modal-new .shepherd-header {
  padding: 2vh 5vw 1vh !important;
}
.shepherd-modal-new .shepherd-header .shepherd-title {
  justify-content: flex-start;
  font-weight: bold;
  text-align: left;
  font-size: 28px;
}
@media (min-width: 320px) {
  .shepherd-modal-new .shepherd-header .shepherd-title {
    font-size: 28px;
    font-size: calc(0.0337078652 * 100vw + 17.2134831461px);
  }
}
@media (min-width: 854px) {
  .shepherd-modal-new .shepherd-header .shepherd-title {
    font-size: 46px;
  }
}
.shepherd-modal-new .tour-orb {
  border-radius: 50%;
  background: var(--theme-background-inverted);
  cursor: pointer;
}
.shepherd-modal-new .tour-orb.orb-in-content {
  position: relative !important;
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
}
.shepherd-modal-new .tour-orb .tour-orb-ring {
  position: relative;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  animation: pulse2 1.5s linear infinite;
  transform: translate(-50%, -50%) scale(1);
}
@keyframes pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 125, 181, 0.65);
    transform: translate(-50%, -50%) scale(0.95);
  }
  70% {
    box-shadow: 0 0 0 11px rgba(0, 125, 181, 0);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 125, 181, 0);
    transform: translate(-50%, -50%) scale(0.95);
  }
}
.shepherd-modal-new-common {
  border-radius: 10px;
}
.shepherd-modal-new-common .shepherd-content .shepherd-text {
  padding: 0 5vw !important;
  color: white;
  font-size: 15px;
}
@media (min-width: 320px) {
  .shepherd-modal-new-common .shepherd-content .shepherd-text {
    font-size: 15px;
    font-size: calc(0.0093632959 * 100vw + 12.0037453184px);
  }
}
@media (min-width: 854px) {
  .shepherd-modal-new-common .shepherd-content .shepherd-text {
    font-size: 20px;
  }
}
.shepherd-modal-new-common .shepherd-content .shepherd-header {
  padding: 2vh 5vw 1vh !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.shepherd-modal-new-common .shepherd-footer {
  justify-content: flex-end;
  padding: 2vh 5vw !important;
}
.shepherd-modal-new-common .shepherd-footer .shepherd-button-secondary {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 !important;
}
.shepherd-modal-new-common .shepherd-footer .shepherd-button-primary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 !important;
}
.shepherd-modal-new-common .shepherd-footer button {
  width: 50%;
  background: transparent;
  color: white;
  font-size: 13px;
}
@media (min-width: 320px) {
  .shepherd-modal-new-common .shepherd-footer button {
    font-size: 13px;
    font-size: calc(0.0093632959 * 100vw + 10.0037453184px);
  }
}
@media (min-width: 854px) {
  .shepherd-modal-new-common .shepherd-footer button {
    font-size: 18px;
  }
}
.shepherd-modal-new-common.shepherd-element {
  max-width: 65vw;
  background: var(--theme-background);
}
.shepherd-modal-new-common.shepherd-element .shepherd-header {
  background: var(--theme-background) !important;
}
.shepherd-modal-new-common .shepherd-arrow::before {
  background: var(--theme-background) !important;
}
.shepherd-chute-side.shepherd-element {
  background: var(--theme-blue) !important;
}
.shepherd-chute-side.shepherd-element .shepherd-header {
  background: var(--theme-blue) !important;
}
.shepherd-chute-side .shepherd-arrow::before {
  background: var(--theme-blue) !important;
}
.shepherd-modal-new-title .shepherd-content .shepherd-header .shepherd-title {
  justify-content: flex-start;
  font-weight: bold;
  text-align: left;
  font-size: 18px;
}
@media (min-width: 320px) {
  .shepherd-modal-new-title .shepherd-content .shepherd-header .shepherd-title {
    font-size: 18px;
    font-size: calc(0.0337078652 * 100vw + 7.2134831461px);
  }
}
@media (min-width: 854px) {
  .shepherd-modal-new-title .shepherd-content .shepherd-header .shepherd-title {
    font-size: 36px;
  }
}
.shepherd-modal-new-full-width.shepherd-element {
  max-width: 90vw;
}
.shepherd-full-width-btn {
  width: 100% !important;
}
.empty-records .cdk-virtual-scroll-content-wrapper {
  height: 100%;
}
.empty-box-wrapper svg.small-icon {
  display: inline-block;
}
.empty-box-wrapper svg.small-icon {
  height: 20px !important;
}
@media (min-width: 320px) {
  .empty-box-wrapper svg.small-icon {
    height: 20px;
    height: calc(0.0187265918 * 100vw + 14.0074906367px) !important;
  }
}
@media (min-width: 854px) {
  .empty-box-wrapper svg.small-icon {
    height: 30px !important;
  }
}
.empty-box-wrapper svg.small-icon {
  width: 20px !important;
}
@media (min-width: 320px) {
  .empty-box-wrapper svg.small-icon {
    width: 20px;
    width: calc(0.0187265918 * 100vw + 14.0074906367px) !important;
  }
}
@media (min-width: 854px) {
  .empty-box-wrapper svg.small-icon {
    width: 30px !important;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.popup-title {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  color: var(--ion-text-color);
  line-height: 20px;
  text-align: start;
  font-size: 22px;
}
@media (min-width: 320px) {
  .popup-title {
    font-size: 22px;
    font-size: calc(0.0074906367 * 100vw + 19.6029962547px);
  }
}
@media (min-width: 854px) {
  .popup-title {
    font-size: 26px;
  }
}
.popup-title.alert {
  color: red;
}
.popup-title.attention {
  color: var(--theme-orange);
}
.popup-message {
  font-size: 17px;
}
@media (min-width: 320px) {
  .popup-message {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  .popup-message {
    font-size: 22px;
  }
}
.popup-message {
  color: #737373;
  line-height: normal;
}
.popup-message.bold {
  font-weight: 700;
}
ion-modal.relogin-modal::part(content) {
  position: absolute;
  display: block;
  width: 90%;
  height: 60%;
  background: transparent !important;
}
@media (min-width: 600px) {
  ion-modal.relogin-modal::part(content) {
    height: 80vh;
  }
  ion-modal.relogin-modal .ion-page .action-row button {
    min-width: 12vw;
  }
}
ion-modal.relogin-modal .ion-page .groups-wrapper.farms-list-wrapper {
  --padding-top: 16px;
  --padding-bottom: 16px;
  --padding-start: 0;
  --padding-end: 0;
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
}
ion-modal.relogin-modal .ion-page .groups-wrapper .group-wrapper:last-child {
  margin-bottom: 2vw;
}
ion-modal.relogin-modal .ion-page .action-row .mat-mdc-raised-button {
  font-size: 17px;
}
@media (min-width: 320px) {
  ion-modal.relogin-modal .ion-page .action-row .mat-mdc-raised-button {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  ion-modal.relogin-modal .ion-page .action-row .mat-mdc-raised-button {
    font-size: 22px;
  }
}
ion-modal.relogin-modal .ion-page .action-row .mat-mdc-raised-button {
  min-width: 20vw;
  padding: 5px;
}
.is-ios ion-modal.herdi-chat-modal::part(content) {
  height: 100% !important;
  padding-bottom: 0 !important;
}
.is-ios.keyboard-is-open ion-modal.herdi-chat-modal .ai-content-wrapper {
  height: calc(100% - 85px);
}
@media (min-width: 768px) and (min-height: 600px) {
  ion-modal.ai-chat-big-screen {
    --width: min(900px, 80vw);
    --height: min(820px, 85vh);
  }
}
ion-modal.switch-herd-modal {
  display: flex;
  align-items: flex-end;
  --height: auto;
}
ion-modal.switch-herd-modal::part(content) {
  position: relative;
  width: 100%;
  height: 88.5vh;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.is-ios ion-modal.switch-herd-modal:has(.groups-wrapper)::part(content) {
  height: 88.5vh;
  padding-bottom: 0 !important;
}
@media (min-width: 600px) {
  ion-modal.switch-herd-modal {
    --height: 88.5vh;
  }
  ion-modal.switch-herd-modal .ion-page .action-row button {
    min-width: 12vw;
  }
}
ion-modal.switch-herd-modal .ion-page .modal-content {
  overflow: hidden;
}
ion-modal.switch-herd-modal .ion-page .groups-wrapper .group-wrapper:last-child {
  margin-bottom: 2vw;
}
ion-modal.general-mobile-pop-up:has(.groups-wrapper)::part(content) {
  background: #e7eef9;
}
.is-ios ion-modal.general-mobile-pop-up:has(.groups-wrapper)::part(content) {
  height: var(--height) !important;
  padding-bottom: 0 !important;
}
ion-modal.general-mobile-pop-up .app-general-task-popup,
ion-modal.general-mobile-pop-up .groups-wrapper {
  --padding-top: calc(var(--ion-safe-area-top, 0) + 24px) !important;
}
@media (min-width: 600px) {
  ion-modal.general-mobile-pop-up .action-row .mat-mdc-raised-button {
    min-width: 12vw;
  }
  ion-modal.general-mobile-pop-up .app-general-task-popup,
  ion-modal.general-mobile-pop-up .groups-wrapper {
    --padding-top: calc(var(--ion-safe-area-top, 0) + 16px) !important;
  }
}
ion-modal.general-desktop-pop-up {
  --border-radius: 20px;
  --background: white;
}
ion-modal.general-desktop-pop-up:has(.app-general-task-popup)::part(content) {
  height: fit-content;
}
.isDesktop ion-modal.auto-height {
  align-items: center;
}
.isDesktop ion-modal.auto-height::part(content) {
  position: relative;
  width: 468px;
  padding: 24px;
  border-radius: 8px;
  contain: content;
}
.isDesktop ion-modal.auto-height.select-action::part(content) {
  width: 250px;
}
.isDesktop ion-modal.auto-height .ion-page .modal-content .popup-title {
  font-size: 20px;
}
.isDesktop ion-modal.auto-height .ion-page .modal-content .popup-message {
  font-size: 16px;
}
.isDesktop ion-modal.auto-height .ion-page .modal-content .action-row button {
  font-size: 14px;
}
.isDesktop ion-modal.auto-height .ion-page .content swiper-container swiper-slide .action-row button,
.isDesktop ion-modal.auto-height .ion-page .content swiper-container swiper-slide .buttons button {
  font-size: 14px;
}
.isDesktop ion-modal.switch-herd-modal {
  align-items: center;
}
.isDesktop ion-modal.switch-herd-modal::part(content) {
  position: relative;
  width: 468px;
  height: 50vh;
  border-radius: 8px;
}
.isDesktop ion-modal.switch-herd-modal .farms-list-wrapper .farms-list-inner {
  max-height: 245px !important;
}
.isDesktop ion-modal.switch-herd-modal .farms-list-wrapper .farms-list-inner .farm-list-item {
  max-height: 36px;
  font-size: 14px;
}
.isDesktop ion-modal.switch-herd-modal .farms-list-wrapper .action-row {
  height: 36px;
  max-height: 36px;
  justify-content: flex-end;
  border-top: none;
}
.isDesktop ion-modal.switch-herd-modal .farms-list-wrapper .action-row button {
  min-width: 36px !important;
  max-height: 36px;
  font-size: 14px !important;
}
.isDesktop ion-modal.switch-herd-modal .farms-list-wrapper .action-row button:first-child {
  margin-right: 10px;
}
.isDesktop ion-modal.lis-connect-modal::part(content) {
  width: 520px;
}
.isDesktop ion-modal.lis-connect-modal .ion-page .modal-content .popup-title {
  font-size: 22px;
}
.isDesktop ion-modal.lis-connect-modal .ion-page .modal-content .popup-message {
  font-size: 16px;
}
.isDesktop ion-modal.lis-connect-modal .ion-page .modal-content .action-row button {
  min-height: 44px;
  font-size: 16px;
}
ion-modal.general-desktop-pop-up-tag-records {
  --border-radius: 20px;
  --background: white;
  --width: 70vw;
}
ion-modal.general-desktop-pop-auto-height {
  --height: auto;
}
ion-modal.filter-modal-new {
  display: flex;
  align-items: flex-end;
  --height: auto;
}
ion-modal.filter-modal-new::part(content) {
  position: relative;
  width: 100%;
  height: 88.5vh;
  contain: content;
  --border-radius: 15px 15px 0 0;
}
ion-modal.filter-modal-new .ion-page .modal-content {
  overflow: auto;
}
ion-modal.under-header {
  display: flex;
  align-items: flex-end;
  --height: calc(100vh - 80px);
}
ion-modal.under-header .ion-page .modal-content {
  overflow: auto;
}
ion-modal.filter-details {
  display: flex;
  align-items: flex-end;
  --height: auto;
}
ion-modal.filter-details::part(content) {
  --height: 88.5vh !important;
  position: relative;
  width: 100%;
  height: 88.5vh !important;
  contain: content;
  --border-radius: 15px 15px 0 0;
}
ion-modal.filter-details .ion-page .modal-content {
  overflow: auto;
}
.ion-modal-hidden ion-modal {
  display: none;
}
ion-modal.full-screen-modal::part(content) {
  width: 100%;
  height: 100%;
}
ion-modal.animal-info-modal {
  display: flex;
  align-items: center;
  --height: auto;
}
ion-modal.animal-info-modal::part(content) {
  position: relative;
  max-width: 85%;
  max-height: 75%;
  border-radius: 15px;
  contain: content;
}
ion-modal.animal-info-modal .ion-page {
  position: relative;
  contain: content;
}
ion-modal.breeding-events-list {
  display: flex;
  align-items: center;
  --height: auto;
}
ion-modal.breeding-events-list::part(content) {
  position: relative;
  max-width: 90%;
  max-height: 60%;
  border-radius: 15px;
  contain: content;
}
ion-modal.breeding-events-list .ion-page {
  position: relative;
  contain: content;
}
ion-modal.force-backdrop {
  --backdrop-opacity: 0.32 !important;
}
ion-modal.auto-height {
  display: flex;
  align-items: flex-end;
  --height: auto;
}
ion-modal.auto-height::part(content) {
  position: relative;
  width: 100%;
  max-height: 90vh;
  padding: 24px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  contain: content;
}
ion-modal.auto-height .ion-page {
  position: relative;
  contain: content;
}
ion-modal.auto-height .ion-page .modal-content.hardware-connect .action-row {
  height: 64px;
  border-top: 1px solid rgba(75, 85, 117, 0.16);
  margin-top: 25px;
}
ion-modal.auto-height .ion-page .modal-content.hardware-connect .action-row button {
  margin: 0;
  font-size: 18px;
}
ion-modal.auto-height .ion-page .modal-content .action-row {
  display: flex;
  justify-content: space-between;
}
ion-modal.auto-height .ion-page .modal-content .action-row button {
  --mdc-text-button-container-height: auto;
  margin-left: 1vw;
  font-weight: bold;
  font-size: 17px;
}
@media (min-width: 320px) {
  ion-modal.auto-height .ion-page .modal-content .action-row button {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  ion-modal.auto-height .ion-page .modal-content .action-row button {
    font-size: 22px;
  }
}
ion-modal.auto-height .ion-page .modal-content .action-row.center {
  justify-content: center;
}
ion-modal.auto-height .ion-page .modal-content .action-row.end {
  justify-content: flex-end;
}
ion-modal.auto-height-center {
  align-items: center;
}
ion-modal.auto-height-center::part(content) {
  position: relative;
  width: 70%;
  padding: 24px;
  border-radius: 8px;
  contain: content;
}
ion-modal.scrollable .popup-message {
  overflow: hidden scroll;
}
ion-modal.transparent {
  z-index: 9 !important;
}
ion-modal.transparent::part(content) {
  --background: transparent;
  padding: 0;
  box-shadow: none;
}
ion-modal.no-padding .modal-wrapper,
ion-modal.no-padding .ion-page {
  padding: 0;
}
ion-modal.hardware-connect .ion-page::part(content) {
  padding: 0;
}
ion-modal.hardware-connect .ion-page .mat-mdc-dialog-title {
  display: flex;
  align-items: center;
  margin: 28px 24px 18px;
  font-family: HK-Grotesk, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}
@media (max-width: 350px) {
  ion-modal.hardware-connect .ion-page .mat-mdc-dialog-title {
    font-size: 20px;
  }
}
ion-modal.hardware-connect .ion-page .mat-mdc-dialog-title mat-icon {
  width: 34px;
  height: 34px;
  margin-right: 8px;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base {
  overflow: scroll;
  max-height: 65vh;
  padding-top: 0;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mdc-list-item--with-two-lines .mdc-list-item__content {
  align-self: center;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item {
  height: 56px;
  align-self: auto;
  padding: 16px 24px;
  font-weight: 500;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-avatar {
  display: flex;
  width: auto;
  height: auto;
  padding: 0 24px 0 0;
  border-radius: 0;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-avatar svg {
  width: 24px;
  height: 24px;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item {
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__content > * {
  color: inherit;
  font-family: HK-Grotesk, sans-serif;
  font-size: inherit;
  font-weight: 500;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item .status {
  display: flex;
  align-items: center;
  padding-top: 2px;
  color: rgba(0, 0, 0, 0.48);
  font-size: 12px;
  text-transform: capitalize;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item .status mat-icon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item .status mat-icon.loader {
  animation: spin 0.5s linear infinite;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-base .mat-mdc-list-item .status mat-icon .color {
  fill: #000;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-item-meta {
  align-self: center;
  margin: 0;
}
ion-modal.hardware-connect .ion-page .mat-mdc-list-item-meta::before {
  display: none;
}
ion-modal.hardware-connect .ion-page .two-lines {
  border-bottom: 1px solid rgba(75, 85, 117, 0.16);
}
ion-modal.hardware-connect .ion-page .two-lines.mat-mdc-list-item {
  padding: 9px 24px;
}
ion-modal.hardware-connect .ion-page .action-row button {
  --mdc-text-button-container-height: auto;
}
ion-modal.desktop-modal {
  display: flex;
  --height: fit-content;
  --width: fit-content;
}
ion-modal.desktop-modal::part(content) {
  position: relative;
  padding: 20px;
  border-radius: 20px;
  contain: content;
}
ion-modal.desktop-modal .ion-page {
  position: relative;
  contain: content;
}
ion-modal.desktop-modal .ion-page .modal-content.hardware-connect .action-row {
  height: 64px;
  border-top: 1px solid rgba(75, 85, 117, 0.16);
  margin-top: 25px;
}
ion-modal.desktop-modal .ion-page .modal-content.hardware-connect .action-row button {
  margin: 0;
  font-size: 18px;
}
ion-modal.desktop-modal .ion-page .modal-content .action-row {
  display: flex;
  justify-content: space-between;
}
ion-modal.desktop-modal .ion-page .modal-content .action-row button {
  --mdc-text-button-container-height: auto;
  margin-left: 1vw;
  font-weight: bold;
  font-size: 17px;
}
@media (min-width: 320px) {
  ion-modal.desktop-modal .ion-page .modal-content .action-row button {
    font-size: 18px;
    font-size: calc(0.0093632959 * 100vw + 14.0037453184px);
  }
}
@media (min-width: 854px) {
  ion-modal.desktop-modal .ion-page .modal-content .action-row button {
    font-size: 22px;
  }
}
ion-modal.desktop-modal .ion-page .modal-content .action-row.center {
  justify-content: center;
}
ion-modal.desktop-modal .ion-page .modal-content .action-row.end {
  justify-content: flex-end;
}
.isDesktop ion-modal.auto-height.sign-up-sheet {
  align-items: flex-end;
}
.isDesktop ion-modal.auto-height.sign-up-sheet::part(content) {
  width: 100%;
  border-radius: 15px 15px 0 0;
}
.mapboxgl-map {
  font:
    12px/20px Helvetica Neue,
    Arial,
    Helvetica,
    sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgb(0 0 0/0);
}
.mapboxgl-canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.mapboxgl-canary {
  background-color: salmon;
}
.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}
.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}
.mapboxgl-ctrl-bottom,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-left,
.mapboxgl-ctrl-right,
.mapboxgl-ctrl-top,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0;
}
.mapboxgl-ctrl-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0;
}
.mapboxgl-ctrl-right {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0;
}
.mapboxgl-ctrl-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}
.mapboxgl-ctrl-left {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left;
}
.mapboxgl-ctrl-top .mapboxgl-ctrl {
  margin: 10px 0;
  float: left;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
.mapboxgl-ctrl-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right;
}
.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
  margin: 10px 0;
  float: left;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
.mapboxgl-ctrl-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left;
}
.mapboxgl-ctrl-group {
  border-radius: 4px;
  background: #fff;
}
.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1019607843);
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  width: 32px;
  height: 32px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: initial;
  cursor: pointer;
  overflow: hidden;
}
.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: initial;
  }
  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}
.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: 0.25;
}
.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}
.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}
.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}
.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #eee;
}
.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-9z%22%2F%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5z%22%2F%3E%3C%2Fsvg%3E);
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-9z%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5z%22%2F%3E%3C%2Fsvg%3E);
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10%2013c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h9c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-9z%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M14.5%208.5c-.75%200-1.5.75-1.5%201.5v3h-3c-.75%200-1.5.75-1.5%201.5S9.25%2016%2010%2016h3v3c0%20.75.75%201.5%201.5%201.5S16%2019.75%2016%2019v-3h3c.75%200%201.5-.75%201.5-1.5S19.75%2013%2019%2013h-3v-3c0-.75-.75-1.5-1.5-1.5z%22%2F%3E%3C%2Fsvg%3E);
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3h1zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16h1zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205H13zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1V7.5z%22%2F%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1h-5.5zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1v-5.5zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1v5.5zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1h5.5z%22%2F%3E%3C%2Fsvg%3E);
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3h1zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16h1zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205H13zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1V7.5z%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1h-5.5zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1v-5.5zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1v5.5zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1h5.5z%22%2F%3E%3C%2Fsvg%3E);
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M24%2016v5.5c0%201.75-.75%202.5-2.5%202.5H16v-1l3-1.5-4-5.5%201-1%205.5%204%201.5-3h1zM6%2016l1.5%203%205.5-4%201%201-4%205.5%203%201.5v1H7.5C5.75%2024%205%2023.25%205%2021.5V16h1zm7-11v1l-3%201.5%204%205.5-1%201-5.5-4L6%2013H5V7.5C5%205.75%205.75%205%207.5%205H13zm11%202.5c0-1.75-.75-2.5-2.5-2.5H16v1l3%201.5-4%205.5%201%201%205.5-4%201.5%203h1V7.5z%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M18.5%2016c-1.75%200-2.5.75-2.5%202.5V24h1l1.5-3%205.5%204%201-1-4-5.5%203-1.5v-1h-5.5zM13%2018.5c0-1.75-.75-2.5-2.5-2.5H5v1l3%201.5L4%2024l1%201%205.5-4%201.5%203h1v-5.5zm3-8c0%201.75.75%202.5%202.5%202.5H24v-1l-3-1.5L25%205l-1-1-5.5%204L17%205h-1v5.5zM10.5%2013c1.75%200%202.5-.75%202.5-2.5V5h-1l-1.5%203L5%204%204%205l4%205.5L5%2012v1h5.5z%22%2F%3E%3C%2Fsvg%3E);
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10.5%2014l4-8%204%208h-8z%22%2F%3E%3Cpath%20id%3D%22south%22%20d%3D%22M10.5%2016l4%208%204-8h-8z%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E);
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10.5%2014l4-8%204%208h-8z%22%2F%3E%3Cpath%20id%3D%22south%22%20d%3D%22M10.5%2016l4%208%204-8h-8z%22%20fill%3D%22%23999%22%2F%3E%3C%2Fsvg%3E);
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20d%3D%22M10.5%2014l4-8%204%208h-8z%22%2F%3E%3Cpath%20id%3D%22south%22%20d%3D%22M10.5%2016l4%208%204-8h-8z%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E);
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-up .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23333%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.29289%2011.7071C4.68342%2012.0976%205.31658%2012.0976%205.70711%2011.7071L9%208.41421L12.2929%2011.7071C12.6834%2012.0976%2013.3166%2012.0976%2013.7071%2011.7071C14.0976%2011.3166%2014.0976%2010.6834%2013.7071%2010.2929L9.70711%206.29289C9.31658%205.90237%208.68342%205.90237%208.29289%206.29289L4.29289%2010.2929C3.90237%2010.6834%203.90237%2011.3166%204.29289%2011.7071Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E);
  background-size: 18px 18px;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-down .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23333%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.29289%206.29289C4.68342%205.90237%205.31658%205.90237%205.70711%206.29289L9%209.58579L12.2929%206.29289C12.6834%205.90237%2013.3166%205.90237%2013.7071%206.29289C14.0976%206.68342%2014.0976%207.31658%2013.7071%207.70711L9.70711%2011.7071C9.31658%2012.0976%208.68342%2012.0976%208.29289%2011.7071L4.29289%207.70711C3.90237%207.31658%203.90237%206.68342%204.29289%206.29289Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E);
  background-size: 18px 18px;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23333%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M4.0017%203.0017L4.0017%2015.0017L10.0017%2015.0017V12.0017H12.0017V15.0017H14.0017L14.0017%203.0017C14.0097%202.86829%2013.9894%202.73469%2013.9419%202.60973C13.8945%202.48477%2013.8211%202.37129%2013.7266%202.27678C13.6321%202.18228%2013.5186%202.10889%2013.3937%202.06147C13.2687%202.01405%2013.1351%201.99368%2013.0017%202.0017L5.0017%202.0017C4.86829%201.99368%204.73469%202.01405%204.60973%202.06147C4.48477%202.10889%204.37129%202.18228%204.27678%202.27678C4.18228%202.37129%204.10889%202.48477%204.06147%202.60973C4.01405%202.73469%203.99368%202.86829%204.0017%203.0017ZM8.0017%2014.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017%2010.0017H6.0017L6.0017%208.0017H8.0017V10.0017ZM8.0017%206.0017L6.0017%206.0017V4.0017H8.0017V6.0017ZM12.0017%2010.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017%206.0017H10.0017V4.0017L12.0017%204.0017V6.0017Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E);
  background-size: 18px 18px;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M4.0017%203.0017L4.0017%2015.0017L10.0017%2015.0017V12.0017H12.0017V15.0017H14.0017L14.0017%203.0017C14.0097%202.86829%2013.9894%202.73469%2013.9419%202.60973C13.8945%202.48477%2013.8211%202.37129%2013.7266%202.27678C13.6321%202.18228%2013.5186%202.10889%2013.3937%202.06147C13.2687%202.01405%2013.1351%201.99368%2013.0017%202.0017L5.0017%202.0017C4.86829%201.99368%204.73469%202.01405%204.60973%202.06147C4.48477%202.10889%204.37129%202.18228%204.27678%202.27678C4.18228%202.37129%204.10889%202.48477%204.06147%202.60973C4.01405%202.73469%203.99368%202.86829%204.0017%203.0017ZM8.0017%2014.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017%2010.0017H6.0017L6.0017%208.0017H8.0017V10.0017ZM8.0017%206.0017L6.0017%206.0017V4.0017H8.0017V6.0017ZM12.0017%2010.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017%206.0017H10.0017V4.0017L12.0017%204.0017V6.0017Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E);
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D%22%23000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M4.0017%203.0017L4.0017%2015.0017L10.0017%2015.0017V12.0017H12.0017V15.0017H14.0017L14.0017%203.0017C14.0097%202.86829%2013.9894%202.73469%2013.9419%202.60973C13.8945%202.48477%2013.8211%202.37129%2013.7266%202.27678C13.6321%202.18228%2013.5186%202.10889%2013.3937%202.06147C13.2687%202.01405%2013.1351%201.99368%2013.0017%202.0017L5.0017%202.0017C4.86829%201.99368%204.73469%202.01405%204.60973%202.06147C4.48477%202.10889%204.37129%202.18228%204.27678%202.27678C4.18228%202.37129%204.10889%202.48477%204.06147%202.60973C4.01405%202.73469%203.99368%202.86829%204.0017%203.0017ZM8.0017%2014.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017%2010.0017H6.0017L6.0017%208.0017H8.0017V10.0017ZM8.0017%206.0017L6.0017%206.0017V4.0017H8.0017V6.0017ZM12.0017%2010.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017%206.0017H10.0017V4.0017L12.0017%204.0017V6.0017Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E);
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23aaa%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20fill%3D%22%23f00%22%2F%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2333b5e5%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23e58978%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2333b5e5%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20display%3D%22none%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23e54e33%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20display%3D%22none%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23999%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20fill%3D%22%23f00%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2333b5e5%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23e58978%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2333b5e5%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20display%3D%22none%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23e54e33%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%20display%3D%22none%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20display%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23666%22%3E%3Cpath%20d%3D%22M10%204C9%204%209%205%209%205v.1A5%205%200%200%200%205.1%209H5s-1%200-1%201%201%201%201%201h.1A5%205%200%200%200%209%2014.9v.1s0%201%201%201%201-1%201-1v-.1a5%205%200%200%200%203.9-3.9h.1s1%200%201-1-1-1-1-1h-.1A5%205%200%200%200%2011%205.1V5s0-1-1-1zm0%202.5a3.5%203.5%200%201%201%200%207%203.5%203.5%200%201%201%200-7z%22%2F%3E%3Ccircle%20id%3D%22dot%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20id%3D%22stroke%22%20d%3D%22M14%205l1%201-9%209-1-1%209-9z%22%20fill%3D%22%23f00%22%2F%3E%3C%2Fsvg%3E);
  }
}
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a.mapboxgl-ctrl-logo {
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2088%2023%22%3E%3Cdefs%3E%3Cpath%20id%3D%22logo%22%20d%3D%22M11.5%202.25c5.105%200%209.25%204.145%209.25%209.25s-4.145%209.25-9.25%209.25-9.25-4.145-9.25-9.25%204.145-9.25%209.25-9.25zM6.997%2015.983c-.051-.338-.828-5.802%202.233-8.873a4.395%204.395%200%20013.13-1.28c1.27%200%202.49.51%203.39%201.42.91.9%201.42%202.12%201.42%203.39%200%201.18-.449%202.301-1.28%203.13C12.72%2016.93%207%2016%207%2016l-.003-.017zM15.3%2010.5l-2%20.8-.8%202-.8-2-2-.8%202-.8.8-2%20.8%202%202%20.8z%22%2F%3E%3Cpath%20id%3D%22text%22%20d%3D%22M50.63%208c.13%200%20.23.1.23.23V9c.7-.76%201.7-1.18%202.73-1.18%202.17%200%203.95%201.85%203.95%204.17s-1.77%204.19-3.94%204.19c-1.04%200-2.03-.43-2.74-1.18v3.77c0%20.13-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01%200%20.01%200%20.01-.01.13%200%20.22.1.22.22v7.55c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V15c-.7.76-1.69%201.19-2.73%201.19-2.17%200-3.94-1.87-3.94-4.19%200-2.32%201.77-4.19%203.94-4.19%201.03%200%202.02.43%202.73%201.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24%204.24%200%2000-4.16%203.29c-.13.59-.13%201.19%200%201.77a4.233%204.233%200%20004.17%203.3c2.35%200%204.26-1.87%204.26-4.19%200-2.32-1.9-4.17-4.27-4.17zM60.63%205c.13%200%20.23.1.23.23v3.76c.7-.76%201.7-1.18%202.73-1.18%201.88%200%203.45%201.4%203.84%203.28.13.59.13%201.2%200%201.8-.39%201.88-1.96%203.29-3.84%203.29-1.03%200-2.02-.43-2.73-1.18v.77c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34%2011h-1.4c-.13%200-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13%200%20.22.11.23.22v.68c.5-.68%201.3-1.09%202.16-1.1h.03c1.09%200%202.09.6%202.6%201.55.45-.95%201.4-1.55%202.44-1.56%201.62%200%202.93%201.25%202.9%202.78l.03%205.2c0%20.13-.1.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8%200-1.46.7-1.59%201.62l.01%204.68c0%20.13-.11.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85%200-1.54.79-1.6%201.8v4.5c0%20.13-.1.23-.23.23zm53.615%200h-1.61c-.04%200-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213%200%2001-.03-.12c0-.12.09-.21.21-.21h1.61c.13%200%20.24.06.3.17l1.41%202.37%201.4-2.37a.34.34%200%2001.3-.17h1.6c.04%200%20.08.01.12.03.09.06.13.19.06.28l-2.37%203.65%202.43%203.7c0%20.05.01.09.01.13%200%20.12-.09.21-.21.21h-1.61c-.13%200-.24-.06-.3-.17l-1.44-2.42-1.44%202.42a.34.34%200%2001-.3.17zm-7.12-1.49c-1.33%200-2.42-1.12-2.42-2.51%200-1.39%201.08-2.52%202.42-2.52%201.33%200%202.42%201.12%202.42%202.51%200%201.39-1.08%202.51-2.42%202.52zm-19.865%200c-1.32%200-2.39-1.11-2.42-2.48v-.07c.02-1.38%201.09-2.49%202.4-2.49%201.32%200%202.41%201.12%202.41%202.51%200%201.39-1.07%202.52-2.39%202.53zm-8.11-2.48c-.01%201.37-1.09%202.47-2.41%202.47s-2.42-1.12-2.42-2.51c0-1.39%201.08-2.52%202.4-2.52%201.33%200%202.39%201.11%202.41%202.48l.02.08zm18.12%202.47c-1.32%200-2.39-1.11-2.41-2.48v-.06c.02-1.38%201.09-2.48%202.41-2.48s2.42%201.12%202.42%202.51c0%201.39-1.09%202.51-2.42%202.51z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22clip%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22white%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fmask%3E%3Cg%20id%3D%22outline%22%20opacity%3D%220.3%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%3E%3Ccircle%20mask%3D%22url(%23clip)%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%229.25%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%20mask%3D%22url(%23clip)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22fill%22%20opacity%3D%220.9%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}
@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: initial;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2088%2023%22%3E%3Cdefs%3E%3Cpath%20id%3D%22logo%22%20d%3D%22M11.5%202.25c5.105%200%209.25%204.145%209.25%209.25s-4.145%209.25-9.25%209.25-9.25-4.145-9.25-9.25%204.145-9.25%209.25-9.25zM6.997%2015.983c-.051-.338-.828-5.802%202.233-8.873a4.395%204.395%200%20013.13-1.28c1.27%200%202.49.51%203.39%201.42.91.9%201.42%202.12%201.42%203.39%200%201.18-.449%202.301-1.28%203.13C12.72%2016.93%207%2016%207%2016l-.003-.017zM15.3%2010.5l-2%20.8-.8%202-.8-2-2-.8%202-.8.8-2%20.8%202%202%20.8z%22%2F%3E%3Cpath%20id%3D%22text%22%20d%3D%22M50.63%208c.13%200%20.23.1.23.23V9c.7-.76%201.7-1.18%202.73-1.18%202.17%200%203.95%201.85%203.95%204.17s-1.77%204.19-3.94%204.19c-1.04%200-2.03-.43-2.74-1.18v3.77c0%20.13-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01%200%20.01%200%20.01-.01.13%200%20.22.1.22.22v7.55c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V15c-.7.76-1.69%201.19-2.73%201.19-2.17%200-3.94-1.87-3.94-4.19%200-2.32%201.77-4.19%203.94-4.19%201.03%200%202.02.43%202.73%201.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24%204.24%200%2000-4.16%203.29c-.13.59-.13%201.19%200%201.77a4.233%204.233%200%20004.17%203.3c2.35%200%204.26-1.87%204.26-4.19%200-2.32-1.9-4.17-4.27-4.17zM60.63%205c.13%200%20.23.1.23.23v3.76c.7-.76%201.7-1.18%202.73-1.18%201.88%200%203.45%201.4%203.84%203.28.13.59.13%201.2%200%201.8-.39%201.88-1.96%203.29-3.84%203.29-1.03%200-2.02-.43-2.73-1.18v.77c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34%2011h-1.4c-.13%200-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13%200%20.22.11.23.22v.68c.5-.68%201.3-1.09%202.16-1.1h.03c1.09%200%202.09.6%202.6%201.55.45-.95%201.4-1.55%202.44-1.56%201.62%200%202.93%201.25%202.9%202.78l.03%205.2c0%20.13-.1.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8%200-1.46.7-1.59%201.62l.01%204.68c0%20.13-.11.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85%200-1.54.79-1.6%201.8v4.5c0%20.13-.1.23-.23.23zm53.615%200h-1.61c-.04%200-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213%200%2001-.03-.12c0-.12.09-.21.21-.21h1.61c.13%200%20.24.06.3.17l1.41%202.37%201.4-2.37a.34.34%200%2001.3-.17h1.6c.04%200%20.08.01.12.03.09.06.13.19.06.28l-2.37%203.65%202.43%203.7c0%20.05.01.09.01.13%200%20.12-.09.21-.21.21h-1.61c-.13%200-.24-.06-.3-.17l-1.44-2.42-1.44%202.42a.34.34%200%2001-.3.17zm-7.12-1.49c-1.33%200-2.42-1.12-2.42-2.51%200-1.39%201.08-2.52%202.42-2.52%201.33%200%202.42%201.12%202.42%202.51%200%201.39-1.08%202.51-2.42%202.52zm-19.865%200c-1.32%200-2.39-1.11-2.42-2.48v-.07c.02-1.38%201.09-2.49%202.4-2.49%201.32%200%202.41%201.12%202.41%202.51%200%201.39-1.07%202.52-2.39%202.53zm-8.11-2.48c-.01%201.37-1.09%202.47-2.41%202.47s-2.42-1.12-2.42-2.51c0-1.39%201.08-2.52%202.4-2.52%201.33%200%202.39%201.11%202.41%202.48l.02.08zm18.12%202.47c-1.32%200-2.39-1.11-2.41-2.48v-.06c.02-1.38%201.09-2.48%202.41-2.48s2.42%201.12%202.42%202.51c0%201.39-1.09%202.51-2.42%202.51z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22clip%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22white%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fmask%3E%3Cg%20id%3D%22outline%22%20opacity%3D%221%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%3E%3Ccircle%20mask%3D%22url(%23clip)%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%229.25%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%20mask%3D%22url(%23clip)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22fill%22%20opacity%3D%221%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2088%2023%22%3E%3Cdefs%3E%3Cpath%20id%3D%22logo%22%20d%3D%22M11.5%202.25c5.105%200%209.25%204.145%209.25%209.25s-4.145%209.25-9.25%209.25-9.25-4.145-9.25-9.25%204.145-9.25%209.25-9.25zM6.997%2015.983c-.051-.338-.828-5.802%202.233-8.873a4.395%204.395%200%20013.13-1.28c1.27%200%202.49.51%203.39%201.42.91.9%201.42%202.12%201.42%203.39%200%201.18-.449%202.301-1.28%203.13C12.72%2016.93%207%2016%207%2016l-.003-.017zM15.3%2010.5l-2%20.8-.8%202-.8-2-2-.8%202-.8.8-2%20.8%202%202%20.8z%22%2F%3E%3Cpath%20id%3D%22text%22%20d%3D%22M50.63%208c.13%200%20.23.1.23.23V9c.7-.76%201.7-1.18%202.73-1.18%202.17%200%203.95%201.85%203.95%204.17s-1.77%204.19-3.94%204.19c-1.04%200-2.03-.43-2.74-1.18v3.77c0%20.13-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01%200%20.01%200%20.01-.01.13%200%20.22.1.22.22v7.55c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V15c-.7.76-1.69%201.19-2.73%201.19-2.17%200-3.94-1.87-3.94-4.19%200-2.32%201.77-4.19%203.94-4.19%201.03%200%202.02.43%202.73%201.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24%204.24%200%2000-4.16%203.29c-.13.59-.13%201.19%200%201.77a4.233%204.233%200%20004.17%203.3c2.35%200%204.26-1.87%204.26-4.19%200-2.32-1.9-4.17-4.27-4.17zM60.63%205c.13%200%20.23.1.23.23v3.76c.7-.76%201.7-1.18%202.73-1.18%201.88%200%203.45%201.4%203.84%203.28.13.59.13%201.2%200%201.8-.39%201.88-1.96%203.29-3.84%203.29-1.03%200-2.02-.43-2.73-1.18v.77c0%20.12-.1.23-.23.23h-1.4c-.13%200-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34%2011h-1.4c-.13%200-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13%200%20.22.11.23.22v.68c.5-.68%201.3-1.09%202.16-1.1h.03c1.09%200%202.09.6%202.6%201.55.45-.95%201.4-1.55%202.44-1.56%201.62%200%202.93%201.25%202.9%202.78l.03%205.2c0%20.13-.1.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8%200-1.46.7-1.59%201.62l.01%204.68c0%20.13-.11.23-.23.23h-1.41c-.13%200-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85%200-1.54.79-1.6%201.8v4.5c0%20.13-.1.23-.23.23zm53.615%200h-1.61c-.04%200-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213%200%2001-.03-.12c0-.12.09-.21.21-.21h1.61c.13%200%20.24.06.3.17l1.41%202.37%201.4-2.37a.34.34%200%2001.3-.17h1.6c.04%200%20.08.01.12.03.09.06.13.19.06.28l-2.37%203.65%202.43%203.7c0%20.05.01.09.01.13%200%20.12-.09.21-.21.21h-1.61c-.13%200-.24-.06-.3-.17l-1.44-2.42-1.44%202.42a.34.34%200%2001-.3.17zm-7.12-1.49c-1.33%200-2.42-1.12-2.42-2.51%200-1.39%201.08-2.52%202.42-2.52%201.33%200%202.42%201.12%202.42%202.51%200%201.39-1.08%202.51-2.42%202.52zm-19.865%200c-1.32%200-2.39-1.11-2.42-2.48v-.07c.02-1.38%201.09-2.49%202.4-2.49%201.32%200%202.41%201.12%202.41%202.51%200%201.39-1.07%202.52-2.39%202.53zm-8.11-2.48c-.01%201.37-1.09%202.47-2.41%202.47s-2.42-1.12-2.42-2.51c0-1.39%201.08-2.52%202.4-2.52%201.33%200%202.39%201.11%202.41%202.48l.02.08zm18.12%202.47c-1.32%200-2.39-1.11-2.41-2.48v-.06c.02-1.38%201.09-2.48%202.41-2.48s2.42%201.12%202.42%202.51c0%201.39-1.09%202.51-2.42%202.51z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22clip%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22white%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fmask%3E%3Cg%20id%3D%22outline%22%20opacity%3D%221%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20fill%3D%22%23fff%22%3E%3Ccircle%20mask%3D%22url(%23clip)%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%229.25%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%20mask%3D%22url(%23clip)%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22fill%22%20opacity%3D%221%22%20fill%3D%22%23000%22%3E%3Cuse%20xlink%3Ahref%3D%22%23logo%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23text%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.5019607843);
  margin: 0;
}
@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    padding: 2px 24px 2px 0;
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    box-sizing: initial;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  :is(.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-left, .mapboxgl-ctrl-top-left) > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 8px 2px 28px;
    border-radius: 12px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib-button {
    display: none;
    cursor: pointer;
    position: absolute;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E);
    background-color: rgba(255, 255, 255, 0.5019607843);
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px;
    outline: none;
    top: 0;
    right: 0;
    border: 0;
  }
  :is(.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-left, .mapboxgl-ctrl-top-left) .mapboxgl-ctrl-attrib-button {
    left: 0;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: rgba(0, 0, 0, 0.0509803922);
  }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
  }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    right: 0;
  }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    left: 0;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }
  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E);
  }
}
@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M4%2010a6%206%200%201%200%2012%200%206%206%200%201%200-12%200m5-3a1%201%200%201%200%202%200%201%201%200%201%200-2%200m0%203a1%201%200%201%201%202%200v3a1%201%200%201%201-2%200%22%2F%3E%3C%2Fsvg%3E);
  }
}
.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.7490196078);
  text-decoration: none;
}
.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}
.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}
.mapboxgl-attrib-empty {
  display: none;
}
.mapboxgl-ctrl-scale {
  background-color: rgba(255, 255, 255, 0.7490196078);
  font-size: 10px;
  border-color: #333;
  border-style: none solid solid;
  border-width: medium 2px 2px;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box;
  white-space: nowrap;
}
.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  will-change: transform;
  pointer-events: none;
}
.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}
.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}
.mapboxgl-popup-anchor-left {
  flex-direction: row;
}
.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}
.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid rgba(0, 0, 0, 0);
  z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-top: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-right: none;
  border-left-color: #fff;
}
.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: initial;
}
.mapboxgl-popup-close-button:hover {
  background-color: #eee;
}
.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1019607843);
  padding: 10px 10px 15px;
  pointer-events: auto;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}
.mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}
.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  opacity: 1;
  transition: opacity 0.2s;
}
.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.mapboxgl-user-location-dot:before {
  content: "";
  position: absolute;
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
}
.mapboxgl-user-location-dot:after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3490196078);
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  width: 0;
  height: 0;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  content: "";
  border-bottom: 7.5px solid #4aa1eb;
  position: absolute;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid rgba(0, 0, 0, 0);
  transform: translateY(-28px) skewY(-20deg);
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid rgba(0, 0, 0, 0);
  transform: translate(7.5px, -28px) skewY(20deg);
}
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}
.mapboxgl-user-location-dot-stale:after {
  display: none;
}
.mapboxgl-user-location-accuracy-circle {
  background-color: rgba(29, 161, 242, 0.2);
  width: 1px;
  height: 1px;
  border-radius: 100%;
}
.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}
.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: 0.5;
}
@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.mapboxgl-scroll-zoom-blocker,
.mapboxgl-touch-pan-blocker {
  color: #fff;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
  justify-content: center;
  text-align: center;
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7019607843);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.75s ease-in-out;
  transition-delay: 1s;
}
.mapboxgl-scroll-zoom-blocker-show,
.mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected {
  background-color: #bccbd7;
  color: #000;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover {
  background-color: #ccc;
}
.mapbox-gl-draw_ctrl-bottom-left,
.mapbox-gl-draw_ctrl-top-left {
  border-radius: 0 4px 4px 0;
  margin-left: 0;
}
.mapbox-gl-draw_ctrl-top-right,
.mapbox-gl-draw_ctrl-bottom-right {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
}
.mapbox-gl-draw_ctrl-draw {
  border-color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.75);
}
.mapbox-gl-draw_ctrl-draw > button {
  width: 30px;
  height: 30px;
  border-color: rgba(0, 0, 0, 0.9);
  color: rgba(255, 255, 255, 0.5);
}
.mapbox-gl-draw_ctrl-draw > button:hover {
  background-color: rgba(0, 0, 0, 0.85);
  color: rgba(255, 255, 255, 0.75);
}
.mapbox-gl-draw_ctrl-draw > button.active,
.mapbox-gl-draw_ctrl-draw > button.active:hover {
  background-color: rgba(0, 0, 0, 0.95);
  color: #fff;
}
.mapbox-gl-draw_ctrl-draw-btn {
  background-clip: padding-box;
  background-image: linear-gradient(transparent, transparent), url("./media/spritesheet.svg");
  background-repeat: no-repeat;
  background-size: 400px 80px;
}
.mapbox-gl-draw_polygon {
  background-position: -34px -15px;
}
.mapbox-gl-draw_trash {
  background-position: -236px -15px;
}
.mapbox-gl-draw_undo {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"/></svg>');
  background-position: center 10px;
  background-size: 50px 30px;
}
.mapbox-gl-draw_undo:disabled {
  color: #000;
  opacity: 0.4;
}
.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: pointer;
}
.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: crosshair;
}
.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: cell;
}
.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.mapbox-gl-draw_boxselect {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 2px dotted #fff;
  background: rgba(0, 0, 0, 0.1);
  opacity: 0.5;
  pointer-events: none;
}
.mapboxgl-popup {
  opacity: 0.8;
}
.mapboxgl-popup.hidden {
  visibility: hidden;
}
.mapboxgl-ctrl-group button {
  width: 50px;
  height: 50px;
}
.edit-mode .mapboxgl-ctrl-compass {
  display: none !important;
}
a.mapboxgl-ctrl-logo {
  display: none;
}
.hide-draw {
}
.hide-draw .mapbox-gl-draw_polygon {
  display: none;
}
.hide-draw {
}
.hide-draw .mapbox-gl-draw_trash {
  display: block;
}
.hide-draw .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group button + button {
  border-top: 0;
}
.mapboxgl-popup-content {
  padding: 6px;
  pointer-events: none !important;
}
.mapboxgl-ctrl-bottom-right {
  display: none;
}
.hidden-map {
  position: absolute;
  top: -2500px;
  left: -2500px;
}
.hidden-map canvas {
  visibility: hidden;
}
.mapboxgl-ctrl-bottom-left {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 80px;
  background-color: #fff;
  visibility: hidden;
}
.mapboxgl-ctrl-bottom-left.show {
  visibility: visible;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-group:not(:empty) {
  box-shadow: none;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  position: relative;
  top: 3px;
  left: 30px;
  margin: 4px;
  margin-right: 20px;
  transform: scale(1.2);
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl button {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding-top: 38px;
  padding-bottom: 3px;
  font-size: 11px;
  font-weight: 600;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl button:not(:disabled):hover {
  background-color: transparent;
}
.mapboxgl-ctrl-geocoder {
  width: calc(100% - 70px);
}
.mapboxgl-control-container {
  --control-padding: 14px;
}
.mapboxgl-control-container .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: var(--control-padding) 0 0 var(--control-padding);
}
.mapboxgl-control-container .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: var(--control-padding) var(--control-padding) 0 0;
}
.mapboxgl-control-container .mapboxgl-ctrl-top-right.up {
  top: calc(50px + var(--control-padding));
}
.map-hint-container {
  display: flex;
  width: calc(100vw - 28px);
  height: 50px;
  align-items: center;
  justify-content: center;
  padding: 6px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.mapboxgl-ctrl-toggle-labels {
  font-size: 12px;
}
.mapboxgl-ctrl-toggle-labels svg path {
  fill: black;
}
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder *,
.mapboxgl-ctrl-geocoder *:after,
.mapboxgl-ctrl-geocoder *:before {
  box-sizing: border-box;
}
.mapboxgl-ctrl-geocoder {
  font-size: 18px;
  line-height: 24px;
  font-family:
    "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  position: relative;
  background-color: #fff;
  width: 100%;
  min-width: 240px;
  z-index: 1;
  border-radius: 4px;
  transition: width 0.25s, min-width 0.25s;
}
.mapboxgl-ctrl-geocoder--input {
  font: inherit;
  width: 100%;
  border: 0;
  background-color: transparent;
  margin: 0;
  height: 50px;
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mapboxgl-ctrl-geocoder--input::-ms-clear {
  display: none;
}
.mapboxgl-ctrl-geocoder--input:focus {
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  outline: 0;
  box-shadow: none;
  outline: thin dotted;
}
.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  z-index: 2;
  position: absolute;
  right: 8px;
  top: 7px;
  display: none;
}
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder .suggestions {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
  width: 50px;
  min-width: 50px;
  transition: width 0.25s, min-width 0.25s;
}
.mapboxgl-ctrl-geocoder .suggestions {
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 110%;
  top: calc(100% + 6px);
  z-index: 1000;
  overflow: hidden;
  font-size: 15px;
}
.mapboxgl-ctrl-bottom-left .suggestions,
.mapboxgl-ctrl-bottom-right .suggestions {
  top: auto;
  bottom: 100%;
}
.mapboxgl-ctrl-geocoder .suggestions > li > a {
  cursor: default;
  display: block;
  padding: 6px 12px;
  color: #404040;
}
.mapboxgl-ctrl-geocoder .suggestions > .active > a,
.mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
  color: #404040;
  background-color: #f3f3f3;
  text-decoration: none;
  cursor: pointer;
}
.mapboxgl-ctrl-geocoder--suggestion-title {
  font-weight: bold;
}
.mapboxgl-ctrl-geocoder--suggestion-title,
.mapboxgl-ctrl-geocoder--suggestion-address {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mapboxgl-ctrl-geocoder--icon {
  display: inline-block;
  vertical-align: middle;
  speak: none;
  fill: #757575;
  top: 15px;
}
.mapboxgl-ctrl-geocoder--icon-search {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 23px;
  height: 23px;
}
.mapboxgl-ctrl-geocoder--button {
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #fff;
  line-height: 1;
}
.mapboxgl-ctrl-geocoder--icon-close {
  width: 20px;
  height: 20px;
  margin-top: 8px;
  margin-right: 3px;
}
.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {
  fill: #909090;
}
.mapboxgl-ctrl-geocoder--icon-geolocate {
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 3px;
}
.mapboxgl-ctrl-geocoder--icon-loading {
  width: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 0px;
  -moz-animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.mapboxgl-ctrl-geocoder--powered-by {
  display: block;
  float: left;
  padding: 6px 12px;
  padding-bottom: 9px;
  font-size: 13px;
}
.mapboxgl-ctrl-geocoder--powered-by a {
  color: #909090;
}
.mapboxgl-ctrl-geocoder--powered-by a:not(:hover) {
  text-decoration: none;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 640px) {
  .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
    width: 36px;
    min-width: 36px;
  }
  .mapboxgl-ctrl-geocoder {
    width: 33.3333%;
    font-size: 15px;
    line-height: 20px;
    max-width: 360px;
  }
  .mapboxgl-ctrl-geocoder .suggestions {
    font-size: 13px;
  }
  .mapboxgl-ctrl-geocoder--icon {
    top: 8px;
  }
  .mapboxgl-ctrl-geocoder--icon-close {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 0;
  }
  .mapboxgl-ctrl-geocoder--icon-geolocate {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 0;
  }
  .mapboxgl-ctrl-geocoder--icon-search {
    left: 7px;
    width: 20px;
    height: 20px;
  }
  .mapboxgl-ctrl-geocoder--input {
    height: 36px;
    padding: 6px 35px;
  }
  .mapboxgl-ctrl-geocoder--icon-loading {
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-right: -5px;
  }
  .mapbox-gl-geocoder--error {
    color: #909090;
    padding: 6px 12px;
    font-size: 16px;
    text-align: center;
  }
  .mapboxgl-ctrl-geocoder--powered-by {
    font-size: 11px !important;
  }
}
.marker {
  width: 49px;
  height: 58px;
  background-repeat: no-repeat;
  background-size: contain;
  transform-origin: bottom;
}
.marker.hidden {
  display: none;
}
.marker .count {
  position: absolute;
  top: 0;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #007db5;
  font-size: 14px;
  font-weight: 600;
}
@font-face {
  font-family: "HK-Grotesk";
  font-style: normal;
  font-weight: normal;
  src:
    url("./media/HK-Grotesk-Pro-Regular.otf") format("opentype"),
    url("./media/HK-Grotesk-Pro-Regular.woff") format("woff"),
    url("./media/HK-Grotesk-Pro-Regular.svg") format("svg");
}
@font-face {
  font-family: "HK-Grotesk";
  font-style: normal;
  font-weight: 500;
  src:
    url("./media/HK-Grotesk-Pro-Medium.otf") format("opentype"),
    url("./media/HK-Grotesk-Pro-Medium.woff") format("woff"),
    url("./media/HK-Grotesk-Pro-Medium.svg") format("svg");
}
@font-face {
  font-family: "HK-Grotesk";
  font-style: normal;
  font-weight: 600;
  src:
    url("./media/HK-Grotesk-Pro-SemiBold.otf") format("opentype"),
    url("./media/HK-Grotesk-Pro-SemiBold.woff") format("woff"),
    url("./media/HK-Grotesk-Pro-SemiBold.svg") format("svg");
}
@font-face {
  font-family: "HK-Grotesk";
  font-style: normal;
  font-weight: bold;
  src:
    url("./media/HK-Grotesk-Pro-Bold.otf") format("opentype"),
    url("./media/HK-Grotesk-Pro-Bold.woff") format("woff"),
    url("./media/HK-Grotesk-Pro-Bold.svg") format("svg");
}
@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: normal;
  src:
    url("./media/Gilroy-Light.otf") format("opentype"),
    url("./media/Gilroy-Light.woff") format("woff"),
    url("./media/Gilroy-Light.svg") format("svg");
}
@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: bold;
  src:
    url("./media/Gilroy-Black.otf") format("opentype"),
    url("./media/Gilroy-Black.woff") format("woff"),
    url("./media/Gilroy-Black.svg") format("svg");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src:
    local("Material Icons"),
    local("MaterialIcons-Regular"),
    url("./media/MaterialIcons-Regular.woff2") format("woff2"),
    url("./media/MaterialIcons-Regular.woff") format("woff"),
    url("./media/MaterialIcons-Regular.ttf") format("truetype");
}
* {
  font-family: "HK-Grotesk", sans-serif;
}
:root {
  --ion-color-primary: #007db5;
  --ion-color-secondary: #ff6a1f;
}
body.is-android ion-app.ion-page {
  height: 100vh !important;
}
html.plt-android.plt-cordova {
  --safe-area-inset-top: 0px;
  --safe-area-inset-bottom: 0px;
}
.ion-page {
  top: 0 !important;
  left: 0;
  bottom: 0;
  right: 0;
}
router-outlet + * {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
.filter-keyboard-is-open {
  height: 100vh !important;
}
.opacity {
  opacity: 0.6 !important;
  background-color: black;
}
.qr-code-example {
  width: 80px;
  display: block;
  margin: auto;
  padding: 10px;
}
.icon-fill-orange {
  fill: orange;
}
.inactive {
  fill: var(--theme-space-grey-48);
}
.inactive .icon-fill-orange {
  fill: orange;
}
.theme-secondary-background {
  fill: var(--theme-background-inverted);
}
body,
html {
  height: 100%;
  margin: 0;
  overscroll-behavior-x: none;
}
ion-content::part(scroll) {
  overscroll-behavior-x: none;
}
body {
  -webkit-user-select: none;
  user-select: none;
}
button ion-icon {
  display: block !important;
}
.scrollable {
  overflow: scroll;
}
.action-row {
  justify-content: space-between;
  display: flex;
}
.action-row.center {
  justify-content: center;
}
.action-row.max-row-height {
  height: 64px;
}
.action-row.border-top {
  border-top: solid #d9e3ea 1px;
}
.sc-ion-back-button-ios-h {
  color: red;
  display: block;
}
.sc-ion-back-button-android-h {
  color: red;
  display: block;
}
.material-icons {
  font-family: "Material Icons", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
.full-width {
  width: 100%;
}
.normal-white-space label {
  white-space: normal;
}
.square-icon {
  color: var(--theme-blue);
  border-radius: 0 !important;
}
.circle-icon {
  color: white;
  display: flex;
  min-width: 39px;
  height: 39px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 100%;
}
.circle-icon-redesign {
  padding: 7px;
}
.circle-icon-redesign mat-icon {
  height: 32px;
  width: 32px;
}
.circle-icon-green {
  background-color: var(--theme-primary) !important;
}
.circle-icon-red {
  background-color: var(--theme-error) !important;
}
.circle-icon-gold {
  background-color: var(--theme-gold) !important;
}
svg {
  display: block;
}
.icon-white {
  color: white;
}
.icon-white .color {
  fill: white;
}
.icon-white svg {
  fill: white;
}
.primary-fill svg {
  fill: var(--theme-primary);
}
.toolbar-title {
  overflow: visible;
  position: relative;
  text-align: center;
  color: #fff;
}
.toolbar-title .title {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
  font-size: 20px;
}
@media (min-width: 320px) {
  .toolbar-title .title {
    font-size: 20px;
    font-size: calc(0.0149812734 * 100vw + 15.2059925094px);
  }
}
@media (min-width: 854px) {
  .toolbar-title .title {
    font-size: 28px;
  }
}
.toolbar-title .subtitle {
  font-size: 18px;
}
@media (min-width: 320px) {
  .toolbar-title .subtitle {
    font-size: 18px;
    font-size: calc(0.0112359551 * 100vw + 14.404494382px);
  }
}
@media (min-width: 854px) {
  .toolbar-title .subtitle {
    font-size: 24px;
  }
}
.inner-scroll {
  padding-bottom: 0px !important;
}
.highlight {
  background-color: #e7eef9 !important;
}
.highlight-red {
  background-color: rgba(199, 22, 16, 0.4) !important;
}
.background-color-gold {
  background-color: var(--theme-gold);
}
.background-color-green {
  background-color: var(--theme-primary);
}
.background-color-grey {
  background-color: var(--theme-dark-grey);
}
.background-color-purple {
  background-color: var(--theme-purple);
}
.background-color-light-purple {
  background-color: var(--theme-light-purple);
}
.background-color-pink {
  background-color: var(--theme-pink);
}
.background-color-indigo {
  background-color: var(--theme-indigo);
}
.background-color-orange {
  background-color: var(--theme-orange);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --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);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #007db5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff6a1f;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff6a1f;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff6a1f;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #007db5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #007db5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff6a1f;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff6a1f;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --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-outlined-container-color: white;
  --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: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --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);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #007db5;
  --mat-progress-bar-track-color: rgba(0, 125, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff6a1f;
  --mat-progress-bar-track-color: rgba(255, 106, 31, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --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;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #007db5 87%, transparent);
  --mat-form-field-filled-caret-color: #007db5;
  --mat-form-field-filled-focus-active-indicator-color: #007db5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #007db5 87%, transparent);
  --mat-form-field-outlined-caret-color: #007db5;
  --mat-form-field-outlined-focus-outline-color: #007db5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #007db5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff6a1f 87%, transparent);
  --mat-form-field-filled-caret-color: #ff6a1f;
  --mat-form-field-filled-focus-active-indicator-color: #ff6a1f;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff6a1f 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff6a1f;
  --mat-form-field-outlined-focus-outline-color: #ff6a1f;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff6a1f 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-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);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #007db5;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff6a1f;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-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);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #007db5;
  --mat-chip-elevated-disabled-container-color: #007db5;
  --mat-chip-elevated-selected-container-color: #007db5;
  --mat-chip-flat-disabled-selected-container-color: #007db5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #fff;
  --mat-chip-elevated-container-color: #ff6a1f;
  --mat-chip-elevated-disabled-container-color: #ff6a1f;
  --mat-chip-elevated-selected-container-color: #ff6a1f;
  --mat-chip-flat-disabled-selected-container-color: #ff6a1f;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #fff;
  --mat-chip-selected-disabled-trailing-icon-color: #fff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #fff;
  --mat-chip-selected-trailing-icon-color: #fff;
  --mat-chip-with-icon-disabled-icon-color: #fff;
  --mat-chip-with-icon-icon-color: #fff;
  --mat-chip-with-icon-selected-icon-color: #fff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --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-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #007db5;
  --mat-slide-toggle-selected-handle-color: #007db5;
  --mat-slide-toggle-selected-hover-state-layer-color: #007db5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #007db5;
  --mat-slide-toggle-selected-focus-handle-color: #007db5;
  --mat-slide-toggle-selected-hover-handle-color: #007db5;
  --mat-slide-toggle-selected-pressed-handle-color: #007db5;
  --mat-slide-toggle-selected-focus-track-color: #4da4cb;
  --mat-slide-toggle-selected-hover-track-color: #4da4cb;
  --mat-slide-toggle-selected-pressed-track-color: #4da4cb;
  --mat-slide-toggle-selected-track-color: #4da4cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-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-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-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-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff6a1f;
  --mat-slide-toggle-selected-handle-color: #ff6a1f;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff6a1f;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff6a1f;
  --mat-slide-toggle-selected-focus-handle-color: #ff6a1f;
  --mat-slide-toggle-selected-hover-handle-color: #ff6a1f;
  --mat-slide-toggle-selected-pressed-handle-color: #ff6a1f;
  --mat-slide-toggle-selected-focus-track-color: #ff9762;
  --mat-slide-toggle-selected-hover-track-color: #ff9762;
  --mat-slide-toggle-selected-pressed-track-color: #ff9762;
  --mat-slide-toggle-selected-track-color: #ff9762;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #007db5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #007db5;
  --mat-radio-selected-hover-icon-color: #007db5;
  --mat-radio-selected-icon-color: #007db5;
  --mat-radio-selected-pressed-icon-color: #007db5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff6a1f;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff6a1f;
  --mat-radio-selected-hover-icon-color: #ff6a1f;
  --mat-radio-selected-icon-color: #ff6a1f;
  --mat-radio-selected-pressed-icon-color: #ff6a1f;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --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-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #007db5;
  --mat-slider-focus-handle-color: #007db5;
  --mat-slider-handle-color: #007db5;
  --mat-slider-hover-handle-color: #007db5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #007db5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #007db5 4%, transparent);
  --mat-slider-inactive-track-color: #007db5;
  --mat-slider-ripple-color: #007db5;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #007db5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff6a1f;
  --mat-slider-focus-handle-color: #ff6a1f;
  --mat-slider-handle-color: #ff6a1f;
  --mat-slider-hover-handle-color: #ff6a1f;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff6a1f 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff6a1f 4%, transparent);
  --mat-slider-inactive-track-color: #ff6a1f;
  --mat-slider-ripple-color: #ff6a1f;
  --mat-slider-with-tick-marks-active-container-color: #fff;
  --mat-slider-with-tick-marks-inactive-container-color: #ff6a1f;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-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);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #007db5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #007db5;
  --mat-radio-selected-hover-icon-color: #007db5;
  --mat-radio-selected-icon-color: #007db5;
  --mat-radio-selected-pressed-icon-color: #007db5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff6a1f;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff6a1f;
  --mat-radio-selected-hover-icon-color: #ff6a1f;
  --mat-radio-selected-icon-color: #ff6a1f;
  --mat-radio-selected-pressed-icon-color: #ff6a1f;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #007db5;
  --mat-checkbox-selected-hover-icon-color: #007db5;
  --mat-checkbox-selected-icon-color: #007db5;
  --mat-checkbox-selected-pressed-icon-color: #007db5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #007db5;
  --mat-checkbox-selected-hover-state-layer-color: #007db5;
  --mat-checkbox-selected-pressed-state-layer-color: #007db5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-icon-color: #ff6a1f;
  --mat-checkbox-selected-hover-icon-color: #ff6a1f;
  --mat-checkbox-selected-icon-color: #ff6a1f;
  --mat-checkbox-selected-pressed-icon-color: #ff6a1f;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff6a1f;
  --mat-checkbox-selected-hover-state-layer-color: #ff6a1f;
  --mat-checkbox-selected-pressed-state-layer-color: #ff6a1f;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #007db5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --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: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --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: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #007db5;
  --mat-tab-active-ripple-color: #007db5;
  --mat-tab-inactive-ripple-color: #007db5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #007db5;
  --mat-tab-active-hover-label-text-color: #007db5;
  --mat-tab-active-focus-indicator-color: #007db5;
  --mat-tab-active-hover-indicator-color: #007db5;
  --mat-tab-active-indicator-color: #007db5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff6a1f;
  --mat-tab-active-ripple-color: #ff6a1f;
  --mat-tab-inactive-ripple-color: #ff6a1f;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff6a1f;
  --mat-tab-active-hover-label-text-color: #ff6a1f;
  --mat-tab-active-focus-indicator-color: #ff6a1f;
  --mat-tab-active-hover-indicator-color: #ff6a1f;
  --mat-tab-active-indicator-color: #ff6a1f;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #007db5;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff6a1f;
  --mat-tab-foreground-color: #fff;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --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.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-icon-color: #ff6a1f;
  --mat-checkbox-selected-hover-icon-color: #ff6a1f;
  --mat-checkbox-selected-icon-color: #ff6a1f;
  --mat-checkbox-selected-pressed-icon-color: #ff6a1f;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff6a1f;
  --mat-checkbox-selected-hover-state-layer-color: #ff6a1f;
  --mat-checkbox-selected-pressed-state-layer-color: #ff6a1f;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #007db5;
  --mat-checkbox-selected-hover-icon-color: #007db5;
  --mat-checkbox-selected-icon-color: #007db5;
  --mat-checkbox-selected-pressed-icon-color: #007db5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #007db5;
  --mat-checkbox-selected-hover-state-layer-color: #007db5;
  --mat-checkbox-selected-pressed-state-layer-color: #007db5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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-button-protected-container-shape: 4px;
  --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-focus-container-elevation-shadow:
    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-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    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-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-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-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #007db5;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #007db5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #007db5 12%, transparent);
  --mat-button-outlined-state-layer-color: #007db5;
  --mat-button-protected-container-color: #007db5;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #007db5;
  --mat-button-text-ripple-color: color-mix(in srgb, #007db5 12%, transparent);
  --mat-button-text-state-layer-color: #007db5;
  --mat-button-tonal-container-color: #007db5;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff6a1f;
  --mat-button-filled-label-text-color: #fff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-filled-state-layer-color: #fff;
  --mat-button-outlined-label-text-color: #ff6a1f;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff6a1f 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff6a1f;
  --mat-button-protected-container-color: #ff6a1f;
  --mat-button-protected-label-text-color: #fff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-protected-state-layer-color: #fff;
  --mat-button-text-label-text-color: #ff6a1f;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff6a1f 12%, transparent);
  --mat-button-text-state-layer-color: #ff6a1f;
  --mat-button-tonal-container-color: #ff6a1f;
  --mat-button-tonal-label-text-color: #fff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-tonal-state-layer-color: #fff;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #007db5;
  --mat-icon-button-state-layer-color: #007db5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #007db5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff6a1f;
  --mat-icon-button-state-layer-color: #ff6a1f;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff6a1f 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --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-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --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-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-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-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:
    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-fab-focus-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-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-pressed-container-elevation-shadow:
    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-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-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-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-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-pressed-container-elevation-shadow:
    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);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #007db5;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #007db5 12%, transparent);
  --mat-fab-small-container-color: #007db5;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff6a1f;
  --mat-fab-foreground-color: #fff;
  --mat-fab-ripple-color: color-mix(in srgb, #ff6a1f 12%, transparent);
  --mat-fab-small-container-color: #ff6a1f;
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-state-layer-color: #fff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4da4cb;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #007db5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff6a1f;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #007db5;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff6a1f;
  --mat-badge-text-color: #fff;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    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-datepicker-calendar-container-touch-elevation-shadow:
    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);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #007db5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff6a1f 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #007db5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #007db5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #007db5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #007db5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #007db5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff6a1f 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff6a1f 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #fff;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff6a1f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff6a1f 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff6a1f 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff6a1f 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff6a1f;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff6a1f 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --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-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #007db5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff6a1f;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    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-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #007db5;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #007db5;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #007db5;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #fff;
  --mat-stepper-header-selected-state-icon-background-color: #ff6a1f;
  --mat-stepper-header-selected-state-icon-foreground-color: #fff;
  --mat-stepper-header-done-state-icon-background-color: #ff6a1f;
  --mat-stepper-header-done-state-icon-foreground-color: #fff;
  --mat-stepper-header-edit-state-icon-background-color: #ff6a1f;
  --mat-stepper-header-edit-state-icon-foreground-color: #fff;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #007db5;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff6a1f;
  --mat-toolbar-container-text-color: #fff;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-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);
}
html {
  --mat-timepicker-container-background-color: white;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.dark-backdrop {
  opacity: 1 !important;
}
ion-header:not(.no-title):after {
  display: none;
}
ion-header:not(.no-title) ion-toolbar {
  padding-left: 0px;
  padding-right: 0px;
}
ion-header:not(.no-title) ion-toolbar ion-title {
  padding: 0;
}
ion-header:not(.no-title) ion-toolbar ion-buttons {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0;
  margin-right: 0;
  color: #fff;
  width: 24vw;
}
ion-header:not(.no-title) ion-toolbar ion-buttons + ion-buttons {
  justify-content: flex-end;
}
ion-header:not(.no-title) ion-toolbar ion-buttons button:first-child {
  width: auto;
  margin-right: 5px;
}
ion-header:not(.no-title) ion-toolbar ion-buttons.single-button {
  width: min(15vw, 15%);
}
ion-header:not(.no-title) ion-toolbar ion-buttons.three-buttons {
  width: 33vw;
}
ion-header:not(.no-title) ion-toolbar ion-buttons.four-buttons {
  width: 36vw;
}
ion-header:not(.no-title) ion-toolbar ion-buttons.four-buttons ion-button::part(native) {
  --padding-start: 3px;
  --padding-end: 3px;
}
.ion-color-design-green {
  background: var(--theme-background);
  min-height: 80px;
  display: flex;
}
ion-content .view-wrapper {
  --background: #e7eef9;
  background: #e7eef9;
  min-height: 100%;
  height: auto;
}
ion-content .full-width-button {
  padding: 3vh 5vw;
}
ion-content .full-width-button button {
  height: 60px;
  width: 100%;
  border-radius: 8px;
  font-size: 18px;
}
@media (min-width: 320px) {
  ion-content .full-width-button button {
    font-size: 18px;
    font-size: calc(0.0112359551 * 100vw + 14.404494382px);
  }
}
@media (min-width: 854px) {
  ion-content .full-width-button button {
    font-size: 24px;
  }
}
ion-content .full-width-button button + button {
  margin-top: 20px;
}
ion-content button.pill-button {
  border-radius: 80px;
}
.mat-mdc-focus-indicator {
  background-color: transparent !important;
}
.searchbar-cancel-button {
  padding: 1px 6px !important;
}
.searchbar-has-value .searchbar-clear-button {
  display: block !important;
}
.herdi .mdc-button--unelevated .mdc-button__label {
  font-family: "HK-Grotesk";
}
ion-button,
button,
.mdc-button--unelevated .mdc-button__label {
  --box-shadow: none;
  font-family: Gilroy, sans-serif;
  text-transform: initial;
  letter-spacing: normal;
  font-weight: 700;
}
@media (max-width: 410px) {
  ion-button.searchBtn mat-icon,
  ion-button.refreshBtn mat-icon,
  button.searchBtn mat-icon,
  button.refreshBtn mat-icon,
  .mdc-button--unelevated .mdc-button__label.searchBtn mat-icon,
  .mdc-button--unelevated .mdc-button__label.refreshBtn mat-icon {
    width: 24px;
  }
}
ion-button .mat-icon,
button .mat-icon,
.mdc-button--unelevated .mdc-button__label .mat-icon {
  width: 30px;
  height: 30px;
}
ion-button#backBtn,
button#backBtn,
.mdc-button--unelevated .mdc-button__label#backBtn {
  margin-left: 4.6vw;
}
ion-button#backBtn .mat-icon,
button#backBtn .mat-icon,
.mdc-button--unelevated .mdc-button__label#backBtn .mat-icon {
  width: 30px;
  height: 35px;
}
ion-button.menuBtn,
button.menuBtn,
.mdc-button--unelevated .mdc-button__label.menuBtn {
  margin-left: 6.8vw;
}
ion-button.searchBtn,
button.searchBtn,
.mdc-button--unelevated .mdc-button__label.searchBtn {
  margin-right: 3vw;
}
ion-button.refreshBtn,
button.refreshBtn,
.mdc-button--unelevated .mdc-button__label.refreshBtn {
  margin-right: 0;
}
ion-button.threeDotsMenuBtn,
button.threeDotsMenuBtn,
.mdc-button--unelevated .mdc-button__label.threeDotsMenuBtn {
  margin-right: 2.2vw;
}
ion-button.searchBtn + ion-button.threeDotsMenuBtn,
ion-button.searchBtn + button.threeDotsMenuBtn,
ion-button.searchBtn + .mdc-button--unelevated .mdc-button__label.threeDotsMenuBtn,
button.searchBtn + ion-button.threeDotsMenuBtn,
button.searchBtn + button.threeDotsMenuBtn,
button.searchBtn + .mdc-button--unelevated .mdc-button__label.threeDotsMenuBtn,
.mdc-button--unelevated .mdc-button__label.searchBtn + ion-button.threeDotsMenuBtn,
.mdc-button--unelevated .mdc-button__label.searchBtn + button.threeDotsMenuBtn,
.mdc-button--unelevated .mdc-button__label.searchBtn + .mdc-button--unelevated .mdc-button__label.threeDotsMenuBtn {
  margin-left: -4.6vw;
}
ion-button.warning-icon,
button.warning-icon,
.mdc-button--unelevated .mdc-button__label.warning-icon {
  margin-right: 5.2vw;
}
mat-icon,
.mat-icon {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
.margin-top {
  margin-top: 24px;
}
.fab-container {
  position: absolute;
  float: right;
  right: 7vw;
  bottom: calc(var(--ion-safe-area-bottom, 0.5vh) + 10vh);
  z-index: 1000;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  transition: bottom 0.2s ease-in-out, right 0.2s ease-in-out;
  transition-duration: 0.2s;
}
.fab-container--desktop {
  bottom: 20px !important;
  right: 20px !important;
}
.fab-container:not(.selection-mode) {
  position: fixed;
}
.fab-container:not(.selection-mode):not(.action-button) {
  right: 4vh;
  bottom: calc(var(--ion-safe-area-bottom, 5px) + 77px);
}
.fab-container:not(.selection-mode):not(.action-button) .fab-toggler {
  width: calc(9.5 * var(--stable-vh, 1vh));
  height: calc(9.5 * var(--stable-vh, 1vh));
}
.fab-container.view-selected {
  position: fixed;
}
.fab-container.action-button {
  bottom: 16px;
}
.fab-container .fab-toggler {
  float: right;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(10.5 * var(--stable-vh, 1vh));
  height: calc(10.5 * var(--stable-vh, 1vh));
  font-family: Gilroy, sans-serif;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}
@media (min-width: 320px) {
  .fab-container .fab-toggler {
    font-size: 20px;
    font-size: calc(0.0074906367 * 100vw + 17.6029962547px);
  }
}
@media (min-width: 854px) {
  .fab-container .fab-toggler {
    font-size: 24px;
  }
}
.fab-container .fab-toggler.pill-shape-btn {
  border-radius: calc(calc(8 * var(--stable-vmax, 1vmax)) / 2);
  width: calc(calc(9 * var(--stable-vmax, 1vmax)) * 1.6) !important;
  height: calc(8 * var(--stable-vmax, 1vmax)) !important;
}
.fab-container .fab-toggler.create-template {
  width: auto !important;
  padding: 0 10px;
  font-weight: 800;
  font-size: 18px;
}
@media (min-width: 320px) {
  .fab-container .fab-toggler.create-template {
    font-size: 20px;
    font-size: calc(0.0037453184 * 100vw + 16.8014981273px);
  }
}
@media (min-width: 854px) {
  .fab-container .fab-toggler.create-template {
    font-size: 20px;
  }
}
.fab-container .fab-toggler.create-template-in-mode {
  bottom: calc(var(--ion-safe-area-bottom, 5px) - 20px) !important;
}
.fab-container .fab-toggler .mdc-button__label {
  padding: 0;
}
.fab-container .fab-toggler mat-icon {
  width: calc(4.5 * var(--stable-vh, 1vh));
  height: calc(4.5 * var(--stable-vh, 1vh));
}
.fab-container .fab-toggler .btn-text {
  font-family: Gilroy, sans-serif;
}
.fab-container .fab-toggler .btn-text-smaller {
  font-family: Gilroy, sans-serif;
  font-size: 18px;
}
@media (min-width: 320px) {
  .fab-container .fab-toggler .btn-text-smaller {
    font-size: 20px;
    font-size: calc(0.0037453184 * 100vw + 16.8014981273px);
  }
}
@media (min-width: 854px) {
  .fab-container .fab-toggler .btn-text-smaller {
    font-size: 20px;
  }
}
@media (min-width: 600px) {
  .fab-container.action-button {
    right: 16px;
  }
}
.fab-toggler {
  float: right;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(10.5 * var(--stable-vh, 1vh));
  height: calc(10.5 * var(--stable-vh, 1vh));
  font-family: Gilroy, sans-serif;
  color: #fff;
  font-weight: 500;
  --button-height: calc(9 * var(--stable-vmax, 1vmax));
  font-size: 20px;
}
@media (min-width: 320px) {
  .fab-toggler {
    font-size: 20px;
    font-size: calc(0.0074906367 * 100vw + 17.6029962547px);
  }
}
@media (min-width: 854px) {
  .fab-toggler {
    font-size: 24px;
  }
}
.fab-toggler mat-icon {
  width: 29px;
  height: 29px;
}
.fab-toggler .btn-text {
  font-family: Gilroy, sans-serif;
}
.fab-toggler.loader {
  --background-activated-opacity: 0;
  --background-hovered-opacity: 0;
  --box-shadow: none;
  font-size: 10px;
  text-indent: -9999em;
  border-radius: 50%;
  background: #ffffff;
  position: relative;
  -webkit-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.fab-toggler.loader:before {
  width: 40%;
  height: 40%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 10%;
  left: 10%;
  content: "";
  z-index: 1;
}
.fab-toggler.loader:after {
  width: 65%;
  height: 65%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.fab-toggler.loader.ion-color-primary:after {
  background: var(--theme-primary);
}
.fab-toggler.loader.ion-color-secondary:after {
  background: var(--theme-orange);
}
.fab-toggler.desktop {
  --button-height: calc(9.5 * var(--stable-vh, 1vh));
}
.fab-toggler.desktop.pill-shape {
  --border-radius: calc(var(--button-height) / 2);
  width: calc(var(--button-height) * 2);
  height: var(--button-height);
}
.fab-toggler.desktop.pill-shape.wide-pill {
  width: calc(var(--button-height) * 2.5);
}
.fab-toggler:not(.loader-pill) {
  -webkit-transform: none;
  transform: none;
}
.fab-toggler:not(.loader-pill):after {
  -webkit-animation: none;
  animation: none;
}
.fab-toggler.loader-pill {
  font-size: 10px;
  text-indent: -9999em;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.fab-toggler.loader-pill:after {
  animation: loading 1s infinite linear;
  -webkit-animation: loading 1s infinite linear;
  width: calc(var(--button-height) - calc(2.3 * var(--stable-vmax, 1vmax)));
  height: calc(var(--button-height) - calc(2.3 * var(--stable-vmax, 1vmax)));
  border-radius: 50%;
  border: calc(var(--button-height) / 9) solid;
  border-color: #fff transparent transparent transparent;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.fab-toggler.loader-pill.ion-color-primary:after {
  background: var(--theme-primary);
}
.fab-toggler.loader-pill.ion-color-secondary:after {
  background: var(--theme-orange);
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fab-toggler.pill-shape {
  --border-radius: calc(var(--button-height) / 2);
  width: calc(var(--button-height) * 1.6);
  height: var(--button-height);
}
.fab-toggler.pill-shape.wide-pill {
  width: calc(var(--button-height) * 2);
}
.cdk-overlay-backdrop-showing:not(.headerMenu) {
  background: rgba(0, 0, 0, 0.4);
  opacity: 1 !important;
}
.keyboard-is-open .hide-when-keyboard-is-open {
  display: none !important;
}
.toast-wrapper-holder {
  transform: translateY(-80px) !important;
  font-size: 16px;
  font-weight: 500;
}
.toast-custom-success {
  --background: #b5c426;
}
.toast-custom-danger {
  --background: #c71610;
}
.toast-custom-warning {
  --background: #e0b500;
}
.alert-holder .alert-message {
  display: flex !important;
  font-weight: 700;
  font-size: 18px;
}
@media (min-width: 320px) {
  .alert-holder .alert-message {
    font-size: 18px;
    font-size: calc(0.0074906367 * 100vw + 15.6029962547px);
  }
}
@media (min-width: 854px) {
  .alert-holder .alert-message {
    font-size: 22px;
  }
}
.alert-holder .alert-message .alert-msg-inner {
  overflow-y: auto;
  -webkit-overflow-scrolling: auto !important;
}
.alert-holder .alert-message .alert-msg-inner::-webkit-scrollbar {
  background: transparent;
  -webkit-appearance: none;
  width: 10px;
}
.alert-holder .alert-message .alert-msg-inner::-webkit-scrollbar-thumb {
  background-color: var(--theme-background);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.alert-wrapper .alert-title {
  font-size: 22px;
}
@media (min-width: 320px) {
  .alert-wrapper .alert-title {
    font-size: 22px;
    font-size: calc(0.0074906367 * 100vw + 19.6029962547px);
  }
}
@media (min-width: 854px) {
  .alert-wrapper .alert-title {
    font-size: 26px;
  }
}
.alert-wrapper .alert-button-inner {
  font-weight: 700;
}
.cdk-overlay-container {
  z-index: 2147483002;
}
.verified-ad::part(content) {
  padding: 0 !important;
  contain: layout size style !important;
  --overflow: visible;
  --min-height: 475px;
}
.verified-ad.wanted-ads-active::part(content) {
  --min-height: 540px;
}
.no-padding {
  padding: 0px;
}
.sc-ion-modal-md-h {
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
}
.sync-herd-result-modal .modal-wrapper,
.sync-herd-result-modal .ion-page {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
}
.get-badge {
  height: 75% !important;
  width: 15% !important;
  max-height: 100% !important;
  max-width: 100% !important;
  color: var(--theme-gold);
  position: absolute !important;
  right: -15px;
  z-index: 2;
  top: -5px;
}
.get-badge-image {
  height: 30px;
  width: 30px;
  position: absolute !important;
  right: -25px;
  z-index: 2;
  top: -17px;
  rotate: 20deg;
}
.draw-polygon {
  width: 60px;
  display: block;
  margin: auto;
  padding: 10px;
}
.subtitle-price {
  color: var(--theme-primary);
  font-weight: bold;
  margin-left: 10px;
}
.tablet-modal-container .mat-mdc-dialog-container {
  --mdc-dialog-container-shape: 10px;
  margin: 0;
  padding: 0;
}
.grecaptcha-badge {
  visibility: hidden !important;
}
ion-loading.custom-loading .loading-wrapper {
  aspect-ratio: 1/1;
  border-radius: 20px;
  background: #ffffff;
}
ion-loading.custom-loading .loading-wrapper .loading-content {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
ion-loading.custom-loading .loading-wrapper .loading-content .image {
  background: #ffffff url("./media/loading.gif") no-repeat center;
  background-size: contain;
  border-radius: 20px;
  width: 100%;
  height: 80%;
}
ion-loading.custom-loading .loading-wrapper .loading-content span {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: grey;
}
.icon-blue {
  --mat-list-list-item-trailing-supporting-text-color: var(--theme-blue);
  color: var(--theme-blue);
}
.icon-blue.inactive {
  color: var(--theme-space-grey-48);
}
.icon-light-blue {
  --mat-list-list-item-trailing-supporting-text-color: var(--theme-task-list-item-background-tint);
  color: var(--theme-task-list-item-background-tint);
}
.icon-black {
  color: black;
}
.icon-grey {
  color: var(--theme-light-grey);
}
.icon-orange {
  --mat-list-list-item-trailing-supporting-text-color: var(--theme-orange);
  color: var(--theme-orange);
}
.icon-green {
  color: var(--theme-green);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */