/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/css/main.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

html {
  --mat-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));
}

html {
  height: 100%;
}

/*      mat-card      */
.mat-expansion-panel {
  margin-bottom: 1px !important;
  box-shadow: 5px 5px 40px rgba(1, 3, 255, 0.05) !important;
}
.mat-expansion-panel.mat-expanded {
  padding-top: 18px;
  padding-bottom: 18px;
}
.mat-expansion-panel .mat-expansion-panel-header {
  padding-left: 36px;
  padding-right: 36px;
}
.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  margin-right: 0;
}
.mat-expansion-panel .mat-expansion-panel-body {
  padding-left: 36px;
  padding-right: 36px;
}

/*      mat-card END     */
/**
 * Imported from \node_modules\bootstrap-sass\assets\stylesheets\bootstrap\_variables.scss
 */
/**
 * Imported from \node_modules\bootstrap-sass\assets\stylesheets\bootstrap\_variables.scss
 */
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);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #0103ff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #0CE89D;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #fa474f;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #0CE89D;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0CE89D;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #0103ff;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0103ff;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #0CE89D;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0CE89D;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #fa474f;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #fa474f;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

html {
  --mat-option-label-text-font: Chivo, sans-serif;
  --mat-option-label-text-line-height: 1.5rem;
  --mat-option-label-text-size: 0.9375rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Chivo, sans-serif;
  --mat-optgroup-label-text-line-height: 1.5rem;
  --mat-optgroup-label-text-size: 0.9375rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-title-text-font: Chivo, sans-serif;
  --mat-card-title-text-line-height: 2rem;
  --mat-card-title-text-size: 1.25rem;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Chivo, sans-serif;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 0.875rem;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #0103ff;
  --mat-progress-bar-track-color: rgba(1, 3, 255, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #0CE89D;
  --mat-progress-bar-track-color: rgba(12, 232, 157, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #fa474f;
  --mat-progress-bar-track-color: rgba(250, 71, 79, 0.25);
}

html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Chivo, sans-serif;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: normal;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0103ff 87%, transparent);
  --mat-form-field-filled-caret-color: #0103ff;
  --mat-form-field-filled-focus-active-indicator-color: #0103ff;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0103ff 87%, transparent);
  --mat-form-field-outlined-caret-color: #0103ff;
  --mat-form-field-outlined-focus-outline-color: #0103ff;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0103ff 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #fa474f;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #fa474f;
  --mat-form-field-filled-error-focus-label-text-color: #fa474f;
  --mat-form-field-filled-error-label-text-color: #fa474f;
  --mat-form-field-filled-error-caret-color: #fa474f;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #fa474f;
  --mat-form-field-filled-error-focus-active-indicator-color: #fa474f;
  --mat-form-field-filled-error-hover-active-indicator-color: #fa474f;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #fa474f;
  --mat-form-field-outlined-error-focus-label-text-color: #fa474f;
  --mat-form-field-outlined-error-label-text-color: #fa474f;
  --mat-form-field-outlined-error-hover-label-text-color: #fa474f;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #fa474f;
  --mat-form-field-outlined-error-hover-outline-color: #fa474f;
  --mat-form-field-outlined-error-outline-color: #fa474f;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #0CE89D 87%, transparent);
  --mat-form-field-filled-caret-color: #0CE89D;
  --mat-form-field-filled-focus-active-indicator-color: #0CE89D;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #0CE89D 87%, transparent);
  --mat-form-field-outlined-caret-color: #0CE89D;
  --mat-form-field-outlined-focus-outline-color: #0CE89D;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #0CE89D 87%, transparent);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #fa474f 87%, transparent);
  --mat-form-field-filled-caret-color: #fa474f;
  --mat-form-field-filled-focus-active-indicator-color: #fa474f;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #fa474f 87%, transparent);
  --mat-form-field-outlined-caret-color: #fa474f;
  --mat-form-field-outlined-focus-outline-color: #fa474f;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #fa474f 87%, transparent);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Chivo, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 0.9375rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 0.9375rem;
  --mat-form-field-subscript-text-font: Chivo, sans-serif;
  --mat-form-field-subscript-text-line-height: 1.25rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Chivo, sans-serif;
  --mat-form-field-filled-label-text-size: 0.9375rem;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Chivo, sans-serif;
  --mat-form-field-outlined-label-text-size: 0.9375rem;
  --mat-form-field-outlined-label-text-tracking: normal;
  --mat-form-field-outlined-label-text-weight: 400;
  --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);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0103ff;
  --mat-select-invalid-arrow-color: #fa474f;
}

.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #0CE89D;
  --mat-select-invalid-arrow-color: #fa474f;
}

.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #fa474f;
  --mat-select-invalid-arrow-color: #fa474f;
}

html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Chivo, sans-serif;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 0.9375rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
  --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);
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Chivo, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.25rem;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-supporting-text-font: Chivo, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.5rem;
  --mat-dialog-supporting-text-size: 0.9375rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0103ff;
  --mat-chip-elevated-disabled-container-color: #0103ff;
  --mat-chip-elevated-selected-container-color: #0103ff;
  --mat-chip-flat-disabled-selected-container-color: #0103ff;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #0CE89D;
  --mat-chip-elevated-disabled-container-color: #0CE89D;
  --mat-chip-elevated-selected-container-color: #0CE89D;
  --mat-chip-flat-disabled-selected-container-color: #0CE89D;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #ffffff;
  --mat-chip-elevated-container-color: #fa474f;
  --mat-chip-elevated-disabled-container-color: #fa474f;
  --mat-chip-elevated-selected-container-color: #fa474f;
  --mat-chip-flat-disabled-selected-container-color: #fa474f;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #ffffff;
  --mat-chip-selected-disabled-trailing-icon-color: #ffffff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-selected-trailing-icon-color: #ffffff;
  --mat-chip-with-icon-disabled-icon-color: #ffffff;
  --mat-chip-with-icon-icon-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #ffffff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #ffffff;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Chivo, sans-serif;
  --mat-chip-label-text-line-height: 1.5rem;
  --mat-chip-label-text-size: 1rem;
  --mat-chip-label-text-tracking: normal;
  --mat-chip-label-text-weight: 500;
}

html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0103ff;
  --mat-slide-toggle-selected-handle-color: #0103ff;
  --mat-slide-toggle-selected-hover-state-layer-color: #0103ff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0103ff;
  --mat-slide-toggle-selected-focus-handle-color: #0103ff;
  --mat-slide-toggle-selected-hover-handle-color: #0103ff;
  --mat-slide-toggle-selected-pressed-handle-color: #0103ff;
  --mat-slide-toggle-selected-focus-track-color: #3436ff;
  --mat-slide-toggle-selected-hover-track-color: #3436ff;
  --mat-slide-toggle-selected-pressed-track-color: #3436ff;
  --mat-slide-toggle-selected-track-color: #3436ff;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0CE89D;
  --mat-slide-toggle-selected-handle-color: #0CE89D;
  --mat-slide-toggle-selected-hover-state-layer-color: #0CE89D;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0CE89D;
  --mat-slide-toggle-selected-focus-handle-color: #0CE89D;
  --mat-slide-toggle-selected-hover-handle-color: #0CE89D;
  --mat-slide-toggle-selected-pressed-handle-color: #0CE89D;
  --mat-slide-toggle-selected-focus-track-color: #33f4b2;
  --mat-slide-toggle-selected-hover-track-color: #33f4b2;
  --mat-slide-toggle-selected-pressed-track-color: #33f4b2;
  --mat-slide-toggle-selected-track-color: #33f4b2;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #ffffff;
  --mat-slide-toggle-disabled-selected-icon-color: #ffffff;
  --mat-slide-toggle-selected-focus-state-layer-color: #fa474f;
  --mat-slide-toggle-selected-handle-color: #fa474f;
  --mat-slide-toggle-selected-hover-state-layer-color: #fa474f;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fa474f;
  --mat-slide-toggle-selected-focus-handle-color: #fa474f;
  --mat-slide-toggle-selected-hover-handle-color: #fa474f;
  --mat-slide-toggle-selected-pressed-handle-color: #fa474f;
  --mat-slide-toggle-selected-focus-track-color: #fb797e;
  --mat-slide-toggle-selected-hover-track-color: #fb797e;
  --mat-slide-toggle-selected-pressed-track-color: #fb797e;
  --mat-slide-toggle-selected-track-color: #fb797e;
}

html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Chivo, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.5rem;
  --mat-slide-toggle-label-text-size: 1rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 500;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Chivo, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.5rem;
  --mat-slide-toggle-label-text-size: 1rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 500;
}

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #0103ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0103ff;
  --mat-radio-selected-hover-icon-color: #0103ff;
  --mat-radio-selected-icon-color: #0103ff;
  --mat-radio-selected-pressed-icon-color: #0103ff;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #0CE89D;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0CE89D;
  --mat-radio-selected-hover-icon-color: #0CE89D;
  --mat-radio-selected-icon-color: #0CE89D;
  --mat-radio-selected-pressed-icon-color: #0CE89D;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #fa474f;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fa474f;
  --mat-radio-selected-hover-icon-color: #fa474f;
  --mat-radio-selected-icon-color: #fa474f;
  --mat-radio-selected-pressed-icon-color: #fa474f;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Chivo, sans-serif;
  --mat-radio-label-text-line-height: 1.5rem;
  --mat-radio-label-text-size: 1rem;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 500;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #0103ff;
  --mat-slider-focus-handle-color: #0103ff;
  --mat-slider-handle-color: #0103ff;
  --mat-slider-hover-handle-color: #0103ff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0103ff 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0103ff 4%, transparent);
  --mat-slider-inactive-track-color: #0103ff;
  --mat-slider-ripple-color: #0103ff;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0103ff;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}

.mat-accent {
  --mat-slider-active-track-color: #0CE89D;
  --mat-slider-focus-handle-color: #0CE89D;
  --mat-slider-handle-color: #0CE89D;
  --mat-slider-hover-handle-color: #0CE89D;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0CE89D 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0CE89D 4%, transparent);
  --mat-slider-inactive-track-color: #0CE89D;
  --mat-slider-ripple-color: #0CE89D;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #0CE89D;
}

.mat-warn {
  --mat-slider-active-track-color: #fa474f;
  --mat-slider-focus-handle-color: #fa474f;
  --mat-slider-handle-color: #fa474f;
  --mat-slider-hover-handle-color: #fa474f;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #fa474f 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #fa474f 4%, transparent);
  --mat-slider-inactive-track-color: #fa474f;
  --mat-slider-ripple-color: #fa474f;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-inactive-container-color: #fa474f;
}

html {
  --mat-slider-label-label-text-font: Chivo, sans-serif;
  --mat-slider-label-label-text-size: 0.875rem;
  --mat-slider-label-label-text-line-height: 1.5rem;
  --mat-slider-label-label-text-tracking: normal;
  --mat-slider-label-label-text-weight: 500;
  --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);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Chivo, sans-serif;
  --mat-menu-item-label-text-size: 0.9375rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 1.5rem;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0103ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0103ff;
  --mat-radio-selected-hover-icon-color: #0103ff;
  --mat-radio-selected-icon-color: #0103ff;
  --mat-radio-selected-pressed-icon-color: #0103ff;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #0CE89D;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #0CE89D;
  --mat-radio-selected-hover-icon-color: #0CE89D;
  --mat-radio-selected-icon-color: #0CE89D;
  --mat-radio-selected-pressed-icon-color: #0CE89D;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #fa474f;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #fa474f;
  --mat-radio-selected-hover-icon-color: #fa474f;
  --mat-radio-selected-icon-color: #fa474f;
  --mat-radio-selected-pressed-icon-color: #fa474f;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0103ff;
  --mat-checkbox-selected-hover-icon-color: #0103ff;
  --mat-checkbox-selected-icon-color: #0103ff;
  --mat-checkbox-selected-pressed-icon-color: #0103ff;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0103ff;
  --mat-checkbox-selected-hover-state-layer-color: #0103ff;
  --mat-checkbox-selected-pressed-state-layer-color: #0103ff;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0CE89D;
  --mat-checkbox-selected-hover-icon-color: #0CE89D;
  --mat-checkbox-selected-icon-color: #0CE89D;
  --mat-checkbox-selected-pressed-icon-color: #0CE89D;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0CE89D;
  --mat-checkbox-selected-hover-state-layer-color: #0CE89D;
  --mat-checkbox-selected-pressed-state-layer-color: #0CE89D;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #fa474f;
  --mat-checkbox-selected-hover-icon-color: #fa474f;
  --mat-checkbox-selected-icon-color: #fa474f;
  --mat-checkbox-selected-pressed-icon-color: #fa474f;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fa474f;
  --mat-checkbox-selected-hover-state-layer-color: #fa474f;
  --mat-checkbox-selected-pressed-state-layer-color: #fa474f;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0103ff;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-list-list-item-label-text-font: Chivo, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 0.9375rem;
  --mat-list-list-item-label-text-tracking: normal;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Chivo, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.5rem;
  --mat-list-list-item-supporting-text-size: 1rem;
  --mat-list-list-item-supporting-text-tracking: normal;
  --mat-list-list-item-supporting-text-weight: 500;
  --mat-list-list-item-trailing-supporting-text-font: Chivo, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.75rem;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 1rem / 1.75rem Chivo, sans-serif;
  letter-spacing: normal;
}

html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --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;
  --mat-paginator-container-text-font: Chivo, sans-serif;
  --mat-paginator-container-text-line-height: 1.25rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0103ff;
  --mat-tab-active-ripple-color: #0103ff;
  --mat-tab-inactive-ripple-color: #0103ff;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0103ff;
  --mat-tab-active-hover-label-text-color: #0103ff;
  --mat-tab-active-focus-indicator-color: #0103ff;
  --mat-tab-active-hover-indicator-color: #0103ff;
  --mat-tab-active-indicator-color: #0103ff;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #0CE89D;
  --mat-tab-active-ripple-color: #0CE89D;
  --mat-tab-inactive-ripple-color: #0CE89D;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #0CE89D;
  --mat-tab-active-hover-label-text-color: #0CE89D;
  --mat-tab-active-focus-indicator-color: #0CE89D;
  --mat-tab-active-hover-indicator-color: #0CE89D;
  --mat-tab-active-indicator-color: #0CE89D;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #fa474f;
  --mat-tab-active-ripple-color: #fa474f;
  --mat-tab-inactive-ripple-color: #fa474f;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #fa474f;
  --mat-tab-active-hover-label-text-color: #fa474f;
  --mat-tab-active-focus-indicator-color: #fa474f;
  --mat-tab-active-hover-indicator-color: #fa474f;
  --mat-tab-active-indicator-color: #fa474f;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #0103ff;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #0CE89D;
  --mat-tab-foreground-color: #ffffff;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #fa474f;
  --mat-tab-foreground-color: #ffffff;
}

.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Chivo, sans-serif;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: 0.875rem;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0CE89D;
  --mat-checkbox-selected-hover-icon-color: #0CE89D;
  --mat-checkbox-selected-icon-color: #0CE89D;
  --mat-checkbox-selected-pressed-icon-color: #0CE89D;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0CE89D;
  --mat-checkbox-selected-hover-state-layer-color: #0CE89D;
  --mat-checkbox-selected-pressed-state-layer-color: #0CE89D;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0103ff;
  --mat-checkbox-selected-hover-icon-color: #0103ff;
  --mat-checkbox-selected-icon-color: #0103ff;
  --mat-checkbox-selected-pressed-icon-color: #0103ff;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #0103ff;
  --mat-checkbox-selected-hover-state-layer-color: #0103ff;
  --mat-checkbox-selected-pressed-state-layer-color: #0103ff;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #fa474f;
  --mat-checkbox-selected-hover-icon-color: #fa474f;
  --mat-checkbox-selected-icon-color: #fa474f;
  --mat-checkbox-selected-pressed-icon-color: #fa474f;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #fa474f;
  --mat-checkbox-selected-hover-state-layer-color: #fa474f;
  --mat-checkbox-selected-pressed-state-layer-color: #fa474f;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Chivo, sans-serif;
  --mat-checkbox-label-text-line-height: 1.5rem;
  --mat-checkbox-label-text-size: 1rem;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 500;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #0103ff;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0103ff;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0103ff 12%, transparent);
  --mat-button-outlined-state-layer-color: #0103ff;
  --mat-button-protected-container-color: #0103ff;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0103ff;
  --mat-button-text-ripple-color: color-mix(in srgb, #0103ff 12%, transparent);
  --mat-button-text-state-layer-color: #0103ff;
  --mat-button-tonal-container-color: #0103ff;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #0CE89D;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #0CE89D;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0CE89D 12%, transparent);
  --mat-button-outlined-state-layer-color: #0CE89D;
  --mat-button-protected-container-color: #0CE89D;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #0CE89D;
  --mat-button-text-ripple-color: color-mix(in srgb, #0CE89D 12%, transparent);
  --mat-button-text-state-layer-color: #0CE89D;
  --mat-button-tonal-container-color: #0CE89D;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #fa474f;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-label-text-color: #fa474f;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #fa474f 12%, transparent);
  --mat-button-outlined-state-layer-color: #fa474f;
  --mat-button-protected-container-color: #fa474f;
  --mat-button-protected-label-text-color: #ffffff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-protected-state-layer-color: #ffffff;
  --mat-button-text-label-text-color: #fa474f;
  --mat-button-text-ripple-color: color-mix(in srgb, #fa474f 12%, transparent);
  --mat-button-text-state-layer-color: #fa474f;
  --mat-button-tonal-container-color: #fa474f;
  --mat-button-tonal-label-text-color: #ffffff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-tonal-state-layer-color: #ffffff;
}

html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Chivo, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Chivo, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Chivo, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Chivo, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Chivo, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #0103ff;
  --mat-icon-button-state-layer-color: #0103ff;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0103ff 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #0CE89D;
  --mat-icon-button-state-layer-color: #0CE89D;
  --mat-icon-button-ripple-color: color-mix(in srgb, #0CE89D 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #fa474f;
  --mat-icon-button-state-layer-color: #fa474f;
  --mat-icon-button-ripple-color: color-mix(in srgb, #fa474f 12%, transparent);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #0103ff;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0103ff 12%, transparent);
  --mat-fab-small-container-color: #0103ff;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #0CE89D;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #0CE89D 12%, transparent);
  --mat-fab-small-container-color: #0CE89D;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #fa474f;
  --mat-fab-foreground-color: #ffffff;
  --mat-fab-ripple-color: color-mix(in srgb, #fa474f 12%, transparent);
  --mat-fab-small-container-color: #fa474f;
  --mat-fab-small-foreground-color: #ffffff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-fab-small-state-layer-color: #ffffff;
  --mat-fab-state-layer-color: #ffffff;
}

html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Chivo, sans-serif;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: normal;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #3436ff;
  --mat-snack-bar-supporting-text-font: Chivo, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.5rem;
  --mat-snack-bar-supporting-text-size: 1rem;
  --mat-snack-bar-supporting-text-weight: 500;
  --mat-table-row-item-outline-width: 1px;
  --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);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Chivo, sans-serif;
  --mat-table-header-headline-line-height: 1.5rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Chivo, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.5rem;
  --mat-table-row-item-label-text-size: 1rem;
  --mat-table-row-item-label-text-weight: 500;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Chivo, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.5rem;
  --mat-table-footer-supporting-text-size: 1rem;
  --mat-table-footer-supporting-text-weight: 500;
  --mat-table-footer-supporting-text-tracking: normal;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #0103ff;
}

.mat-accent {
  --mat-progress-spinner-active-indicator-color: #0CE89D;
}

.mat-warn {
  --mat-progress-spinner-active-indicator-color: #fa474f;
}

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;
  --mat-badge-background-color: #0103ff;
  --mat-badge-text-color: #ffffff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-badge-accent {
  --mat-badge-background-color: #0CE89D;
  --mat-badge-text-color: #ffffff;
}

.mat-badge-warn {
  --mat-badge-background-color: #fa474f;
  --mat-badge-text-color: #ffffff;
}

html {
  --mat-badge-text-font: Chivo, 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;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: Chivo, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 500;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Chivo, sans-serif;
  --mat-button-toggle-label-text-line-height: 1.5rem;
  --mat-button-toggle-label-text-size: 0.9375rem;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Chivo, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 1.5rem;
  --mat-button-toggle-legacy-label-text-size: 0.9375rem;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --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);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0103ff 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #0CE89D 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0103ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0103ff 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0103ff 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0103ff 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0103ff;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #0CE89D 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #0CE89D 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #0CE89D;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #0CE89D 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #0CE89D 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #0CE89D 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #0CE89D;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #fa474f 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #0CE89D 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #fa474f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #fa474f 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #ffffff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #fa474f 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #fa474f 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #fa474f;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Chivo, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: Chivo, sans-serif;
  --mat-expansion-header-text-size: 0.875rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Chivo, sans-serif;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 500;
  --mat-grid-list-tile-header-primary-text-size: 1rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.75rem;
  --mat-grid-list-tile-footer-primary-text-size: 1rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.75rem;
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #0103ff;
}
.mat-icon.mat-accent {
  --mat-icon-color: #0CE89D;
}
.mat-icon.mat-warn {
  --mat-icon-color: #fa474f;
}

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;
  --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);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0103ff;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0103ff;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0103ff;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #fa474f;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #fa474f;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}

.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #0CE89D;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #0CE89D;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0CE89D;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}

.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-icon-background-color: #fa474f;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-done-state-icon-background-color: #fa474f;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #fa474f;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
}

html {
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Chivo, sans-serif;
  --mat-stepper-header-label-text-font: Chivo, sans-serif;
  --mat-stepper-header-label-text-size: 1rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.9375rem;
  --mat-stepper-header-selected-state-label-text-size: 0.9375rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0103ff;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #0CE89D;
  --mat-toolbar-container-text-color: #ffffff;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #fa474f;
  --mat-toolbar-container-text-color: #ffffff;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Chivo, sans-serif;
  --mat-toolbar-title-text-line-height: 2rem;
  --mat-toolbar-title-text-size: 1.25rem;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Chivo, sans-serif;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 500;
  --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);
  --mat-timepicker-container-background-color: white;
  --mat-badge-text-font: Chivo, 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;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 700 2rem / 3rem Chivo, 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 1.25rem / 2rem Chivo, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 1rem / 1.75rem Chivo, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 0.9375rem / 1.5rem Chivo, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 500 calc(1rem * 0.83) / 1.5rem Chivo, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 500 calc(1rem * 0.67) / 1.5rem Chivo, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 0.875rem / 1.5rem Chivo, sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 500 1rem / 1.5rem Chivo, sans-serif;
  letter-spacing: normal;
}
.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 0.75rem / 1.25rem Chivo, sans-serif;
  letter-spacing: normal;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 7rem / 7rem Chivo, sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 400 3.5rem / 3.5rem Chivo, sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 2.8125rem / 3rem Chivo, sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 2.125rem / 2.5rem Chivo, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Chivo, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 500;
  --mat-button-toggle-label-text-font: Chivo, sans-serif;
  --mat-button-toggle-label-text-line-height: 1.5rem;
  --mat-button-toggle-label-text-size: 0.9375rem;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Chivo, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 1.5rem;
  --mat-button-toggle-legacy-label-text-size: 0.9375rem;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-text-font: Chivo, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-expansion-header-text-font: Chivo, sans-serif;
  --mat-expansion-header-text-size: 0.875rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Chivo, sans-serif;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 500;
  --mat-grid-list-tile-header-primary-text-size: 1rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.75rem;
  --mat-grid-list-tile-footer-primary-text-size: 1rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.75rem;
  --mat-stepper-container-text-font: Chivo, sans-serif;
  --mat-stepper-header-label-text-font: Chivo, sans-serif;
  --mat-stepper-header-label-text-size: 1rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.9375rem;
  --mat-stepper-header-selected-state-label-text-size: 0.9375rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-toolbar-title-text-font: Chivo, sans-serif;
  --mat-toolbar-title-text-line-height: 2rem;
  --mat-toolbar-title-text-size: 1.25rem;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-node-text-font: Chivo, sans-serif;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 500;
  --mat-option-label-text-font: Chivo, sans-serif;
  --mat-option-label-text-line-height: 1.5rem;
  --mat-option-label-text-size: 0.9375rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Chivo, sans-serif;
  --mat-optgroup-label-text-line-height: 1.5rem;
  --mat-optgroup-label-text-size: 0.9375rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-title-text-font: Chivo, sans-serif;
  --mat-card-title-text-line-height: 2rem;
  --mat-card-title-text-size: 1.25rem;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Chivo, sans-serif;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 0.875rem;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 500;
  --mat-tooltip-supporting-text-font: Chivo, sans-serif;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: normal;
  --mat-form-field-container-text-font: Chivo, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 0.9375rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 0.9375rem;
  --mat-form-field-subscript-text-font: Chivo, sans-serif;
  --mat-form-field-subscript-text-line-height: 1.25rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Chivo, sans-serif;
  --mat-form-field-filled-label-text-size: 0.9375rem;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Chivo, sans-serif;
  --mat-form-field-outlined-label-text-size: 0.9375rem;
  --mat-form-field-outlined-label-text-tracking: normal;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-trigger-text-font: Chivo, sans-serif;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 0.9375rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
  --mat-dialog-subhead-font: Chivo, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.25rem;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-supporting-text-font: Chivo, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.5rem;
  --mat-dialog-supporting-text-size: 0.9375rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Chivo, sans-serif;
  --mat-chip-label-text-line-height: 1.5rem;
  --mat-chip-label-text-size: 1rem;
  --mat-chip-label-text-tracking: normal;
  --mat-chip-label-text-weight: 500;
}

html {
  --mat-slide-toggle-label-text-font: Chivo, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.5rem;
  --mat-slide-toggle-label-text-size: 1rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 500;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Chivo, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.5rem;
  --mat-slide-toggle-label-text-size: 1rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 500;
}

html {
  --mat-radio-label-text-font: Chivo, sans-serif;
  --mat-radio-label-text-line-height: 1.5rem;
  --mat-radio-label-text-size: 1rem;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 500;
  --mat-slider-label-label-text-font: Chivo, sans-serif;
  --mat-slider-label-label-text-size: 0.875rem;
  --mat-slider-label-label-text-line-height: 1.5rem;
  --mat-slider-label-label-text-tracking: normal;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-item-label-text-font: Chivo, sans-serif;
  --mat-menu-item-label-text-size: 0.9375rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 1.5rem;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-list-item-label-text-font: Chivo, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 0.9375rem;
  --mat-list-list-item-label-text-tracking: normal;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Chivo, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.5rem;
  --mat-list-list-item-supporting-text-size: 1rem;
  --mat-list-list-item-supporting-text-tracking: normal;
  --mat-list-list-item-supporting-text-weight: 500;
  --mat-list-list-item-trailing-supporting-text-font: Chivo, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.75rem;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 1rem / 1.75rem Chivo, sans-serif;
  letter-spacing: normal;
}

html {
  --mat-paginator-container-text-font: Chivo, sans-serif;
  --mat-paginator-container-text-line-height: 1.25rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
}

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Chivo, sans-serif;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: 0.875rem;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-label-text-font: Chivo, sans-serif;
  --mat-checkbox-label-text-line-height: 1.5rem;
  --mat-checkbox-label-text-size: 1rem;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 500;
  --mat-button-filled-label-text-font: Chivo, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Chivo, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Chivo, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Chivo, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Chivo, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-fab-extended-label-text-font: Chivo, sans-serif;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: normal;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-supporting-text-font: Chivo, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.5rem;
  --mat-snack-bar-supporting-text-size: 1rem;
  --mat-snack-bar-supporting-text-weight: 500;
  --mat-table-header-headline-font: Chivo, sans-serif;
  --mat-table-header-headline-line-height: 1.5rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Chivo, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.5rem;
  --mat-table-row-item-label-text-size: 1rem;
  --mat-table-row-item-label-text-weight: 500;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Chivo, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.5rem;
  --mat-table-footer-supporting-text-size: 1rem;
  --mat-table-footer-supporting-text-weight: 500;
  --mat-table-footer-supporting-text-tracking: normal;
}

@keyframes slideDown {
  from {
    transform: translateY(-1em);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
body .ng-select {
  vertical-align: middle;
}
body .ng-select.header {
  font-size: 1.125rem;
  font-weight: 700;
  height: 3rem;
  line-height: 2.125rem;
}
body .ng-select .ng-arrow-wrapper {
  width: 1.5625rem;
  padding-right: 0.625rem;
}
body .ng-select .ng-arrow-wrapper .ng-arrow {
  width: 100%;
  height: 100%;
  background-color: #0103ff;
  -webkit-mask-image: url("/assets/my7n-ui/icons/my7n-icons/arrow_down.svg");
          mask-image: url("/assets/my7n-ui/icons/my7n-icons/arrow_down.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: 1.3125rem;
          mask-size: 1.3125rem;
  transition: transform 0.3s linear;
}
body .ng-select.ng-select-opened .ng-arrow {
  transform: rotate(180deg);
}
body .ng-select.ng-select-opened .ng-select-container {
  z-index: 30;
}
body .ng-select .ng-clear-wrapper .ng-clear {
  vertical-align: middle;
}
body .ng-select .ng-select-container {
  color: #332c55;
  padding: 0.375rem 0 0.3125rem 0.75rem;
  height: 100%;
  border: 0.0625rem solid #D6D7E0;
  border-radius: 0.25rem;
}
body .ng-select .ng-select-container .ng-value-container .ng-input {
  padding-right: 0.75rem;
}
body .ng-select .ng-select-container .ng-value-container .ng-input input {
  cursor: default;
}
body .ng-select .ng-select-container .ng-value-container .ng-input input:not([disabled]) {
  cursor: pointer !important;
}
body .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #D6D7E0;
}
body .ng-select .ng-select-container.ng-has-value .ng-placeholder {
  display: none;
}
body .ng-select .ng-select-container:hover {
  border-color: #0103ff;
}
body .ng-select.ng-select-disabled {
  cursor: default;
}
body .ng-select.ng-select-disabled .ng-select-container {
  background-color: #f7f8ff;
  color: #D6D7E0;
}
body .ng-select.ng-select-disabled .ng-select-container:hover {
  border-color: #D6D7E0;
}
body .ng-select.ng-select-disabled ~ .ng-select-label {
  color: #D6D7E0;
}
body .ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow {
  background-color: #D6D7E0;
}
body .ng-select.ng-select-focused .ng-select-container {
  border-color: #0103ff;
}
body .ng-select.ng-invalid.ng-touched .ng-select-container {
  border-color: #fa474f;
}
@media (max-width: 959.9px) {
  body .ng-select.ng-select-single.ng-select-filtered:not(.ng-select-opened) .ng-select-container.ng-has-value .ng-value-container .ng-value {
    visibility: visible;
  }
}
body .ng-select.ng-select-single:hover:not(.ng-select-disabled) .ng-select-container {
  background-color: #ffffff;
}
body .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-left: 0.75rem;
}
body .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
  font-family: Chivo, sans-serif;
}
body .ng-select ~ mat-error {
  position: absolute;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.9em);
  font-size: 0.75rem;
  line-height: 0.875rem;
  animation: slideDown 0.3s ease-out;
}
body .ng-select ~ .ng-select-label {
  position: absolute;
  top: 0.15rem;
  font-size: 0.875rem;
  line-height: 2.25rem;
  color: #74769C;
}
body .ng-select-flex-content-wrapper {
  position: relative;
  padding-top: 2.4rem;
}
body .ng-dropdown-panel {
  font-size: 1rem;
  background: #ffffff;
  box-shadow: 0.25rem 0.25rem 1.875rem rgba(1, 3, 255, 0.1);
  z-index: 30;
}
body .ng-dropdown-panel.ng-select-bottom {
  margin-top: 0.375rem;
}
body .ng-dropdown-panel.ng-select-top {
  margin-bottom: 0.375rem;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  overflow: unset;
  cursor: pointer;
  font-weight: 400;
  color: #332c55;
  white-space: nowrap;
  line-height: 2.25rem;
  min-height: 2.25rem;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted {
  color: #0103ff;
  text-decoration: none;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  color: #0103ff;
  text-decoration: none;
  outline: 0;
  background-color: rgba(247, 248, 255, 0.5);
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected span {
  opacity: 0.6;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label {
  line-height: 1.25rem;
  padding: 0.375rem 0.75rem;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label.multiline .title{
  font-family: Chivo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4375rem;
  --tw-text-opacity: 1;
  color: rgb(51 44 85 / var(--tw-text-opacity, 1));
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label.multiline .subtext{
  font-family: Chivo, sans-serif;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(116 118 156 / var(--tw-text-opacity, 1));
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #74769C;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .header{
  font-family: Chivo, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3125rem;
  --tw-text-opacity: 1;
  color: rgb(5 0 30 / var(--tw-text-opacity, 1));
  padding: 0.375rem 0.75rem;
  color: inherit;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .items-not-found {
  padding: 0.75rem;
  color: #74769C;
}
body .ng-dropdown-panel .scroll-host::-webkit-scrollbar-track {
  background-color: #EFEFF3;
  opacity: 0.4;
}
body .ng-dropdown-panel .scroll-host::-webkit-scrollbar {
  width: 0.75rem;
  background-color: #EFEFF3;
  border-radius: 0 0.25rem 0.25rem 0;
  box-sizing: border-box;
  opacity: 0.4;
}
body .ng-dropdown-panel .scroll-host::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 0.125rem solid #efeff3;
}

quill-editor {
  display: block;
  width: 100%;
}
quill-editor .ql-toolbar.ql-snow {
  border-color: #D6D7E0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
quill-editor .ql-container.ql-snow {
  border-color: #D6D7E0;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
quill-editor .ql-editor.ql-blank:before {
  font-size: 1rem;
  line-height: 1.4375rem;
  color: #D6D7E0;
  font-style: normal;
}

.before-angular {
  height: 100%;
  width: 100%;
  background: #FFF;
  box-sizing: border-box;
}
.before-angular .before-angular-text {
  text-align: center;
}
.before-angular .before-angular-loader {
  align-self: center;
}
.before-angular .before-angular-loader .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 4rem;
  height: 4rem;
}
.before-angular .before-angular-loader .lds-ellipsis div {
  position: absolute;
  top: 1.6875rem;
  width: 0.6875rem;
  height: 0.6875rem;
  border-radius: 50%;
  background: #0103ff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.before-angular .before-angular-loader .lds-ellipsis div:nth-child(1) {
  left: 0.375rem;
  animation: lds-ellipsis1 0.6s infinite;
}
.before-angular .before-angular-loader .lds-ellipsis div:nth-child(2) {
  left: 0.375rem;
  animation: lds-ellipsis2 0.6s infinite;
}
.before-angular .before-angular-loader .lds-ellipsis div:nth-child(3) {
  left: 1.625rem;
  animation: lds-ellipsis2 0.6s infinite;
}
.before-angular .before-angular-loader .lds-ellipsis div:nth-child(4) {
  left: 2.8125rem;
  animation: lds-ellipsis3 0.6s infinite;
}
.before-angular .before-angular-content {
  height: 100%;
  width: 100%;
  padding-top: 10rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  place-content: stretch center;
}
@media (max-width: 959.9px) {
  .before-angular .before-angular-content {
    padding-top: 7.5rem;
  }
}
.before-angular .top-navbar {
  display: block;
  z-index: 100;
  width: 100%;
  position: fixed;
  background: #03063F;
  height: 5rem;
  padding: 0 4.5rem;
  box-sizing: border-box;
}
@media (max-width: 959.9px) {
  .before-angular .top-navbar {
    height: 3.75rem;
    padding: 0 1.5rem;
  }
}
.before-angular .logo {
  float: left;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center flex-start;
  align-items: center;
  height: 100%;
}
@media (max-width: 959.9px) {
  .before-angular .logo {
    float: none;
    place-content: center center;
  }
}
.before-angular .logout {
  float: right;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center flex-end;
  align-items: center;
  height: 100%;
}
.before-angular .logout a {
  color: white !important;
}
.before-angular .info-page {
  color: #05001E;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  place-content: center flex-start;
  align-items: center;
  padding-bottom: 3.75rem;
}
.before-angular .info-page .image {
  margin-top: 8.75rem;
}
.before-angular .info-page .image img {
  height: 18.125rem;
  width: auto;
}
@media (max-width: 599.9px) {
  .before-angular .info-page .image {
    display: none;
  }
}
.before-angular .info-page .title {
  text-align: center;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
  max-width: 46.875rem;
}
@media (max-width: 959.9px) {
  .before-angular .info-page .title {
    margin-top: 5.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.before-angular .info-page .description {
  max-width: 37.5rem;
  text-align: center;
}
@media (max-width: 959.9px) {
  .before-angular .info-page .description {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.before-angular .info-page .title + .description {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(1.1875rem, 0);
  }
}
body.sort-edit-dragging {
  cursor: grabbing !important;
}
body.sort-edit-dragging .cdk-drag-preview {
  cursor: grabbing;
}
body.sort-edit-dragging .cdk-drag {
  cursor: grabbing;
}

.my7n-theme {
  overflow-y: scroll;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.my7n-theme::-webkit-scrollbar-track {
  background-color: #EFEFF3;
  opacity: 0.4;
}
.my7n-theme::-webkit-scrollbar {
  width: 0.75rem;
  background-color: #EFEFF3;
  border-radius: 0 0.25rem 0.25rem 0;
  box-sizing: border-box;
  opacity: 0.4;
}
.my7n-theme::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 0.125rem solid #efeff3;
}
.my7n-theme .mat-mdc-button,
.my7n-theme .mat-mdc-outlined-button,
.my7n-theme .mat-mdc-icon-button,
.my7n-theme .mat-mdc-raised-button,
.my7n-theme .mat-mdc-stroked-button {
  --mat-mdc-button-ripple-color: rgba(255,255,255, 0.6);
}
.my7n-theme .mat-mdc-unelevated-button {
  --mat-mdc-button-ripple-color: rgba(255,255,255, 0.3);
}
.my7n-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mat-icon-button-state-layer-size: 2.5rem;
}
.my7n-theme .mat-mdc-button.mat-unthemed:not(:disabled) {
  --mat-button-text-label-text-color: $my7n-label-color;
}
.my7n-theme .mat-mdc-button-ripple {
  --mat-button-text-ripple-color: rgba(255,255,255, 0.6);
  z-index: 1;
}
.my7n-theme .mat-mdc-button,
.my7n-theme .mat-mdc-unelevated-button,
.my7n-theme .mat-mdc-outlined-button {
  min-width: unset;
  height: unset;
  white-space: nowrap;
}
.my7n-theme .mat-mdc-icon-button {
  min-width: unset;
  padding: 0;
}
.my7n-theme .mat-mdc-outlined-button,
.my7n-theme .mat-mdc-unelevated-button {
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.75rem 1.125rem;
  border: 0.0625rem solid;
}
.my7n-theme .mat-mdc-outlined-button .mat-mdc-button-ripple.mat-ripple,
.my7n-theme .mat-mdc-unelevated-button .mat-mdc-button-ripple.mat-ripple {
  top: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
}
.my7n-theme .mat-mdc-outlined-button.small-button,
.my7n-theme .mat-mdc-unelevated-button.small-button {
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.75rem 1.0625rem;
  border: 0.0625rem solid;
}
.my7n-theme .mat-mdc-outlined-button.small-button .mat-mdc-button-ripple.mat-ripple,
.my7n-theme .mat-mdc-unelevated-button.small-button .mat-mdc-button-ripple.mat-ripple {
  top: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
}
.my7n-theme .mat-mdc-outlined-button.pill-button,
.my7n-theme .mat-mdc-unelevated-button.pill-button {
  font-size: 0.75rem;
  line-height: 0.875rem;
  padding: 0.25rem 0.6875rem;
  border: 0.0625rem solid;
}
.my7n-theme .mat-mdc-outlined-button.pill-button .mat-mdc-button-ripple.mat-ripple,
.my7n-theme .mat-mdc-unelevated-button.pill-button .mat-mdc-button-ripple.mat-ripple {
  top: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
}
.my7n-theme .mat-mdc-outlined-button.dropdown-pill-button,
.my7n-theme .mat-mdc-unelevated-button.dropdown-pill-button {
  font-size: 0.75rem;
  line-height: 1.375rem;
  padding: 0 0 0 0.375rem;
  height: 1.4375rem;
  overflow: hidden;
  border: 0.0625rem solid;
}
.my7n-theme .mat-mdc-outlined-button.dropdown-pill-button .mat-mdc-button-ripple.mat-ripple,
.my7n-theme .mat-mdc-unelevated-button.dropdown-pill-button .mat-mdc-button-ripple.mat-ripple {
  top: -0.0625rem;
  left: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
}
.my7n-theme .mat-mdc-outlined-button.dropdown-pill-button mat-icon,
.my7n-theme .mat-mdc-unelevated-button.dropdown-pill-button mat-icon {
  margin: 0;
  height: 1.5rem;
  width: 1.5rem;
}
.my7n-theme .mat-mdc-icon-button:not([disabled]).color-on-hover:not(:hover):not(:focus):not(:active) mat-icon {
  color: #74769C;
}
.my7n-theme .mat-mdc-icon-button[disabled] mat-icon {
  pointer-events: none;
  color: #D6D7E0;
}
.my7n-theme .mat-mdc-icon-button:not([color]):not([disabled]) {
  color: #74769C;
}
.my7n-theme .mat-mdc-icon-button:not([color]):not([disabled]):not(:hover):not(:focus):not(:active):not([disabled]):not(.full-opacity) mat-icon {
  opacity: 0.4;
}
.my7n-theme .mat-mdc-icon-button.dark-background:not([disabled]):not(:hover):not(:focus):not(:active) {
  color: #fff;
}
.my7n-theme .mat-mdc-icon-button.dark-background:not([disabled]):active mat-icon {
  opacity: 0.4;
}
.my7n-theme .mat-mdc-icon-button.dark-background[disabled] {
  color: #fff;
  opacity: 0.2;
}
.my7n-theme .mat-mdc-icon-button.dark-background .mat-ripple-element {
  background-color: currentColor !important;
}
.my7n-theme .mat-mdc-icon-button.unset-size {
  width: unset;
  height: unset;
  line-height: unset;
}
.my7n-theme .mat-mdc-icon-button.no-focus .mat-button-focus-overlay {
  display: none;
}
.my7n-theme .mat-mdc-menu-trigger {
  max-height: 3rem;
}
.my7n-theme .mat-mdc-button {
  padding: 0;
}
.my7n-theme .mat-mdc-button .mat-mdc-button-persistent-ripple {
  opacity: 0;
}
.my7n-theme .mat-mdc-button,
.my7n-theme .mdc-button {
  font-size: 1rem;
  line-height: 1.4375rem;
}
.my7n-theme .mat-mdc-button .mat-icon,
.my7n-theme .mdc-button .mat-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}
.my7n-theme .mat-mdc-button .mat-icon.mat-icon-inline,
.my7n-theme .mdc-button .mat-icon.mat-icon-inline {
  display: flex;
  align-items: center;
}
.my7n-theme .mat-mdc-button.small-button,
.my7n-theme .mdc-button.small-button {
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.my7n-theme .mat-mdc-button.small-button .mat-icon,
.my7n-theme .mdc-button.small-button .mat-icon {
  width: 1.3125rem;
  height: 1.3125rem;
}
.my7n-theme .mat-mdc-button.button-hidden-icon .mat-icon,
.my7n-theme .mdc-button.button-hidden-icon .mat-icon {
  transition: transform 300ms ease-in-out;
  transform-origin: left center;
  transform: scaleX(0);
}
.my7n-theme .mat-mdc-button.button-hidden-icon:not([disabled]):hover .mat-icon,
.my7n-theme .mdc-button.button-hidden-icon:not([disabled]):hover .mat-icon {
  transform: scaleX(1);
}
.my7n-theme .mat-mdc-button .mat-button-focus-overlay,
.my7n-theme .mdc-button .mat-button-focus-overlay {
  display: none;
}
.my7n-theme .mat-mdc-button[aria-expanded=true],
.my7n-theme .mdc-button[aria-expanded=true] {
  opacity: 0.4;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary {
  background-color: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]) {
  border-color: #0103ff;
  color: #0103ff;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]):hover, .my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]):focus {
  background-color: #0103ff;
  color: #ffffff;
  box-shadow: 0 0 1.875rem rgba(1, 3, 255, 0.2);
}
.my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]):hover.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]):hover .mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]):focus.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]):focus .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #ffffff;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled])[aria-expanded=true] {
  opacity: 0.4;
  background-color: #0103ff;
  color: #ffffff;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]).mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-primary:not([disabled]) .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #0103ff;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary[disabled] {
  border-color: #D6D7E0;
  color: #D6D7E0;
  pointer-events: none;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary[disabled]:hover, .my7n-theme .mat-mdc-outlined-button.mat-primary[disabled]:focus {
  background-color: #D6D7E0;
  color: #FFF;
  box-shadow: 0 0 1.875rem rgba(1, 3, 255, 0.2);
}
.my7n-theme .mat-mdc-outlined-button.mat-primary[disabled]:hover.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-primary[disabled]:hover .mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-outlined-button.mat-primary[disabled]:focus.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-primary[disabled]:focus .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary[disabled][aria-expanded=true] {
  opacity: 0.4;
  background-color: #D6D7E0;
  color: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-primary[disabled].mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-primary[disabled] .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #D6D7E0;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent {
  background-color: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]) {
  border-color: #0CE89D;
  color: #0CE89D;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]):hover, .my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]):focus {
  background-color: #0CE89D;
  color: #ffffff;
  box-shadow: 0 0 1.875rem rgba(12, 232, 157, 0.2);
}
.my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]):hover.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]):hover .mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]):focus.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]):focus .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #ffffff;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled])[aria-expanded=true] {
  opacity: 0.4;
  background-color: #0CE89D;
  color: #ffffff;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]).mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-accent:not([disabled]) .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #0CE89D;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent[disabled] {
  border-color: #D6D7E0;
  color: #D6D7E0;
  pointer-events: none;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent[disabled]:hover, .my7n-theme .mat-mdc-outlined-button.mat-accent[disabled]:focus {
  background-color: #D6D7E0;
  color: #FFF;
  box-shadow: 0 0 1.875rem rgba(12, 232, 157, 0.2);
}
.my7n-theme .mat-mdc-outlined-button.mat-accent[disabled]:hover.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-accent[disabled]:hover .mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-outlined-button.mat-accent[disabled]:focus.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-accent[disabled]:focus .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent[disabled][aria-expanded=true] {
  opacity: 0.4;
  background-color: #D6D7E0;
  color: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-accent[disabled].mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-accent[disabled] .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #D6D7E0;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn {
  background-color: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]) {
  border-color: #fa474f;
  color: #fa474f;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]):hover, .my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]):focus {
  background-color: #fa474f;
  color: #ffffff;
  box-shadow: 0 0 1.875rem rgba(250, 71, 79, 0.2);
}
.my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]):hover.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]):hover .mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]):focus.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]):focus .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #ffffff;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled])[aria-expanded=true] {
  opacity: 0.4;
  background-color: #fa474f;
  color: #ffffff;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]).mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-warn:not([disabled]) .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #fa474f;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn[disabled] {
  border-color: #D6D7E0;
  color: #D6D7E0;
  pointer-events: none;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn[disabled]:hover, .my7n-theme .mat-mdc-outlined-button.mat-warn[disabled]:focus {
  background-color: #D6D7E0;
  color: #FFF;
  box-shadow: 0 0 1.875rem rgba(250, 71, 79, 0.2);
}
.my7n-theme .mat-mdc-outlined-button.mat-warn[disabled]:hover.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-warn[disabled]:hover .mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-outlined-button.mat-warn[disabled]:focus.mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-warn[disabled]:focus .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn[disabled][aria-expanded=true] {
  opacity: 0.4;
  background-color: #D6D7E0;
  color: #FFF;
}
.my7n-theme .mat-mdc-outlined-button.mat-warn[disabled].mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-outlined-button.mat-warn[disabled] .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #D6D7E0;
}
.my7n-theme .mat-mdc-unelevated-button.mat-primary[disabled] {
  background-color: #D6D7E0;
  border-color: #D6D7E0;
  color: #FFF;
  pointer-events: none;
}
.my7n-theme .mat-mdc-unelevated-button.mat-primary[disabled].mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-unelevated-button.mat-primary[disabled].mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]) {
  border-color: #0103ff;
  color: #FFF;
}
.my7n-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]):hover, .my7n-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]):focus {
  color: #FFF;
  background-color: #0002e6;
  box-shadow: 0 0 1.875rem #ffffff;
  border-color: #0002e6;
}
.my7n-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]):active {
  background-color: #0103ff;
  border-color: #0103ff;
}
.my7n-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]).mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]) .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme .mat-mdc-unelevated-button.mat-accent[disabled] {
  background-color: #D6D7E0;
  border-color: #D6D7E0;
  color: #FFF;
  pointer-events: none;
}
.my7n-theme .mat-mdc-unelevated-button.mat-accent[disabled].mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-unelevated-button.mat-accent[disabled].mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]) {
  border-color: #0CE89D;
  color: #FFF;
}
.my7n-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]):hover, .my7n-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]):focus {
  color: #FFF;
  background-color: #0bd08d;
  box-shadow: 0 0 1.875rem #ffffff;
  border-color: #0bd08d;
}
.my7n-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]):active {
  background-color: #0CE89D;
  border-color: #0CE89D;
}
.my7n-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]).mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]) .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme .mat-mdc-unelevated-button.mat-warn[disabled] {
  background-color: #D6D7E0;
  border-color: #D6D7E0;
  color: #FFF;
  pointer-events: none;
}
.my7n-theme .mat-mdc-unelevated-button.mat-warn[disabled].mat-loading .mat-mdc-progress-spinner circle, .my7n-theme .mat-mdc-unelevated-button.mat-warn[disabled].mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme .mat-mdc-unelevated-button.mat-warn:not([disabled]) {
  border-color: #fa474f;
  color: #FFF;
}
.my7n-theme .mat-mdc-unelevated-button.mat-warn:not([disabled]):hover, .my7n-theme .mat-mdc-unelevated-button.mat-warn:not([disabled]):focus {
  color: #FFF;
  background-color: #f92e37;
  box-shadow: 0 0 1.875rem rgba(250, 71, 79, 0.2);
  border-color: #f92e37;
}
.my7n-theme .mat-mdc-unelevated-button.mat-warn:not([disabled]):active {
  background-color: #fa474f;
  border-color: #fa474f;
}
.my7n-theme .mat-mdc-unelevated-button.mat-warn:not([disabled]).mat-loading .mat-mdc-progress-spinner circle,
.my7n-theme .mat-mdc-unelevated-button.mat-warn:not([disabled]) .mat-loading .mat-mdc-progress-spinner circle {
  stroke: #FFF;
}
.my7n-theme a.mat-mdc-unelevated-button:visited {
  color: #ffffff;
}
.my7n-theme .mat-loading .mdc-button__label {
  visibility: hidden;
}
.my7n-theme .mat-loading .mat-mdc-progress-spinner {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}
.my7n-theme .mat-mdc-button.no-border-radius,
.my7n-theme .mat-mdc-icon-button.no-border-radius,
.my7n-theme .mat-mdc-outlined-button.no-border-radius,
.my7n-theme .mat-mdc-unelevated-button.no-border-radius {
  border-radius: 0;
}
.my7n-theme .mat-mdc-button.ellipsis .mdc-button__label,
.my7n-theme .mat-mdc-icon-button.ellipsis .mdc-button__label,
.my7n-theme .mat-mdc-outlined-button.ellipsis .mdc-button__label,
.my7n-theme .mat-mdc-unelevated-button.ellipsis .mdc-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.my7n-theme .mat-icon {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  vertical-align: middle;
  transition: transform 200ms ease-in-out;
}
.my7n-theme .mat-icon.rotate-90 {
  transform: rotate(90deg);
}
.my7n-theme .mat-icon.rotate-180 {
  transform: rotate(180deg);
}
.my7n-theme .mat-icon.rotate-270 {
  transform: rotate(270deg);
}
.my7n-theme .mat-icon:not(.no-transition) {
  transition: color 300ms ease-in-out, transform 200ms ease-in-out, opacity 300ms ease-in-out;
}
.my7n-theme .mat-icon[color=""] {
  color: #74769C;
}
.my7n-theme .mat-icon[color=light] {
  color: #FFF;
}
.my7n-theme .mat-icon[color=primary] {
  color: #0103ff;
}
.my7n-theme .mat-icon[color=secondary] {
  color: #03063F;
}
.my7n-theme .mat-icon[color=accent] {
  color: #0CE89D;
}
.my7n-theme .mat-icon[color=warn] {
  color: #fa474f;
}
.my7n-theme .mat-mdc-menu-panel {
  box-shadow: 0.25rem 0.25rem 1.875rem rgba(1, 3, 255, 0.1);
  /* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version. */
}
.my7n-theme .mat-mdc-menu-panel.mat-menu-below {
  margin-top: 0.375rem;
}
.my7n-theme .mat-mdc-menu-panel.mat-menu-above {
  margin-bottom: 0.375rem;
}
.my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0.75rem 0;
}
.my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  color: #332c55;
  line-height: 2.25rem;
  height: 2.25rem;
}
.my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[color=primary], .my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.primary {
  color: #0103ff;
}
.my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[color=accent], .my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.accent {
  color: #0CE89D;
}
.my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[color=warn], .my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.warn {
  color: #fa474f;
}
.my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover:not([disabled]) {
  background-color: unset;
}
.my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled] {
  color: #D6D7E0;
  background-color: #f7f8ff;
}
.my7n-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
  font-size: 1rem;
}
.my7n-theme .mat-mdc-menu-panel.primary .mat-mdc-menu-item:hover:not([disabled]) {
  color: #0103ff;
}
.my7n-theme .mat-mdc-menu-panel.accent .mat-mdc-menu-item:hover:not([disabled]) {
  color: #0CE89D;
}
.my7n-theme .mat-mdc-menu-panel.warn .mat-mdc-menu-item:hover:not([disabled]) {
  color: #fa474f;
}
.my7n-theme .mat-mdc-menu-panel .menu-header {
  color: #332c55;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: solid 1px #D6D7E0;
  line-height: 0.875rem;
  font-size: 0.75rem;
  display: inline-block;
}
.my7n-theme .mat-mdc-menu-item {
  padding: 0 0.75rem;
  min-height: unset;
}
.my7n-theme .pill {
  font-size: 0.75rem;
  line-height: 0.875rem;
  padding: 0.25rem 0.6875rem;
  color: #ffffff;
  border-radius: 0.25rem;
  border: 0.0625rem solid;
}
.my7n-theme .pill:not([color]), .my7n-theme .pill[color=""] {
  border-color: #D6D7E0;
  color: #74769C;
}
.my7n-theme .pill.skill {
  color: #332c55;
}
.my7n-theme .pill[color=primary] {
  border-color: #0103ff;
  background: #0103ff;
}
.my7n-theme .pill[color=accent] {
  border-color: #0CE89D;
  background: #0CE89D;
}
.my7n-theme .pill[color=warn] {
  border-color: #fa474f;
  background: #fa474f;
}
.my7n-theme .pill[color=alternative] {
  border-color: #CABFAD;
  background: #CABFAD;
}
.my7n-theme .pill[color=yellow] {
  border-color: #FFBC57;
  background: #FFBC57;
}
.my7n-theme .pill > .pill-remove {
  width: 1em;
  height: 1em;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.my7n-theme .pill > .pill-remove > mat-icon {
  position: absolute;
  top: -0.25rem;
  right: -0.6875rem;
}
.my7n-theme .mat-mdc-autocomplete-panel {
  font-size: 1rem;
  background: #ffffff;
  box-shadow: 0.25rem 0.25rem 1.875rem rgba(1, 3, 255, 0.1);
  margin-top: 0.375rem;
}
.my7n-theme .mat-mdc-autocomplete-panel::-webkit-scrollbar-track {
  background-color: #EFEFF3;
  opacity: 0.4;
}
.my7n-theme .mat-mdc-autocomplete-panel::-webkit-scrollbar {
  width: 0.75rem;
  background-color: #EFEFF3;
  border-radius: 0 0.25rem 0.25rem 0;
  box-sizing: border-box;
  opacity: 0.4;
}
.my7n-theme .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 2px solid #EFEFF3;
}
.my7n-theme form.loading, .my7n-theme .mat-mdc-dialog-container > .loading {
  pointer-events: none !important;
  opacity: 0.4;
  -webkit-user-select: none;
          user-select: none;
}
.my7n-theme .form-group:not(.mat-mdc-form-field) mat-label {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #74769C;
}
.my7n-theme .form-group:not(.mat-mdc-form-field) > mat-label {
  line-height: 2.25rem;
  display: inline-block;
}
.my7n-theme .form-group + .form-group,
.my7n-theme .mat-mdc-form-field + .form-group {
  margin-top: 0.75rem;
}
.my7n-theme .standalone-label {
  position: static;
  display: inline-block;
  height: 2.25rem;
  font-size: 0.875rem;
  line-height: 2.25rem;
  color: #74769C;
}
@media (min-width: 960px) {
  .my7n-theme .mat-datepicker-content .mat-calendar {
    min-width: 23.25rem;
    min-height: 25rem;
  }
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header {
  padding: 1.5rem 1.5rem 0 1.5rem;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 0.75rem 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  order: 2;
  font-weight: 700;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mat-calendar-arrow {
  width: 0.3125rem;
  height: 0.3125rem;
  border-style: solid;
  border-width: 0 0.0625rem 0.0625rem 0;
  border-color: #0103ff;
  transform: translateY(-2px) rotate(45deg);
  margin-left: 0.5rem;
  transition: transform 0.3s ease-in-out;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mat-calendar-arrow.mat-calendar-invert {
  transform: rotate(225deg);
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-spacer {
  display: none;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button {
  order: 1;
  color: #0103ff;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button[disabled] {
  color: #D6D7E0;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-previous-button::after {
  border-width: 0.0625rem 0 0 0.0625rem;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button {
  order: 3;
  color: #0103ff;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button[disabled] {
  color: #D6D7E0;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-header .mat-calendar-controls .mat-calendar-next-button::after {
  border-width: 0.0625rem 0.0625rem 0 0;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-content {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-table-header th {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #74769C;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-table-header .mat-calendar-table-header-divider {
  display: none;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body {
  font-size: 1rem;
  line-height: 1.4375rem;
}
@media (max-width: 959.9px) {
  .my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body {
    font-size: 0.875rem;
  }
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body .mat-calendar-body-label {
  visibility: hidden;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body .mat-calendar-body-label[colspan="7"] {
  display: none;
}
.my7n-theme .mat-datepicker-content .mat-calendar .mat-calendar-content .mat-calendar-table .mat-calendar-body .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: #fff;
  background-color: #0103ff;
  border: 0.0625rem solid #0103ff;
  box-shadow: 0 0 1.25rem rgba(1, 3, 255, 0.2);
}
.my7n-theme .mat-calendar-body-cell-content.mat-calendar-body-selected {
  background-color: unset;
  color: #0103ff;
  border: solid 0.0625rem #0103ff;
}
.my7n-theme .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: #332c55;
}
.my7n-theme .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: #D6D7E0;
}
.my7n-theme .checkbox-container {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding: 0;
}
.my7n-theme .checkbox-container mat-error {
  position: absolute;
  margin-top: 0;
  top: calc(100% - 2.2em);
  animation: slideDown 0.3s ease-out;
  left: 2.25rem;
}
.my7n-theme .checkbox-container validation-messages {
  margin-left: 2.25rem;
}
.my7n-theme .mat-mdc-checkbox {
  display: table;
  width: 100%;
}
.my7n-theme .mat-mdc-checkbox.mat-mdc-checkbox-disabled {
  --mat-checkbox-disabled-selected-icon-color: #D6D7E0;
  --mat-checkbox-disabled-unselected-icon-color: #D6D7E0;
}
.my7n-theme .mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-form-field .mdc-label {
  color: #D6D7E0;
}
.my7n-theme .mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: #D6D7E0;
}
.my7n-theme .mat-mdc-checkbox.ng-invalid.ng-touched .mdc-form-field .mdc-checkbox.mdc-checkbox .mdc-checkbox__background {
  border-color: #fa474f;
}
.my7n-theme .mat-mdc-checkbox .mdc-form-field .mdc-label {
  font-size: 1rem;
  line-height: 1.5rem;
  white-space: normal;
  color: #332c55;
  padding: 0;
}
.my7n-theme .mat-mdc-checkbox .mdc-form-field .mdc-checkbox {
  height: 1.5rem;
  width: 1.5rem;
  flex: 0 0 1.5rem;
  padding: 0;
  margin: 0 0.75rem 0 0;
}
.my7n-theme .mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border-radius: 0.25rem;
  border-color: #D6D7E0;
  border-width: 0.0625rem;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
}
.my7n-theme .mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__checkmark {
  width: 76%;
  top: 12%;
  left: 12%;
}
.my7n-theme .mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple {
  top: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
}
.my7n-theme .mat-mdc-checkbox[color=primary]:not(.mat-mdc-checkbox-disabled):hover .mdc-form-field .mdc-checkbox, .my7n-theme .mat-mdc-checkbox[color=primary]:not(.mat-mdc-checkbox-disabled):focus .mdc-form-field .mdc-checkbox {
  --mat-checkbox-unselected-pressed-state-layer-color: #0103ff;
}
.my7n-theme .mat-mdc-checkbox[color=primary]:not(.mat-mdc-checkbox-disabled):hover .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .my7n-theme .mat-mdc-checkbox[color=primary]:not(.mat-mdc-checkbox-disabled):focus .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border-color: #0103ff;
}
.my7n-theme .mat-mdc-checkbox[color=accent]:not(.mat-mdc-checkbox-disabled):hover .mdc-form-field .mdc-checkbox, .my7n-theme .mat-mdc-checkbox[color=accent]:not(.mat-mdc-checkbox-disabled):focus .mdc-form-field .mdc-checkbox {
  --mat-checkbox-unselected-pressed-state-layer-color: #0CE89D;
}
.my7n-theme .mat-mdc-checkbox[color=accent]:not(.mat-mdc-checkbox-disabled):hover .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .my7n-theme .mat-mdc-checkbox[color=accent]:not(.mat-mdc-checkbox-disabled):focus .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border-color: #0CE89D;
}
.my7n-theme .mat-mdc-checkbox[color=warn]:not(.mat-mdc-checkbox-disabled):hover .mdc-form-field .mdc-checkbox, .my7n-theme .mat-mdc-checkbox[color=warn]:not(.mat-mdc-checkbox-disabled):focus .mdc-form-field .mdc-checkbox {
  --mat-checkbox-unselected-pressed-state-layer-color: #fa474f;
}
.my7n-theme .mat-mdc-checkbox[color=warn]:not(.mat-mdc-checkbox-disabled):hover .mdc-form-field .mdc-checkbox .mdc-checkbox__background, .my7n-theme .mat-mdc-checkbox[color=warn]:not(.mat-mdc-checkbox-disabled):focus .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border-color: #fa474f;
}
.my7n-theme .mat-mdc-checkbox.inline-with-input {
  margin-top: 2.625rem;
}
@media (max-width: 599.9px) {
  .my7n-theme .mat-mdc-checkbox.inline-with-input {
    margin-top: 0;
  }
}
.my7n-theme .mat-mdc-chip-list {
  outline: none;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.my7n-theme .mat-mdc-chip-list .mdc-evolution-chip-set__chips {
  margin-left: -0.25rem;
  padding-top: 0;
}
.my7n-theme .mat-mdc-chip-list .mat-mdc-chip {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my7n-theme .mat-mdc-chip-list .mat-mdc-chip + .mat-mdc-chip {
  margin-left: 0.5rem;
}
.my7n-theme .mat-mdc-chip-list + .mat-form-field-label-wrapper {
  overflow: visible;
}
.my7n-theme .mat-mdc-chip-list + .mat-form-field-label-wrapper label {
  line-height: 2.25rem;
  top: -1.7em;
  left: -0.7em;
  font-size: 0.875rem;
  color: #74769C;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-label-text-size: 0.75rem;
  --mat-chip-label-text-line-height: 0.875rem;
  --mat-chip-label-text-weight: 400;
  --mat-chip-container-height: 1.5rem;
  background-color: transparent;
  border: 0.0625rem solid #D6D7E0;
  border-radius: 0.3125rem;
  color: #332c55;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-with-trailing-icon {
  padding-right: 0;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon.mat-mdc-chip-remove {
  color: #74769C;
  padding-right: 0.1875rem;
  padding-left: 0.1875rem;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip:not(.mat-mdc-chip-disabled) .mat-mdc-chip-trailing-icon.mat-mdc-chip-remove {
  opacity: 1;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip:not(.mat-mdc-chip-disabled) .mat-mdc-chip-trailing-icon.mat-mdc-chip-remove:hover {
  opacity: 1;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip:not(.mat-mdc-chip-disabled):hover .mat-icon {
  color: #fa474f;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip::after {
  background-color: unset;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip .mdc-evolution-chip__graphic.mat-mdc-chip-graphic {
  padding: 0;
}
.my7n-theme .mat-mdc-chip.mat-mdc-standard-chip .mat-mdc-chip-with-trailing-icon {
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}
.my7n-theme .datepicker-wrapper {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding-top: 0;
  padding-bottom: 0;
}
.my7n-theme .datepicker-wrapper mat-error {
  position: absolute;
  margin-top: 0;
  top: calc(100% - 1.9em);
  animation: slideDown 0.3s ease-out;
}
.my7n-theme .drag-n-drop-file-border {
  border: 0.0625rem dashed #0103ff !important;
  box-sizing: border-box !important;
  border-radius: 0.25rem !important;
}
.my7n-theme mat-error {
  font-size: 0.75rem;
  line-height: 1.5rem;
  display: block;
}
.my7n-theme mat-form-field {
  display: block;
  line-height: 1.125rem;
}
.my7n-theme .mat-mdc-text-field-wrapper {
  padding: 0;
}
.my7n-theme mat-form-field[appearance=outline] .mat-mdc-text-field-wrapper {
  margin-bottom: 0;
  margin-top: 0;
}
.my7n-theme mat-form-field[appearance=outline] .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.my7n-theme mat-form-field[appearance=outline] .mat-mdc-floating-label {
  margin-top: 0;
  transform: none;
  max-width: 100%;
  top: 1.3em;
}
.my7n-theme mat-form-field[appearance=outline] .mat-mdc-form-field-infix {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  min-height: unset;
}
.my7n-theme mat-form-field[appearance=outline].mat-mdc-form-field-label-always-float .mat-mdc-text-field-wrapper {
  margin-top: 2.25rem;
}
.my7n-theme mat-form-field[appearance=outline].mat-mdc-form-field-label-always-float .mat-mdc-form-field-infix {
  border-top: 0;
}
.my7n-theme mat-form-field[appearance=outline] label {
  overflow: visible;
}
.my7n-theme mat-form-field[appearance=outline].mat-form-field-disabled .mdc-notched-outline > * {
  background-color: #f7f8ff;
  border-color: #D6D7E0;
}
.my7n-theme mat-form-field[appearance=outline].mat-form-field-disabled .mat-mdc-form-field-infix {
  position: relative;
  z-index: 2;
}
.my7n-theme mat-form-field[appearance=outline].mat-form-field-disabled .mat-mdc-floating-label {
  color: #D6D7E0;
}
.my7n-theme mat-form-field[appearance=outline].mat-form-field-invalid {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
}
.my7n-theme mat-form-field[appearance=outline].mat-form-field-invalid .mat-form-field-outline-thick > div {
  border-width: 0.0625rem;
}
.my7n-theme mat-form-field[appearance=outline] .mat-mdc-form-field-subscript-wrapper {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  line-height: 1.5rem;
}
.my7n-theme mat-form-field[appearance=outline] .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper {
  padding-left: 0;
}
.my7n-theme mat-form-field[appearance=outline] .mat-suffix-button {
  top: -0.25rem;
  line-height: 2.25rem;
}
.my7n-theme button[matPrefix] mat-icon,
.my7n-theme button[matSuffix] mat-icon {
  color: #0103ff;
}
.my7n-theme mat-form-field[appearance=outline]:not(.mat-form-field-disabled) .mat-mdc-form-field-flex {
  color: #0103ff;
}
.my7n-theme mat-form-field[appearance=outline]:not(.mat-form-field-disabled):hover .mdc-notched-outline .mdc-notched-outline__leading,
.my7n-theme mat-form-field[appearance=outline]:not(.mat-form-field-disabled):hover .mdc-notched-outline .mdc-notched-outline__notch,
.my7n-theme mat-form-field[appearance=outline]:not(.mat-form-field-disabled):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  color: #0103ff;
  border-width: 0.0625rem;
  border-color: #0103ff;
}
.my7n-theme mat-form-field.mat-focused .mdc-notched-outline {
  color: #0103ff;
}
.my7n-theme mat-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__leading,
.my7n-theme mat-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__notch,
.my7n-theme mat-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 0.0625rem;
}
.my7n-theme mat-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__notch {
  border-top: 0.0625rem;
  border-right: none;
  border-top: 0.0625rem solid #0103ff;
}
.my7n-theme mat-form-field.input-small-header .mat-mdc-form-field-infix {
  padding-top: 0.5938rem;
  padding-bottom: 0.5938rem;
}
.my7n-theme mat-form-field + mat-form-field,
.my7n-theme .form-group + .mat-mdc-form-field {
  margin-top: 0.75rem;
}
.my7n-theme mat-form-field .mdc-notched-outline .mdc-notched-outline__notch {
  border-top: 0.0625rem;
  border-right: none;
  border-left: none !important;
  border-top: 0.0625rem solid var(--mat-form-field-outlined-outline-color);
  margin-left: -1px;
  clip-path: inset(-9em -999em -9em -11px);
}
.my7n-theme mat-form-field .mdc-notched-outline .mat-mdc-floating-label {
  line-height: 2.25rem;
  top: -2.25rem;
  transform: none !important;
  left: -0.75rem;
  font-size: 0.875rem;
  color: #74769C;
}
.my7n-theme mat-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
      -2.625rem
    )
    scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
.my7n-theme mat-form-field .mdc-text-field--focused .mdc-notched-outline__leading,
.my7n-theme mat-form-field .mdc-text-field--focused .mdc-notched-outline__notch,
.my7n-theme mat-form-field .mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 1px !important;
}
.my7n-theme mat-form-field {
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-outlined-outline-color: #D6D7E0;
  --mat-form-field-outlined-label-text-color: #74769C;
  --mat-form-field-outlined-label-text-size: 0.875rem;
  --mat-form-field-outlined-error-label-text-color: #74769C;
  --mat-form-field-outlined-focus-label-text-color: #74769C;
  --mat-form-field-outlined-disabled-input-text-color: #D6D7E0;
  --mat-form-field-outlined-label-text-populated-size: 0.875rem;
  --mat-mdc-form-field-floating-label-scale: 1;
  --mat-mdc-form-field-label-transform: translateY(-2.625rem)
    scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
.my7n-theme .mdc-checkbox {
  --mat-checkbox-selected-checkmark-color: #f7f8ff;
  --mat-checkbox-selected-focus-state-layer-opacity: 0;
  --mat-checkbox-unselected-icon-color: #D6D7E0;
  --mat-checkbox-unselected-pressed-icon-color: #D6D7E0;
  --mat-checkbox-unselected-hover-icon-color: #D6D7E0;
  --mat-checkbox-unselected-focus-icon-color: #D6D7E0;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0;
}
.my7n-theme mat-paginator {
  --mat-paginator-container-background-color: none;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-container-text-size: 0.875rem;
  --mat-paginator-select-trigger-text-size: 0.875rem;
  --mat-option-label-text-size: 0.875rem;
}
.my7n-theme mat-paginator .mdc-text-field--outlined {
  --mat-form-field-outlined-outline-width: 0;
  --mat-form-field-outlined-focus-outline-width: 0;
}
.my7n-theme mat-paginator ::ng-deep .mat-mdc-paginator-navigation-last {
  display: none;
}
.my7n-theme .mat-mdc-radio-button .mdc-radio {
  --mat-radio-state-layer-size: 1.5rem;
  --mat-radio-unselected-icon-color: #D6D7E0;
}
.my7n-theme .mat-mdc-radio-button .mdc-radio .mdc-radio__background::before {
  top: calc(-1 * (var(--mat-radio-state-layer-size) - 24px) / 2);
  left: calc(-1 * (var(--mat-radio-state-layer-size) - 24px) / 2);
}
.my7n-theme .mat-mdc-input-element {
  color: #332c55;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
}
.my7n-theme .mat-mdc-input-element:-webkit-autofill, .my7n-theme .mat-mdc-input-element:-webkit-autofill:hover, .my7n-theme .mat-mdc-input-element:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.my7n-theme .mat-mdc-input-element[disabled] {
  color: #D6D7E0;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
}
.my7n-theme .mat-mdc-input-element[disabled] + .mat-form-field-label-wrapper label {
  color: #D6D7E0;
}
.my7n-theme .mat-mdc-input-element::placeholder {
  color: #D6D7E0 !important;
}
.my7n-theme .mat-mdc-input-element ~ .mat-form-field-label-wrapper {
  overflow: visible;
}
.my7n-theme .mat-mdc-input-element ~ .mat-form-field-label-wrapper label {
  line-height: 2.25rem;
  top: -1.7em;
  transform: none !important;
  left: -0.75rem;
  font-size: 0.875rem;
  color: #74769C;
}
.my7n-theme .mat-mdc-input-element.input-small-header{
  font-family: Chivo, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.8125rem;
  --tw-text-opacity: 1;
  color: rgb(5 0 30 / var(--tw-text-opacity, 1));
}
.my7n-theme .mat-mdc-input-element.input-small-header::placeholder {
  font-weight: normal;
}
.my7n-theme .mat-mdc-input-element.input-header-bold {
  font-weight: 700;
}
.my7n-theme .mat-mdc-input-element.input-header-bold::placeholder {
  font-weight: normal;
}
.my7n-theme .mat-mdc-form-field-infix {
  width: auto;
}
.my7n-theme textarea.mat-mdc-input-element {
  line-height: 1.4375rem;
  padding: 0;
}
.my7n-theme textarea.mat-mdc-input-element::-webkit-scrollbar-track {
  background-color: #EFEFF3;
  opacity: 0.4;
}
.my7n-theme textarea.mat-mdc-input-element::-webkit-scrollbar {
  width: 0.75rem;
  background-color: #EFEFF3;
  border-radius: 0 0.25rem 0.25rem 0;
  box-sizing: border-box;
  opacity: 0.4;
}
.my7n-theme textarea.mat-mdc-input-element::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 0.125rem solid #efeff3;
}
.my7n-theme .mat-mdc-option {
  overflow: unset;
  cursor: pointer;
  color: #332c55;
  white-space: nowrap;
  font-family: Chivo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(51 44 85 / var(--tw-text-opacity, 1));
  line-height: 2.25rem;
  padding: 0 0.75rem;
  height: unset;
}
.my7n-theme .mat-mdc-autocomplete-panel .mat-mdc-option:hover {
  color: #0103ff;
  background-color: rgba(247, 248, 255, 0.5);
}
.my7n-theme .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active {
  color: #0103ff;
  background-color: rgba(247, 248, 255, 0.5);
}
.my7n-theme .mat-mdc-autocomplete-panel:hover .mat-mdc-option:hover {
  color: #0103ff;
  background-color: rgba(247, 248, 255, 0.5);
}
.my7n-theme .mat-mdc-autocomplete-panel:hover .mat-mdc-option.mat-mdc-option-active {
  color: inherit;
  background-color: unset;
}
.my7n-theme .mat-mdc-autocomplete-panel:hover .mat-mdc-option.mat-mdc-option-active:hover {
  color: #0103ff;
  background-color: rgba(247, 248, 255, 0.5);
}
.my7n-theme mat-radio-group {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my7n-theme mat-radio-group.ng-invalid.ng-touched .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #fa474f;
}
.my7n-theme mat-radio-group mat-radio-button.flex .mdc-label {
  display: flex;
}
.my7n-theme mat-radio-group mat-radio-button .mdc-radio {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
}
.my7n-theme mat-radio-group mat-radio-button .mdc-radio .mdc-radio__background {
  width: 1.5rem;
  height: 1.5rem;
}
.my7n-theme mat-radio-group mat-radio-button .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 0.0625rem;
  border-color: #D6D7E0;
}
.my7n-theme mat-radio-group mat-radio-button .mdc-radio .mdc-radio__background .mdc-radio__inner-circle {
  border-width: 0.75rem;
  border-color: unset;
  border-style: unset;
}
.my7n-theme mat-radio-group mat-radio-button .mdc-radio .mat-radio-ripple {
  left: calc(50% - 1.5rem);
  top: calc(50% - 1.5rem);
  height: 3rem;
  width: 3rem;
}
.my7n-theme mat-radio-group mat-radio-button .mdc-label {
  padding-left: 0.75rem;
  color: #332c55;
  font-size: 1rem;
  line-height: 1.4375rem;
}
.my7n-theme mat-radio-group[color=primary] mat-radio-button:not([disabled=true]):hover .mdc-radio .mdc-radio__outer-circle, .my7n-theme mat-radio-group[color=primary] mat-radio-button:not([disabled=true]):focus .mdc-radio .mdc-radio__outer-circle,
.my7n-theme mat-radio-group[color=primary] mat-radio-button:not([disabled=true]) .cdk-focused .mdc-radio .mdc-radio__outer-circle {
  --mat-radio-unselected-hover-icon-color: #0103ff;
  --mat-radio-unselected-icon-color: #0103ff;
  border-color: #0103ff;
  background-color: #f7f8ff;
}
.my7n-theme mat-radio-group[color=primary] mat-radio-button:not([disabled=true]):hover .mdc-radio .mat-radio-ripple, .my7n-theme mat-radio-group[color=primary] mat-radio-button:not([disabled=true]):focus .mdc-radio .mat-radio-ripple,
.my7n-theme mat-radio-group[color=primary] mat-radio-button:not([disabled=true]) .cdk-focused .mdc-radio .mat-radio-ripple {
  z-index: -1;
  background-color: #f7f8ff;
}
.my7n-theme mat-radio-group[color=primary] mat-radio-button[disabled=true] .mdc-label {
  color: #D6D7E0;
}
.my7n-theme mat-radio-group[color=primary] mat-radio-button[disabled=true] .mdc-radio__inner-circle {
  background-color: #D6D7E0;
}
.my7n-theme mat-radio-group[color=accent] mat-radio-button:not([disabled=true]):hover .mdc-radio .mdc-radio__outer-circle, .my7n-theme mat-radio-group[color=accent] mat-radio-button:not([disabled=true]):focus .mdc-radio .mdc-radio__outer-circle,
.my7n-theme mat-radio-group[color=accent] mat-radio-button:not([disabled=true]) .cdk-focused .mdc-radio .mdc-radio__outer-circle {
  --mat-radio-unselected-hover-icon-color: #0CE89D;
  --mat-radio-unselected-icon-color: #0CE89D;
  border-color: #0CE89D;
  background-color: #f7f8ff;
}
.my7n-theme mat-radio-group[color=accent] mat-radio-button:not([disabled=true]):hover .mdc-radio .mat-radio-ripple, .my7n-theme mat-radio-group[color=accent] mat-radio-button:not([disabled=true]):focus .mdc-radio .mat-radio-ripple,
.my7n-theme mat-radio-group[color=accent] mat-radio-button:not([disabled=true]) .cdk-focused .mdc-radio .mat-radio-ripple {
  z-index: -1;
  background-color: #f7f8ff;
}
.my7n-theme mat-radio-group[color=accent] mat-radio-button[disabled=true] .mdc-label {
  color: #D6D7E0;
}
.my7n-theme mat-radio-group[color=accent] mat-radio-button[disabled=true] .mdc-radio__inner-circle {
  background-color: #D6D7E0;
}
.my7n-theme mat-radio-group[color=warn] mat-radio-button:not([disabled=true]):hover .mdc-radio .mdc-radio__outer-circle, .my7n-theme mat-radio-group[color=warn] mat-radio-button:not([disabled=true]):focus .mdc-radio .mdc-radio__outer-circle,
.my7n-theme mat-radio-group[color=warn] mat-radio-button:not([disabled=true]) .cdk-focused .mdc-radio .mdc-radio__outer-circle {
  --mat-radio-unselected-hover-icon-color: #fa474f;
  --mat-radio-unselected-icon-color: #fa474f;
  border-color: #fa474f;
  background-color: #f7f8ff;
}
.my7n-theme mat-radio-group[color=warn] mat-radio-button:not([disabled=true]):hover .mdc-radio .mat-radio-ripple, .my7n-theme mat-radio-group[color=warn] mat-radio-button:not([disabled=true]):focus .mdc-radio .mat-radio-ripple,
.my7n-theme mat-radio-group[color=warn] mat-radio-button:not([disabled=true]) .cdk-focused .mdc-radio .mat-radio-ripple {
  z-index: -1;
  background-color: #f7f8ff;
}
.my7n-theme mat-radio-group[color=warn] mat-radio-button[disabled=true] .mdc-label {
  color: #D6D7E0;
}
.my7n-theme mat-radio-group[color=warn] mat-radio-button[disabled=true] .mdc-radio__inner-circle {
  background-color: #D6D7E0;
}
.my7n-theme .mat-radio-group-label {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #74769C;
}
.my7n-theme .rating-wrapper {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.my7n-theme .rating-wrapper mat-error {
  position: absolute;
  margin-top: 0;
  top: calc(100% - 1.9em);
  animation: slideDown 0.3s ease-out;
}
.my7n-theme .mat-mdc-select-panel {
  padding: 0;
}
.my7n-theme .mat-mdc-select .mat-mdc-select-arrow,
.my7n-theme .mat-mdc-select .mat-mdc-select-value-text {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my7n-theme .mdc-switch {
  --mat-slide-toggle-track-width: 2.625rem;
  --mat-slide-toggle-track-height: 1.5rem;
  --mat-slide-toggle-track-shape: 0.75rem;
  --mat-slide-toggle-unselected-focus-handle-color: #FFF;
  --mat-slide-toggle-unselected-focus-track-color: #D6D7E0;
  --mat-slide-toggle-unselected-handle-color: #FFF;
  --mat-slide-toggle-unselected-hover-handle-color: #FFF;
  --mat-slide-toggle-unselected-hover-track-color: #D6D7E0;
  --mat-slide-toggle-unselected-icon-color: variables.$my7n-light-grey;
  --mat-slide-toggle-unselected-pressed-handle-color: #FFF;
  --mat-slide-toggle-unselected-pressed-track-color: #D6D7E0;
  --mat-slide-toggle-unselected-track-color: #D6D7E0;
  --mat-slide-toggle-disabled-unselected-handle-color: #FFF;
  --mat-slide-toggle-disabled-unselected-hover-handle-color: #FFF;
  --mat-slide-toggle-disabled-unselected-pressed-handle-color: #FFF;
  --mat-slide-toggle-disabled-selected-handle-color: #FFF;
  --mat-slide-toggle-disabled-selected-hover-handle-color: #FFF;
  --mat-slide-toggle-disabled-selected-pressed-handle-color: #FFF;
}
.my7n-theme .mdc-switch.mdc-switch--unselected .mdc-switch__handle {
  left: 0.125rem !important;
}
.my7n-theme .mdc-switch.mdc-switch--selected .mdc-switch__handle {
  left: -0.125rem !important;
}
.my7n-theme mat-slide-toggle .mdc-label {
  font-size: 1rem;
  line-height: 1.4375rem;
  color: #332c55;
  font-family: Chivo, sans-serif;
  margin-left: 0.75rem;
}
.my7n-theme mat-slide-toggle .mdc-switch--disabled + .mdc-label {
  color: #D6D7E0;
}
.my7n-theme mat-slide-toggle.mat-primary {
  --mat-slide-toggle-selected-handle-color: #FFF;
  --mat-slide-toggle-selected-focus-handle-color: #FFF;
  --mat-slide-toggle-selected-hover-handle-color: #FFF;
  --mat-slide-toggle-selected-pressed-handle-color: #FFF;
  --mat-slide-toggle-selected-icon-color: #0103ff;
}
.my7n-theme mat-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-handle-color: #FFF;
  --mat-slide-toggle-selected-focus-handle-color: #FFF;
  --mat-slide-toggle-selected-hover-handle-color: #FFF;
  --mat-slide-toggle-selected-pressed-handle-color: #FFF;
  --mat-slide-toggle-selected-icon-color: #0CE89D;
}
.my7n-theme mat-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-handle-color: #FFF;
  --mat-slide-toggle-selected-focus-handle-color: #FFF;
  --mat-slide-toggle-selected-hover-handle-color: #FFF;
  --mat-slide-toggle-selected-pressed-handle-color: #FFF;
  --mat-slide-toggle-selected-icon-color: #fa474f;
}
.my7n-theme mat-card.mat-mdc-card {
  background: #ffffff;
  box-shadow: 0.3125rem 0.3125rem 2.5rem rgba(1, 3, 255, 0.05) !important;
  border-radius: 0.25rem;
  padding: 2.25rem;
  font-family: Chivo, sans-serif;
  font-size: 1rem;
  color: #332c55;
}
@media (max-width: 959.9px) {
  .my7n-theme mat-card.mat-mdc-card {
    padding: 1.5rem;
  }
}
.my7n-theme mat-card.mat-mdc-card mat-card-title {
  font-size: 1.375rem;
  color: #05001E;
  font-weight: 700;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
}
.my7n-theme mat-card.mat-mdc-card mat-card-subtitle {
  color: #332c55;
  line-height: 2.25rem;
  margin-top: -0.25rem;
}
.my7n-theme mat-card.mat-mdc-card mat-card-content {
  padding: 0;
}
.my7n-theme mat-card.mat-mdc-card .mat-mdc-card-image {
  margin: -2.25rem -2.25rem 0;
  width: calc(100% + 4.5rem);
  object-fit: cover;
  background-position: center;
}
@media (max-width: 959.9px) {
  .my7n-theme mat-card.mat-mdc-card .mat-mdc-card-image {
    margin: -1.5rem -1.5rem 0;
    width: calc(100% + 3rem);
  }
}
.my7n-theme mat-card.gradient-box-shadow {
  box-shadow: none !important;
  position: relative;
  background: #fff;
}
.my7n-theme mat-card.gradient-box-shadow:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
  max-height: 18.75rem;
  box-shadow: 0 0.3125rem 2.5rem rgba(1, 3, 255, 0.05) !important;
  z-index: -1;
}
.my7n-theme .mat-expansion-panel {
  background-color: unset;
  box-shadow: none !important;
  border-bottom: 0.0625rem solid rgba(214, 215, 224, 0.4);
}
.my7n-theme .mat-expansion-panel .mat-expansion-panel-header:hover {
  background-color: unset !important;
}
.my7n-theme .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  font-size: 1rem;
  line-height: 1.4375rem;
  color: #332c55;
}
.my7n-theme .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title mat-icon.mat-icon {
  margin-left: 0.375rem;
}
.my7n-theme .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description {
  font-size: 0.875rem;
  line-height: 1.4375rem;
  color: #74769C;
}
.my7n-theme .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description.align-right {
  display: block;
  text-align: right;
}
.my7n-theme .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .mat-content mat-icon.mat-icon {
  transform: rotate(180deg);
}
.my7n-theme .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .mat-content .mat-expansion-panel-header-title mat-icon.mat-icon {
  transform: none;
}
.my7n-theme .mat-expansion-panel.no-padding.mat-expanded {
  padding-top: 0;
  padding-bottom: 0;
}
.my7n-theme .mat-expansion-panel.no-padding .mat-expansion-panel-header {
  padding-left: 0;
  padding-right: 0;
}
.my7n-theme .mat-expansion-panel.no-padding .mat-expansion-panel-header.mat-expanded {
  height: 3rem;
}
.my7n-theme .mat-expansion-panel.no-padding .mat-expansion-panel-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.my7n-theme .mat-expansion-panel.body-side-space .mat-expansion-panel-body {
  margin-left: 3.0625rem;
}
.my7n-theme body {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  height: 100%;
}
.my7n-theme hr {
  border: none;
  border-top: 0.0625rem solid rgba(214, 215, 224, 0.4);
  margin: 1.5rem 0;
  width: 100%;
}
.my7n-theme [hidden] {
  display: none !important;
}
.my7n-theme table[mat-table] {
  --mat-table-header-headline-size: 0.75rem;
  --mat-table-background-color: #FFF;
  --mat-table-header-headline-color: #74769C;
}
.my7n-theme .mat-mdc-card {
  --mat-card-outlined-outline-width: 0;
  --mat-card-subtitle-text-size: 1rem;
}
.my7n-theme ul,
.my7n-theme ol {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0.5rem 0 0 0;
}
.my7n-theme ul li,
.my7n-theme ol li {
  display: flex;
  align-items: center;
  padding: 0.5625rem 0;
}
.my7n-theme ul {
  list-style: none;
  padding-left: 0;
}
.my7n-theme ul[color=primary] .list-element-circle {
  border-color: #0103ff;
}
.my7n-theme ul[color=primary] .list-element-circle-filled {
  background: #0103ff;
}
.my7n-theme ul[color=accent] .list-element-circle {
  border-color: #0CE89D;
}
.my7n-theme ul[color=accent] .list-element-circle-filled {
  background: #0CE89D;
}
.my7n-theme ul[color=warn] .list-element-circle {
  border-color: #fa474f;
}
.my7n-theme ul[color=warn] .list-element-circle-filled {
  background: #fa474f;
}
.my7n-theme .list-element-circle {
  border: 0.125rem solid #D6D7E0;
  border-radius: 0.3125rem;
  height: 0.625rem;
  width: 0.625rem;
  box-sizing: border-box;
  margin-right: 0.75rem;
}
.my7n-theme .list-element-circle-filled {
  border-radius: 0.1875rem;
  height: 0.375rem;
  width: 0.375rem;
  box-sizing: border-box;
  margin-right: 0.375rem;
  background: #D6D7E0;
}
.my7n-theme .mat-mdc-list-base {
  padding-top: 0.5rem;
}
.my7n-theme .mat-mdc-list-base .mat-mdc-list-item,
.my7n-theme .mat-mdc-list-base .mat-mdc-list-option {
  height: auto;
}
.my7n-theme .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item-unscoped-content,
.my7n-theme .mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-item-unscoped-content {
  padding: 0.5625rem 0;
}
.my7n-theme .mat-mdc-list-base .mat-mdc-list-item {
  font-size: 1rem;
}
.my7n-theme .mat-mdc-list-base[color=primary] .list-element-circle {
  border-color: #0103ff;
}
.my7n-theme .mat-mdc-list-base[color=primary] .list-element-circle-filled {
  background: #0103ff;
}
.my7n-theme .mat-mdc-list-base[color=accent] .list-element-circle {
  border-color: #0CE89D;
}
.my7n-theme .mat-mdc-list-base[color=accent] .list-element-circle-filled {
  background: #0CE89D;
}
.my7n-theme .mat-mdc-list-base[color=warn] .list-element-circle {
  border-color: #fa474f;
}
.my7n-theme .mat-mdc-list-base[color=warn] .list-element-circle-filled {
  background: #fa474f;
}
.my7n-theme .mat-mdc-table tbody,
.my7n-theme .mat-mdc-table tfoot,
.my7n-theme .mat-mdc-table thead,
.my7n-theme .mat-mdc-cell,
.my7n-theme .mat-mdc-footer-cell,
.my7n-theme .mat-mdc-header-row,
.my7n-theme .mat-mdc-row,
.my7n-theme .mat-mdc-footer-row,
.my7n-theme .mat-mdc-table .mat-mdc-header-cell {
  background: none;
}
.my7n-theme .tree-columns {
  column-count: auto;
  column-width: 28.875rem;
  /* Chrome, Safari, Opera */
  /* Firefox */
  column-gap: 2.5rem;
}
@media screen and (max-width: 1279px) {
  .my7n-theme .tree-columns {
    column-width: 25.25rem;
  }
}
@media screen and (max-width: 959px) {
  .my7n-theme .tree-columns {
    column-count: 1;
  }
}
.my7n-theme .avoid-column-break {
  break-inside: avoid-column;
  page-break-inside: avoid;
}
.my7n-theme mat-tree-node {
  min-height: 2.5rem;
}
.my7n-theme mat-tree-node mat-icon.mat-icon-rtl-mirror {
  opacity: 1 !important;
}
.my7n-theme mat-tree-node[role=treeitem][aria-level="0"] {
  padding-left: 2.75rem !important;
}
.my7n-theme mat-tree-node[role=treeitem][aria-level="1"] {
  padding-left: 5rem !important;
}
.my7n-theme mat-tree-node button[mattreenodetoggle] {
  width: initial;
  height: initial;
  margin-right: 1.25rem;
}
.my7n-theme .mat-mdc-tab-list {
  flex-grow: initial;
}
.my7n-theme .mat-mdc-tab-list .mat-mdc-tab-links {
  height: 100%;
}
.my7n-theme .mat-mdc-tab-list .mat-ink-bar {
  background-color: #0CE89D;
}
.my7n-theme .mat-mdc-tab-list .mat-mdc-tab-link {
  padding: 0;
  min-width: initial;
  margin-right: 2.25rem;
  font-size: 1rem;
  text-decoration-line: none;
  opacity: 1;
  color: #ffffff;
  height: 100%;
}
.my7n-theme .mat-mdc-tab-nav-bar {
  border-bottom: none;
}
.my7n-theme .mat-mdc-tab-group .mat-mdc-tab-header {
  border-bottom: none;
}
.my7n-theme .mat-mdc-tab-group .mdc-tab__text-label {
  opacity: 1;
  font-size: 1rem;
  color: #03063F;
}
.my7n-theme mat-toolbar {
  --mat-toolbar-container-background-color: #03063F;
}
.my7n-theme mat-toolbar.mat-toolbar {
  font-size: 1rem;
  padding: 0;
  color: #ffffff;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row {
  padding: 0;
  height: 5rem;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row .mat-mdc-button > .mat-icon {
  margin-right: 0;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.mat-toolbar-row-padding {
  padding: 0 4.5rem;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row .mat-toolbar-row-padding {
  padding: 0 4.5rem;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row .mat-mdc-tab-header-pagination {
  box-shadow: none;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-before {
  min-width: 1rem;
  padding-left: 0;
  padding-right: 0.5rem;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-before.mat-mdc-tab-header-pagination-disabled {
  visibility: hidden;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-after {
  min-width: 1rem;
  padding-left: 0.5rem;
  padding-right: 0;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-after.mat-mdc-tab-header-pagination-disabled {
  visibility: hidden;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar {
  background-color: white;
  color: #332c55;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .mat-mdc-tab-list .mat-ink-bar {
  background-color: #0103ff;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .mat-mdc-tab-list .mat-mdc-tab-link {
  color: #03063F;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .mat-mdc-tab-list .mat-mdc-tab-link:hover .mdc-tab__ripple::before {
  background: none;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .mat-mdc-tab-list .mat-mdc-tab-link .mdc-tab__content {
  color: #03063F;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .mat-mdc-tab-list .mat-mdc-tab-link .mdc-tab__text-label {
  color: #03063F;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron {
  border-color: #0103ff;
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar h1,
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .typography-top-header {
  font-family: Chivo, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 2.25rem;
}
@media (max-width: 959.9px) {
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar h1,
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .typography-top-header {
    font-family: Chivo, sans-serif;
    font-size: 1rem;
    line-height: 1.4375rem;
    color: #332c55;
    font-weight: normal;
  }
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar h2,
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .typography-header {
  font-family: Chivo, sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: #74769C;
  font-weight: normal;
}
@media (max-width: 959.9px) {
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar h2,
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .typography-header {
    text-transform: none;
    font-size: 1rem;
    color: #332c55;
  }
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar h3,
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.sub-navbar .typography-sub-header {
    font-family: Chivo, sans-serif;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.875rem;
    color: #74769C;
    font-weight: normal;
  }
}
.my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.mat-toolbar-bottom-border {
  border-bottom: 0.0625rem solid rgba(214, 215, 224, 0.4);
}
@media (max-width: 959.9px) {
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row {
    height: 3.75rem;
    min-height: 3.75rem;
  }
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row.mat-toolbar-row-padding {
    padding: 0 1.5rem;
  }
  .my7n-theme mat-toolbar.mat-toolbar .mat-toolbar-row .mat-toolbar-row-padding {
    padding: 0 1.5rem;
  }
  .my7n-theme mat-toolbar.mat-toolbar.mat-toolbar-multiple-rows {
    min-height: 3.75rem;
  }
}
.my7n-theme .no-padding {
  padding: 0;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  padding: 2.25rem;
  border-radius: 0.25rem;
  box-shadow: 0.25rem 0.25rem 1.875rem rgba(1, 3, 255, 0.1);
  max-width: none;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-title {
  position: relative;
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  padding-left: 0;
  font-family: Chivo, sans-serif;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-title::before {
  display: inline;
  height: inherit;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-title .mat-mdc-button.close-btn {
  position: absolute;
  top: 0.125rem;
  right: 0;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-title .mat-mdc-button.close-btn mat-icon {
  margin-right: 0;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-content {
  font-size: 1rem;
  line-height: 1.4375rem;
  color: #332c55;
  word-break: break-word;
  margin: 0 -1.5rem;
  padding: 0 1.5rem 1.5rem;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-track {
  background-color: #EFEFF3;
  opacity: 0.4;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar {
  width: 0.75rem;
  background-color: #EFEFF3;
  border-radius: 0 0.25rem 0.25rem 0;
  box-sizing: border-box;
  opacity: 0.4;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-content::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 0.125rem solid #efeff3;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  padding-top: 1.5rem;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  border-top: solid 0.0625rem rgba(214, 215, 224, 0.4);
  background-clip: padding-box;
  width: 100%;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-actions button:not(.mat-mdc-outlined-button):not(.mat-mdc-unelevated-button) {
  margin-left: 1.5rem;
}
.my7n-theme .mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-button-base + .mat-button-base {
  margin-left: 0;
}
.my7n-theme .full-screen-dialog .mat-mdc-dialog-surface {
  border-radius: 0;
  box-shadow: none;
}
.my7n-theme .full-screen-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-title {
  z-index: 500;
}
.my7n-theme .full-screen-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-title .mat-toolbar {
  background: none;
  box-shadow: 0rem 0.3125rem 2.5rem rgba(3, 6, 63, 0.05);
}
.my7n-theme .full-screen-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-content {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}
.my7n-theme .full-screen-dialog:not(.responsive-dialog) .mat-mdc-dialog-surface {
  padding: 0;
}
.my7n-theme .full-screen-dialog:not(.responsive-dialog) .mat-mdc-dialog-surface .mat-mdc-dialog-title {
  padding: 0;
  margin: 0;
}
.my7n-theme .full-screen-dialog:not(.responsive-dialog) .mat-mdc-dialog-surface .mat-mdc-dialog-content {
  margin: 0;
  padding: 0;
  max-height: unset;
}
.my7n-theme .full-screen-dialog.responsive-dialog .mat-mdc-dialog-surface > * {
  display: flex;
  flex-flow: column;
  height: 100%;
  width: 100%;
}
.my7n-theme .full-screen-dialog.responsive-dialog .mat-mdc-dialog-surface {
  padding: 1.5rem;
}
.my7n-theme .full-screen-dialog.responsive-dialog .mat-mdc-dialog-surface .mat-mdc-dialog-content {
  max-height: unset;
}
.my7n-theme .info-popup .mat-mdc-dialog-surface {
  padding: 1.5rem;
}
.my7n-theme .info-popup .mat-mdc-dialog-surface .mat-mdc-dialog-content {
  padding: 0 0 0.75rem 0;
  margin: 0;
}
.my7n-theme .info-popup .mat-mdc-dialog-surface .mat-mdc-dialog-actions {
  border: none;
  padding: 0;
  margin: 0;
}
.my7n-theme .small-info-popup .mat-mdc-dialog-surface {
  padding: 0.75rem;
}
.my7n-theme .small-info-popup .mat-mdc-dialog-surface .mat-mdc-dialog-content {
  padding: 0 0 0.75rem 0;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.my7n-theme .small-info-popup .mat-mdc-dialog-surface .mat-mdc-dialog-actions {
  border: none;
  padding: 0;
  margin: 0;
}
.my7n-theme .notification .mat-mdc-dialog-surface {
  padding: 0.75rem;
}
.my7n-theme .notification .mat-mdc-dialog-surface .mat-mdc-dialog-content {
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.my7n-theme .notification.active .mat-mdc-dialog-container {
  border: solid 0.0625rem #0103ff;
}
.my7n-theme .notification.error .mat-mdc-dialog-container {
  border: solid 0.0625rem #fa474f;
}
.my7n-theme .cdk-overlay-pane.relative-pane {
  position: relative !important;
}
.my7n-theme .snackbar {
  margin: 1.5rem;
  box-shadow: 0.25rem 0.25rem 1.875rem rgba(1, 3, 255, 0.1);
  max-width: 21.5rem;
}
.my7n-theme .snackbar .mdc-snackbar__surface {
  padding: 0;
}
.my7n-theme .snackbar .mdc-snackbar__label {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding: 1rem 1.5rem;
}
.my7n-theme .snackbar .action-button {
  margin-left: 1.5rem;
}
.my7n-theme .snackbar .action-button button.text-button {
  font-size: 0.875rem;
}
.my7n-theme .snackbar .action-button .mat-mdc-icon-button {
  display: flex;
}
.my7n-theme .snackbar.error .mdc-snackbar__surface {
  border: solid 0.0625rem #fa474f;
  background: white;
}
.my7n-theme .snackbar.error .mdc-snackbar__label {
  color: #332c55;
}
.my7n-theme .snackbar.error-alt .mdc-snackbar__surface {
  border: 0;
  background: #fa474f;
}
.my7n-theme .snackbar.error-alt .mdc-snackbar__label {
  color: #FFF;
}
.my7n-theme .snackbar.error-alt .mat-icon:not([color]),
.my7n-theme .snackbar.error-alt .mat-icon[color=""],
.my7n-theme .snackbar.error-alt .mat-mdc-button.text-button {
  color: #fff !important;
}
.my7n-theme .snackbar.default .mdc-snackbar__surface {
  border: 0;
  background: white;
}
.my7n-theme .snackbar.default .mdc-snackbar__label {
  color: #332c55;
}
.my7n-theme .snackbar.success .mdc-snackbar__surface {
  border: solid 0.0625rem #0CE89D;
  background: white;
}
.my7n-theme .snackbar.success .mdc-snackbar__label {
  color: #332c55;
}
.my7n-theme .snackbar.success-alt .mdc-snackbar__surface {
  border: 0;
  background: #0CE89D;
}
.my7n-theme .snackbar.success-alt .mdc-snackbar__label {
  color: #FFF;
}
.my7n-theme .snackbar.success-alt .mat-icon:not([color]),
.my7n-theme .snackbar.success-alt .mat-icon[color=""],
.my7n-theme .snackbar.success-alt .mat-mdc-button.text-button {
  color: #fff !important;
}
.my7n-theme .snackbar.notification .mdc-snackbar__surface {
  background: white;
  border: solid 0.0625rem #332c55;
}
.my7n-theme .snackbar.notification .mdc-snackbar__label {
  color: #332c55;
}
.my7n-theme .snackbar.notification-alt .mdc-snackbar__surface {
  border: 0;
  background: #332c55;
}
.my7n-theme .snackbar.notification-alt .mdc-snackbar__label {
  color: #FFF;
}
.my7n-theme .snackbar.notification-alt .mat-icon:not([color]),
.my7n-theme .snackbar.notification-alt .mat-icon[color=""],
.my7n-theme .snackbar.notification-alt .mat-mdc-button.text-button {
  color: #fff !important;
}
.my7n-theme .tooltip-popover {
  background-color: #332c55;
  border-radius: 0.25rem;
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  line-height: 0.875rem;
  max-width: 31.125rem;
  overflow-wrap: break-word;
}
@media (min-width: 0) and (max-width: 599.9px) {
  .my7n-theme .tooltip-popover {
    width: calc(100% - 4.5rem) !important;
    left: 2.25rem !important;
    margin-left: 0;
  }
}
.my7n-theme .tooltip-popover a {
  color: #0CE89D;
}
.my7n-theme .tooltip-popover .close-icon {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  cursor: pointer;
}
.my7n-theme .tooltip-popover .multiline-content {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-right: 2rem;
}
.my7n-theme .tooltip-popover .dialog-content {
  max-width: 17.1875rem;
}
.my7n-theme .tooltip-popover .title {
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.my7n-theme .tooltip-popover ul {
  margin-top: 0.875rem;
}
.my7n-theme .tooltip-popover ul li {
  padding: 0;
}
.my7n-theme .tooltip-popover ul li::before {
  content: "•";
  display: inline-block;
  width: 0.25rem; /* Also needed for space (tweak if needed) */
  margin-right: 0.5rem;
  opacity: 0.3;
  align-self: flex-start;
}
.my7n-theme .tooltip-popover dl dt {
  font-weight: bold;
}
.my7n-theme .tooltip-popover dl dt::before {
  content: "•";
  display: inline-block;
  width: 0.25rem; /* Also needed for space (tweak if needed) */
  margin-right: 0.5rem;
  opacity: 0.3;
}
.my7n-theme .tooltip-popover dl dd {
  margin-left: 0.75rem;
}
.my7n-theme .tooltip-popover dl dd:not(:last-of-type) {
  margin-bottom: 0.625rem;
}
@media (max-width: 599.9px) {
  .my7n-theme .popover.popover-notifications {
    left: 0 !important;
  }
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*      ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com      */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: Chivo, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

html{
  font-size: 16px;
  line-height: 1.2;
}

body{
  font-family: Chivo, sans-serif;
}

h1{
  font-family: Chivo, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 5.375rem;
  --tw-text-opacity: 1;
  color: rgb(3 6 63 / var(--tw-text-opacity, 1));
  margin: 0.67em 0;
}

h2{
  font-family: Chivo, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.625rem;
  --tw-text-opacity: 1;
  color: rgb(3 6 63 / var(--tw-text-opacity, 1));
  margin: 0.83em 0;
}

h3{
  font-family: Chivo, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.3125rem;
  --tw-text-opacity: 1;
  color: rgb(5 0 30 / var(--tw-text-opacity, 1));
  margin: 1em 0;
}

h4{
  font-family: Chivo, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.8125rem;
  --tw-text-opacity: 1;
  color: rgb(5 0 30 / var(--tw-text-opacity, 1));
  margin: 1.33em 0;
}

h5{
  font-family: Chivo, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3125rem;
  --tw-text-opacity: 1;
  color: rgb(5 0 30 / var(--tw-text-opacity, 1));
  margin: 1.67em 0;
}

p{
  font-family: Chivo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4375rem;
  --tw-text-opacity: 1;
  color: rgb(51 44 85 / var(--tw-text-opacity, 1));
  margin: 1em 0;
}

label{
  font-family: Chivo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.0625rem;
  --tw-text-opacity: 1;
  color: rgb(116 118 156 / var(--tw-text-opacity, 1));
}

a{
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  --tw-text-opacity: 1;
  color: rgb(1 3 255 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}

a:visited{
  color: rgb(1 3 255 );
}

a:hover{
  --tw-text-opacity: 1;
  color: rgb(1 3 255 / var(--tw-text-opacity, 1));
}

a:active{
  color: rgb(1 3 255 / 0.4);
}

b,
  strong{
  font-weight: 700;
}
.typography-top-header{
  font-family: Chivo, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 5.375rem;
  --tw-text-opacity: 1;
  color: rgb(3 6 63 / var(--tw-text-opacity, 1));
}
.typography-header{
  font-family: Chivo, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.625rem;
  --tw-text-opacity: 1;
  color: rgb(3 6 63 / var(--tw-text-opacity, 1));
}
.typography-sub-header{
  font-family: Chivo, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.3125rem;
  --tw-text-opacity: 1;
  color: rgb(5 0 30 / var(--tw-text-opacity, 1));
}
.typography-small-header{
  font-family: Chivo, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.8125rem;
  --tw-text-opacity: 1;
  color: rgb(5 0 30 / var(--tw-text-opacity, 1));
}
.typography-tiny-header{
  font-family: Chivo, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3125rem;
  --tw-text-opacity: 1;
  color: rgb(5 0 30 / var(--tw-text-opacity, 1));
}
.typography-paragraph{
  font-family: Chivo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4375rem;
  --tw-text-opacity: 1;
  color: rgb(51 44 85 / var(--tw-text-opacity, 1));
}
.typography-small-paragraph{
  font-family: Chivo, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.0625rem;
  --tw-text-opacity: 1;
  color: rgb(51 44 85 / var(--tw-text-opacity, 1));
}
.typography-label{
  font-family: Chivo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.0625rem;
  --tw-text-opacity: 1;
  color: rgb(116 118 156 / var(--tw-text-opacity, 1));
}
#tailwindStyles .visible{
  visibility: visible;
}
#tailwindStyles .invisible{
  visibility: hidden;
}
#tailwindStyles .collapse{
  visibility: collapse;
}
#tailwindStyles .static{
  position: static;
}
#tailwindStyles .fixed{
  position: fixed;
}
#tailwindStyles .absolute{
  position: absolute;
}
#tailwindStyles .relative{
  position: relative;
}
#tailwindStyles .sticky{
  position: sticky;
}
#tailwindStyles .order-1{
  order: 1;
}
#tailwindStyles .order-2{
  order: 2;
}
#tailwindStyles .line-clamp-5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
#tailwindStyles .\!block{
  display: block !important;
}
#tailwindStyles .block{
  display: block;
}
#tailwindStyles .inline{
  display: inline;
}
#tailwindStyles .\!flex{
  display: flex !important;
}
#tailwindStyles .flex{
  display: flex;
}
#tailwindStyles .table{
  display: table;
}
#tailwindStyles .contents{
  display: contents;
}
#tailwindStyles .\!hidden{
  display: none !important;
}
#tailwindStyles .hidden{
  display: none;
}
#tailwindStyles .flex-1{
  flex: 1 1 0%;
}
#tailwindStyles .flex-\[0_0_0\%\]{
  flex: 0 0 0%;
}
#tailwindStyles .flex-\[0_0_100\%\]{
  flex: 0 0 100%;
}
#tailwindStyles .flex-\[0_0_5\%\]{
  flex: 0 0 5%;
}
#tailwindStyles .flex-\[0_0_auto\]{
  flex: 0 0 auto;
}
#tailwindStyles .flex-\[0_1_100\%\]{
  flex: 0 1 100%;
}
#tailwindStyles .flex-\[0_1_11\%\]{
  flex: 0 1 11%;
}
#tailwindStyles .flex-\[0_1_11\.75\%\]{
  flex: 0 1 11.75%;
}
#tailwindStyles .flex-\[0_1_12\.8\%\]{
  flex: 0 1 12.8%;
}
#tailwindStyles .flex-\[0_1_14\.2\%\]{
  flex: 0 1 14.2%;
}
#tailwindStyles .flex-\[0_1_15\%\]{
  flex: 0 1 15%;
}
#tailwindStyles .flex-\[0_1_16\%\]{
  flex: 0 1 16%;
}
#tailwindStyles .flex-\[0_1_17\%\]{
  flex: 0 1 17%;
}
#tailwindStyles .flex-\[0_1_17\.5\%\]{
  flex: 0 1 17.5%;
}
#tailwindStyles .flex-\[0_1_18\%\]{
  flex: 0 1 18%;
}
#tailwindStyles .flex-\[0_1_18\.5\%\]{
  flex: 0 1 18.5%;
}
#tailwindStyles .flex-\[0_1_19\%\]{
  flex: 0 1 19%;
}
#tailwindStyles .flex-\[0_1_2\.5rem\]{
  flex: 0 1 2.5rem;
}
#tailwindStyles .flex-\[0_1_25\.5\%\]{
  flex: 0 1 25.5%;
}
#tailwindStyles .flex-\[0_1_45\%\]{
  flex: 0 1 45%;
}
#tailwindStyles .flex-\[0_1_50\%\]{
  flex: 0 1 50%;
}
#tailwindStyles .flex-\[0_1_68\%\]{
  flex: 0 1 68%;
}
#tailwindStyles .flex-\[0_1_70\%\]{
  flex: 0 1 70%;
}
#tailwindStyles .flex-\[0_1_auto\]{
  flex: 0 1 auto;
}
#tailwindStyles .flex-\[0_4_auto\]{
  flex: 0 4 auto;
}
#tailwindStyles .flex-\[10_0_auto\]{
  flex: 10 0 auto;
}
#tailwindStyles .flex-\[15_0_auto\]{
  flex: 15 0 auto;
}
#tailwindStyles .flex-\[16\.8_0_auto\]{
  flex: 16.8 0 auto;
}
#tailwindStyles .flex-\[18\.7_0_auto\]{
  flex: 18.7 0 auto;
}
#tailwindStyles .flex-\[1_0_0\%\]{
  flex: 1 0 0%;
}
#tailwindStyles .flex-\[1_0_0\]{
  flex: 1 0 0;
}
#tailwindStyles .flex-\[1_0_100\%\]{
  flex: 1 0 100%;
}
#tailwindStyles .flex-\[1_0_50\%\]{
  flex: 1 0 50%;
}
#tailwindStyles .flex-\[1_0_auto\]{
  flex: 1 0 auto;
}
#tailwindStyles .flex-\[1_1_0\%\]{
  flex: 1 1 0%;
}
#tailwindStyles .flex-\[1_1_100\%\]{
  flex: 1 1 100%;
}
#tailwindStyles .flex-\[1_1_33\%\]{
  flex: 1 1 33%;
}
#tailwindStyles .flex-\[1_1_46\%\]{
  flex: 1 1 46%;
}
#tailwindStyles .flex-\[1_1_50\%\]{
  flex: 1 1 50%;
}
#tailwindStyles .flex-\[1_1_55\%\]{
  flex: 1 1 55%;
}
#tailwindStyles .flex-\[1_1_70\%\]{
  flex: 1 1 70%;
}
#tailwindStyles .flex-\[1_1_auto\]{
  flex: 1 1 auto;
}
#tailwindStyles .flex-\[1_2_auto\]{
  flex: 1 2 auto;
}
#tailwindStyles .flex-\[20_0_auto\]{
  flex: 20 0 auto;
}
#tailwindStyles .flex-\[29\.4_0_auto\]{
  flex: 29.4 0 auto;
}
#tailwindStyles .flex-\[2_0_auto\]{
  flex: 2 0 auto;
}
#tailwindStyles .flex-\[33\.4\%\]{
  flex: 33.4%;
}
#tailwindStyles .flex-\[35\.1_0_auto\]{
  flex: 35.1 0 auto;
}
#tailwindStyles .flex-\[38\%\]{
  flex: 38%;
}
#tailwindStyles .flex-\[40\%\]{
  flex: 40%;
}
#tailwindStyles .flex-\[45_0_auto\]{
  flex: 45 0 auto;
}
#tailwindStyles .flex-\[50\%\]{
  flex: 50%;
}
#tailwindStyles .flex-\[60\%\]{
  flex: 60%;
}
#tailwindStyles .flex-auto{
  flex: 1 1 auto;
}
#tailwindStyles .flex-full{
  flex: 1 1 100%;
}
#tailwindStyles .flex-initial{
  flex: 0 1 auto;
}
#tailwindStyles .flex-shrink-0{
  flex-shrink: 0;
}
#tailwindStyles .shrink{
  flex-shrink: 1;
}
#tailwindStyles .shrink-0{
  flex-shrink: 0;
}
#tailwindStyles .flex-grow{
  flex-grow: 1;
}
#tailwindStyles .flex-grow-0{
  flex-grow: 0;
}
#tailwindStyles .grow{
  flex-grow: 1;
}
#tailwindStyles .grow-0{
  flex-grow: 0;
}
#tailwindStyles .rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#tailwindStyles .rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#tailwindStyles .transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#tailwindStyles .resize{
  resize: both;
}
#tailwindStyles .flex-row{
  flex-direction: row;
}
#tailwindStyles .flex-row-reverse{
  flex-direction: row-reverse;
}
#tailwindStyles .flex-col{
  flex-direction: column;
}
#tailwindStyles .flex-col-reverse{
  flex-direction: column-reverse;
}
#tailwindStyles .flex-wrap{
  flex-wrap: wrap;
}
#tailwindStyles .flex-nowrap{
  flex-wrap: nowrap;
}
#tailwindStyles .content-stretch{
  align-content: stretch;
}
#tailwindStyles .items-stretch{
  align-items: stretch;
}
#tailwindStyles .justify-start{
  justify-content: flex-start;
}
#tailwindStyles .self-end{
  align-self: flex-end;
}
#tailwindStyles .self-center{
  align-self: center;
}
#tailwindStyles .overflow-hidden{
  overflow: hidden;
}
#tailwindStyles .truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tailwindStyles .rounded{
  border-radius: 0.25rem;
}
#tailwindStyles .rounded-\[0\.25rem\]{
  border-radius: 0.25rem;
}
#tailwindStyles .rounded-\[4px\]{
  border-radius: 4px;
}
#tailwindStyles .border{
  border-width: 0.0625rem;
}
#tailwindStyles .border-transparent{
  border-color: transparent;
}
#tailwindStyles .bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#tailwindStyles .object-cover{
  object-fit: cover;
}
#tailwindStyles .text-left{
  text-align: left;
}
#tailwindStyles .text-center{
  text-align: center;
}
#tailwindStyles .text-right{
  text-align: right;
}
#tailwindStyles .font-sans{
  font-family: Chivo, sans-serif;
}
#tailwindStyles .text-12{
  font-size: 0.75rem;
}
#tailwindStyles .text-14{
  font-size: 0.875rem;
}
#tailwindStyles .text-16{
  font-size: 1rem;
}
#tailwindStyles .text-18{
  font-size: 1.125rem;
}
#tailwindStyles .text-22{
  font-size: 1.375rem;
}
#tailwindStyles .text-24{
  font-size: 1.5rem;
}
#tailwindStyles .font-bold{
  font-weight: 700;
}
#tailwindStyles .font-light{
  font-weight: 300;
}
#tailwindStyles .font-normal{
  font-weight: 400;
}
#tailwindStyles .uppercase{
  text-transform: uppercase;
}
#tailwindStyles .lowercase{
  text-transform: lowercase;
}
#tailwindStyles .italic{
  font-style: italic;
}
#tailwindStyles .leading-17{
  line-height: 1.0625rem;
}
#tailwindStyles .leading-19{
  line-height: 1.1875rem;
}
#tailwindStyles .leading-21{
  line-height: 1.3125rem;
}
#tailwindStyles .leading-29{
  line-height: 1.8125rem;
}
#tailwindStyles .leading-36{
  line-height: 2.25rem;
}
#tailwindStyles .text-lucky-point{
  --tw-text-opacity: 1;
  color: rgb(51 44 85 / var(--tw-text-opacity, 1));
}
#tailwindStyles .underline{
  text-decoration-line: underline;
}
#tailwindStyles .outline{
  outline-style: solid;
}
#tailwindStyles .ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
#tailwindStyles .blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#tailwindStyles .filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#tailwindStyles .transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#tailwindStyles .ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
#tailwindStyles .ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#tailwindStyles .ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
#tailwindStyles .w-\[389\]{
  width: 24.3125rem;
}
#tailwindStyles .w-full{
  width: 100%;
}
#tailwindStyles .max-w-1\/3{
  max-width: 33.33%;
}
#tailwindStyles .max-w-1\/5{
  max-width: 20%;
}
#tailwindStyles .max-w-2\/5{
  max-width: 40%;
}
#tailwindStyles .max-w-\[20\%\]{
  max-width: 20%;
}
#tailwindStyles .max-w-\[33\%\]{
  max-width: 33%;
}
#tailwindStyles .max-w-\[41\.3\%\]{
  max-width: 41.3%;
}
#tailwindStyles .max-w-\[46\%\]{
  max-width: 46%;
}
#tailwindStyles .max-w-\[50\%\]{
  max-width: 50%;
}
#tailwindStyles .max-w-\[884\]{
  max-width: 55.25rem;
}
#tailwindStyles .max-w-\[90\%\]{
  max-width: 90%;
}
#tailwindStyles .max-w-full{
  max-width: 100%;
}
#tailwindStyles .min-w-\[95\]{
  min-width: 5.9375rem;
}
#tailwindStyles .h-\[214\]{
  height: 13.375rem;
}
#tailwindStyles .h-full{
  height: 100%;
}
#tailwindStyles .max-h-\[100\]{
  max-height: 6.25rem;
}
#tailwindStyles .min-h-full{
  min-height: 100%;
}
#tailwindStyles .basis-1\/2{
  flex-basis: 50%;
}
#tailwindStyles .basis-36{
  flex-basis: 2.25rem;
}
#tailwindStyles .basis-\[11\.75\%\]{
  flex-basis: 11.75%;
}
#tailwindStyles .basis-\[16\%\]{
  flex-basis: 16%;
}
#tailwindStyles .basis-\[17\.5\%\]{
  flex-basis: 17.5%;
}
#tailwindStyles .basis-\[24\]{
  flex-basis: 1.5rem;
}
#tailwindStyles .basis-\[25\.5\%\]{
  flex-basis: 25.5%;
}
#tailwindStyles .basis-\[327\]{
  flex-basis: 20.4375rem;
}
#tailwindStyles .basis-\[393\]{
  flex-basis: 24.5625rem;
}
#tailwindStyles .basis-\[40\]{
  flex-basis: 2.5rem;
}
#tailwindStyles .basis-\[424\]{
  flex-basis: 26.5rem;
}
#tailwindStyles .basis-\[86\]{
  flex-basis: 5.375rem;
}
#tailwindStyles .basis-\[93\]{
  flex-basis: 5.8125rem;
}
#tailwindStyles .basis-auto{
  flex-basis: auto;
}
#tailwindStyles .basis-full{
  flex-basis: 100%;
}
#tailwindStyles .gap-10{
  gap: 0.625rem;
}
#tailwindStyles .gap-100{
  gap: 6.25rem;
}
#tailwindStyles .gap-12{
  gap: 0.75rem;
}
#tailwindStyles .gap-136{
  gap: 8.5rem;
}
#tailwindStyles .gap-140{
  gap: 8.75rem;
}
#tailwindStyles .gap-16{
  gap: 1rem;
}
#tailwindStyles .gap-18{
  gap: 1.125rem;
}
#tailwindStyles .gap-20{
  gap: 1.25rem;
}
#tailwindStyles .gap-21{
  gap: 1.3125rem;
}
#tailwindStyles .gap-24{
  gap: 1.5rem;
}
#tailwindStyles .gap-27{
  gap: 1.6875rem;
}
#tailwindStyles .gap-3{
  gap: 0.1875rem;
}
#tailwindStyles .gap-30{
  gap: 1.875rem;
}
#tailwindStyles .gap-32{
  gap: 2rem;
}
#tailwindStyles .gap-36{
  gap: 2.25rem;
}
#tailwindStyles .gap-4{
  gap: 0.25rem;
}
#tailwindStyles .gap-42{
  gap: 2.625rem;
}
#tailwindStyles .gap-48{
  gap: 3rem;
}
#tailwindStyles .gap-6{
  gap: 0.375rem;
}
#tailwindStyles .gap-60{
  gap: 3.75rem;
}
#tailwindStyles .gap-72{
  gap: 4.5rem;
}
#tailwindStyles .gap-8{
  gap: 0.5rem;
}
#tailwindStyles .gap-80{
  gap: 5rem;
}
#tailwindStyles .gap-9{
  gap: 0.5625rem;
}
#tailwindStyles .p-0{
  padding: 0rem;
}
#tailwindStyles .p-20{
  padding: 1.25rem;
}
#tailwindStyles .p-24{
  padding: 1.5rem;
}
#tailwindStyles .pt-0{
  padding-top: 0rem;
}
#tailwindStyles .pt-6{
  padding-top: 0.375rem;
}
#tailwindStyles .pb-60{
  padding-bottom: 3.75rem;
}
#tailwindStyles .m-0{
  margin: 0rem;
}
#tailwindStyles .my-0{
  margin: 0rem 0;
}
#tailwindStyles .my-12{
  margin: 0.75rem 0;
}
#tailwindStyles .my-28{
  margin: 1.75rem 0;
}
#tailwindStyles .my-\[23\]{
  margin: 1.4375rem 0;
}
#tailwindStyles .mb-0{
  margin-bottom: 0rem;
}
#tailwindStyles .mb-24{
  margin-bottom: 1.5rem;
}
#tailwindStyles .mb-48{
  margin-bottom: 3rem;
}
#tailwindStyles .ml-10{
  margin-left: 0.625rem;
}
#tailwindStyles  .flex-start-start{
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}
#tailwindStyles  .flex-start-end{
  align-content: flex-end;
  align-items: flex-end;
  justify-content: flex-start;
}
#tailwindStyles  .flex-start-center{
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}
#tailwindStyles  .flex-start-stretch{
  align-content: stretch;
  align-items: stretch;
  justify-content: flex-start;
}
#tailwindStyles  .flex-end-start{
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
}
#tailwindStyles  .flex-end-end{
  align-content: flex-end;
  align-items: flex-end;
  justify-content: flex-end;
}
#tailwindStyles  .flex-end-center{
  align-content: center;
  align-items: center;
  justify-content: flex-end;
}
#tailwindStyles  .flex-end-stretch{
  align-content: stretch;
  align-items: stretch;
  justify-content: flex-end;
}
#tailwindStyles  .flex-center-start{
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
}
#tailwindStyles  .flex-center-end{
  align-content: flex-end;
  align-items: flex-end;
  justify-content: center;
}
#tailwindStyles  .flex-center-center{
  align-content: center;
  align-items: center;
  justify-content: center;
}
#tailwindStyles  .flex-center-stretch{
  align-content: stretch;
  align-items: stretch;
  justify-content: center;
}
#tailwindStyles  .flex-between-start{
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
}
#tailwindStyles  .flex-between-end{
  align-content: flex-end;
  align-items: flex-end;
  justify-content: space-between;
}
#tailwindStyles  .flex-between-center{
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
#tailwindStyles  .flex-between-stretch{
  align-content: stretch;
  align-items: stretch;
  justify-content: space-between;
}
#tailwindStyles  .flex-around-center{
  align-content: center;
  align-items: center;
  justify-content: space-around;
}
#tailwindStyles  .flex-around-stretch{
  align-content: stretch;
  align-items: stretch;
  justify-content: space-around;
}
#tailwindStyles  .flex-evenly-stretch{
  align-content: stretch;
  align-items: stretch;
  justify-content: space-evenly;
}
#tailwindStyles  .flex-stretch-start{
  align-content: flex-start;
  align-items: flex-start;
  justify-content: stretch;
}
#tailwindStyles  .flex-stretch-center{
  align-content: center;
  align-items: center;
  justify-content: stretch;
}
@media not all and (min-width: 960px){
  .max-md\:typography-sub-header{
    font-family: Chivo, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.3125rem;
    --tw-text-opacity: 1;
    color: rgb(5 0 30 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 600px){
  .sm\:typography-small-header{
    font-family: Chivo, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.8125rem;
    --tw-text-opacity: 1;
    color: rgb(5 0 30 / var(--tw-text-opacity, 1));
  }
}
@media (min-width: 960px){
  .md\:typography-sub-header{
    font-family: Chivo, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.3125rem;
    --tw-text-opacity: 1;
    color: rgb(5 0 30 / var(--tw-text-opacity, 1));
  }
  .md\:typography-small-header{
    font-family: Chivo, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.8125rem;
    --tw-text-opacity: 1;
    color: rgb(5 0 30 / var(--tw-text-opacity, 1));
  }
}
@media not all and (min-width: 1920px){
  #tailwindStyles .max-xl\:flex-col{
    flex-direction: column;
  }
}
@media not all and (min-width: 1400px){
  #tailwindStyles .max-lg\:flex-col{
    flex-direction: column;
  }
  #tailwindStyles .max-lg\:gap-24{
    gap: 1.5rem;
  }
}
@media not all and (min-width: 1280px){
  #tailwindStyles .max-md2\:hidden{
    display: none;
  }
  #tailwindStyles .max-md2\:flex-col{
    flex-direction: column;
  }
  #tailwindStyles .max-md2\:basis-\[78\]{
    flex-basis: 4.875rem;
  }
  #tailwindStyles .max-md2\:gap-60{
    gap: 3.75rem;
  }
}
@media not all and (min-width: 960px){
  #tailwindStyles .max-md\:order-1{
    order: 1;
  }
  #tailwindStyles .max-md\:order-2{
    order: 2;
  }
  #tailwindStyles .max-md\:hidden{
    display: none;
  }
  #tailwindStyles .max-md\:flex-\[0_1_100\%\]{
    flex: 0 1 100%;
  }
  #tailwindStyles .max-md\:flex-\[1_0_100\%\]{
    flex: 1 0 100%;
  }
  #tailwindStyles .max-md\:flex-\[1_0_50\%\]{
    flex: 1 0 50%;
  }
  #tailwindStyles .max-md\:flex-full{
    flex: 1 1 100%;
  }
  #tailwindStyles .max-md\:flex-initial{
    flex: 0 1 auto;
  }
  #tailwindStyles .max-md\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  #tailwindStyles .max-md\:flex-col{
    flex-direction: column;
  }
  #tailwindStyles .max-md\:flex-col-reverse{
    flex-direction: column-reverse;
  }
  #tailwindStyles .max-md\:flex-wrap{
    flex-wrap: wrap;
  }
  #tailwindStyles .max-md\:text-center{
    text-align: center;
  }
  #tailwindStyles .max-md\:w-auto{
    width: auto;
  }
  #tailwindStyles .max-md\:max-w-1\/2{
    max-width: 50%;
  }
  #tailwindStyles .max-md\:basis-1\/2{
    flex-basis: 50%;
  }
  #tailwindStyles .max-md\:basis-\[36\]{
    flex-basis: 2.25rem;
  }
  #tailwindStyles .max-md\:basis-auto{
    flex-basis: auto;
  }
  #tailwindStyles .max-md\:gap-12{
    gap: 0.75rem;
  }
  #tailwindStyles .max-md\:gap-24{
    gap: 1.5rem;
  }
  #tailwindStyles .max-md\:gap-32{
    gap: 2rem;
  }
  #tailwindStyles .max-md\:gap-36{
    gap: 2.25rem;
  }
  #tailwindStyles .max-md\:gap-48{
    gap: 3rem;
  }
  #tailwindStyles .max-md\:mx-12{
    margin: 0 0.75rem;
  }
  #tailwindStyles  .max-md\:flex-start-stretch{
    align-content: stretch;
    align-items: stretch;
    justify-content: flex-start;
  }
  #tailwindStyles  .max-md\:flex-center-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
  }
  #tailwindStyles  .max-md\:flex-center-center{
    align-content: center;
    align-items: center;
    justify-content: center;
  }
  #tailwindStyles  .max-md\:flex-between-stretch{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
  }
  #tailwindStyles  .max-md\:flex-around-center{
    align-content: center;
    align-items: center;
    justify-content: space-around;
  }
}
@media not all and (min-width: 600px){
  #tailwindStyles .max-sm\:hidden{
    display: none;
  }
  #tailwindStyles .max-sm\:flex-initial{
    flex: 0 1 auto;
  }
  #tailwindStyles .max-sm\:flex-col{
    flex-direction: column;
  }
  #tailwindStyles .max-sm\:gap-12{
    gap: 0.75rem;
  }
  #tailwindStyles .max-sm\:gap-6{
    gap: 0.375rem;
  }
  #tailwindStyles  .max-sm\:flex-start-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media (min-width: 600px){
  #tailwindStyles .sm\:block{
    display: block;
  }
  #tailwindStyles .sm\:inline{
    display: inline;
  }
  #tailwindStyles .sm\:flex{
    display: flex;
  }
  #tailwindStyles .sm\:hidden{
    display: none;
  }
  #tailwindStyles .sm\:flex-\[1_1_54\%\]{
    flex: 1 1 54%;
  }
  #tailwindStyles .sm\:flex-\[62\%\]{
    flex: 62%;
  }
  #tailwindStyles .sm\:flex-\[66\.6\%\]{
    flex: 66.6%;
  }
  #tailwindStyles .sm\:flex-row{
    flex-direction: row;
  }
  #tailwindStyles .sm\:flex-wrap{
    flex-wrap: wrap;
  }
  #tailwindStyles .sm\:font-bold{
    font-weight: 700;
  }
  #tailwindStyles .sm\:max-w-\[54\%\]{
    max-width: 54%;
  }
  #tailwindStyles .sm\:gap-12{
    gap: 0.75rem;
  }
  #tailwindStyles .sm\:gap-24{
    gap: 1.5rem;
  }
  #tailwindStyles .sm\:gap-60{
    gap: 3.75rem;
  }
  #tailwindStyles  .sm\:flex-start-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #tailwindStyles  .sm\:flex-start-center{
    align-content: center;
    align-items: center;
    justify-content: flex-start;
  }
  #tailwindStyles  .sm\:flex-start-stretch{
    align-content: stretch;
    align-items: stretch;
    justify-content: flex-start;
  }
  #tailwindStyles  .sm\:flex-center-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
  }
  #tailwindStyles  .sm\:flex-between-center{
    align-content: center;
    align-items: center;
    justify-content: space-between;
  }
  @media not all and (min-width: 960px){
    #tailwindStyles .sm\:max-md\:flex{
      display: flex;
    }
    #tailwindStyles .sm\:max-md\:flex-wrap{
      flex-wrap: wrap;
    }
  #tailwindStyles  .sm\:max-md\:flex-between-center{
      align-content: center;
      align-items: center;
      justify-content: space-between;
    }
  }
}
@media (min-width: 960px){
  #tailwindStyles .md\:order-1{
    order: 1;
  }
  #tailwindStyles .md\:order-2{
    order: 2;
  }
  #tailwindStyles .md\:block{
    display: block;
  }
  #tailwindStyles .md\:inline-block{
    display: inline-block;
  }
  #tailwindStyles .md\:inline{
    display: inline;
  }
  #tailwindStyles .md\:flex{
    display: flex;
  }
  #tailwindStyles .md\:hidden{
    display: none;
  }
  #tailwindStyles .md\:flex-\[0_0_auto\]{
    flex: 0 0 auto;
  }
  #tailwindStyles .md\:flex-\[0_1_11\%\]{
    flex: 0 1 11%;
  }
  #tailwindStyles .md\:flex-\[0_1_12\.8\%\]{
    flex: 0 1 12.8%;
  }
  #tailwindStyles .md\:flex-\[0_1_14\.2\%\]{
    flex: 0 1 14.2%;
  }
  #tailwindStyles .md\:flex-\[0_1_18\%\]{
    flex: 0 1 18%;
  }
  #tailwindStyles .md\:flex-\[0_1_18\.5\%\]{
    flex: 0 1 18.5%;
  }
  #tailwindStyles .md\:flex-\[0_1_19\%\]{
    flex: 0 1 19%;
  }
  #tailwindStyles .md\:flex-\[0_1_32\%\]{
    flex: 0 1 32%;
  }
  #tailwindStyles .md\:flex-\[1_0_16\.6\%\]{
    flex: 1 0 16.6%;
  }
  #tailwindStyles .md\:flex-\[1_0_16\.8\%\]{
    flex: 1 0 16.8%;
  }
  #tailwindStyles .md\:flex-\[1_0_50\%\]{
    flex: 1 0 50%;
  }
  #tailwindStyles .md\:flex-\[1_0_auto\]{
    flex: 1 0 auto;
  }
  #tailwindStyles .md\:flex-\[48\.4\%\]{
    flex: 48.4%;
  }
  #tailwindStyles .md\:flex-\[51\.6\%\]{
    flex: 51.6%;
  }
  #tailwindStyles .md\:flex-full{
    flex: 1 1 100%;
  }
  #tailwindStyles .md\:flex-row{
    flex-direction: row;
  }
  #tailwindStyles .md\:flex-wrap{
    flex-wrap: wrap;
  }
  #tailwindStyles .md\:max-w-1\/2{
    max-width: 50%;
  }
  #tailwindStyles .md\:max-w-2\/5{
    max-width: 40%;
  }
  #tailwindStyles .md\:max-w-\[33\%\]{
    max-width: 33%;
  }
  #tailwindStyles .md\:max-w-\[540\]{
    max-width: 33.75rem;
  }
  #tailwindStyles .md\:max-w-none{
    max-width: none;
  }
  #tailwindStyles .md\:basis-2\/5{
    flex-basis: 40%;
  }
  #tailwindStyles .md\:basis-3\/5{
    flex-basis: 60%;
  }
  #tailwindStyles .md\:basis-82{
    flex-basis: 5.125rem;
  }
  #tailwindStyles .md\:basis-\[43\%\]{
    flex-basis: 43%;
  }
  #tailwindStyles .md\:basis-\[540\]{
    flex-basis: 33.75rem;
  }
  #tailwindStyles .md\:basis-\[57\%\]{
    flex-basis: 57%;
  }
  #tailwindStyles .md\:gap-12{
    gap: 0.75rem;
  }
  #tailwindStyles .md\:gap-136{
    gap: 8.5rem;
  }
  #tailwindStyles .md\:gap-20{
    gap: 1.25rem;
  }
  #tailwindStyles .md\:gap-24{
    gap: 1.5rem;
  }
  #tailwindStyles .md\:gap-36{
    gap: 2.25rem;
  }
  #tailwindStyles .md\:gap-48{
    gap: 3rem;
  }
  #tailwindStyles .md\:gap-60{
    gap: 3.75rem;
  }
  #tailwindStyles .md\:gap-64{
    gap: 4rem;
  }
  #tailwindStyles .md\:gap-69{
    gap: 4.3125rem;
  }
  #tailwindStyles  .md\:flex-start-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #tailwindStyles  .md\:flex-start-end{
    align-content: flex-end;
    align-items: flex-end;
    justify-content: flex-start;
  }
  #tailwindStyles  .md\:flex-start-center{
    align-content: center;
    align-items: center;
    justify-content: flex-start;
  }
  #tailwindStyles  .md\:flex-start-stretch{
    align-content: stretch;
    align-items: stretch;
    justify-content: flex-start;
  }
  #tailwindStyles  .md\:flex-end-center{
    align-content: center;
    align-items: center;
    justify-content: flex-end;
  }
  #tailwindStyles  .md\:flex-center-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
  }
  #tailwindStyles  .md\:flex-center-end{
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center;
  }
  #tailwindStyles  .md\:flex-center-center{
    align-content: center;
    align-items: center;
    justify-content: center;
  }
  #tailwindStyles  .md\:flex-between-center{
    align-content: center;
    align-items: center;
    justify-content: space-between;
  }
  #tailwindStyles  .md\:flex-between-stretch{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
  }
  #tailwindStyles  .md\:flex-stretch-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: stretch;
  }
  @media not all and (min-width: 1280px){
    #tailwindStyles .md\:max-md2\:flex-row{
      flex-direction: row;
    }
    #tailwindStyles .md\:max-md2\:flex-col{
      flex-direction: column;
    }
    #tailwindStyles .md\:max-md2\:flex-wrap{
      flex-wrap: wrap;
    }
    #tailwindStyles .md\:max-md2\:max-w-1\/2{
      max-width: 50%;
    }
    #tailwindStyles .md\:max-md2\:max-w-\[12\%\]{
      max-width: 12%;
    }
    #tailwindStyles .md\:max-md2\:max-w-\[13\%\]{
      max-width: 13%;
    }
    #tailwindStyles .md\:max-md2\:max-w-\[17\%\]{
      max-width: 17%;
    }
    #tailwindStyles .md\:max-md2\:max-w-\[18\%\]{
      max-width: 18%;
    }
    #tailwindStyles .md\:max-md2\:basis-1\/2{
      flex-basis: 50%;
    }
    #tailwindStyles .md\:max-md2\:basis-\[12\%\]{
      flex-basis: 12%;
    }
    #tailwindStyles .md\:max-md2\:basis-\[13\%\]{
      flex-basis: 13%;
    }
    #tailwindStyles .md\:max-md2\:basis-\[17\%\]{
      flex-basis: 17%;
    }
    #tailwindStyles .md\:max-md2\:basis-\[18\%\]{
      flex-basis: 18%;
    }
    #tailwindStyles .md\:max-md2\:basis-\[54\]{
      flex-basis: 3.375rem;
    }
  #tailwindStyles  .md\:max-md2\:flex-start-stretch{
      align-content: stretch;
      align-items: stretch;
      justify-content: flex-start;
    }
  #tailwindStyles  .md\:max-md2\:flex-between-start{
      align-content: flex-start;
      align-items: flex-start;
      justify-content: space-between;
    }
  }
}
@media (min-width: 1280px){
  #tailwindStyles .md2\:inline{
    display: inline;
  }
  #tailwindStyles .md2\:flex{
    display: flex;
  }
  #tailwindStyles .md2\:hidden{
    display: none;
  }
  #tailwindStyles .md2\:flex-\[0_0_auto\]{
    flex: 0 0 auto;
  }
  #tailwindStyles .md2\:flex-\[0_1_11\%\]{
    flex: 0 1 11%;
  }
  #tailwindStyles .md2\:flex-\[0_1_15\%\]{
    flex: 0 1 15%;
  }
  #tailwindStyles .md2\:flex-\[0_1_18\%\]{
    flex: 0 1 18%;
  }
  #tailwindStyles .md2\:flex-row{
    flex-direction: row;
  }
  #tailwindStyles .md2\:flex-col{
    flex-direction: column;
  }
  #tailwindStyles .md2\:basis-1\/2{
    flex-basis: 50%;
  }
  #tailwindStyles .md2\:basis-\[11\%\]{
    flex-basis: 11%;
  }
  #tailwindStyles .md2\:basis-\[110\]{
    flex-basis: 6.875rem;
  }
  #tailwindStyles .md2\:basis-\[558px\]{
    flex-basis: 558px;
  }
  #tailwindStyles .md2\:gap-0{
    gap: 0rem;
  }
  #tailwindStyles .md2\:gap-136{
    gap: 8.5rem;
  }
  #tailwindStyles .md2\:gap-36{
    gap: 2.25rem;
  }
  #tailwindStyles  .md2\:flex-start-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #tailwindStyles  .md2\:flex-start-center{
    align-content: center;
    align-items: center;
    justify-content: flex-start;
  }
  #tailwindStyles  .md2\:flex-start-stretch{
    align-content: stretch;
    align-items: stretch;
    justify-content: flex-start;
  }
  #tailwindStyles  .md2\:flex-end-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-end;
  }
  #tailwindStyles  .md2\:flex-end-end{
    align-content: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
  }
  #tailwindStyles  .md2\:flex-end-center{
    align-content: center;
    align-items: center;
    justify-content: flex-end;
  }
  #tailwindStyles  .md2\:flex-center-center{
    align-content: center;
    align-items: center;
    justify-content: center;
  }
  #tailwindStyles  .md2\:flex-between-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
  }
  #tailwindStyles  .md2\:flex-between-stretch{
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
  }
}
@media (min-width: 1400px){
  #tailwindStyles .lg\:flex{
    display: flex;
  }
  #tailwindStyles .lg\:flex-row{
    flex-direction: row;
  }
  #tailwindStyles  .lg\:flex-start-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #tailwindStyles  .lg\:flex-end-center{
    align-content: center;
    align-items: center;
    justify-content: flex-end;
  }
  #tailwindStyles  .lg\:flex-center-start{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
  }
  #tailwindStyles  .lg\:flex-center-stretch{
    align-content: stretch;
    align-items: stretch;
    justify-content: center;
  }
}
@media (min-width: 1920px){
  #tailwindStyles .xl\:gap-36{
    gap: 2.25rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}

/*# sourceMappingURL=quill.core.css.map*/
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/

/*# sourceMappingURL=styles.a2502d56d8998ca6.css.map*/