/* 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, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}
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:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.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:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.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:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
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-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 {
  --mdc-elevated-card-container-shape:4px;
}
html {
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-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);
}
html {
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-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-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
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 {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
}
html {
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
}
html {
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
}
html {
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --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:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
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 {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
}
html {
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
}
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;
}
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:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .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:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .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:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
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 {
  --mdc-dialog-container-shape:4px;
}
html {
  --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 {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-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-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-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-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-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);
  --mdc-switch-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);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size:40px;
}
html {
  --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 {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-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);
}
html {
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
}
html {
  --mat-slider-ripple-color:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
}
html .mat-accent {
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
}
html .mat-warn {
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-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:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --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 {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
}
html {
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.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 {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
}
html {
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.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 {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
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:rgba(0, 0, 0, 0.12);
}
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 {
  --mdc-secondary-navigation-tab-container-height:48px;
}
html {
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
}
html {
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ff4081;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mdc-checkbox-state-layer-size:40px;
}
html {
  --mat-checkbox-touch-target-display:block;
}
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 {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
}
html {
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
}
html {
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
}
html {
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
}
html {
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
}
html {
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
}
html {
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
}
html {
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height:36px;
}
html {
  --mdc-filled-button-container-height:36px;
}
html {
  --mdc-protected-button-container-height:36px;
}
html {
  --mdc-outlined-button-container-height:36px;
}
html {
  --mat-text-button-touch-target-display:block;
}
html {
  --mat-filled-button-touch-target-display:block;
}
html {
  --mat-protected-button-touch-target-display:block;
}
html {
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
}
html {
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
}
html {
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
}
html {
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display:block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape:50%;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
}
html {
  --mdc-fab-small-container-shape:50%;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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 {
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
}
html {
  --mdc-fab-container-color:white;
}
html {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color:white;
}
html {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
}
html {
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color:#c5cae9;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-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 {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}
html .mat-warn {
  --mdc-circular-progress-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:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.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-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
}
html {
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4);
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
}
html {
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-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-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --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-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:black;
  --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.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --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:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --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-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:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --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-content.mat-warn {
  --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:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --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-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.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;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-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-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:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --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-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:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --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;
}
html .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;
}
html .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:rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --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: .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: .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: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.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: .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: .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: .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: -.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: .0073529412em;
  margin: 0 0 64px;
}

/* src/styles.css */
@font-face {
  font-family: "MTN Brighter Sans";
  src: url("./media/mtn-brighter-sans-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MTN Brighter Sans";
  src: url("./media/mtn-brighter-sans-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MTN Brighter Sans";
  src: url("./media/mtn-brighter-sans-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MTN Brighter Sans";
  src: url("./media/mtn-brighter-sans-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MTN Brighter Sans";
  src: url("./media/mtn-brighter-sans-extrabold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --global-mo-mo-blue: #004f71;
  --global-mo-mo-dark-blue: #003654;
  --global-mo-mo-light-blue: #4d849c;
  --global-mo-mo-gradient:
    linear-gradient(
      180deg,
      #4d849c 0%,
      #004f71 48.96%,
      #003654 100%);
  --global-sunshine-yellow: #ffcb05;
  --global-black: #000000;
  --global-grey: #5f5f5f;
  --global-light-grey: #afafaf;
  --global-extra-light-grey: #e8e8e8;
  --global-white: #ffffff;
  --global-background-shading: #f2f2f2;
  --global-red-40: #ed343466;
  --global-red-60: #ed343499;
  --global-red-80: #ed3434cc;
  --global-red-100: #ed3434;
  --global-green-40: #9FDFB7;
  --global-green-60: #6FCF93;
  --global-green-80: #3FBF6F;
  --global-green-100: #0faf4b;
  --global-orange-40: #ff940066;
  --global-orange-60: #ff940099;
  --global-orange-80: #ff9400cc;
  --global-orange-100: #ff9400;
  --global-font-families-mtn-brighter-sans: MTN Brighter Sans;
  --global-line-heights-0: 80;
  --global-line-heights-1: 61;
  --global-line-heights-2: 100%;
  --global-line-heights-3: 120%;
  --global-line-heights-4: 115%;
  --global-line-heights-5: 125%;
  --global-line-heights-6: 24;
  --global-line-heights-7: 18;
  --global-line-heights-8: AUTO;
  --global-font-weights-mtn-brighter-sans-0: Bold;
  --global-font-weights-mtn-brighter-sans-1: ExtraBold;
  --global-font-weights-mtn-brighter-sans-2: Medium;
  --global-font-weights-mtn-brighter-sans-3: Regular;
  --global-font-weights-mtn-brighter-sans-4: Light;
  --global-font-size-0: 12px;
  --global-font-size-1: 14px;
  --global-font-size-2: 16px;
  --global-font-size-3: 18px;
  --global-font-size-4: 20px;
  --global-font-size-5: 24px;
  --global-font-size-6: 28px;
  --global-font-size-7: 32px;
  --global-font-size-8: 40px;
  --global-font-size-9: 56px;
  --global-font-size-10: 80px;
  --global-font-size-11: 8px;
  --global-font-size-00: 10px;
  --global-font-size-0000: 22px;
  --global-letter-spacing-0: -1;
  --global-letter-spacing-1: 0%;
  --global-letter-spacing-2: 0;
  --global-paragraph-spacing-0: 0;
  --global-text-case-none: none;
  --global-text-case-uppercase: uppercase;
  --global-text-decoration-none: none;
  --global-text-decoration-underline: underline;
  --global-paragraph-indent-0: 0px;
  --global-button: 30px;
  --global-mo-mo-dark-gradient-web:
    linear-gradient(
      180deg,
      #004f71 50%,
      #003654 100%);
  --global-shading: #E8E8E8 0.5;
  --global-web-overlay: #000000 0.4;
  --global-extra-light-grey-shading: #F9F9F9;
  --global-hover-state: #004F71 0.10;
  --global-grey-bg: #f8f8f8;
  --global-box-shadow-colour: #0000001a;
  --global-hover-state-hover-state: #004f711a;
  --global-box-shadow-x: 5px;
  --global-box-shadow-y: 5px;
  --global-box-shadow-blur: 30px;
  --button-default: #004f71;
  --button-inactive: #afafaf;
  --button-corner-radius: 30px;
  --button-full-width-weight: Medium;
  --button-small-weight: Medium;
  --button-small-size: 16px;
  --button-small-width: 150px;
  --button-small-height: 55px;
  --button-extra-small-width: 88px;
  --button-extra-small-height: 28px;
  --button-extra-small-size: 10px;
  --button-font-family: MTN Brighter Sans;
  --button-medium-weight: Medium;
  --button-medium-size: 16px;
  --button-medium-width: 312px;
  --button-medium-height: 55px;
  --button-full-width-size: 16px;
  --button-extra-small-weight: Medium;
  --button-full-width-width: 312px;
  --button-full-width-height: 55px;
  --button-dashboard-button-width: 36px;
  --button-dashboard-button-height: 36px;
  --button-dashboard-button-hover-height: 36px;
  --button-dashboard-button-hover-width: 91px;
  --button-dashboard-font1: #004f71;
  --button-dashboard-border-colour: #004f71;
  --button-dashboard-border-width: 1px;
  --button-dashboard-border-radius: 30px;
  --button-modal-button-width: 280px;
  --button-modal-button-height: 55px;
  --input-border-radius: 15px;
  --input-top-margin: 16px;
  --input-left-margin: 16px;
  --input-bottom-margin: 16px;
  --input-width: 550px;
  --input-height: 56px;
  --input-icon-right-margin: 16px;
  --input-font-family: MTN Brighter Sans;
  --input-font-colour-default: #000000;
  --input-font-colour-active-font: #000000;
  --input-font-colour-complete: #000000;
  --input-font-colour-error: #ed3434;
  --input-font-weight: Regular;
  --input-fontsize: 16px;
  --input-border-colour-active1: #000000;
  --input-border-colour-active2: #004f71;
  --input-border-complete: #000000;
  --input-border-error: #ed3434;
  --input-active-width: 1px;
  --input-account-dropdown-left-margin: 16px;
  --input-account-dropdown-icon-rigth: 16px;
  --input-account-dropdown-gap: 20px;
  --input-account-dropdown-default: #000000;
  --input-account-dropdown-active: #004f71;
  --input-account-dropdown-error: #ed3434;
  --input-account-dropdown-complete: #000000;
  --input-account-dropdown-font-family: MTN Brighter Sans;
  --input-account-dropdown-font-weight1: Bold;
  --input-account-dropdown-fontsize1: 14px;
  --input-account-dropdown-font-size2: 12px;
  --input-account-dropdown-font-weight2: Light;
  --dropdown-font-family: MTN Brighter Sans;
  --dropdown-font-weight: Regular;
  --dropdown-fontszie: 16px;
  --dropdown-default: #000000;
  --dropdown-active: #004f71;
  --dropdown-error: #ed3434;
  --dropdown-complete: #000000;
  --country-selector-without-number-default-width: 76px;
  --country-selector-without-number-default-height: 56px;
  --country-selector-without-number-active: 550px;
  --country-selector-without-number-top-margin: 16px;
  --country-selector-without-number-bottom-margin: 16px;
  --country-selector-without-number-left-margin: 13px;
  --country-selector-without-number-right-margin: 13px;
  --country-selector-without-number-icon-right-margin: 10px;
  --country-selector-with-number-default-selector-width: 76px;
  --country-selector-with-number-default-selector-height: 56px;
  --country-selector-with-number-default-number: 550px;
  --country-selector-with-number-active: 550px;
  --country-selector-border-radius: 15px;
  --country-selector-font-family: MTN Brighter Sans;
  --country-selector-font-weight: Regular;
  --country-selector-font-szie: 16px;
  --country-selector-border-default: 1px;
  --country-selector-border-active: 2px;
  --otp-6-digit-group-width: 280px;
  --otp-6-digit-group-height: 40px;
  --otp-single-container-width: 40px;
  --otp-single-container-height: 40px;
  --otp-top-margin: 8px;
  --otp-bottom-margin: 8px;
  --otp-left-margin: 13px;
  --otp-right-margin: 13px;
  --otp-border-radius: 10px;
  --otp-font-family: MTN Brighter Sans;
  --otp-font-weight: Medium;
  --otp-4-digit-group-width: 184px;
  --otp-4-digit-group-height: 40px;
  --otp-font-size: 20px;
  --otp-border-default: #000000;
  --otp-border-active: #004f71;
  --otp-border-error: #ed3434;
  --otp-default-size: 1px;
  --otp-active-size: 2px;
  --otp-error-size: 2px;
  --search-default: #000000;
  --search-active-icon-right-margin: 10px;
  --search-border-radius: 15px;
  --search-font-family: MTN Brighter Sans;
  --search-font-weight: Regular;
  --search-font-size: 16px;
  --search-avtive: #004f71;
  --search-error: #ed3434;
  --search-complete: #000000;
  --search-focus-active-size: 2px;
  --controls-radio-button-active: #004f71;
  --controls-radio-button-inactive: #5f5f5f;
  --controls-radio-button-hover: #e8e8e8;
  --controls-radio-button-disabled: #e8e8e8;
  --controls-radio-button-default-size: 20px;
  --controls-checkbox-checked: #0faf4b;
  --controls-checkbox-unchecked: #5f5f5f;
  --controls-checkbox-disabled-unchecked: #e8e8e8;
  --controls-checkbox-disabled-checked: #5f5f5f;
  --controls-checkbox-hover: #e8e8e8;
  --controls-toggles-default-bg: #5f5f5f;
  --controls-toggles-default-control: #ffffff;
  --controls-toggles-selected-bg: #9FDFB7;
  --controls-toggles-selected-control: #0faf4b;
  --controls-toggles-disabled-bg: #e8e8e8;
  --controls-toggle-border-radius: 14px;
  --controls-checkbox-size: 20px;
  --controls-checkbox-hover-size: 32px;
  --controls-toggle-width: 43px;
  --controls-toggle-height: 24px;
  --list-type-face: MTN Brighter Sans;
  --list-font-weight: Regular;
  --list-font-size: 16px;
  --country-selector-default: #000000;
  --country-selector-active: #004f71;
  --alert-error-width: 360px;
  --alert-error-height: 50px;
  --alert-error-border-radius: 9px;
  --alert-error-colour: #ed3434;
  --alert-warning-width: 360px;
  --alert-warning-height: 50px;
  --alert-warning-border-radius: 9px;
  --alert-warning-colour: #ff9400;
  --alert-info-width: 360px;
  --alert-info-height: 50px;
  --alert-info-border-radius: 9px;
  --alert-info-colour: #4d849c;
  --alert-success-width: 360px;
  --alert-success-height: 50px;
  --alert-success-border-radius: 9px;
  --alert-success-colour: #0faf4b;
  --alert-no-action-error-top-margin: 12px;
  --alert-no-action-error-bottom-margin: 12px;
  --alert-no-action-error-right-margin: 12px;
  --alert-no-action-error-left-margin: 12px;
  --alert-no-action-error-left-icon-right-padding: 10px;
  --alert-no-action-warning-top-margin: 12px;
  --alert-no-action-warning-bottom-margin: 12px;
  --alert-no-action-warning-right-margin: 12px;
  --alert-no-action-warning-left-margin: 12px;
  --alert-no-action-warning-left-icon-right-padding: 10px;
  --alert-no-action-info-top-margin: 12px;
  --alert-no-action-info-bottom-margin: 12px;
  --alert-no-action-info-right-margin: 12px;
  --alert-no-action-info-left-margin: 12px;
  --alert-no-action-info-left-icon-right-padding: 10px;
  --alert-no-action-success-top-margin: 12px;
  --alert-no-action-success-bottom-margin: 12px;
  --alert-no-action-success-right-margin: 12px;
  --alert-no-action-success-left-margin: 12px;
  --alert-no-action-success-left-icon-right-padding: 10px;
  --alert-action-error-top-margin: 12px;
  --alert-action-error-bottom-margin: 12px;
  --alert-action-error-right-margin: 12px;
  --alert-action-error-left-margin: 12px;
  --alert-action-error-left-icon-right-padding: 10px;
  --alert-action-error-right-icon-left-padding: 10px;
  --alert-action-error-title-bottom-padding: 5px;
  --alert-action-warning-top-margin: 12px;
  --alert-action-warning-bottom-margin: 12px;
  --alert-action-warning-right-margin: 12px;
  --alert-action-warning-left-margin: 12px;
  --alert-action-warning-left-icon-right-padding: 10px;
  --alert-action-warning-right-icon-left-padding: 10px;
  --alert-action-warning-title-bottom-padding: 5px;
  --alert-action-info-top-margin: 12px;
  --alert-action-info-bottom-margin: 12px;
  --alert-action-info-right-margin: 12px;
  --alert-action-info-left-margin: 12px;
  --alert-action-info-left-icon-right-padding: 10px;
  --alert-action-info-right-icon-left-padding: 10px;
  --alert-action-info-title-bottom-padding: 5px;
  --alert-action-success-top-margin: 12px;
  --alert-action-success-bottom-margin: 12px;
  --alert-action-success-right-margin: 12px;
  --alert-action-success-left-margin: 12px;
  --alert-action-success-left-icon-right-padding: 10px;
  --alert-action-success-right-icon-left-padding: 10px;
  --alert-action-success-title-bottom-padding: 5px;
  --alert-font-face: MTN Brighter Sans;
  --alert-font-weight: Regular;
  --alert-body-copy: 10px;
  --alert-title: 14px;
  --cards-recent-transfers-card-width: 336px;
  --cards-recent-transfers-card-height: 58px;
  --cards-recent-transfers-card-web-padding-left: 24px;
  --cards-recent-transfers-card-web-padding-right-button: 24px;
  --cards-recent-transfers-card-web-padding-top: 12px;
  --cards-recent-transfers-card-web-padding-bottom: 12px;
  --cards-recent-transfers-card-web-base-colour: #ffffff;
  --cards-recent-transfers-card-web-font1-color: #000000;
  --cards-recent-transfers-card-web-font2-color: #000000;
  --cards-recent-transfers-card-web-font3-color: #000000;
  --cards-recent-transfers-card-web-font4-color: #afafaf;
  --cards-recent-transfers-card-web-border-radius: 15px;
  --cards-recent-transfers-card-web-border-width: 1;
  --cards-recent-transfers-card-web-font1: Bold;
  --cards-recent-transfers-card-web-font2: Bold;
  --cards-recent-transfers-card-web-font3: Medium;
  --cards-recent-transfers-card-web-font4: Regular;
  --cards-recent-transfers-card-web-font1-size: 14px;
  --cards-recent-transfers-card-web-font2-size: 14px;
  --cards-recent-transfers-card-web-font3-size: 12px;
  --cards-recent-transfers-card-web-font4-size: 12px;
  --cards-recent-empty-card-width: 336px;
  --cards-recent-empty-card-height: 58px;
  --cards-recent-empty-card-web-padding-left: 24px;
  --cards-recent-empty-card-web-padding-right: 24px;
  --cards-recent-empty-card-web-padding-top: 17px;
  --cards-recent-empty-card-web-padding-bottom: 17px;
  --cards-recent-empty-card-web-padding-right-icon: 12px;
  --cards-recent-empty-card-web-base-colour: #f2f2f2;
  --cards-recent-empty-card-web-font1-color: #afafaf;
  --cards-recent-empty-card-web-border-radius: 15px;
  --cards-recent-empty-card-web-font1: Regular;
  --cards-recent-empty-card-web-font1-size: 12px;
  --cards-recent-bank-transfers-side-card-width: 384px;
  --cards-recent-bank-transfers-side-card-height: 523px;
  --cards-recent-bank-transfers-side-card-web-padding-left: 24px;
  --cards-recent-bank-transfers-side-card-web-padding-right: 24px;
  --cards-recent-bank-transfers-side-card-web-padding-top: 36px;
  --cards-recent-bank-transfers-side-card-web-padding-bottom: 36px;
  --cards-recent-bank-transfers-side-card-web-padding-title-bottom: 12px;
  --cards-recent-bank-transfers-side-card-web-padding-card-list: 12px;
  --cards-recent-bank-transfers-side-card-web-base-colour: #ffffff;
  --cards-recent-bank-transfers-side-card-web-font1-color: #004f71;
  --cards-recent-bank-transfers-side-card-web-font2-color: #000000;
  --cards-recent-bank-transfers-side-card-web-font2-weight: Bold;
  --cards-recent-bank-transfers-side-card-web-font3-color: #000000;
  --cards-recent-bank-transfers-side-card-web-font4-color: #afafaf;
  --cards-recent-bank-transfers-side-card-web-border-radius: 15px;
  --cards-recent-bank-transfers-side-card-web-border-width: 1;
  --cards-recent-bank-transfers-side-card-web-font1-weight: Bold;
  --cards-recent-bank-transfers-side-card-web-font4-weight: Regular;
  --cards-recent-bank-transfers-side-card-web-font3-weight: Medium;
  --cards-recent-bank-transfers-side-card-web-font1-size: 16px;
  --cards-recent-bank-transfers-side-card-web-font2-size: 14px;
  --cards-recent-bank-transfers-side-card-web-font3-size: 12px;
  --cards-recent-bank-transfers-side-card-web-font4-size: 12px;
  --cards-recent-bank-transfers-card-width: 336px;
  --cards-recent-bank-transfers-card-height: 74px;
  --cards-recent-bank-transfers-card-web-padding-left: 24px;
  --cards-recent-bank-transfers-card-web-padding-right: 24px;
  --cards-recent-bank-transfers-card-web-padding-top: 12px;
  --cards-recent-bank-transfers-card-web-padding-bottom: 12px;
  --cards-recent-bank-transfers-card-web-base-colour: #ffffff;
  --cards-recent-bank-transfers-card-web-font1-color: #000000;
  --cards-recent-bank-transfers-card-web-font2-color: #5f5f5f;
  --cards-recent-bank-transfers-card-web-border-radius: 15px;
  --cards-recent-bank-transfers-card-web-border-width: 1;
  --cards-recent-bank-transfers-card-web-font1: Bold;
  --cards-recent-bank-transfers-card-web-font2: Medium;
  --cards-recent-bank-transfers-card-web-font3: Light;
  --cards-recent-bank-transfers-card-web-font1-size: 18px;
  --cards-recent-bank-transfers-card-web-font2-size: 12px;
  --cards-recent-bank-transfers-card-web-font3-size: 12px;
  --cards-recent-transactions-side-card-web-width: 384px;
  --cards-recent-transactions-side-card-web-height: Auto;
  --cards-recent-transactions-side-card-web-padding-top: 36px;
  --cards-recent-transactions-side-card-web-padding-left: 24px;
  --cards-recent-transactions-side-card-web-padding-right: 24px;
  --cards-recent-transactions-side-card-web-boder-radius: 20px;
  --cards-recent-transactions-side-card-web-border-width: 2px;
  --cards-recent-transactions-side-card-web-font-family: MTN Brighter Sans;
  --cards-recent-transactions-side-card-web-font-weight: Bold;
  --cards-recent-transactions-side-card-web-font-size: 16px;
  --cards-recent-transactions-side-card-web-font: #003654;
  --cards-recent-transactions-side-card-web-border: #f2f2f2;
  --cards-recent-transactions-web-width: 336px;
  --cards-recent-transactions-web-height: 90px;
  --cards-recent-transactions-web-gap: 20px;
  --cards-recent-transactions-web-left-padding: 24px;
  --cards-recent-transactions-web-right-padding: 24px;
  --cards-recent-transactions-web-top-padding: 12px;
  --cards-recent-transactions-web-bottom-padding: 12px;
  --cards-recent-transactions-web-margin-top: 12px;
  --cards-recent-transactions-web-margin-bottom: 12px;
  --cards-recent-transactions-web-background: #ffffff;
  --cards-recent-transactions-web-font-1: #000000;
  --cards-recent-transactions-web-font-2: #000000;
  --cards-recent-transactions-web-font-3: #5f5f5f;
  --cards-recent-transactions-web-font-4: #0faf4b;
  --cards-recent-transactions-web-font5: #ed3434;
  --cards-recent-transactions-web-border: #f2f2f2;
  --cards-recent-transactions-web-boder-radius: 15px;
  --cards-recent-transactions-web-border-width: 2px;
  --cards-recent-transactions-web-font-family: MTN Brighter Sans;
  --cards-recent-transactions-web-font-weight-1: Bold;
  --cards-recent-transactions-web-font-weight-2: Medium;
  --cards-recent-transactions-web-font-weight-3: Regular;
  --cards-recent-transactions-web-font-weight-4: Medium;
  --cards-recent-transactions-web-font-size-1: 14px;
  --cards-recent-transactions-web-font-size-2: 12px;
  --cards-recent-transactions-web-font-size-3: 12px;
  --cards-recent-transactions-web-font-size-4: 16px;
  --cards-total-balance-web-background: #ffffff;
  --cards-total-balance-web-font-colour1: #5f5f5f;
  --cards-total-balance-web-font-colour2: #004f71;
  --cards-total-balance-web-font-colour3: #004f71;
  --cards-total-balance-web-border: #f2f2f2;
  --cards-total-balance-web-width: 1308px;
  --cards-total-balance-web-height: 100px;
  --cards-total-balance-web-left-padding: 24px;
  --cards-total-balance-web-bottom-padding: 12px;
  --cards-total-balance-web-top-padding: 12px;
  --cards-total-balance-web-boder-radius: 20px;
  --cards-total-balance-web-border-width: 2px;
  --cards-total-balance-web-font-family: MTN Brighter Sans;
  --cards-total-balance-web-font-weight-1: Regular;
  --cards-total-balance-web-font-size1: 16px;
  --cards-total-balance-web-font-size2: 20px;
  --cards-total-balance-web-font-size3: 40px;
  --cards-total-balance-web-gap: 6px;
  --cards-select-account-card-web-width: 600px;
  --cards-select-account-card-web-height: 82px;
  --cards-select-account-card-web-padding-left: 23px;
  --cards-select-account-card-web-padding-right: 23px;
  --cards-select-account-card-web-padding-top: 24px;
  --cards-select-account-card-web-padding-bottom: 24px;
  --cards-select-account-card-web-padding-right-icon: 24px;
  --cards-select-account-card-web-base-colour: #ffffff;
  --cards-select-account-card-web-font1-color: #000000;
  --cards-select-account-card-web-font2-color: #5f5f5f;
  --cards-select-account-card-web-font3: #004f71;
  --cards-select-account-card-web-border-radius: 20px;
  --cards-select-account-card-web-border-width: 1;
  --cards-select-account-card-web-font1: Bold;
  --cards-select-account-card-web-font2: Light;
  --cards-select-account-card-web-font-3: Bold;
  --cards-select-account-card-web-font1-size: 14px;
  --cards-select-account-card-web-font2-size: 12px;
  --cards-select-account-card-web-font3-size: 18px;
  --cards-select-account-card-web-border-colour: #f2f2f2;
  --cards-select-account-card-web-error-border: #ed3434;
  --cards-contact-cards-web-width: 384px;
  --cards-contact-cards-web-height: 114px;
  --cards-contact-cards-web-padding-left: 23px;
  --cards-contact-cards-web-padding-top: 40px;
  --cards-contact-cards-web-padding-bottom: 40px;
  --cards-contact-cards-web-padding-right-icon: 16px;
  --cards-contact-cards-web-base-colour: #ffffff;
  --cards-contact-cards-web-font1-color: #000000;
  --cards-contact-cards-web-font2-color: #5f5f5f;
  --cards-contact-cards-web-border-radius: 20px;
  --cards-contact-cards-web-font1: Bold;
  --cards-contact-cards-web-font2: Light;
  --cards-contact-cards-web-font1-size: 14px;
  --cards-contact-cards-web-font2-size: 12px;
  --cards-money-in-and-out-web-width: 1306px;
  --cards-money-in-and-out-web-height: 88px;
  --cards-money-in-and-out-web-padding-left: 24px;
  --cards-money-in-and-out-web-padding-right: 24px;
  --cards-money-in-and-out-web-padding-top: 24px;
  --cards-money-in-and-out-web-padding-bottom: 24px;
  --cards-money-in-and-out-web-value-gap: 48px;
  --cards-money-in-and-out-web-base-colour: #ffffff;
  --cards-money-in-and-out-web-font1-color: #000000;
  --cards-money-in-and-out-web-font2-color: #5f5f5f;
  --cards-money-in-and-out-web-border-radius: 20px;
  --cards-money-in-and-out-web-border-width: 2px;
  --cards-money-in-and-out-web-font1: Bold;
  --cards-money-in-and-out-web-font2: Light;
  --cards-money-in-and-out-web-font1-size: 18px;
  --cards-money-in-and-out-web-font2-size: 12px;
  --cards-money-in-and-out-web-positive: #0faf4b;
  --cards-money-in-and-out-web-negative: #ed3434;
  --cards-money-in-and-out-web-border: #f2f2f2;
  --cards-quick-action-left-margin: 26px;
  --cards-quick-action-right-margin: 26px;
  --cards-quick-action-top-margin: 16px;
  --cards-quick-action-bottom-margin: 16px;
  --cards-quick-action-default: #ffffff;
  --cards-quick-action-active:
    linear-gradient(
      180deg,
      #004f71 50%,
      #003654 100%);
  --cards-quick-action-font-family: MTN Brighter Sans;
  --cards-quick-action-font-weight: Bold;
  --cards-quick-action-font-size: 10px;
  --cards-quick-action-default-icon: #004f71;
  --cards-quick-action-active-icon: #ffcb05;
  --cards-quick-action-days: 14px;
  --cards-quick-action-selected: #004f71;
  --cards-account-selector-web-border-radius: 20px;
  --cards-account-selector-web-font1: Bold;
  --cards-account-selector-web-font2: Light;
  --cards-account-selector-web-font3: Bold;
  --cards-account-selector-web-font1-size: 18px;
  --cards-account-selector-web-font2-size: 12px;
  --cards-account-selector-web-font3-size: 24px;
  --cards-account-selector-web-width: 1306px;
  --cards-account-selector-web-height: 93px;
  --cards-account-selector-web-base-colour: #ffffff;
  --cards-account-selector-web-padding-right: 24px;
  --cards-account-selector-web-padding-left: 24px;
  --cards-account-selector-web-padding-top: 27px;
  --cards-account-selector-web-padding-bottom: 27px;
  --cards-account-selector-web-gap: 20px;
  --cards-account-selector-web-font1-color: #000000;
  --cards-account-selector-web-font2-color: #5f5f5f;
  --cards-account-selector-web-font3-color: #004f71;
  --cards-account-selector-web-border-width: 2;
  --cards-account-selector-border-colour: #f2f2f2;
  --cards-account-status-web-width: 912px;
  --cards-account-status-web-height: 66px;
  --cards-account-status-web-account-name: #000000;
  --cards-account-status-web-background: #ffffff;
  --cards-account-status-web-border: #f2f2f2;
  --cards-account-status-web-left-padding: 32px;
  --cards-account-status-web-right-padding: 32px;
  --cards-account-status-web-top-padding: 24px;
  --cards-account-status-web-bottom-padding: 24px;
  --cards-account-status-web-gap: 20px;
  --cards-account-status-web-border-radius: 20px;
  --cards-account-status-web-font-weight-1: Medium;
  --cards-account-status-web-font-family: MTN Brighter Sans;
  --cards-account-status-web-font-size-1: 14px;
  --cards-account-status-web-border-width: 2px;
  --cards-quick-action: 20;
  --cards-quick-action-width: 96px;
  --cards-quick-action-height: 96px;
  --cards-upload-width: 522px;
  --cards-upload-height: 122px;
  --cards-upload-top-margin: 24px;
  --cards-upload-bottom-margin: 24px;
  --cards-upload-right-margin: 24px;
  --cards-upload-left-marfin: 24px;
  --cards-upload-font1: #5f5f5f;
  --cards-upload-font2: #004f71;
  --cards-upload-progress-line: #004f71;
  --cards-upload-progress-bg: #5f5f5f;
  --cards-upload-br: 20px;
  --cards-upload-border-width: 1px;
  --cards-upload-font-family: MTN Brighter Sans;
  --cards-upload-font-weight1: Bold;
  --cards-upload-font-weight2: Regular;
  --cards-upload-font-size: 14px;
  --cards-upload-border-colour: #5f5f5f;
  --cards-order-summary-width: 386px;
  --cards-order-summary-height: 450;
  --cards-order-summary-left-margin: 24px;
  --cards-order-summary-right-margin: 24px;
  --cards-order-summary-top-margin: 35px;
  --cards-order-summary-bottom-margin: 35px;
  --cards-order-summary-heading-bottom-padding: 24px;
  --cards-order-summary-titles-top-padding: 14px;
  --cards-order-summary-titles-bottom-padding: 8px;
  --cards-order-summary-row-top-padding: 8px;
  --cards-order-summary-row-bottom-padding: 8px;
  --cards-order-summary-bg: #ffffff;
  --cards-order-summary-font1: #000000;
  --cards-order-summary-font2: #5f5f5f;
  --cards-order-summary-line-break: #E8E8E8 0.5;
  --cards-order-summary-border-colour: #E8E8E8 0.5;
  --cards-order-summary-border-radius: 20px;
  --cards-order-summary-border-width: 2px;
  --cards-order-summary-font-family: MTN Brighter Sans;
  --cards-order-summary-font-weight1: Bold;
  --cards-order-summary-font-weight2: Medium;
  --cards-order-summary-font-weight3: Light;
  --cards-order-summary-font-size1: 18px;
  --cards-order-summary-font-size2: 14px;
  --cards-order-summary-font-size3: 12px;
  --cards-order-summary-font-size4: 22px;
  --cards-account-limit-width: 912px;
  --cards-account-limit-height: 188px;
  --cards-account-limit-top-margin: 36px;
  --cards-account-limit-bottom-margin: 36px;
  --cards-account-limit-left-margin: 60px;
  --cards-account-limit-right-margin: 60px;
  --cards-account-limit-line-break-left-padding: 51px;
  --cards-account-limit-line-break-right-padding: 51px;
  --cards-account-limit-bg: #ffffff;
  --cards-account-limit-font1: #000000;
  --cards-account-limit-font2: #5f5f5f;
  --cards-account-limit-line-break: #E8E8E8 0.5;
  --cards-account-limit-border-colour: #E8E8E8 0.5;
  --cards-account-limit-border-radius: 20px;
  --cards-account-limit-border-width: 2px;
  --cards-account-limit-font-family: MTN Brighter Sans;
  --cards-account-limit-font-weight1: Medium;
  --cards-account-limit-font-weight2: Regular;
  --cards-account-limit-font-size: 14px;
  --cards-profile-width: 384px;
  --cards-profile-height: 410px;
  --cards-profile-left-margin: 89px;
  --cards-profile-right-margin: 89px;
  --cards-profile-top-margin: 24px;
  --cards-profile-bottom-margin: 24px;
  --cards-profile-gap: 16px;
  --cards-profile-bg: #ffffff;
  --cards-profile-font-1: #004f71;
  --cards-profile-font2: #5f5f5f;
  --cards-profile-border-radius: 20px;
  --cards-profile-border-width: 2px;
  --cards-profile-font-family: MTN Brighter Sans;
  --cards-profile-font-weight1: Bold;
  --cards-profile-font-weight2: Regular;
  --cards-profile-font-weight3: Light;
  --cards-profile-font-size1: 20px;
  --cards-profile-font-size2: 16px;
  --cards-profile-font-size3: 12px;
  --cards-dashboard-width: 280px;
  --cards-dashboard-height: 177px;
  --cards-dashboard-top-margin: 12px;
  --cards-dashboard-bottom-margin: 12px;
  --cards-dashboard-right-maring: 24px;
  --cards-dashboard-left-margin: 24px;
  --cards-dashboard-icon-left-padding: 16px;
  --cards-dashboard-button-vertical-gap: 12px;
  --cards-dashboard-carousel-padding: 16px;
  --cards-dashboard-bg: #ffffff;
  --cards-dashboard-font-colour1: #004f71;
  --cards-dashboard-font-colour2: #000000;
  --cards-dashboard-font-colour3: #afafaf;
  --cards-dashboard-line-break: #e8e8e8;
  --cards-dashboard-positive: #0faf4b;
  --cards-dashboard-negtive: #ed3434;
  --cards-dashboard-border-radius: 20px;
  --cards-dashboard-border-width: 1px;
  --cards-dashboard-font-family: MTN Brighter Sans;
  --cards-dashboard-font-weight1: Bold;
  --cards-dashboard-font-weight2: Medium;
  --cards-dashboard-font-weight3: Regular;
  --cards-dashboard-font-size1: 12px;
  --cards-dashboard-font-size2: 24px;
  --cards-dashboard-font-size3: 10px;
  --cards-dashboard-font-size4: 14px;
  --cards-dashboard-hover-state: #004f711a;
  --cards-dashboard-value-verticle-gap: 20px;
  --cards-contact-customer-care-web-boder-radius: 15px;
  --cards-contact-customer-care-web-border-width: 2px;
  --cards-contact-customer-care-web-width: 415px;
  --cards-contact-customer-care-web-height: 64px;
  --cards-contact-customer-care-web-padding-top: 20px;
  --cards-contact-customer-care-web-padding-bottom: 20px;
  --cards-contact-customer-care-web-padding-left: 24px;
  --cards-contact-customer-care-web-padding-right: 24px;
  --cards-contact-customer-care-web-background: #ffffff;
  --cards-contact-customer-care-web-font-colour1: #003654;
  --cards-contact-customer-care-web-border: #afafaf;
  --cards-contact-customer-care-web-font-weight: Bold;
  --cards-contact-customer-care-web-font-size: 12px;
  --cards-contact-customer-care-web-font-family: MTN Brighter Sans;
  --cards-contact-customer-care-web-gap: 20px;
  --cards-contact-customer-care-icon-headphone-padding-right: 15px;
  --cards-contact-customer-care-icon-arrow-padding-left: 15px;
  --cards-recent-transfers-side-card-web-base-colour: #ffffff;
  --cards-recent-transfers-side-card-web-font1-color: #004f71;
  --cards-recent-transfers-side-card-web-border-radius: 20px;
  --cards-recent-transfers-side-card-web-border-width: 2px;
  --cards-recent-transfers-side-card-web-font1: Bold;
  --cards-recent-transfers-side-card-web-font1-size: 16px;
  --cards-share-statement-modal-web-padding-left: 52px;
  --cards-share-statement-modal-web-padding-right: 52px;
  --cards-share-statement-modal-web-padding-top: 36px;
  --cards-share-statement-modal-web-padding-bottom: 60px;
  --cards-share-statement-modal-web-icon-top: 24px;
  --cards-share-statement-modal-web-icon-right: 24px;
  --cards-share-statement-modal-web-icon-left: 336px;
  --cards-share-statement-modal-web-title-top: 36px;
  --cards-share-statement-modal-web-title-gap-date-range: 36px;
  --cards-share-statement-modal-web-title-gap-date-range-to-from-input: 12px;
  --cards-share-statement-modal-web-title-gap-from-and-to-input-fields: 16px;
  --cards-share-statement-modal-web-title-gap-input-field-to-file-format: 24px;
  --cards-share-statement-modal-web-title-gap-dropdown-to-button: 36px;
  --cards-share-statement-modal-web-base-colour: #ffffff;
  --cards-share-statement-modal-web-border-radius: 20px;
  --cards-share-statement-modal-web-border-width: 1px;
  --cards-share-statement-modal-web-font-weight1: Bold;
  --cards-share-statement-modal-web-font-weight2: Bold;
  --cards-share-statement-modal-web-font1-size: 22px;
  --cards-share-statement-modal-web-font2-size: 14px;
  --cards-share-statement-modal-width: 384px;
  --cards-share-statement-modal-height: 500px;
  --cards-filter-transactions-modal-width: 384px;
  --cards-filter-transactions-modal-height: 655px;
  --cards-filter-transactions-modal-web-padding-left: 52px;
  --cards-filter-transactions-modal-web-padding-right: 52px;
  --cards-filter-transactions-modal-web-padding-top: 36px;
  --cards-filter-transactions-modal-web-padding-bottom: 60px;
  --cards-filter-transactions-modal-web-icon-top: 24px;
  --cards-filter-transactions-modal-web-icon-right: 24px;
  --cards-filter-transactions-modal-web-icon-left: 336px;
  --cards-filter-transactions-modal-web-title-top: 36px;
  --cards-filter-transactions-modal-web-title-gap-date-range: 36px;
  --cards-filter-transactions-modal-web-title-gap-date-range-to-from-input: 12px;
  --cards-filter-transactions-modal-web-title-gap-from-and-to-input-fields: 16px;
  --cards-filter-transactions-modal-web-title-gap-input-field-to-file-format: 24px;
  --cards-filter-transactions-modal-web-title-gap-dropdown-to-button: 36px;
  --cards-filter-transactions-modal-web-title-padding-button-top: 47px;
  --cards-filter-transactions-modal-web-base-colour: #ffffff;
  --cards-filter-transactions-modal-web-border-radius: 20px;
  --cards-filter-transactions-modal-web-border-width: 1px;
  --cards-filter-transactions-modal-web-font-weight1: Bold;
  --cards-filter-transactions-modal-web-font-weight2: Bold;
  --cards-filter-transactions-modal-web-font1-size: 22px;
  --cards-filter-transactions-modal-web-font2-size: 14px;
  --cards-share-statement-social-modal-width: 388px;
  --cards-share-statement-social-modal-height: 167px;
  --cards-share-statement-social-modal-close-icon-right: 24px;
  --cards-share-statement-social-modal-close-icon-top: 24px;
  --cards-share-statement-social-modal-title-top: 48px;
  --cards-share-statement-social-modal-title-gap-social-icons: 36px;
  --cards-share-statement-social-modal-padding-bottom: 36px;
  --cards-share-statement-social-modal-web-base-colour: #ffffff;
  --cards-share-statement-social-modal-web-border-radius: 20px;
  --cards-share-statement-social-modal-web-border-width: 1px;
  --cards-share-statement-social-modal-web-font-weight1: Bold;
  --cards-share-statement-social-modal-web-font1-size: 22px;
  --cards-download-statement-modal-width: 384px;
  --cards-download-statement-modal-height: 500px;
  --cards-download-statement-modal-close-icon-right: 24px;
  --cards-download-statement-modal-close-icon-top: 24px;
  --cards-download-statement-modal-title-top: 36px;
  --cards-download-statement-modal-padding-bottom: 36px;
  --cards-download-statement-modal-title-to-date-range: 36px;
  --cards-download-statement-modal-input-title-to-input-field: 12px;
  --cards-download-statement-modal-input-field-to-input-field: 16px;
  --cards-download-statement-modal-gap-input-field-to-title: 24px;
  --cards-download-statement-modal-button-top: 36px;
  --cards-download-statement-modal-web-base-colour: #ffffff;
  --cards-download-statement-modal-web-border-radius: 20px;
  --cards-download-statement-modal-web-border-width: 1px;
  --cards-download-statement-modal-web-font-weight1: Bold;
  --cards-download-statement-modal-web-font-weight2: Bold;
  --cards-download-statement-modal-web-font1-size: 22px;
  --cards-download-statement-modal-web-font2-size: 14px;
  --cards-download-statement-modal-b-close-icon-right: 24px;
  --cards-download-statement-modal-b-close-icon-top: 24px;
  --cards-download-statement-modal-b-title-top: 36px;
  --cards-download-statement-modal-b-padding-bottom: 36px;
  --cards-download-statement-modal-b-title-to-date-range: 36px;
  --cards-download-statement-modal-b-input-title-to-input-field: 12px;
  --cards-download-statement-modal-b-input-field-to-input-field: 16px;
  --cards-download-statement-modal-b-gap-input-field-to-title: 24px;
  --cards-download-statement-modal-b-button-top: 36px;
  --cards-download-statement-modal-b-alert-top: 36px;
  --cards-download-statement-modal-b-alert-bottom: 36px;
  --cards-cost-breakdown-web-width: 292px;
  --cards-cost-breakdown-web-height: 140px;
  --cards-cost-breakdown-web-padding-left: 24px;
  --cards-cost-breakdown-web-padding-right: 24px;
  --cards-cost-breakdown-web-padding-top: 16px;
  --cards-cost-breakdown-web-padding-bottom: 16px;
  --cards-cost-breakdown-web-font-1-marging-bottom: 10px;
  --cards-cost-breakdown-web-border-radius: 15px;
  --cards-cost-breakdown-web-font-family: MTN Brighter Sans;
  --cards-cost-breakdown-web-font-1-size: 14px;
  --cards-cost-breakdown-web-font-2-size: 12px;
  --cards-cost-breakdown-web-font-3-size: 12px;
  --cards-cost-breakdown-web-font-4-size: 14px;
  --cards-cost-breakdown-web-font-5-size: 12px;
  --cards-cost-breakdown-web-font-6-size: 12px;
  --cards-cost-breakdown-web-font-7-size: 14px;
  --cards-cost-breakdown-web-font-weight-1: Bold;
  --cards-cost-breakdown-web-font-weight-2: Medium;
  --cards-cost-breakdown-web-font-weight-3: Medium;
  --cards-cost-breakdown-web-font-weight-4: Medium;
  --cards-cost-breakdown-web-font-weight-5: Light;
  --cards-cost-breakdown-web-font-weight-6: Light;
  --cards-cost-breakdown-web-font-weight-7: Bold;
  --cards-cost-breakdown-border-width: 2px;
  --cards-cost-breakdown-bg: #ffffff;
  --cards-cost-breakdown-border-colour: #f2f2f2;
  --cards-cost-breakdown-font-colour1: #000000;
  --cards-cost-breakdown-font-colour2: #5f5f5f;
  --cards-recent-purchase-card-width: 336px;
  --cards-recent-purchase-card-height: 58px;
  --cards-recent-purchase-card-web-padding-left: 24px;
  --cards-recent-purchase-card-web-padding-right: 24px;
  --cards-recent-purchase-card-web-padding-top: 12px;
  --cards-recent-purchase-card-web-padding-bottom: 12px;
  --cards-recent-purchase-card-web-base-colour: #ffffff;
  --cards-recent-purchase-card-web-font1-color: #004f71;
  --cards-recent-purchase-card-web-font2-color: #afafaf;
  --cards-recent-purchase-card-web-border-radius: 15px;
  --cards-recent-purchase-card-web-border-width: 1px;
  --cards-recent-purchase-card-web-font1: Bold;
  --cards-recent-purchase-card-web-font2: Regular;
  --cards-recent-purchase-card-web-font1-size: 14px;
  --cards-recent-purchase-card-web-font2-size: 12px;
  --cards-recent-purchase-side-card-width: 384px;
  --cards-recent-purchase-side-card-height: 723px;
  --cards-recent-purchase-side-card-web-padding-left: 24px;
  --cards-recent-purchase-side-card-web-padding-right: 24px;
  --cards-recent-purchase-side-card-web-padding-top: 36px;
  --cards-recent-purchase-side-card-web-padding-bottom: 36px;
  --cards-recent-purchase-side-card-web-padding-title-bottom: 12px;
  --cards-recent-purchase-side-card-web-padding-card-list: 12px;
  --cards-recent-purchase-side-card-web-base-colour: #ffffff;
  --cards-recent-purchase-side-card-web-font1-color: #004f71;
  --cards-recent-purchase-side-card-web-border-radius: 15px;
  --cards-recent-purchase-side-card-web-border-width: 2px;
  --cards-recent-purchase-side-card-web-font1: Bold;
  --cards-recent-purchase-side-card-web-font1-size: 16px;
  --cards-confirm-payment-modal-width: 516px;
  --cards-confirm-payment-modal-height: 297px;
  --cards-confirm-payment-modal-close-icon-right: 24px;
  --cards-confirm-payment-modal-close-icon-top: 24px;
  --cards-confirm-payment-modal-title-top: 60px;
  --cards-confirm-payment-modal-padding-bottom: 60px;
  --cards-confirm-payment-modal-title-to-text1: 12px;
  --cards-confirm-payment-modal-text1-to-text2: 24px;
  --cards-confirm-payment-modal-button-top: 60px;
  --cards-confirm-payment-modal-web-base-colour: #ffffff;
  --cards-confirm-payment-modal-web-font1-color: #004f71;
  --cards-confirm-payment-modal-web-font2-color: #5f5f5f;
  --cards-confirm-payment-modal-web-font4-color: #000000;
  --cards-confirm-payment-modal-web-font4-color-copy: #5f5f5f;
  --cards-confirm-payment-modal-web-font5-color: #000000;
  --cards-confirm-payment-modal-web-border-radius: 20px;
  --cards-confirm-payment-modal-web-border-width: 1px;
  --cards-confirm-payment-modal-web-font-weight1: Bold;
  --cards-confirm-payment-modal-web-font-weight2: Regular;
  --cards-confirm-payment-modal-web-font-weight3: Bold;
  --cards-confirm-payment-modal-web-font-weight4: Regular;
  --cards-confirm-payment-modal-web-font-weight5: Bold;
  --cards-confirm-payment-modal-web-font1-size: 22px;
  --cards-confirm-payment-modal-web-font2-size: 14px;
  --cards-confirm-payment-modal-web-font3-size: 14px;
  --cards-confirm-payment-modal-web-font4-size: 14px;
  --cards-qr-code-sticker-card-web-base-colour: #ffffff;
  --cards-qr-code-sticker-card-web-font1-color: #000000;
  --cards-qr-code-sticker-card-web-font2-color: #5f5f5f;
  --cards-qr-code-sticker-card-web-font3-color: #5f5f5f;
  --cards-qr-code-sticker-card-web-border-radius: 20px;
  --cards-qr-code-sticker-card-web-font-weight1: Bold;
  --cards-qr-code-sticker-card-web-font-weight2: Bold;
  --cards-qr-code-sticker-card-web-font-weight3: Regular;
  --cards-qr-code-sticker-card-web-font-size1: 18px;
  --cards-qr-code-sticker-card-web-font-size2: 16px;
  --cards-qr-code-sticker-card-web-font-size3: 16px;
  --cards-transaction-details-elevy-card-width: 778px;
  --cards-transaction-details-elevy-card-height: 470px;
  --cards-transaction-details-elevy-card-web-padding-left: 24px;
  --cards-transaction-details-elevy-card-web-padding-right: 24px;
  --cards-transaction-details-elevy-card-web-padding-top: 36px;
  --cards-transaction-details-elevy-card-web-padding-bottom: 36px;
  --cards-transaction-details-elevy-card-web-padding-list-items: 24px;
  --cards-transaction-details-elevy-card-web-gap-text-to-icon: 6px;
  --cards-transaction-details-elevy-card-web-padding-action-buttons-inner: 24px;
  --cards-transaction-details-elevy-card-web-base-colour: #ffffff;
  --cards-transaction-details-elevy-card-web-font1-color: #000000;
  --cards-transaction-details-elevy-card-web-font2-color: #5f5f5f;
  --cards-transaction-details-elevy-card-web-font3-color: #000000;
  --cards-transaction-details-elevy-card-web-font4-color: #000000;
  --cards-transaction-details-elevy-card-web-border-radius: 20px;
  --cards-transaction-details-elevy-card-web-border-width: 2px;
  --cards-transaction-details-elevy-card-web-font-weight1: Bold;
  --cards-transaction-details-elevy-card-web-font-weight2: Light;
  --cards-transaction-details-elevy-card-web-font-weight3: Medium;
  --cards-transaction-details-elevy-card-web-font-weight4: Medium;
  --cards-transaction-details-elevy-card-web-font-size1: 18px;
  --cards-transaction-details-elevy-card-web-font-size2: 12px;
  --cards-transaction-details-elevy-card-web-font-size3: 14px;
  --cards-transaction-details-elevy-card-web-font-size4: 14px;
  --cards-list-item-how-to-use-qr-list-numbers-width: 312px;
  --cards-list-item-how-to-use-qr-list-numbers-height: 228px;
  --cards-list-item-how-to-use-qr-left-padding: 36px;
  --cards-list-item-how-to-use-qr-top-margin: 24px;
  --cards-list-item-how-to-use-qr-bottom-margin: 24px;
  --cards-list-item-how-to-use-qr-base-colour: #e8e8e8;
  --cards-list-item-how-to-use-qr-font-colour1: #5f5f5f;
  --cards-list-item-how-to-use-qr-font-colour2: #000000;
  --cards-list-item-how-to-use-qr-font-weight1: Regular;
  --cards-list-item-how-to-use-qr-font-weight2: Bold;
  --cards-list-item-how-to-use-qr-font-size1: 12px;
  --cards-list-item-how-to-use-qr-font-size2: 14px;
  --cards-list-item-how-to-use-qr-font-size3: 12px;
  --cards-list-item-how-to-use-qr-right-margin: 36px;
  --cards-list-item-how-to-use-qr-gap: 16px;
  --cards-list-item-how-to-use-qr-icon-cirlce: #004f71;
  --cards-list-item-qr-poster-left-margin: 24px;
  --cards-list-item-qr-poster-right-margin: 24px;
  --cards-list-item-qr-poster-width: 1308px;
  --cards-list-item-qr-poster-height: 434px;
  --cards-list-item-qr-poster-top-margin: 24px;
  --cards-list-item-qr-poster-bottom-margin: 24px;
  --cards-list-item-qr-poster-poster-right-padding: 24px;
  --cards-list-item-qr-poster-gap: 24px;
  --cards-dashboard-empty-state-width: 280px;
  --cards-dashboard-empty-state-height: 177px;
  --cards-side-card-container-width: 384px;
  --cards-side-card-container-height: 705px;
  --cards-side-card-container-left-padding: 24px;
  --cards-side-card-container-right-padding: 24px;
  --cards-side-card-container-bottom-padding: 36px;
  --cards-side-card-container-top-padding: 36px;
  --cards-side-card-container-bg: #ffffff;
  --cards-side-card-container-border: #f2f2f2;
  --cards-side-card-container-border-radius: 20px;
  --cards-qr-poster-bg: #ffffff;
  --cards-qr-poster-font-colour1: #5f5f5f;
  --cards-qr-poster-fontcolour2: #000000;
  --cards-qr-poster-border-radius: 20px;
  --cards-qr-poster-font-weight1: Bold;
  --cards-qr-poster-font-weight2: Regular;
  --cards-qr-poster-font-size1: 14px;
  --cards-qr-poster-font-size2: 16px;
  --cards-qr-poster-font-size3: 18px;
  --cards-custom-qr-width: 1308px;
  --cards-custom-qr-height: 659px;
  --cards-customer-qr-left-margin: 24px;
  --cards-customer-qr-right-margin: 24px;
  --cards-customer-qr-top-margin: 24px;
  --cards-customer-qr-bottom-margin: 24px;
  --cards-customer-qr-qr-code-right-gap: 20px;
  --cards-customer-qr-button-gap: 24px;
  --cards-customer-qr-bg: #ffffff;
  --cards-customer-qr-font-colour1: #004f71;
  --cards-customer-qr-font-colour2: #5f5f5f;
  --cards-customer-qr-font-colour3: #000000;
  --cards-customer-qr-border-radius: 20px;
  --cards-customer-qr-font-weight1: Bold;
  --cards-customer-qr-font-wieght2: Regular;
  --cards-customer-qr-font-size1: 14px;
  --cards-customer-qr-font-size2: 16px;
  --cards-customer-qr-font-size3: 22px;
  --cards-bundles-bg: #ffffff;
  --cards-bundles-font-colour: #000000;
  --cards-bundles-caption-colour: #afafaf;
  --cards-bundles-value-colour: #004f71;
  --cards-bundles-special-offer-bg: #004f71;
  --cards-bundles-border-radius: 9px;
  --cards-bundles-bundle: Medium;
  --cards-bundles-validity-period: Regular;
  --cards-bundles-value: Bold;
  --cards-bundles-currency: Regular;
  --cards-bundles-font-size-bundle: 14px;
  --cards-bundles-font-size-validity-period: 12px;
  --cards-bundles-font-size-value: 18px;
  --cards-bundles-font-size-multi-bundle: 12px;
  --cards-manage-transfers-font-family: MTN Brighter Sans;
  --cards-manage-transfers-left-margin: 24px;
  --cards-manage-transfers-top-margin: 24px;
  --cards-manage-transfers-right-margin: 24px;
  --cards-manage-transfers-bottom-margin: 24px;
  --cards-manage-transfers-button-gap: 12px;
  --cards-manage-transfers-border-radius: 20px;
  --cards-manage-transfers-border-width: 2px;
  --cards-manage-transfers-font-weight1: Medium;
  --cards-manage-transfers-font-weight2: Light;
  --cards-manage-transfers-font-size1: 14px;
  --cards-manage-transfers-font-size2: 12px;
  --cards-manage-transfers-width: 550px;
  --cards-manage-transfers-height: 123px;
  --cards-bank-account-width: 648px;
  --cards-bank-account-height: 84px;
  --cards-bank-account-bg: #ffffff;
  --cards-bank-account-font-colour1: #004f71;
  --cards-bank-account-border-radius: 9px;
  --cards-bank-account-font-weight: Medium;
  --cards-bank-account-font-size1: 22px;
  --cards-bank-account-left-margin: 24px;
  --cards-bank-account-right-margin: 24px;
  --cards-bank-account-top-margin: 20px;
  --cards-bank-account-bottom-margin: 20px;
  --cards-bank-account-icon-right-margin: 12px;
  --cards-bank-account-verticle-gap: 24px;
  --cards-bank-account-font-families: MTN Brighter Sans;
  --cards-take-a-picture-font-family: MTN Brighter Sans;
  --cards-take-a-picture-font-weight1: Bold;
  --cards-take-a-picture-fontweight2: Regular;
  --cards-take-a-picture-width: 280px;
  --cards-take-a-picture-height: 179px;
  --cards-take-a-picture-left-margin: 10px;
  --cards-take-a-picture-right-margin: 10px;
  --cards-take-a-picture-top-margin: 14px;
  --cards-take-a-picture-bottom-margin: 14px;
  --cards-take-a-picture-icon-bottom-padding: 6px;
  --cards-take-a-picture-copy-bottom-padding: 12px;
  --cards-take-a-picture-bg: #ffffff;
  --cards-take-a-picture-font-colour1: #5f5f5f;
  --cards-take-a-picture-font-colour2: #004f71;
  --cards-take-a-picture-border-radius: 20px;
  --cards-take-a-picture-font-size1: 14px;
  --cards-take-a-picture-font-size2: 22px;
  --cards-select-recharge-bundle-card-width: 280px;
  --cards-select-recharge-bundle-card-height: 55px;
  --cards-select-recharge-bundle-card-left-margin: 10px;
  --cards-select-recharge-bundle-card-right-margin: 10px;
  --cards-select-recharge-bundle-card-top-margin: 19px;
  --cards-select-recharge-bundle-card-bottom-margin: 19px;
  --cards-select-recharge-bundle-card-gap: 20px;
  --cards-select-recharge-bundle-card-bg: #ffffff;
  --cards-select-recharge-bundle-card-font-colour1: #000000;
  --cards-select-recharge-bundle-card-font-colour2: #004f71;
  --cards-select-recharge-bundle-card-border-radius: 10px;
  --cards-select-recharge-bundle-card-font-family: MTN Brighter Sans;
  --cards-select-recharge-bundle-card-font-weight1: Medium;
  --cards-select-recharge-bundle-card-font-weight2: Regular;
  --cards-select-recharge-bundle-card-font-size1: 14px;
  --cards-select-recharge-bundle-card-fontsize2: 18px;
  --cards-what-fees-width: 280px;
  --cards-what-fees-height: 176px;
  --cards-what-fees-left-margin: 24px;
  --cards-what-fees-right-margin: 24px;
  --cards-what-fees-top-margin: 16px;
  --cards-what-fees-bottom-margin: 16px;
  --cards-what-fees-line-break-top-padding: 12px;
  --cards-what-fees-line-break-bottom-padding: 12px;
  --cards-what-fees-bg: #ffffff;
  --cards-what-fees-font-colour1: #000000;
  --cards-what-fees-fontcolour2: #5f5f5f;
  --cards-what-fees-border-radius: 15px;
  --cards-what-fees-border-width: 2px;
  --cards-qr-invoice-ways-to-pay-card-web-base-colour: #ffffff;
  --cards-qr-invoice-ways-to-pay-card-web-width: 262px;
  --cards-qr-invoice-ways-to-pay-card-web-height: 409px;
  --cards-qr-invoice-ways-to-pay-card-web-border-radius: 20px;
  --cards-qr-invoice-ways-to-pay-card-web-border-width: 1px;
  --cards-qr-invoice-ways-to-pay-card-web-padding-left: 31px;
  --cards-qr-invoice-ways-to-pay-card-web-padding-right: 31px;
  --cards-qr-invoice-ways-to-pay-card-web-padding-top: 24px;
  --cards-qr-invoice-ways-to-pay-card-web-padding-bottom: 24px;
  --cards-qr-invoice-ways-to-pay-card-web-font1-color: #000000;
  --cards-qr-invoice-ways-to-pay-card-web-font2-color: #5f5f5f;
  --cards-qr-invoice-ways-to-pay-card-web-font3-color: #000000;
  --cards-qr-invoice-ways-to-pay-card-web-font4-color: #000000;
  --cards-qr-invoice-ways-to-pay-card-web-font5-color: #004f71;
  --cards-qr-invoice-ways-to-pay-card-web-font-weight1: Bold;
  --cards-qr-invoice-ways-to-pay-card-web-font-weight2: Light;
  --cards-qr-invoice-ways-to-pay-card-web-font-weight3: Light;
  --cards-qr-invoice-ways-to-pay-card-web-font-weight4: Light;
  --cards-qr-invoice-ways-to-pay-card-web-font-weight5: Light;
  --cards-qr-invoice-ways-to-pay-card-web-font-size1: 18px;
  --cards-qr-invoice-ways-to-pay-card-web-font-size2: 12px;
  --cards-qr-invoice-ways-to-pay-card-web-font-size3: 12px;
  --cards-qr-invoice-ways-to-pay-card-web-font-size4: 12px;
  --cards-qr-invoice-ways-to-pay-card-web-font-size5: 12px;
  --cards-invoice-details-card-web-width: 386px;
  --cards-invoice-details-card-web-height: 281px;
  --cards-invoice-details-card-web-padding-left: 12px;
  --cards-invoice-details-card-web-padding-right: 12px;
  --cards-invoice-details-card-web-padding-top: 36px;
  --cards-invoice-details-card-web-padding-bottom: 12px;
  --cards-invoice-details-card-web-font-1-marging-bottom: 10px;
  --cards-invoice-details-card-web-border-radius: 24px;
  --cards-invoice-details-card-web-font-family: MTN Brighter Sans;
  --cards-invoice-details-card-web-font-1-size: 18px;
  --cards-invoice-details-card-web-font-2-size: 14px;
  --cards-invoice-details-card-web-font-3-size: 14px;
  --cards-invoice-details-card-web-font-4-size: 14px;
  --cards-invoice-details-card-web-font-5-size: 14px;
  --cards-invoice-details-card-web-font-6-size: 14px;
  --cards-invoice-details-card-web-font-7-size: 14px;
  --cards-invoice-details-card-web-font-weight-1: Bold;
  --cards-invoice-details-card-web-font-weight-2: Medium;
  --cards-invoice-details-card-web-font-weight-3: Medium;
  --cards-invoice-details-card-web-font-weight-4: Medium;
  --cards-invoice-details-card-web-font-weight-5: Medium;
  --cards-invoice-details-card-web-font-weight-6: Medium;
  --cards-invoice-details-card-web-font-weight-7: Light;
  --cards-invoice-details-card-border-width: 2px;
  --cards-invoice-details-card-bg: #ffffff;
  --cards-invoice-details-card-border-colour: #f2f2f2;
  --cards-invoice-details-card-font-colour1: #000000;
  --cards-invoice-details-card-font-colour7-to-10: #5f5f5f;
  --cards-invoice-details-card-total-row-background: #5f5f5f;
  --cards-invoice-details-card-font-colour2-to-6: #F9F9F9;
  --cards-take-a-picture-border-width: 1px;
  --cards-box-shadow-x: 5px;
  --cards-box-shadow-y: 5px;
  --cards-box-shadow-blur: 30px;
  --cards-all-cards-box-shadow: #0000001a;
  --cards-manage-transfers-bg: #ffffff;
  --cards-manage-transfers-font-colour1: #000000;
  --cards-manage-transfers-font-colour2: #5f5f5f;
  --cards-manage-transfers-border-colour: #F9F9F9;
  --currency-width: 550;
  --currency-height: 56;
  --currency-top-margin: 16px;
  --currency-bottom-margin: 16px;
  --currency-left-margin: 16px;
  --currency-right-margin: 16px;
  --currency-default-border-colour: #000000;
  --currency-active-border-colour: #004f71;
  --currency-active-width: 2px;
  --currency-complete-border-colour: #000000;
  --currency-error-border-radius: #ed3434;
  --currency-error-width: 2px;
  --currency-border-radius: 15;
  --currency-default: 1px;
  --currency-font-family: MTN Brighter Sans;
  --currency-font-weight: Medium;
  --currency-font-size: 16px;
  --pin-width: 550;
  --pin-height: 56;
  --pin-top-margin: 16px;
  --pin-bottom-margin: 16px;
  --pin-left-margin: 16px;
  --pin-right-margin: 16px;
  --pin-default-border-colour: #000000;
  --pin-active-border-colour: #004f71;
  --pin-active-width: 2px;
  --pin-complete-border-colour: #000000;
  --pin-error-border-radius: #ed3434;
  --pin-error-width: 2px;
  --pin-border-radius: 15;
  --pin-default: 1px;
  --pin-font-family: MTN Brighter Sans;
  --pin-font-weight: Medium;
  --pin-font-size: 16px;
  --header-width: 100%;
  --header-height: 64px;
  --header-top-margin: 20px;
  --header-right-margin: 20px;
  --header-bottom-margin: 20px;
  --header-left-margin: 20px;
  --header-bg:
    linear-gradient(
      180deg,
      #004f71 50%,
      #003654 100%);
  --header-font-colour: #ffcb05;
  --header-font-colour-2: #ffffff;
  --header-font-family: MTN Brighter Sans;
  --header-store-name-font-weight: Regular;
  --header-number-font-weight: Bold;
  --header-yello-font-weight: Medium;
  --header-font-size: 16px;
  --date-picker-width: 550px;
  --date-picker-height: 56px;
  --date-picker-active-calendar-width: 276px;
  --date-picker-active-calendar-height: 271px;
  --date-picker-active-month-selector-width: 159px;
  --date-picker-active-month-selector-height: 135px;
  --date-picker-active-calendar-left-margin: 16px;
  --date-picker-active-calendar-right-margin: 16px;
  --date-picker-active-calendar-top-margin: 16px;
  --date-picker-active-calendar-bottom-margin: 16px;
  --date-picker-active-border-colour: #004f71;
  --date-picker-active-calender-border: #afafaf;
  --date-picker-active-calender-font-colour-not-selected: #5f5f5f;
  --date-picker-active-calender-font-colour-selected: #ffffff;
  --date-picker-active-calender-font-colour-present-day: #000000;
  --date-picker-active-calender-month-selector-bg: #ffffff;
  --date-picker-active-calender-month-selector-font-colour: #000000;
  --date-picker-active-calender-month-selector-hover: #e8e8e8;
  --date-picker-active-calender-dated-selected: #004f71;
  --date-picker-active-borderwidth: 2px;
  --date-picker-active-calender-border-width: 1px;
  --date-picker-left-margin: 16px;
  --date-picker-right-margin: 16px;
  --date-picker-top-margin: 16px;
  --date-picker-bottom-margin: 16px;
  --date-picker-default: #000000;
  --date-picker-active-left-top-radius: 15px;
  --date-picker-active-left-bottom-radius: 15px;
  --date-picker-active-top-right-radius: 15px;
  --date-picker-active-bottom-right-radius: 0px;
  --date-picker-active-calendar-bottom-left: 13px;
  --date-picker-active-calendar-bottom-right: 13px;
  --date-picker-default-border-width: 1px;
  --date-picker-font-family: MTN Brighter Sans;
  --date-picker-input: Regular;
  --date-picker-day-unselected: Regular;
  --date-picker-day-selected: Bold;
  --tabs-2-tabs-width: 480px;
  --tabs-2-tabs-height: 36px;
  --tabs-2-tabs-selected-tab-width: 236px;
  --tabs-2-tabs-selected-tab-height: 30px;
  --tabs-3-tabs-selected-tab-width: 153px;
  --tabs-3-tabs-selected-tab-height: 30px;
  --tabs-4-tabs-selected-tab-width: 121;
  --tabs-4-tabs-selected-tab-height: 30px;
  --tabs-tab-bg-left-margin: 3px;
  --tabs-tab-bg-top-margin: 3px;
  --tabs-tab-bg-bottom-margin: 3px;
  --tabs-tab-bg-right-margin: 3px;
  --tabs-tab-bg-wide-left-margin: 3px;
  --tabs-tab-bg-wide-top-margin: 3px;
  --tabs-tab-bg-wide-bottom-margin: 3px;
  --tabs-tab-bg-wide-right-margin: 3px;
  --tabs-selected-tab-bg: #ffffff;
  --tabs-selected-tab-font-colour: #004f71;
  --tabs-selected-tab-inactive-font: #5f5f5f;
  --tabs-selected-tab-border-radius: 18px;
  --tabs-selected-tab-wide-border-radius: 18px;
  --tabs-selected-tab-wide-bg: #ffffff;
  --tabs-selected-tab-wide-font-colour: #004f71;
  --tabs-selected-tab-wide-inactive-font: #5f5f5f;
  --tabs-tab-group: 18px;
  --tabs-wide-tab-group: 18px;
  --tabs-font: MTN Brighter Sans;
  --tabs-font-weight: Medium;
  --tabs-font-size: 12px;
  --tabs-wide-width: 600px;
  --tabs-wide-height: 36px;
  --timer-start: 110px;
  --timer-progress: 110px;
  --timer-end: 110px;
  --timer-font-family: MTN Brighter Sans;
  --timer-font-weight: Medium;
  --timer-font-size: 18px;
  --modal-base-card-width: 618px;
  --modal-base-card-height: 408px;
  --modal-base-card-top-margin: 24px;
  --modal-base-card-bottom-margin: 24px;
  --modal-base-card-left-margin: 24px;
  --modal-base-card-right-margin: 24px;
  --modal-base-card-bg: #ffffff;
  --modal-base-card-border-radius: 20px;
  --modal-base-card-border-width: 2px;
  --modal-base-card-border-colour: #e8e8e8;
  --accordion-width: 1040px;
  --accordion-collased-height: 64px;
  --accordion-left-margin: 24px;
  --accordion-right-margin: 24px;
  --accordion-collapsed-top-margin: 16px;
  --accordion-collapsed-bottom-margin: 16px;
  --accordion-background: #ffffff;
  --accordion-font-colour: #000000;
  --accordion-expanded-font-colour: #5f5f5f;
  --accordion-icon-colour: #5f5f5f;
  --accordion-font-family: MTN Brighter Sans;
  --accordion-title-font-weight: Regular;
  --accordion-body-font-weight: Regular;
  --accordion-title-font-size: 18px;
  --accordion-body-font-size: 16px;
  --transactions-header-left-margin: 26px;
  --transactions-header-right-margin: 75px;
  --transactions-header-top-margin: 16px;
  --transactions-header-bottom-margin: 16px;
  --transactions-header-bg: #f2f2f2;
  --transactions-header-font-colour: #004f71;
  --transactions-header-font-size: 16px;
  --transactions-header-gap: 20px;
  --transactions-transactions-left-margin: 26px;
  --transactions-transactions-right-margin: 61px;
  --transactions-transactions-top-margin: 16px;
  --transactions-transactions-bottom-margin: 16px;
  --transactions-transactions-bg: #ffffff;
  --transactions-transactions-line-break: #e8e8e8;
  --transactions-transactions-font-colour: #000000;
  --transactions-transactions-positive-font-colour: #0faf4b;
  --transactions-transactions-negative-font-colour: #ed3434;
  --transactions-transactions-font-size: 12px;
  --transactions-transactions-hover-state: #004F71 0.10;
  --transactions-transactions-gap: 20px;
  --transactions-font-family: MTN Brighter Sans;
  --transactions-header-border-radius: 18px;
  --transactions-line-break: 0.5px;
  --transactions-table-width: 1128px;
  --transactions-table-height: 581px;
  --navigation-menu-drawer-open-width: 251px;
  --navigation-menu-drawer-open-height: 100%;
  --navigation-menu-drawer-open-selected: 100%;
  --navigation-menu-drawer-open-default-left-margin: 24px;
  --navigation-menu-drawer-open-default-top-margin: 16px;
  --navigation-menu-drawer-open-default-icon-right-margin: 12px;
  --navigation-menu-drawer-open-bottom-margin: 16px;
  --navigation-menu-drawer-closed-width: 78px;
  --navigation-menu-drawer-closed-height: 100%;
  --navigation-menu-drawer-closed-selected: 100%;
  --navigation-menu-drawer-closed-default-left-margin: 27px;
  --navigation-menu-drawer-closed-default-right-margin: 27px;
  --navigation-menu-drawer-closed-top-margin: 12px;
  --navigation-menu-drawer-closed-bottom-margin: 12px;
  --navigation-menu-drawer-bg: #ffffff;
  --navigation-menu-drawer-selected-bg: #004f71;
  --navigation-menu-drawer-selected-line: #ffcb05;
  --navigation-menu-drawer-selected-font-colour1: #ffffff;
  --navigation-menu-drawer-selected-icon-colour: #ffcb05;
  --navigation-menu-drawer-default-bg: #ffffff;
  --navigation-menu-drawer-default-font-colour2: #004f71;
  --navigation-menu-drawer-overlay: #000000 0.4;
  --navigation-menu-drawer-font-family: MTN Brighter Sans;
  --navigation-menu-drawer-font-weight1: Regular;
  --navigation-menu-drawer-font-size1: 14px;
  --navigation-menu-drawer-border-bottom-right-radius: 0px 0px 25px 0px;
  --navigation-menu-drawer-border-colour: #f2f2f2;
  --navigation-menu-drawer-box-shadow-colour: #0000001a;
  --navigation-menu-rawer-border-bottom-right: 1px;
  --navigation-top-header-bg:
    linear-gradient(
      180deg,
      #004f71 50%,
      #003654 100%);
  --navigation-top-header-breadcrumb-default: #ffffff;
  --navigation-top-header-breadcrumb-active: #ffcb05;
  --navigation-top-header-width: 1726px;
  --navigation-top-header-height: 64px;
  --navigation-top-header-left-margin: 20px;
  --navigation-top-header-right-margin: 20px;
  --navigation-top-header-top-margin: 20px;
  --navigation-top-header-bottom-margin: 20px;
  --navigation-top-header-icon-gap: 20px;
  --navigation-top-header-font-family: MTN Brighter Sans;
  --navigation-top-header-font-weight1: Medium;
  --navigation-top-header-font-weight2: Regular;
  --navigation-top-header-font-size: 16px;
  --responses-illustration-height: 490px;
  --responses-illustration-width: 383px;
  --responses-height: 701px;
  --responses-width: 648px;
  --responses-two-button-heading-top-padding: 32px;
  --responses-two-button-heading-bottom-padding: 12px;
  --responses-two-button-body-bottom-padding: 44px;
  --responses-two-button-vertical-gap: 24px;
  --responses-one-button-heading-top-padding: 32px;
  --responses-one-button-heading-bottom-padding: 12px;
  --responses-one-button-body-bottom-padding: 44px;
  --responses-font-colour1: #004f71;
  --responses-font-colour2: #000000;
  --responses-font-family: MTN Brighter Sans;
  --responses-font-weight1: Bold;
  --responses-font-weight2: Regular;
  --responses-font-size1: 24px;
  --responses-font-size2: 14px;
  --footer-bottom-sheet-width: 1464px;
  --footer-bottom-sheet-height: 129px;
  --footer-bottom-sheet-left-margin: 78px;
  --footer-bottom-sheet-right-margin: 78px;
  --footer-bottom-sheet-top-margin: 37px;
  --footer-bottom-sheet-bottom-margin: 37px;
  --footer-bottom-sheet-vertical-gap: 24px;
  --footer-bottom-sheet-bg: #f8f8f8;
  --footer-bottom-sheet-font-colour1: #000000;
  --footer-bottom-sheet-font-colour2: #5f5f5f;
  --footer-bottom-sheet-border-colour: #F9F9F9;
  --footer-bottom-sheet-border-width: 2px;
  --footer-bottom-sheet-font-family: MTN Brighter Sans;
  --footer-bottom-sheet-font-weight1: Bold;
  --footer-bottom-sheet-font-weight2: Light;
  --footer-bottom-sheet-font-size1: 16px;
  --footer-bottom-sheet-font-size2: 18px;
  --buttons-dashboard-hover-left-padding: 12px;
  --buttons-dashboard-hover-right-margin: 24px;
  --buttons-dashboard-hover-top-margin: 6px;
  --buttons-dashboard-hover-bottom-margin: 6px;
  --buttons-card-buttons-width: 552px;
  --buttons-card-buttons-height: 64px;
  --buttons-card-buttons-left-margin: 23px;
  --buttons-card-buttons-right-margin: 23px;
  --buttons-card-buttons-top-magin: 20px;
  --buttons-card-buttons-bottom-margin: 20px;
  --buttons-card-buttons-bg: #ffffff;
  --buttons-card-buttons-font-colour1: #004f71;
  --buttons-card-buttons-border-selected: #004f71;
  --buttons-card-buttons-border-width: 1px;
  --buttons-card-buttons-font-family: MTN Brighter Sans;
  --buttons-card-buttons-radius: 15px;
  --buttons-card-button-font-weight: Medium;
  --buttons-card-button-font-size: 14px;
  --pagination-font-weight1: Regular;
  --pagination-font-size1: 14px;
  --pagination-default: #e8e8e8;
  --pagination-primary: #004f71;
  --pagination-secondary: #4d849c;
  --qr-code-viewport-image-capture-padding: 15px;
  --pin-rules-width: 280px;
  --pin-rules-weight: 152px;
  --pin-rules-left-margin: 16px;
  --pin-rules-right-margin: 16px;
  --pin-rules-bottom-margin: 16px;
  --pin-rules-top-margin: 16px;
  --pin-rules-icon-right-margin: 10px;
  --pin-rules-row-gap: 10px;
  --pin-rules-bg: #f2f2f2;
  --pin-rules-font-colour1: #000000;
  --pin-rules-font-family: MTN Brighter Sans;
  --pin-rules-font-weight1: Regular;
  --kyc-info-font-family: MTN Brighter Sans;
  --kyc-info-font-weight1: Medium;
  --kyc-info-font-weight2: Light;
  --kyc-info-fontsize1: 18px;
  --kyc-info-font-size2: 14px;
  --kyc-info-icon-right-padding: 24px;
  --kyc-info-row-horizontal-gap: 24px;
  --text-carousel-font-colour1: #ffcb05;
  --text-carousel-font-colour2: #ffffff;
  --text-carousel-icon-left-margin: 20px;
  --text-carousel-icon-right-margin: 20px;
  --text-carousel-title-bottom-padding: 12px;
  --text-carousel-caption-bottom-padding: 24px;
  --text-carousel-font-family: MTN Brighter Sans;
  --text-carousel-font-weight1: Bold;
  --text-carousel-font-weigh2: Regular;
  --text-carousel-font-size1: 14px;
  --text-carousel-font-size2: 18px;
  --recent-invoices-web-width: 336px;
  --recent-invoices-web-height: 92px;
  --recent-invoices-web-gap: 20px;
  --recent-invoices-web-left-padding: 24px;
  --recent-invoices-web-right-padding: 24px;
  --recent-invoices-web-top-padding: 12px;
  --recent-invoices-web-bottom-padding: 12px;
  --recent-invoices-web-background: #ffffff;
  --recent-invoices-web-font-1: #000000;
  --recent-invoices-web-font-2: #000000;
  --recent-invoices-web-font-3: #000000;
  --recent-invoices-web-font-4: #5f5f5f;
  --recent-invoices-web-border: #f2f2f2;
  --recent-invoices-web-boder-radius: 15px;
  --recent-invoices-web-border-width: 1px;
  --recent-invoices-web-font-family: MTN Brighter Sans;
  --recent-invoices-web-font-weight-1: Bold;
  --recent-invoices-web-font-weight-2: Bold;
  --recent-invoices-web-font-weight-3: Medium;
  --recent-invoices-web-font-size-1: 14px;
  --recent-invoices-web-font-size-2: 12px;
  --recent-invoices-web-font-size-3: 12px;
  --recent-invoices-indicators-web-width: 93px;
  --recent-invoices-indicators-web-height: 16px;
  --recent-invoices-indicators-web-background-paid: #0faf4b;
  --recent-invoices-indicators-web-background-overdue: #ed3434;
  --recent-invoices-indicators-web-background-outstanding: #ff9400;
  --recent-invoices-indicators-web-gap: 12px;
  --recent-invoices-indicators-web-font-1: #5f5f5f;
  --recent-invoices-indicators-web-font-weight-1: Regular;
  --recent-invoices-indicators-web-font-size-1: 12px;
  --add-new-customer-modal-web-padding-left: 52px;
  --add-new-customer-modal-web-padding-right: 52px;
  --add-new-customer-modal-web-padding-top: 36px;
  --add-new-customer-modal-web-padding-bottom: 60px;
  --add-new-customer-modal-web-icon-top: 24px;
  --add-new-customer-modal-web-icon-right: 24px;
  --add-new-customer-modal-web-icon-left: 336px;
  --add-new-customer-modal-web-base-colour: #ffffff;
  --add-new-customer-modal-web-border-radius: 20px;
  --add-new-customer-modal-web-border-width: 1px;
  --add-new-customer-modal-width: 384px;
  --add-new-customer-modal-height: 500px;
  --pills-small-width: 68px;
  --pills-small-height: 20px;
  --pills-small-font-size1: 8px;
  --pills-medium-width: 75px;
  --pills-medium-height: 23px;
  --pills-medium-font-size2: 10px;
  --pills-large-width: 88px;
  --pills-large-height: 24px;
  --pills-large-font-size3: 14px;
  --pills-left-margin: 20px;
  --pills-right-margin: 20px;
  --pills-bottom-margin: 5px;
  --pills-top-margin: 5px;
  --pills-bundle-bg: #ffcb05;
  --pills-bundle-font-colour: #000000;
  --pills-alert-border-colour: #3FBF6F;
  --pills-alert-font-colour: #3FBF6F;
  --pills-alert2-border-colour: #ff9400cc;
  --pills-alert2-font-colour: #ff9400cc;
  --pills-instruction-border-colour-border-colour: #ed3434cc;
  --pills-instruction-border-colour-font-colour: #ed3434cc;
  --pills-packages-bg: #ffcb05;
  --pills-packages-font-colour1: #000000;
  --pills-font-family: MTN Brighter Sans;
  --pills-font-weight: Regular;
  --test-carousel-width: 432px;
  --test-carousel-height: 100px;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
img.icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: inline-block;
}
.floating-label {
  position: relative;
  flex: 1;
  margin-bottom: 15px;
}
.custom-input::placeholder,
.custom-select::placeholder {
  color: #525252;
  font-size: 16px;
  opacity: 1;
  transition: 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
}
.custom-input,
.custom-select {
  width: 100%;
  padding: 15px;
  border: 1px solid black;
  border-radius: 15px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  flex-grow: 1;
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
}
.custom-input.ng-invalid.ng-touched,
.custom-input.ng-invalid.ng-dirty,
.custom-select.ng-invalid.ng-touched,
.custom-select.ng-invalid.ng-dirty {
  border: 2px solid #dc3545 !important;
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
}
.invalid-field label,
.custom-input.ng-invalid.ng-dirty + label,
.custom-input.ng-invalid.ng-touched + label,
.custom-select.ng-invalid.ng-dirty + label,
.custom-select.ng-invalid.ng-touched + label {
  color: #dc3545 !important;
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
}
.floating-label label {
  position: absolute;
  top: 50%;
  left: 15px;
  font-size: 16px;
  color: #525252;
  background-color: #fff;
  padding: 0 5px;
  transform: translateY(-50%);
  transition: 0.3s ease-in-out;
  pointer-events: none;
  z-index: 1;
  border: none;
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
}
.custom-input:focus + label,
.custom-input:not(:placeholder-shown) + label,
.custom-select:focus + label,
.custom-select:not(:placeholder-shown) + label {
  top: -10px;
  left: 15px;
  font-size: 12px;
  color: #004F71;
  transform: translateY(0);
  flex-grow: 1;
}
.floating-label input.custom-input:focus,
.floating-label input.custom-input:not(:placeholder-shown),
.floating-label input.custom-select:focus,
.floating-label input.custom-select:not(:placeholder-shown) {
  outline: none;
  border-color: #004F71;
  box-shadow: none;
}
.dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  margin-top: 5px;
  list-style: none;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
}
h2 {
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
  font-size: 28px;
  font-weight: 700 !important;
  color: #004F71;
}
h5 {
  font-size: 20px;
  font-weight: 500 !important;
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
  color: #5F5F5F;
  margin: 10px 0;
  text-align: left;
  font-style: normal;
}
h4 {
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
  font-size: 24px;
  font-weight: 700 !important;
  color: #000;
  font-style: normal;
  text-align: center;
  margin-bottom: 15px;
  line-height: 125%;
}
h3 {
  color: var(--global-black);
  text-align: center;
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
  font-size: 24px;
  font-weight: 700 !important;
  line-height: 125%;
  font-feature-settings: "salt" on;
}
.error-message {
  color: red;
  font-size: 0.75rem;
  margin-top: 3px;
}
input[type=file] {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.submit-btn {
  border: none;
  cursor: pointer;
  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  background: var(--global-mo-mo-blue);
  font-size: 16px;
  margin-top: 20px;
  width: 312px;
  height: 55px;
  padding: 17px 0px;
  flex-shrink: 0;
  font-family: var(--button-font-family), sans-serif;
}
.upload-id-icon-wording {
  color: var(--global-mo-mo-blue);
  font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.upload-type-size {
  font-size: 12px;
  color: #777;
  margin-top: 5px;
  text-align: center;
}
.momo-api-form-section input[type=checkbox],
.momo-products-form-section .product-option input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #808080;
  border-radius: 4px;
  position: relative;
  margin: 0 5px 0 0;
  vertical-align: middle;
  outline: none;
  background-color: white;
  cursor: pointer;
}
.momo-api-form-section .api-option input[type=checkbox]:checked,
.momo-products-form-section .product-option input[type=checkbox]:checked {
  background-color: #808080;
  border-color: #808080;
}
.momo-api-form-section .api-option input[type=checkbox]:checked::before,
.momo-products-form-section .product-option input[type=checkbox]:checked::before {
  content: "\2714";
  position: absolute;
  font-size: 14px;
  color: white;
  line-height: 18px;
  font-weight: bold;
}
.momo-api-form-section {
  margin-top: 20px;
}
.momo-api-form-section .momo-api-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
.momo-api-form-section .api-option {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  box-sizing: border-box;
}
.momo-api-form-section .api-option label {
  font-size: 15px;
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.country-code-dropdown-option {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  top: 100%;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 3px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.cc-window {
  opacity: 1 !important;
  display: block !important;
  z-index: 9999 !important;
}
@media (max-width: 768px) {
  h2 {
    font-family: var(--global-font-families-mtn-brighter-sans), sans-serif;
    font-size: 21px;
  }
}

/* src/styles/responsive.css */
@media (max-width: 768px) {
  .responsive-form .row {
    flex-direction: column;
    gap: 10px;
  }
  .responsive-form .full-width {
    width: 100%;
  }
  .responsive-form .input-sm {
    padding: 12px;
    font-size: 14px;
  }
  .responsive-form .label-sm {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .responsive-form h3,
  .responsive-form h2 {
    font-size: 18px;
  }
}

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