@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";

/* src/styles.scss */
:root {
  --bg-protect-icon: transparent;
  --900: #004165;
  --700: #005a8c;
  --600: #0071b0;
  --500: #327ca4;
  --200: #b2d4e6;
  --150: #d2ecfd;
  --100: #eaf6fe;
  --text-primary: #1b1c1e;
  --text-primary-invert: #ffffff;
  --text-secondary: #11242f;
  --text-tertiary: #505a60;
  --table-header-text: #0a5f91;
  --bg-element: #ffffff;
  --shadow-element: #ffffff;
  --element-bg-header: #f5f5f5;
  --element-bg-highlight: #f5f5f5;
  --bg-element-invert: #333;
  --bg-gradient-top: #c1e0ed;
  --bg-gradient-bottom: #ffffff;
  --mat-select-panel-background-color: #ffffff;
  --mat-option-selected-state-layer-color: #ffffff;
  --element-border-color: #7f8c95;
  --element-border-color-light: #e6ebeb;
  --element-border-unchecked: #e0e0e0;
  --card-border-color: #9cc8dd;
  --inputs-border-color: #86949c;
  --mat-form-field-outlined-outline-color: #4e575f;
  --mat-form-field-outlined-focus-outline-color: #1b1c1e;
  --mat-button-outlined-outline-color: #4e575f;
  --secondary-color: #f29733;
  --delete: #d50000;
  --disabled: #e7e9e9;
  --neutral: #7b8a93;
  --coach-loaded-nodata: #f5f5f5;
  --coach-loaded-none: #e57373;
  --coach-loaded-some: #ffb74d;
  --coach-loaded-many: #7cb342;
  --time-delayed-color: #d87514;
  --time-cancelled-color: #d50000;
  --status-cancelled-bg: #fde5e3;
  --status-cancelled-text: #a01313;
  --status-cancelled-icon: #f04438;
  --status-delayed-bg: #ffe9d6;
  --status-delayed-text: #9a451a;
  --media-border-color: #748a97;
  --media-background-color: #eaf6fe;
  --element-info-color: #0a5f91;
  --element-info-bg-color: #eaf6fe;
  --element-info-margin-color: #0a5f91;
  --element-succes-color: #0d6740;
  --element-succes-bg-color: #e4f6e2;
  --element-succes-margin-color: #0d6740;
  --element-warning-color: #74502d;
  --element-warning-bg-color: #ffebdd;
  --element-warning-margin-color: #db6a00;
  --element-error-color: #d50000;
  --element-error-bg-color: #fde5e3;
  --element-error-margin-color: #d50000;
  --element-disabled-color: #505a60;
  --element-disabled-bg-color: #e7e9e9;
  --element-disabled-border: #4e575f;
  --element-action-color: #4d565c;
  --element-disabled-action-color: #4d565c;
  --element-purple-color: #503578;
  --element-purple-bg-color: #e5d8f7;
  --element-purple-margin-color: #503578;
  --mat-form-field-outlined-container-shape: 6px;
  --mat-form-field-error-text-color: #d50000;
  --mat-form-field-outlined-error-outline-color: #d50000;
  --mat-form-field-outlined-error-focus-outline-color: #d50000;
  --mat-form-field-container-text-tracking: 0.002rem;
  --mat-form-field-container-vertical-padding: 8px;
  --button-primary: #0a5f91;
  --button-secondary: #0a5f91;
  --button-primary-invert: #ffffff;
  --mat-button-outlined-outline-color: #1b1c1e;
  --mat-stepper-container-color: transparent;
  --mat-stepper-line-color: transparent;
  --mat-stepper-header-hover-state-layer-color: transparent;
  --mat-stepper-header-height: 0;
  --mat-ripple-color: rgba(24, 28, 28, 0);
  --component-interaction-200: #b2d4e6;
  --loading-bg-color: #e3f5f2;
  --loading-color: #194b4c;
  --component-error: #d50000;
  --scrollbar-track-color: #d2d1d1;
  --scrollbar-thumb-color: #8a8888;
  --yellow-icon: #f29733;
  --mat-checkbox-disabled-selected-icon-color: #7b8a93;
  --mat-form-field-outlined-input-text-color: var(--text-tertiary);
}
html,
body,
app-root {
  font-family: "Inter", sans-serif !important;
}
.dark-theme {
  --app-background: #181d27;
  --bg-protect-icon: #fff;
  --900: #e9f3f9;
  --700: #9dd2ef;
  --500: #327ca4;
  --200: #00547c;
  --100: #004165;
  --text-primary: #ffffff;
  --text-primary-invert: #1b1c1e;
  --text-secondary: #cedad8;
  --text-tertiary: #505a60;
  --table-header-text: #0a5f91;
  --bg-element: #101414;
  --shadow-element: #181d27;
  --element-bg-header: #2a2f38;
  --element-bg-highlight: #2a2f38;
  --bg-element-invert: #cedad8;
  --mat-select-panel-background-color: #181d27;
  --mat-stepper-container-color: #181d27;
  --component-interaction-200: #2a2f38;
  --element-disabled-bg-color: #2a2f38;
  --element-border-color: #a2b0b9;
  --element-border-unchecked: #4e575f;
  --card-border-color: #7b8a93;
  --inputs-border-color: #86949c;
  --mat-form-field-outlined-outline-color: #7b8a93;
  --mat-form-field-outlined-focus-outline-color: #9dd2ef;
  --mat-button-outlined-outline-color: #7b8a93;
  --media-border-color: #748a97;
  --media-background-color: #2a2f38;
  --element-info-color: #9dd2ef;
  --element-info-bg-color: #181d27;
  --element-info-margin-color: #9dd2ef;
  --mat-option-selected-state-layer-color: #2a2f38;
  --scrollbar-track-color: #2a2f38;
  --scrollbar-thumb-color: #7b8a93;
}
.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 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 {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-background: #f7faf9;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #eff1f0;
  --mat-sys-inverse-primary: #6dc3f3;
  --mat-sys-inverse-surface: #2d3131;
  --mat-sys-on-background: #181c1c;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00496b;
  --mat-sys-on-primary-fixed: #001c2d;
  --mat-sys-on-primary-fixed-variant: #00496b;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #663d00;
  --mat-sys-on-secondary-fixed: #2b1700;
  --mat-sys-on-secondary-fixed-variant: #663d00;
  --mat-sys-on-surface: #181c1c;
  --mat-sys-on-surface-variant: #3f4948;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #553c6c;
  --mat-sys-on-tertiary-fixed: #270f3e;
  --mat-sys-on-tertiary-fixed-variant: #553c6c;
  --mat-sys-outline: #6f7979;
  --mat-sys-outline-variant: #bec9c8;
  --mat-sys-primary: #005a8c;
  --mat-sys-primary-container: #b6e1ff;
  --mat-sys-primary-fixed: #b6e1ff;
  --mat-sys-primary-fixed-dim: #6dc3f3;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #875200;
  --mat-sys-secondary-container: #ffddb6;
  --mat-sys-secondary-fixed: #ffddb6;
  --mat-sys-secondary-fixed-dim: #ffb65d;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f7faf9;
  --mat-sys-surface-bright: #f7faf9;
  --mat-sys-surface-container: #eceeee;
  --mat-sys-surface-container-high: #e6e9e8;
  --mat-sys-surface-container-highest: #e0e3e2;
  --mat-sys-surface-container-low: #f1f4f3;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #d8dbda;
  --mat-sys-surface-tint: #005a8c;
  --mat-sys-surface-variant: #dae5e4;
  --mat-sys-tertiary: #6e5385;
  --mat-sys-tertiary-container: #f0dbff;
  --mat-sys-tertiary-fixed: #f0dbff;
  --mat-sys-tertiary-fixed-dim: #dabaf4;
  --mat-sys-neutral-variant20: #283232;
  --mat-sys-neutral10: #181c1c;
  --mat-sys-body-large: 400 1rem / 1.5rem Inter;
  --mat-sys-body-large-font: Inter;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Inter;
  --mat-sys-body-medium-font: Inter;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Inter;
  --mat-sys-body-small-font: Inter;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Inter;
  --mat-sys-display-large-font: Inter;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;
  --mat-sys-display-medium-font: Inter;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Inter;
  --mat-sys-display-small-font: Inter;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Inter;
  --mat-sys-headline-large-font: Inter;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;
  --mat-sys-headline-medium-font: Inter;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Inter;
  --mat-sys-headline-small-font: Inter;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Inter;
  --mat-sys-label-large-font: Inter;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Inter;
  --mat-sys-label-medium-font: Inter;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Inter;
  --mat-sys-label-small-font: Inter;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Inter;
  --mat-sys-title-large-font: Inter;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Inter;
  --mat-sys-title-medium-font: Inter;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Inter;
  --mat-sys-title-small-font: Inter;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html .mat-display-large,
html .mat-typography .mat-display-large,
html .mat-typography h1 {
  font: var(--mat-sys-display-large);
  letter-spacing: var(--mat-sys-display-large-tracking);
  margin: 0 0 0.5em;
}
html .mat-display-medium,
html .mat-typography .mat-display-medium,
html .mat-typography h2 {
  font: var(--mat-sys-display-medium);
  letter-spacing: var(--mat-sys-display-medium-tracking);
  margin: 0 0 0.5em;
}
html .mat-display-small,
html .mat-typography .mat-display-small,
html .mat-typography h3 {
  font: var(--mat-sys-display-small);
  letter-spacing: var(--mat-sys-display-small-tracking);
  margin: 0 0 0.5em;
}
html .mat-headline-large,
html .mat-typography .mat-headline-large,
html .mat-typography h4 {
  font: var(--mat-sys-headline-large);
  letter-spacing: var(--mat-sys-headline-large-tracking);
  margin: 0 0 0.5em;
}
html .mat-headline-medium,
html .mat-typography .mat-headline-medium,
html .mat-typography h5 {
  font: var(--mat-sys-headline-medium);
  letter-spacing: var(--mat-sys-headline-medium-tracking);
  margin: 0 0 0.5em;
}
html .mat-headline-small,
html .mat-typography .mat-headline-small,
html .mat-typography h6 {
  font: var(--mat-sys-headline-small);
  letter-spacing: var(--mat-sys-headline-small-tracking);
  margin: 0 0 0.5em;
}
html .mat-title-large,
html .mat-typography .mat-title-large {
  font: var(--mat-sys-title-large);
  letter-spacing: var(--mat-sys-title-large-tracking);
}
html .mat-title-medium,
html .mat-typography .mat-title-medium {
  font: var(--mat-sys-title-medium);
  letter-spacing: var(--mat-sys-title-medium-tracking);
}
html .mat-title-small,
html .mat-typography .mat-title-small {
  font: var(--mat-sys-title-small);
  letter-spacing: var(--mat-sys-title-small-tracking);
}
html .mat-body-large,
html .mat-typography .mat-body-large,
html .mat-typography {
  font: var(--mat-sys-body-large);
  letter-spacing: var(--mat-sys-body-large-tracking);
}
html .mat-body-large p,
html .mat-typography .mat-body-large p,
html .mat-typography p {
  margin: 0 0 0.75em;
}
html .mat-body-medium,
html .mat-typography .mat-body-medium {
  font: var(--mat-sys-body-medium);
  letter-spacing: var(--mat-sys-body-medium-tracking);
}
html .mat-body-small,
html .mat-typography .mat-body-small {
  font: var(--mat-sys-body-small);
  letter-spacing: var(--mat-sys-body-small-tracking);
}
html .mat-label-large,
html .mat-typography .mat-label-large {
  font: var(--mat-sys-label-large);
  letter-spacing: var(--mat-sys-label-large-tracking);
}
html .mat-label-medium,
html .mat-typography .mat-label-medium {
  font: var(--mat-sys-label-medium);
  letter-spacing: var(--mat-sys-label-medium-tracking);
}
html .mat-label-small,
html .mat-typography .mat-label-small {
  font: var(--mat-sys-label-small);
  letter-spacing: var(--mat-sys-label-small-tracking);
}
html {
  --mat-sys-display-medium-size: 2.5rem;
  --mat-sys-display-medium-line-height: 3.125rem;
  --mat-sys-display-medium-weight: 600;
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-weight: 700;
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-headline-large-size: 2.25rem;
  --mat-sys-headline-large-line-height: 2.875rem;
  --mat-sys-headline-large-weight: 700;
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-medium-size: 1.5rem;
  --mat-sys-headline-medium-line-height: 2rem;
  --mat-sys-headline-medium-weight: 600;
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-weight: 700;
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-weight: 700;
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-medium-size: 1.25rem;
  --mat-sys-title-medium-line-height: 1.875rem;
  --mat-sys-title-medium-weight: 600;
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-small-size: 1rem;
  --mat-sys-title-small-line-height: 1.5rem;
  --mat-sys-title-small-weight: 600;
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-checkbox-state-layer-size: 2.5rem;
  --mat-slide-toggle-unselected-icon-size: 1.5rem;
  --mat-expansion-container-background-color: var(--600);
}
html.dark-theme {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-background: #101414;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: #2d3131;
  --mat-sys-inverse-primary: #005a8c;
  --mat-sys-inverse-surface: #e0e3e2;
  --mat-sys-on-background: #e0e3e2;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #003349;
  --mat-sys-on-primary-container: #b6e1ff;
  --mat-sys-on-primary-fixed: #001c2d;
  --mat-sys-on-primary-fixed-variant: #00496b;
  --mat-sys-on-secondary: #472800;
  --mat-sys-on-secondary-container: #ffddb6;
  --mat-sys-on-secondary-fixed: #2b1700;
  --mat-sys-on-secondary-fixed-variant: #663d00;
  --mat-sys-on-surface: #e0e3e2;
  --mat-sys-on-surface-variant: #dae5e4;
  --mat-sys-on-tertiary: #3d2554;
  --mat-sys-on-tertiary-container: #f0dbff;
  --mat-sys-on-tertiary-fixed: #270f3e;
  --mat-sys-on-tertiary-fixed-variant: #553c6c;
  --mat-sys-outline: #889392;
  --mat-sys-outline-variant: #3f4948;
  --mat-sys-primary: #6dc3f3;
  --mat-sys-primary-container: #00496b;
  --mat-sys-primary-fixed: #b6e1ff;
  --mat-sys-primary-fixed-dim: #6dc3f3;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #ffb65d;
  --mat-sys-secondary-container: #663d00;
  --mat-sys-secondary-fixed: #ffddb6;
  --mat-sys-secondary-fixed-dim: #ffb65d;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #101414;
  --mat-sys-surface-bright: #363a3a;
  --mat-sys-surface-container: #1c2020;
  --mat-sys-surface-container-high: #272b2a;
  --mat-sys-surface-container-highest: #323535;
  --mat-sys-surface-container-low: #181c1c;
  --mat-sys-surface-container-lowest: #0b0f0f;
  --mat-sys-surface-dim: #101414;
  --mat-sys-surface-tint: #6dc3f3;
  --mat-sys-surface-variant: #3f4948;
  --mat-sys-tertiary: #dabaf4;
  --mat-sys-tertiary-container: #553c6c;
  --mat-sys-tertiary-fixed: #f0dbff;
  --mat-sys-tertiary-fixed-dim: #dabaf4;
  --mat-sys-neutral-variant20: #283232;
  --mat-sys-neutral10: #181c1c;
  color-scheme: dark;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-outlined.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
html,
body {
  height: 100%;
  margin: 0;
  color: var(--text-primary);
  background:
    linear-gradient(
      to bottom,
      var(--bg-gradient-top) 0%,
      var(--bg-gradient-bottom) 75%,
      var(--bg-gradient-top) 100%);
}
.row {
  margin-top: 0;
}
.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
}
.pointer {
  cursor: pointer;
}
.mat-mdc-dialog-content {
  margin-right: 1rem !important;
}
.mat-mdc-dialog-content::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  background: #dfe1e1;
  border-radius: 0.25rem;
}
.mat-mdc-dialog-content::-webkit-scrollbar-thumb {
  background: #9ea3a6;
  border-radius: 0.25rem;
  opacity: 0.6;
}
.mat-mdc-dialog-surface {
  background-color: var(--bg-element) !important;
  overflow-y: hidden !important;
}
.custom-select-register .mat-mdc-select-arrow {
  display: none !important;
}
.mat-horizontal-stepper-header-container {
  align-items: flex-start;
}
.mat-icon.mat-icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.mdc-checkbox__background.mdc-checkbox__background {
  width: 1.125rem;
  height: 1.125rem;
  top: calc((var(--mat-checkbox-state-layer-size) - 1.125rem) / 2);
  left: calc((var(--mat-checkbox-state-layer-size) - 1.125rem) / 2);
}
.mdc-text-field--outlined .mat-mdc-form-field-infix,
.mdc-text-field--no-label .mat-mdc-form-field-infix {
  min-height: auto;
}
.mat-mdc-select .mat-mdc-select-arrow-wrapper {
  height: auto;
}
.mat-mdc-option.mat-mdc-option,
.mat-mdc-optgroup-label.mat-mdc-optgroup-label {
  min-height: 2.5rem;
}
.wtis-authpage__layout {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.wtis-authpage__wrapper {
  width: 100%;
  max-width: 30.625rem;
  padding-bottom: 3rem;
  height: 100%;
}
.form-style {
  background-color: var(--bg-element);
  padding: 1.5rem;
  width: 100%;
  border-radius: 1rem;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
}
wl-button.wtis-authpage__gotoButton {
  display: inline-block;
}
wl-button.wtis-authpage__gotoButton button[mat-button] {
  text-decoration: underline;
}
wl-button.wtis-authpage__gotoButton button[mat-button]:hover {
  color: var(--900);
  text-decoration: none;
}
wl-button.wtis-authpage__gotoButton button[mat-button]:hover .mdc-button__label {
  font-weight: 500;
}
wl-button.wtis-authpage__gotoButton button[mat-button]:hover:after {
  background-color: transparent;
}
.wtis-authpage__layout--signin .wtis-authpage__h2 {
  margin-bottom: 0.5rem;
}
.wtis-authpage__layout--register .wtis-authpage__wrapper {
  padding-top: 1.5rem;
}
.wtis-authpage__layout--register .wtis-authpage__h2 {
  margin-bottom: 1.5rem;
}
.mat-mdc-dialog-container .wtis-authpage__layout {
  margin-top: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
  height: 100%;
}
.mat-mdc-dialog-container .wtis-authpage__wrapper {
  overflow: auto;
  padding-bottom: 0;
}
.mat-mdc-dialog-container .wtis-authpage__layout--signin .wtis-authpage__h2 {
  margin-bottom: 0.5rem;
}
.mat-mdc-dialog-container .wtis-authpage__layout--register .wtis-authpage__wrapper {
  padding-top: 1rem;
}
.mat-mdc-dialog-container .wtis-authpage__layout--register .wtis-authpage__h2 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 0.5rem;
}
.mat-mdc-dialog-container .wtis-authpage__layout--register .wtis-authpage__h3 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.mat-mdc-dialog-container .wtis-authpage__layout--register .privacy-policy {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.mat-mdc-dialog-container .form-style {
  box-shadow: none !important;
  padding: 1rem 1.5rem;
}
.status-on-time {
  color: var(--element-succes-color);
}
.status-cancelled {
  color: var(--element-error-color);
}
.status-delayed {
  color: var(--element-warning-color);
}
.button--unstyled {
  background: transparent;
  border: none;
  padding: 0;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: inherit;
}
.page-account .page-account__back {
  margin-bottom: 1.5rem;
}
.page-account .page-account__header {
  margin-bottom: 1.5rem;
}
.page-account .page-account__title {
  font: var(--mat-sys-headline-large);
  margin-bottom: 0.5rem;
}
.page-account .page-account__description {
  font: var(--mat-sys-body-large);
  color: var(--text-secondary);
}
.page-account .page-account__block {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.page-account .page-account-block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.page-account .page-account-block__title {
  font: var(--mat-sys-headline-medium);
  margin: 0;
}
.page-account {
}
.page-account .my-account-empty .my-account-empty__image {
  width: 3rem;
  height: 3rem;
}
.page-account .my-account-empty .my-account-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}
.page-account .my-account-empty .my-account-empty__title {
  font: var(--mat-sys-title-small);
  margin: 0;
}
.page-account .my-account-empty .my-account-empty__description {
  color: var(--text-secondary);
  margin: 0;
}
.page-account {
}
.page-account .my-account-summary .my-account-summary__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
.page-account .my-account-summary .my-account-summary__title {
  font: var(--mat-sys-title-small);
  margin: 0;
}
.page-account .my-account-summary .my-account-summary__value {
  font: var(--mat-sys-display-medium);
  margin: 0;
}
.page-account .my-account-summary .my-account-summary__description {
  color: var(--text-secondary);
  margin: 0;
}
.page-account {
}
.page-account .my-account-card__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(21.875rem, 1fr));
  gap: 1rem;
}
.page-account .my-account-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.page-account .my-account-card .mat-mdc-card {
  flex: 1;
}
.page-account .my-account-card .mat-mdc-card-content {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page-account .my-account-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem 0.25rem 1rem;
  min-height: 3.25rem;
}
.page-account .my-account-card__type {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.page-account .my-account-card__icon.mat-icon {
  width: 2rem;
  height: 2rem;
  font-size: var(--mat-sys-headline-medium-size);
  line-height: 2rem;
  color: var(--700);
}
.page-account .my-account-card__label {
  font-weight: 600;
  line-height: 1.5;
}
.page-account .my-account-card__body {
  flex: 1;
  padding: 0 1rem 0 1rem;
}
.page-account .my-account-card__body p {
  margin: 0 0 0.5rem 0;
  color: var(--text-secondary);
}
.page-account .my-account-card__preferred {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem 0.5rem 1rem;
}
.page-account .my-account-card__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  background-color: var(--component-interaction-200);
  padding: 0.25rem 1rem 0.25rem 1rem;
  border-bottom-left-radius: 0.875rem !important;
  border-bottom-right-radius: 0.875rem !important;
}
.card-button__card {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 1rem;
  background: transparent;
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.card-button__card .card-button__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.card-button__card .card-button__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.card-button__card .card-button__title {
  font: var(--mat-sys-title-small);
  margin-bottom: 0;
}
.card-button__card .card-button__description {
  font: var(--mat-sys-body-large);
  color: var(--text-tertiary);
  margin: 0;
}
.card-button__card:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  border-color: var(--700);
}
.card-button__card:focus-visible {
  border-color: var(--700);
  background-color: var(--element-bg-highlight);
}
.card-button__card:active {
  background-color: var(--element-bg-highlight);
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.grid-4x3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, auto);
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.center {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.h-center {
  justify-content: center;
}
.v-center {
  align-items: center;
}
.jc-between {
  justify-content: space-between;
}
.jc-end {
  justify-content: flex-end;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.p-05 {
  padding: 0.5rem;
}
.p-1 {
  padding: 1rem;
}
.p-2 {
  padding: 2rem;
}
.p-3 {
  padding: 3rem;
}
.pl-1 {
  padding-left: 1rem;
}
.pl-2 {
  padding-left: 2rem;
}
.pb-1 {
  padding-bottom: 1rem;
}
.pb-2 {
  padding-bottom: 2rem;
}
.pr-1 {
  padding-right: 1rem;
}
.pr-2 {
  padding-right: 2rem;
}
.pr-3 {
  padding-right: 3rem;
}
.pt-05 {
  padding-top: 0.5rem;
}
.pt-1 {
  padding-top: 1rem;
}
.pt-2 {
  padding-top: 2rem;
}
.pt-3 {
  padding-top: 3rem;
}
.m-1 {
  margin: 1rem;
}
.m-2 {
  margin: 2rem;
}
.m-3 {
  margin: 3rem;
}
.mb-05 {
  margin-bottom: 0.5rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 2rem;
}
.mb-3 {
  margin-bottom: 3rem;
}
.mt-05 {
  margin-top: 0.5rem;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mt-3 {
  margin-top: 3rem;
}
.ml-1 {
  margin-left: 1rem;
}
.ml-2 {
  margin-left: 2rem;
}
.ml-3 {
  margin-left: 3rem;
}
.mr-1 {
  margin-right: 1rem;
}
.mr-2 {
  margin-right: 2rem;
}
.mr-3 {
  margin-right: 3rem;
}
.w-100 {
  width: 100%;
}
.gap-05 {
  gap: 0.5rem;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-3 {
  gap: 3rem;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.v-hr {
  height: auto;
  width: 0.05rem;
  background-color: var(--inputs-border-color);
  margin: 0rem 1rem;
}
.yellow-icon {
  color: var(--yellow-icon);
}
.yellow-icon-filled {
  color: var(--yellow-icon);
  font-variation-settings: "FILL" 1;
}
.mat-mdc-form-field-icon-prefix mat-icon {
  padding: 0px 12px 0px 0px !important;
}
.card {
  background-color: var(--bg-element) !important;
  border-radius: 14px;
}
.bold {
  font-weight: 400;
}
.bolder {
  font-weight: 600;
}
.boldest {
  font-weight: 800;
}
.light {
  font-weight: 300;
  color: var(--text-tertiary);
}
.size-14 {
  font-size: 0.875rem;
}
.size-16 {
  font-size: 1rem !important;
}
.size-18 {
  font-size: 1.125rem !important;
}
.size-20 {
  font-size: 1.25rem !important;
}
.size-22 {
  font-size: 1.375rem !important;
}
.size-24 {
  font-size: 1.5rem !important;
}
wl-dropdown,
wl-text-input,
wl-date-picker {
  min-width: 80px;
  width: auto;
  max-width: 500px;
}
.tooltip-with-arrow {
  overflow: visible !important;
}
.tooltip-with-arrow::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 6px;
  pointer-events: none;
}
.mat-mdc-tooltip-panel-below .tooltip-with-arrow::after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-color: transparent transparent var(--text-primary) transparent;
}
.mat-mdc-tooltip-panel-above .tooltip-with-arrow::after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-color: var(--text-primary) transparent transparent transparent;
}
.mat-mdc-tooltip-panel-left .tooltip-with-arrow::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-color: transparent transparent transparent var(--text-primary);
}
.mat-mdc-tooltip-panel-right .tooltip-with-arrow::after {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-color: transparent var(--text-primary) transparent transparent;
}
.warning-snackbar-panel {
  margin-top: 1rem;
}
.warning-snackbar-panel .mdc-snackbar__surface {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

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