@charset "UTF-8";

/* src/styles/main.scss */
:root {
  --color-black: #000000;
  --color-black-10pc: #0000001a;
  --color-black-20pc: #00000033;
  --color-black-95pc: #000000f2;
  --color-white: #ffffff;
  --color-white-10pc: #ffffff1a;
  --color-white-20pc: #ffffff33;
  --color-white-95pc: #fffffff2;
  --color-brand-rc-100: #f9ccd1;
  --color-brand-rc-200: #f399a3;
  --color-brand-rc-300: #ee6676;
  --color-brand-rc-400: #e83348;
  --color-brand-rc-500: #e2001a;
  --color-brand-rc-600: #b50015;
  --color-brand-rc-700: #880010;
  --color-brand-rc-800: #5a000a;
  --color-brand-rc-900: #2d0005;
  --color-functional-blue-dark: #02194c;
  --color-functional-blue-light: #e6edfd;
  --color-functional-blue-mid: #054de6;
  --color-functional-focus: #1769ff;
  --color-functional-green-dark: #005229;
  --color-functional-green-light: #e6f3ec;
  --color-functional-green-mid: #008845;
  --color-functional-orange-dark: #985020;
  --color-functional-orange-light: #fef4e7;
  --color-functional-orange-mid: #d9722e;
  --color-functional-red-dark: #861822;
  --color-functional-red-light: #fceaeb;
  --color-functional-red-mid: #d12033;
  --color-grey-100: #f6f6f6;
  --color-grey-200: #d7d7d7;
  --color-grey-300: #bbbbbb;
  --color-grey-400: #9d9d9d;
  --color-grey-500: #767676;
  --color-grey-600: #666666;
  --color-grey-700: #444444;
  --color-grey-800: #333333;
  --color-grey-900: #1c1c1c;
  --radius-1: 0.125rem;
  --radius-2: 0.25rem;
  --radius-3: 0.5rem;
  --radius-4: 1rem;
  --radius-5: 2rem;
  --radius-6: 8rem;
  --radius-7: 22.5rem;
  --spacing-1: 0.125rem;
  --spacing-2: 0.25rem;
  --spacing-3: 0.5rem;
  --spacing-4: 0.75rem;
  --spacing-5: 1rem;
  --spacing-6: 1.5rem;
  --spacing-7: 2rem;
  --spacing-8: 2.5rem;
  --spacing-9: 3rem;
  --spacing-10: 4rem;
  --spacing-11: 5rem;
  --spacing-12: 6rem;
  --text-font-size-100: 0.625rem;
  --text-font-size-125: 0.75rem;
  --text-font-size-150: 0.875rem;
  --text-font-size-175: 1rem;
  --text-font-size-200: 1.125rem;
  --text-font-size-225: 1.25rem;
  --text-font-size-250: 1.375rem;
  --text-font-size-300: 1.625rem;
  --text-font-size-350: 1.875rem;
  --text-font-size-400: 2.125rem;
  --text-font-size-450: 2.5rem;
  --text-font-size-500: 2.8125rem;
  --text-font-size-600: 3.25rem;
  --text-font-size-700: 3.75rem;
  --text-font-size-800: 4.5rem;
  --text-font-size-900: 5.125rem;
  --text-line-height-100: 0.875rem;
  --text-line-height-125: 1rem;
  --text-line-height-150: 1.125rem;
  --text-line-height-175: 1.25rem;
  --text-line-height-200: 1.375rem;
  --text-line-height-225: 1.5rem;
  --text-line-height-250: 1.625rem;
  --text-line-height-275: 1.75rem;
  --text-line-height-325: 2rem;
  --text-line-height-350: 2.125rem;
  --text-line-height-375: 2.25rem;
  --text-line-height-425: 2.5rem;
  --text-line-height-500: 3rem;
  --text-line-height-600: 3.5rem;
  --text-line-height-700: 3.75rem;
  --text-line-height-800: 4.5rem;
  --text-line-height-900: 5rem;
  --text-line-height-1000: 5.5rem;
  --text-line-height-1100: 6rem;
  --text-font-family-rc-standard-global-sans: DINPro;
  --text-font-weight-300: Light;
  --text-font-weight-400: Regular;
  --text-font-weight-500: Medium;
  --text-font-weight-600: Bold;
  --text-font-weight-700: Black;
  --screen-breakpoint-xl: 1440px;
  --screen-breakpoint-desktop: 1280px;
  --screen-breakpoint-laptop: 1024px;
  --screen-breakpoint-tablet: 768px;
  --screen-breakpoint-mobile: 360px;
}
:root {
  --text-font-size-cta: var(--text-font-size-150);
  --text-font-size-form-m: var(--text-font-size-150);
  --text-font-size-link-m: var(--text-font-size-150);
  --text-font-size-meta: var(--text-font-size-150);
  --text-font-size-body-m: var(--text-font-size-175);
  --text-font-size-form-l: var(--text-font-size-175);
  --text-font-size-link-l: var(--text-font-size-175);
  --text-font-size-title-2xs: var(--text-font-size-175);
  --text-font-size-body-l: var(--text-font-size-200);
  --text-font-size-intro-m: var(--text-font-size-200);
  --text-font-size-link-xl: var(--text-font-size-200);
  --text-font-size-title-xs: var(--text-font-size-200);
  --text-font-size-title-s: var(--text-font-size-225);
  --text-font-size-intro-l: var(--text-font-size-250);
  --text-font-size-title-m: var(--text-font-size-300);
  --text-font-size-title-l: var(--text-font-size-350);
  --text-font-size-title-xl: var(--text-font-size-450);
  --text-font-size-title-2xl: var(--text-font-size-800);
  --text-line-height-cta: var(--text-line-height-125);
  --text-line-height-form-m: var(--text-line-height-125);
  --text-line-height-link-m: var(--text-line-height-125);
  --text-line-height-meta: var(--text-line-height-125);
  --text-line-height-form-l: var(--text-line-height-175);
  --text-line-height-link-l: var(--text-line-height-175);
  --text-line-height-body-m: var(--text-line-height-225);
  --text-line-height-intro-m: var(--text-line-height-225);
  --text-line-height-link-xl: var(--text-line-height-225);
  --text-line-height-title-2xs: var(--text-line-height-225);
  --text-line-height-title-s: var(--text-line-height-225);
  --text-line-height-title-xs: var(--text-line-height-225);
  --text-line-height-body-l: var(--text-line-height-325);
  --text-line-height-title-m: var(--text-line-height-325);
  --text-line-height-intro-l: var(--text-line-height-375);
  --text-line-height-title-l: var(--text-line-height-425);
  --text-line-height-title-xl: var(--text-line-height-600);
  --text-line-height-title-2xl: var(--text-line-height-1000);
  --text-font-family-rc-standard: var(--text-font-family-rc-standard-global-sans);
  --text-font-weight-black: var(--text-font-weight-700);
  --text-font-weight-bold: var(--text-font-weight-600);
  --text-font-weight-light: var(--text-font-weight-300);
  --text-font-weight-medium: var(--text-font-weight-500);
  --text-font-weight-regular: var(--text-font-weight-400);
}
:root {
  --color-border-brand-primary: var(--color-brand-rc-500);
  --color-border-brand-primary-invert: var(--color-brand-rc-300);
  --color-border-brand-secondary: var(--color-brand-rc-700);
  --color-border-brand-secondary-invert: var(--color-brand-rc-100);
  --color-border-disable: var(--color-grey-300);
  --color-border-error: var(--color-functional-red-mid);
  --color-border-focus: var(--color-functional-focus);
  --color-border-information: var(--color-functional-blue-mid);
  --color-border-invert: var(--color-white);
  --color-border-primary: var(--color-grey-900);
  --color-border-quarternary: var(--color-grey-200);
  --color-border-secondary: var(--color-grey-500);
  --color-border-shadow: var(--color-black-10pc);
  --color-border-success: var(--color-functional-green-mid);
  --color-border-tertiary: var(--color-grey-400);
  --color-border-warning: var(--color-functional-orange-mid);
  --color-icon-brand-primary: var(--color-brand-rc-500);
  --color-icon-brand-primary-invert: var(--color-brand-rc-300);
  --color-icon-brand-secondary: var(--color-brand-rc-700);
  --color-icon-brand-secondary-invert: var(--color-brand-rc-100);
  --color-icon-disable: var(--color-grey-300);
  --color-icon-error: var(--color-functional-red-mid);
  --color-icon-information: var(--color-functional-blue-mid);
  --color-icon-invert: var(--color-white);
  --color-icon-primary: var(--color-grey-500);
  --color-icon-secondary: var(--color-grey-700);
  --color-icon-success: var(--color-functional-green-mid);
  --color-icon-tertiary: var(--color-black);
  --color-icon-warning: var(--color-functional-orange-mid);
  --color-surface-action-disable: var(--color-grey-300);
  --color-surface-action-primary: var(--color-brand-rc-500);
  --color-surface-action-primary-invert: var(--color-brand-rc-300);
  --color-surface-action-quarternary: var(--color-black);
  --color-surface-action-secondary: var(--color-brand-rc-700);
  --color-surface-action-secondary-invert: var(--color-brand-rc-100);
  --color-surface-action-tertiary: var(--color-grey-700);
  --color-surface-brand: var(--color-brand-rc-500);
  --color-surface-brand-invert: var(--color-brand-rc-300);
  --color-surface-error-primary: var(--color-functional-red-light);
  --color-surface-error-secondary: var(--color-functional-red-mid);
  --color-surface-highlight: var(--color-white-20pc);
  --color-surface-highlight-secondary: var(--color-white-95pc);
  --color-surface-information-primary: var(--color-functional-blue-light);
  --color-surface-information-secondary: var(--color-functional-blue-mid);
  --color-surface-overlay: var(--color-black-95pc);
  --color-surface-panel: var(--color-grey-100);
  --color-surface-panel-dark: var(--color-grey-200);
  --color-surface-panel-invert: var(--color-grey-900);
  --color-surface-primary: var(--color-white);
  --color-surface-quarternary: var(--color-grey-800);
  --color-surface-secondary: var(--color-black);
  --color-surface-shadow: var(--color-black-20pc);
  --color-surface-success-primary: var(--color-functional-green-light);
  --color-surface-success-secondary: var(--color-functional-green-mid);
  --color-surface-tertiary: var(--color-grey-400);
  --color-surface-warning-primary: var(--color-functional-orange-light);
  --color-surface-warning-secondary: var(--color-functional-orange-mid);
  --color-text-action-disable: var(--color-grey-300);
  --color-text-action-primary: var(--color-brand-rc-500);
  --color-text-action-primary-invert: var(--color-brand-rc-300);
  --color-text-action-secondary: var(--color-brand-rc-700);
  --color-text-action-secondary-invert: var(--color-brand-rc-100);
  --color-text-brand: var(--color-brand-rc-500);
  --color-text-brand-invert: var(--color-brand-rc-300);
  --color-text-error: var(--color-functional-red-dark);
  --color-text-information: var(--color-functional-blue-dark);
  --color-text-invert: var(--color-white);
  --color-text-primary: var(--color-black);
  --color-text-secondary: var(--color-grey-600);
  --color-text-secondary-invert: var(--color-grey-300);
  --color-text-success: var(--color-functional-green-dark);
  --color-text-tertiary: var(--color-grey-800);
  --color-text-warning: var(--color-functional-orange-dark);
  --radius-s: var(--radius-1);
  --radius-m: var(--radius-2);
  --radius-l: var(--radius-3);
  --radius-full: var(--radius-7);
  --spacing-none: 0rem;
  --spacing-2xs: var(--spacing-1);
  --spacing-xs: var(--spacing-2);
  --spacing-s: var(--spacing-3);
  --spacing-m: var(--spacing-4);
  --spacing-l: var(--spacing-5);
  --spacing-xl: var(--spacing-6);
  --spacing-2xl: var(--spacing-7);
  --spacing-3xl: var(--spacing-8);
  --spacing-4xl: var(--spacing-9);
  --spacing-5xl: var(--spacing-10);
  --spacing-6xl: var(--spacing-11);
  --spacing-7xl: var(--spacing-12);
}
@media (max-width: 360px) {
  :root {
    --text-font-size-meta: var(--text-font-size-125);
    --text-font-size-body-m: var(--text-font-size-150);
    --text-font-size-cta: var(--text-font-size-150);
    --text-font-size-form-m: var(--text-font-size-150);
    --text-font-size-link-m: var(--text-font-size-150);
    --text-font-size-title-2xs: var(--text-font-size-150);
    --text-font-size-body-l: var(--text-font-size-175);
    --text-font-size-form-l: var(--text-font-size-175);
    --text-font-size-intro-m: var(--text-font-size-175);
    --text-font-size-link-l: var(--text-font-size-175);
    --text-font-size-title-xs: var(--text-font-size-175);
    --text-font-size-intro-l: var(--text-font-size-200);
    --text-font-size-link-xl: var(--text-font-size-200);
    --text-font-size-title-s: var(--text-font-size-200);
    --text-font-size-title-m: var(--text-font-size-250);
    --text-font-size-title-l: var(--text-font-size-300);
    --text-font-size-title-xl: var(--text-font-size-350);
    --text-font-size-title-2xl: var(--text-font-size-450);
    --text-line-height-cta: var(--text-line-height-125);
    --text-line-height-form-m: var(--text-line-height-125);
    --text-line-height-link-m: var(--text-line-height-125);
    --text-line-height-meta: var(--text-line-height-125);
    --text-line-height-form-l: var(--text-line-height-175);
    --text-line-height-link-l: var(--text-line-height-175);
    --text-line-height-body-m: var(--text-line-height-225);
    --text-line-height-intro-m: var(--text-line-height-225);
    --text-line-height-link-xl: var(--text-line-height-225);
    --text-line-height-title-2xs: var(--text-line-height-225);
    --text-line-height-title-s: var(--text-line-height-225);
    --text-line-height-title-xs: var(--text-line-height-225);
    --text-line-height-title-m: var(--text-line-height-275);
    --text-line-height-body-l: var(--text-line-height-325);
    --text-line-height-intro-l: var(--text-line-height-325);
    --text-line-height-title-l: var(--text-line-height-325);
    --text-line-height-title-xl: var(--text-line-height-425);
    --text-line-height-title-2xl: var(--text-line-height-500);
    --text-font-family-rc-standard: var(--text-font-family-rc-standard-global-sans);
    --text-font-weight-black: var(--text-font-weight-700);
    --text-font-weight-bold: var(--text-font-weight-600);
    --text-font-weight-light: var(--text-font-weight-300);
    --text-font-weight-medium: var(--text-font-weight-500);
    --text-font-weight-regular: var(--text-font-weight-400);
  }
}
@media (prefers-color-scheme: dark) {
  html {
    --ds-theme: dark;
  }
}
html[data-theme=dark] {
  --ds-theme: dark;
}
html[data-theme=light] {
  --ds-theme: light;
}
@container style(--ds-theme: dark) {
  * {
    --color-border-brand-primary: var(--color-brand-rc-300);
    --color-border-brand-primary-invert: var(--color-brand-rc-500);
    --color-border-brand-secondary: var(--color-brand-rc-100);
    --color-border-brand-secondary-invert: var(--color-brand-rc-700);
    --color-border-disable: var(--color-grey-300);
    --color-border-error: var(--color-functional-red-mid);
    --color-border-focus: var(--color-functional-focus);
    --color-border-information: var(--color-functional-blue-light);
    --color-border-invert: var(--color-black);
    --color-border-primary: var(--color-grey-100);
    --color-border-quarternary: var(--color-grey-800);
    --color-border-secondary: var(--color-grey-500);
    --color-border-shadow: var(--color-black-10pc);
    --color-border-success: var(--color-functional-green-mid);
    --color-border-tertiary: var(--color-grey-600);
    --color-border-warning: var(--color-functional-orange-mid);
    --color-icon-brand-primary: var(--color-brand-rc-300);
    --color-icon-brand-primary-invert: var(--color-brand-rc-500);
    --color-icon-brand-secondary: var(--color-brand-rc-100);
    --color-icon-brand-secondary-invert: var(--color-brand-rc-700);
    --color-icon-disable: var(--color-grey-300);
    --color-icon-error: var(--color-functional-red-mid);
    --color-icon-information: var(--color-functional-blue-mid);
    --color-icon-invert: var(--color-black);
    --color-icon-primary: var(--color-grey-300);
    --color-icon-secondary: var(--color-grey-100);
    --color-icon-success: var(--color-functional-green-mid);
    --color-icon-tertiary: var(--color-white);
    --color-icon-warning: var(--color-functional-orange-mid);
    --color-surface-action-disable: var(--color-grey-300);
    --color-surface-action-primary: var(--color-brand-rc-300);
    --color-surface-action-primary-invert: var(--color-brand-rc-500);
    --color-surface-action-quarternary: var(--color-white);
    --color-surface-action-secondary: var(--color-brand-rc-100);
    --color-surface-action-secondary-invert: var(--color-brand-rc-700);
    --color-surface-action-tertiary: var(--color-grey-300);
    --color-surface-brand: var(--color-brand-rc-300);
    --color-surface-brand-invert: var(--color-brand-rc-500);
    --color-surface-error-primary: var(--color-functional-red-dark);
    --color-surface-error-secondary: var(--color-functional-red-mid);
    --color-surface-highlight: var(--color-black-20pc);
    --color-surface-highlight-secondary: var(--color-black-95pc);
    --color-surface-information-primary: var(--color-functional-blue-dark);
    --color-surface-information-secondary: var(--color-functional-blue-mid);
    --color-surface-overlay: var(--color-white-95pc);
    --color-surface-panel: var(--color-grey-900);
    --color-surface-panel-dark: var(--color-grey-800);
    --color-surface-panel-invert: var(--color-grey-100);
    --color-surface-primary: var(--color-black);
    --color-surface-quarternary: var(--color-grey-200);
    --color-surface-secondary: var(--color-white);
    --color-surface-shadow: var(--color-white-20pc);
    --color-surface-success-primary: var(--color-functional-green-dark);
    --color-surface-success-secondary: var(--color-functional-green-mid);
    --color-surface-tertiary: var(--color-grey-600);
    --color-surface-warning-primary: var(--color-functional-orange-dark);
    --color-surface-warning-secondary: var(--color-functional-orange-mid);
    --color-text-action-disable: var(--color-grey-300);
    --color-text-action-primary: var(--color-brand-rc-300);
    --color-text-action-primary-invert: var(--color-brand-rc-500);
    --color-text-action-secondary: var(--color-brand-rc-100);
    --color-text-action-secondary-invert: var(--color-brand-rc-700);
    --color-text-brand: var(--color-brand-rc-300);
    --color-text-brand-invert: var(--color-brand-rc-500);
    --color-text-error: var(--color-functional-red-light);
    --color-text-information: var(--color-functional-blue-light);
    --color-text-invert: var(--color-black);
    --color-text-primary: var(--color-white);
    --color-text-secondary: var(--color-grey-300);
    --color-text-secondary-invert: var(--color-grey-600);
    --color-text-success: var(--color-functional-green-light);
    --color-text-tertiary: var(--color-grey-200);
    --color-text-warning: var(--color-functional-orange-light);
    --radius-s: var(--radius-1);
    --radius-m: var(--radius-2);
    --radius-l: var(--radius-3);
    --radius-full: var(--radius-7);
    --spacing-none: 0rem;
    --spacing-2xs: var(--spacing-1);
    --spacing-xs: var(--spacing-2);
    --spacing-s: var(--spacing-3);
    --spacing-m: var(--spacing-4);
    --spacing-l: var(--spacing-5);
    --spacing-xl: var(--spacing-6);
    --spacing-2xl: var(--spacing-7);
    --spacing-3xl: var(--spacing-8);
    --spacing-4xl: var(--spacing-9);
    --spacing-5xl: var(--spacing-10);
    --spacing-6xl: var(--spacing-11);
    --spacing-7xl: var(--spacing-12);
  }
}
:root {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.l-header {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.hideSubHeader {
  --sub-header-height: 0px;
}
.hideSubHeader .l-sub-header {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.header--scrolled {
  --header-height: 3.75rem;
}
.header--scrolled .l-header {
  --header-height: 3.75rem;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2rem;
  margin: 0.67rem 0;
}
p {
  margin: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace;
  font-size: 1rem;
}
a {
  background-color: transparent;
}
[title] {
  border-bottom: 0;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1rem;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25rem;
}
sup {
  top: -0.5rem;
}
img {
  border-style: none;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  appearance: auto;
}
fieldset {
  padding: 0.35rem 0.75rem 0.625rem;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  outline-color: transparent;
  outline-style: none;
}
button:-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number] {
  appearance: textfield;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  appearance: none;
  height: auto;
  margin: 0;
}
[type=search] {
  appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  appearance: none;
}
::-webkit-file-upload-button {
  appearance: auto;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.l-header {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.hideSubHeader {
  --sub-header-height: 0px;
}
.hideSubHeader .l-sub-header {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.header--scrolled {
  --header-height: 3.75rem;
}
.header--scrolled .l-header {
  --header-height: 3.75rem;
}
html,
body {
  width: 100%;
}
body {
  background-color: var(--color-surface-panel);
  color: #666;
  font-family:
    dinpro,
    arial,
    sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
*::-webkit-scrollbar {
  width: 1rem;
}
*::-webkit-scrollbar-track {
  background: var(--color-surface-panel);
  border: 1px solid #d7d7d7;
}
*::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #d7d7d7;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
}
*::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #808285;
}
a {
  text-decoration: none;
}
.center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.no-scroll {
  overflow: hidden;
}
.divider-table {
  background-color: var(--color-surface-panel);
  height: 1px;
  width: 100%;
}
.divider {
  background-color: var(--color-surface-panel);
  height: 1px;
  margin: 20px 0;
  width: 100%;
}
.divider-without-margin {
  background-color: var(--color-surface-panel);
  height: 1px;
  width: 100%;
}
.rc-reset-list {
  list-style: none;
  margin-block: 0;
  margin-inline: 0;
  padding-inline-start: 0;
}
.mars-footer-container {
  position: relative !important;
  top: 20px !important;
}
.mars-footer-legal {
  margin-bottom: 0 !important;
}
#mars-footer-panel {
}
#mars-footer-panel.mars-footer--withLeftPanelOpened {
}
@media screen and (min-width: 960px) {
  #mars-footer-panel.mars-footer--withLeftPanelOpened {
    max-width: calc(100% - 21.25rem);
  }
  #mars-footer-panel.mars-footer--withLeftPanelOpened .mars-footer-container {
    transform: translateX(21.25rem);
  }
}
#mars-footer-panel.mars-footer--withLeftPanelOpened.mars-footer--withRightPanel {
}
@media screen and (min-width: 960px) {
  #mars-footer-panel.mars-footer--withLeftPanelOpened.mars-footer--withRightPanel.mars-footer--withRightPanelOpened {
    max-width: calc(100% - 21.25rem - 27.1875rem);
  }
}
@media screen and (min-width: 960px) {
  #mars-footer-panel.mars-footer--withLeftPanelOpened.mars-footer--withRightPanel:not(.mars-footer--withRightPanelOpened) {
    max-width: calc(100% - 21.25rem - 2.5rem);
  }
}
@media screen and (min-width: 960px) {
  #mars-footer-panel.mars-footer--withRightPanelOpened {
    max-width: calc(100% - 27.1875rem);
  }
}
.app-footer .rc-footer {
  transition: all 400ms;
  max-width: 100%;
  transform: translateX(0);
}
@media screen and (min-width: 960px) {
  .app-footer.app-footer--withLeftPanelOpened .rc-footer {
    max-width: calc(100% - 21.25rem);
    transform: translateX(21.25rem);
  }
}
@media screen and (min-width: 960px) {
  .app-footer.app-footer--withRightPanelOpened .rc-footer {
    max-width: calc(100% - 27.1875rem);
  }
}
.cookie-consent {
  transition: all 400ms;
  transform: translateX(0);
}
@media screen and (min-width: 960px) {
  .cookie-consent.cookie-consent--withRightPanelOpened {
    transform: translateX(-27.1875rem);
  }
}
@media print {
  @page {
    margin: 0;
    size: portrait;
  }
  [id=cookie-consent] {
    display: none;
  }
  .mars-footer-container {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .tooltip-arrow-up {
    padding: 0.5rem;
  }
  .tooltip-arrow-up::before {
    border-bottom: 0.5rem solid #333 !important;
    border-left: 0.5rem solid transparent !important;
    border-right: 0.5rem solid transparent !important;
    height: 0;
    left: calc(50% - 0.5rem) !important;
    top: 0 !important;
    width: 0;
  }
}
@media screen and (min-width: 960px) {
  .tooltip-arrow-down {
    padding: 0.5rem;
  }
  .tooltip-arrow-down::before {
    top: unset !important;
  }
  .tooltip-arrow-down::after {
    border-left: 0.5rem solid transparent !important;
    border-right: 0.5rem solid transparent !important;
    border-top: 0.5rem solid #333 !important;
    bottom: 0;
    content: "";
    height: 0;
    left: calc(50% - 0.5rem) !important;
    position: absolute;
    width: 0;
  }
}
@media screen and (min-width: 960px) {
  .tooltip-arrow-down-light {
    background-color: var(--color-surface-panel);
    color: #666 !important;
    font-size: 1rem;
    line-height: 24px;
    max-width: 290px !important;
  }
  .tooltip-arrow-down-light::after {
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
    border-top: 0.75rem solid var(--color-surface-panel);
    left: calc(50% - 0.75rem) !important;
  }
  .tooltip-arrow-down-light::before {
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
    border-top: 0.75rem solid #d7d7d7;
    left: calc(50% - 0.75rem) !important;
    margin-top: 1px;
    top: unset !important;
    width: 0;
  }
}
.mdc-tooltip {
  background-color: transparent;
}
@media (max-width: 960px) {
  .mdc-tooltip {
    display: none !important;
  }
}
.mdc-tooltip__surface {
  background-color: #333 !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  line-height: 18px !important;
  max-width: 240px !important;
  overflow: visible !important;
  text-align: center !important;
}
.tooltip-arrow-down-light .mdc-tooltip__surface {
  background-color: var(--color-surface-panel) !important;
  border: 1px solid #d7d7d7;
  color: #666 !important;
  font-size: 1rem;
  line-height: 24px;
  max-width: 290px !important;
}
.tooltip-arrow-up-light .mdc-tooltip__surface {
  background-color: var(--color-surface-panel) !important;
  border: 1px solid #d7d7d7;
  color: #666 !important;
  font-size: 1rem;
  line-height: 24px;
  max-width: 290px !important;
}
.tooltip-offset-up {
  top: -2rem;
}
.tooltip-hidden {
  visibility: hidden;
}
:root {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.l-header {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.hideSubHeader {
  --sub-header-height: 0px;
}
.hideSubHeader .l-sub-header {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.header--scrolled {
  --header-height: 3.75rem;
}
.header--scrolled .l-header {
  --header-height: 3.75rem;
}
.mdc-dialog__container .mat-mdc-dialog-surface {
  display: block;
  padding: 1.5rem;
}
.mat-mdc-dialog-surface:has(.wrapper__close) {
  padding-top: 0;
}
.mat-mdc-dialog-surface:has(.wrapper--no-padding-bottom) {
  padding-bottom: 0;
}
.rc-overlay-container,
.rc-overlay-wrapper {
  height: 100%;
  left: 0;
  pointer-events: none;
  top: 0;
  width: 100%;
}
.rc-overlay-container {
  position: fixed;
  z-index: 700;
}
.rc-overlay-backdrop {
  inset: 0;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 500;
}
.rc-overlay-backdrop--dark {
  background: rgba(0, 0, 0, 0.32);
}
.rc-overlay-backdrop--showing {
  opacity: 1;
}
.rc-overlay-wrapper {
  position: absolute;
  z-index: 500;
}
.rc-overlay-pane {
  max-height: 100%;
  max-width: 100%;
  pointer-events: auto;
  position: static;
  z-index: 500;
}
.customMatDialogOverlay {
  background: #333 !important;
  opacity: 0.8 !important;
}
@media screen and (min-width: 960px) {
  .cdk-overlay-pane,
  .cdk-overlay-pane .mdc-dialog__container {
    background-color: transparent !important;
  }
}
.popinDefaultPanelCustom .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 960px) {
  .popinDefaultPanelCustom .mdc-dialog__container {
    height: 70vh;
    width: 50rem;
  }
}
.reportProductPanelCustom .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .reportProductPanelCustom .mdc-dialog__container {
    height: 36.25rem;
    width: 57.5rem;
  }
}
.reportNoProductsPanelCustom .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .reportNoProductsPanelCustom .mdc-dialog__container {
    height: 36.25rem;
    width: 37.5rem;
  }
}
.productDetailPanelCustom .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 960px) {
  .productDetailPanelCustom .mdc-dialog__container {
    height: 36.25rem;
    width: 57.5rem;
  }
}
.shareRecomendationPanelCustom .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 960px) {
  .shareRecomendationPanelCustom .mdc-dialog__container {
    height: 56.25rem;
    width: 80rem;
  }
}
.infoPopinPanelCustom .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 960px) {
  .infoPopinPanelCustom .mdc-dialog__container {
    height: 31.25rem;
    width: 27.5rem;
  }
}
.searchProductPopin .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 960px) {
  .searchProductPopin .mdc-dialog__container {
    height: 28.25rem;
    width: 27.5rem;
  }
}
.productPurchase .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 960px) {
  .productPurchase .mdc-dialog__container {
    height: 26.25rem;
    width: 59.5625rem;
  }
}
.emailPoppinPanelCustom {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 960px) {
  .emailPoppinPanelCustom {
    height: 33.125rem;
    width: 72.5rem;
  }
}
.uploadLogoPopinPanelCustom {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 960px) {
  .uploadLogoPopinPanelCustom {
    height: 30.625rem;
    width: 27.5rem;
  }
}
@media only screen and (width >= 960px) {
  .rc-overlay-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .cdk-overlay-pane,
  .rc-overlay-pane {
    display: flex;
  }
  .cdk-overlay-pane.big,
  .rc-overlay-pane.big {
    width: 1160px;
  }
  .cdk-overlay-pane.plus,
  .rc-overlay-pane.plus {
    width: 920px;
  }
  .cdk-overlay-pane.medium,
  .rc-overlay-pane.medium {
    width: 920px;
  }
  .cdk-overlay-pane.regular,
  .rc-overlay-pane.regular {
    width: 580px;
  }
  .cdk-overlay-pane.small,
  .rc-overlay-pane.small {
    width: 440px;
  }
}
.contactPopinPanel .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .contactPopinPanel .mdc-dialog__container {
    height: 46.875rem;
    width: 57.5rem;
  }
}
.exitPricesPopinPanel .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .exitPricesPopinPanel .mdc-dialog__container {
    height: 31.25rem;
    width: 28.125rem;
  }
}
.switchWlpPopinPanel .mdc-dialog__container {
  background-color: #fff;
  height: 100vh;
}
@media screen and (min-width: 768px) {
  .switchWlpPopinPanel .mdc-dialog__container {
    height: 35.75rem;
    width: 57.5rem;
  }
}
.shareRecoPopinPanel {
  width: calc(1.5rem + 296px + 1.5rem);
}
@media screen and (min-width: 768px) {
  .shareRecoPopinPanel {
    width: calc(1.5rem + 328px + 1.5rem);
  }
}
.shareRecoPopinWithFormPanel {
  width: calc(1.5rem + 296px + 1.5rem);
}
@media screen and (min-width: 768px) {
  .shareRecoPopinWithFormPanel {
    width: calc(1.5rem + 328px + 32px + 360px + 1.5rem);
  }
}
.l-header,
.l-sub-header {
  height: 6.5625rem;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}
.l-header {
  z-index: 4;
}
.l-sub-header {
  height: 2.5rem;
  top: 6.5625rem;
  transition: all 0.25s ease-in;
}
@media only screen and (width >= 960px) {
  .l-header {
    height: var(--header-height, 5.625rem);
    transition: height 0.3s ease;
  }
  .l-sub-header {
    height: var(--sub-header-height, 3.75rem);
    top: var(--header-height, 5.625rem);
    transition: top 0.3s ease;
  }
}
@media only screen and (width >= 960px) {
  .header--scrolled .l-header {
    height: 3.75rem !important;
  }
}
@media only screen and (width >= 960px) {
  .header--scrolled .l-sub-header {
    top: 3.75rem !important;
  }
}
:root {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.l-header {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.hideSubHeader {
  --sub-header-height: 0px;
}
.hideSubHeader .l-sub-header {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.header--scrolled {
  --header-height: 3.75rem;
}
.header--scrolled .l-header {
  --header-height: 3.75rem;
}
.l-main {
  display: block;
  padding-top: calc(6.5625rem + 2.5rem);
  position: relative;
  z-index: 1;
}
@media only screen and (width >= 960px) {
  .l-main {
    padding-top: calc(var(--header-height, 5.625rem) + var(--sub-header-height));
    transition: padding-top 0.3s ease;
  }
}
@media only screen and (width >= 960px) {
  body.hideSubHeader .l-main {
    padding-top: var(--header-height, 5.625rem);
  }
}
.l-main__container {
  height: 100%;
  position: relative;
  width: 100%;
}
@media only print {
  .l-main {
    margin: 20px;
  }
}
.vcenter {
  top: 50%;
  transform: translateY(-50%);
}
.l-product {
  margin: 0;
}
@media (width >= 760px) {
  .l-product {
    margin: 0 auto;
    max-width: 1190px;
    padding: 15px;
  }
}
:root {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.l-header {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.hideSubHeader {
  --sub-header-height: 0px;
}
.hideSubHeader .l-sub-header {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.header--scrolled {
  --header-height: 3.75rem;
}
.header--scrolled .l-header {
  --header-height: 3.75rem;
}
.rc-icon {
  background-image: url("./media/rc_icons-U6KTCIKD.svg?12");
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 auto;
}
.rc-icon--disabled {
  opacity: 0.3;
}
.rc-icon-pdf {
  background-image: url("./media/royal-canin.sprite--iconography--xs-TFVYMGWM.svg");
  background-position: -198px -135px;
  height: 17px;
  margin: inherit;
  width: 20px;
}
.rc-icon-pdf.active {
  background-image: url("./media/royal-canin.sprite--brand1--xs-HNJL6IOP.svg");
}
.rc-icon-reversed {
  transform: rotate(180deg);
}
.rc-icon--action-submit {
  background-position: -252px -98px;
  height: 15px;
  width: 20px;
}
.rc-icon--minidirectory {
  background-position: -197px -873px;
}
.rc-icon--product {
  background-position: -14px -216px;
}
.rc-icon--product.active,
.rc-icon--product::after {
  background-position: -40px -216px;
}
.rc-icon--search {
  background-position: -66px -216px;
}
.rc-icon--search.active,
.rc-icon--search::after {
  background-position: -66px -216px;
}
.rc-icon--search.error {
  background-position: -229px -779px;
}
.rc-icon--search-big {
  background-position: -82px -14px;
  height: 24px;
  margin: -6px auto;
  width: 24px;
}
.rc-icon--search-big.active,
.rc-icon--search-big.error {
  background-position: -116px -14px;
}
.rc-icon--calendar {
  background-position: -83px -905px;
}
.rc-icon--calendar.active,
.rc-icon--calendar::after {
  background-position: -109px -905px;
}
.rc-icon--calendar.error {
  background-position: -255px -779px;
}
.rc-icon--notif {
  background-position: -118px -216px;
}
.rc-icon--notif.active,
.rc-icon--notif::after {
  background-position: -141px -216px;
}
.rc-icon--profile {
  background-position: -164px -216px;
}
.rc-icon--profile.active,
.rc-icon--profile::after {
  background-position: -190px -216px;
}
.rc-icon--profile-active {
  background-position: -190px -216px;
}
.rc-icon--basket {
  background-position: -245px -610px;
  height: 16px;
  width: 16px;
}
.rc-icon--cart {
  background-position: -218px -639px;
  height: 24px;
  width: 24px;
}
.rc-icon--add-people {
  background-position: -122px -458px;
}
.rc-icon--weight-loss {
  background-position: -42px -458px;
}
.rc-icon--smart-reco {
  background-position: -68px -458px;
}
.rc-icon--daily-allowance {
  background-position: -16px -458px;
}
.rc-icon--multifunctions {
  background-position: -96px -458px;
}
.rc-icon--pet_profile,
.rc-icon--body-score,
.rc-icon--weight,
.rc-icon--weight-tracking,
.rc-icon--visit,
.rc-icon--agenda,
.rc-icon--consultation,
.rc-icon--inventory,
.rc-icon--reset,
.rc-icon--academy,
.rc-icon--pet-record,
.rc-icon--multifunction,
.rc-icon--vetportal,
.rc-icon--pathology,
.rc-icon--sensitivity,
.rc-icon--pathologies,
.rc-icon--community {
  height: 32px;
  width: 32px;
}
.rc-icon--pet_profile {
  background-position: -245px -663px;
}
.rc-icon--body-score {
  background-position: -132px -865px;
}
.rc-icon--weight {
  background-position: -77px -634px;
}
.rc-icon--weight-tracking {
  background-position: -7px -865px;
}
.rc-icon--visit {
  background-position: -7px -865px;
}
.rc-icon--pathologies {
  background-position: -14px -941px;
}
.rc-icon--pathology {
  background-position: -147px -740px;
}
.rc-icon--pathology.active,
.rc-icon--pathology::after {
  background-position: -173px -740px;
}
.rc-icon--sensitivity {
  background-position: -94px -742px;
}
.rc-icon--sensitivity.active,
.rc-icon--sensitivity::after {
  background-position: -190px -216px;
}
.rc-icon--agenda {
  background-position: -182px -48px;
}
.rc-icon--agenda.active,
.rc-icon--agenda::after {
  background-position: -224px -48px;
}
.rc-icon--consultation {
  background-position: -14px -174px;
  width: 24px;
}
.rc-icon--consultation.active,
.rc-icon--consultation::after {
  background-position: -48px -174px;
}
.rc-icon--cross {
  background-position: -15px -753px;
}
.rc-icon--info {
  background-position: -41px -753px;
}
.rc-icon--reset {
  background-position: -196px -674px;
  height: 14px;
  width: 16px;
}
.rc-icon--reset.active,
.rc-icon--reset::after {
  background-position: -222px -674px;
}
.rc-icon--inventory {
  background-position: -10px -90px;
}
.rc-icon--inventory.active,
.rc-icon--inventory::after {
  background-position: -52px -90px;
}
.rc-icon--academy {
  background-position: -10px -48px;
}
.rc-icon--academy.active,
.rc-icon--academy::after {
  background-position: -52px -48px;
}
.rc-icon--pet-record {
  background-position: -10px -132px;
}
.rc-icon--pet-record.active,
.rc-icon--pet-record::after {
  background-position: -53px -132px;
}
.rc-icon--community {
  background-position: -90px -132px;
}
.rc-icon--community.active,
.rc-icon--community::after {
  background-position: -132px -132px;
}
.rc-icon--vet-portal,
.rc-icon--multi,
.rc-icon--rationing {
  height: 100%;
  width: auto;
}
.rc-icon--vet-portal {
  background-position: 0 -788px;
}
.rc-icon--multi {
  background-position: -80px -788px;
}
.rc-icon--rationing {
  background-position: -157px -788px;
}
.rc-icon--check {
  background-position: -244px -242px;
  height: 16px;
  width: 16px;
}
.rc-icon--check.active {
  background-position: -218px -242px;
}
.rc-icon--advice {
  background-position: -94px -48px;
  height: 32px;
  width: 32px;
}
.icon-food {
  fill: #666;
  margin-right: 0.5rem;
}
.rc-icon--food {
  background-position: -240px -18px;
  height: 16px;
  width: 14px;
}
.rc-icon--food.active,
.rc-icon--food::after {
  background-position: -260px -18px;
}
.rc-icon--support {
  background-position: -14px -242px;
  height: 16px;
  width: 18px;
}
.rc-icon--support.active,
.rc-icon--support::after {
  background-position: -38px -243px;
}
.rc-icon--settings,
.rc-icon--settings-active {
  height: 24px;
  width: 24px;
}
.rc-icon--settings {
  background-position: -127px -178px;
}
.rc-icon--settings:hover {
  background-position: -161px -178px;
}
.rc-icon--settings-active {
  background-position: -161px -178px;
}
.rc-icon--logout {
  background-position: -195px -178px;
}
.rc-icon--logout:hover {
  background-position: -227px -178px;
}
.rc-icon--close {
  background-position: -94px -97px;
  height: 18px;
  width: 18px;
}
.rc-icon--trash {
  background-position: -207px -714px;
  height: 16px;
  width: 16px;
}
.rc-icon--trash.active,
.rc-icon--trash:hover {
  background-position: -233px -714px;
}
.rc-icon--shop {
  background-position: -15px -605px;
  height: 24px;
  width: 24px;
}
.rc-icon--information {
  background-position: -83px -639px;
  height: 24px;
  width: 24px;
}
.rc-icon--grid {
  background-position: -143px -609px;
  height: 16px;
  width: 16px;
}
.rc-icon--grid.is-active,
.rc-icon--grid::after {
  background-position: -168px -609px;
}
.rc-icon--list {
  background-position: -193px -609px;
  height: 16px;
  width: 16px;
}
.rc-icon--list.is-active,
.rc-icon--list::after,
.rc-icon--list:hover {
  background-position: -219px -609px;
}
.rc-icon--filter {
  background-position: -117px -673px;
  height: 21px;
  width: 24px;
}
.rc-icon--filter.active,
.rc-icon--filter::after {
  background-position: -83px -673px;
}
.icon-edit {
  fill: #666;
  margin-right: 0.5rem;
}
.rc-icon--pending {
  background-position: -16px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--pending-white {
  background-position: -16px -975px;
  height: 16px;
  width: 16px;
}
.rc-icon--awaiting-approval {
  background-position: -67px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--awaiting-approval-white {
  background-position: -67px -975px;
  height: 16px;
  width: 16px;
}
.rc-icon--validated {
  background-position: -95px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--validated-white {
  background-position: -93px -975px;
  height: 16px;
  width: 16px;
}
.rc-icon--processed {
  background-position: -119px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--processed-white {
  background-position: -119px -975px;
  height: 16px;
  width: 16px;
}
.rc-icon--personalized {
  background-position: -145px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--personalized-white {
  background-position: -145px -975px;
  height: 16px;
  width: 16px;
}
.rc-icon--ready-for-wms {
  background-position: -171px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--ready-for-wms-white {
  background-position: -171px -975px;
  height: 16px;
  width: 16px;
}
.rc-icon--shipped {
  background-position: -197px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--shipped-white {
  background-position: -198px -975px;
  height: 16px;
  width: 16px;
}
.rc-icon--awaiting-b2b-loyalty {
  background-position: -225px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--awaiting-b2b-loyalty-white {
  background-position: -225px -975px;
  height: 16px;
  width: 16px;
}
.rc-icon--ready-for-vet-invoiced {
  background-position: -251px -810px;
  height: 16px;
  width: 16px;
}
.rc-icon--ready-for-vet-invoiced-white {
  background-position: -251px -976px;
  height: 16px;
  width: 16px;
}
.rc-icon--invoiced {
  background-position: -15px -835px;
  height: 16px;
  width: 16px;
}
.rc-icon--closed {
  background-position: -15px -835px;
  height: 16px;
  width: 16px;
}
.rc-icon--closed-white {
  background-position: -15px -1000px;
  height: 16px;
  width: 16px;
}
.rc-icon--refused {
  background-position: -41px -835px;
  height: 16px;
  width: 16px;
}
.rc-icon--canceled {
  background-position: -67px -835px;
  height: 16px;
  width: 16px;
}
.rc-icon--active {
  background-position: -197px -835px;
  height: 16px;
  width: 16px;
}
.rc-icon--renew {
  background-position: -93px -835px;
  height: 16px;
  width: 16px;
}
.rc-icon--tool-calculator,
.rc-icon--tool-weight,
.rc-icon--tool-directory {
  height: 62px;
  width: 62px;
}
.rc-icon--tool-calculator {
  background-position: -117px -268px;
}
.rc-icon--tool-weight {
  background-position: -219px -268px;
}
.rc-icon--tool-directory {
  background-position: -15px -268px;
}
.rc-icon--link {
  height: 20px;
  width: 20px;
}
.rc-icon--link-enabled {
  background-position: -114px -673px;
}
.rc-icon--link-disabled {
  background-position: -84px -673px;
}
.rc-icon--calculator,
.rc-icon--animal {
  height: 24px;
  width: 26px;
}
.rc-icon--calculator {
  background-position: -208px -133px;
}
.rc-icon--animal {
  background-position: -251px -671px;
  height: 17px;
}
.rc-icon--medical-record {
  background-position: -139px -710px;
  height: 24px;
  width: 24px;
}
.rc-icon--alert {
  background-position: -62px -242px;
  height: 16px;
  width: 16px;
}
.rc-icon--alert-active {
  background-position: -88px -242px;
}
.rc-icon--email {
  background-position: -216px -217px;
  height: 13px;
  width: 16px;
}
.rc-icon--print {
  background-position: -144px -673px;
  height: 16px;
  width: 16px;
}
.rc-icon--dots-vertical {
  background-position: -193px -904px;
  height: 25px;
  width: 10px;
}
.rc-icon--dots-vertical-active {
  background-position: -193px -904px;
}
.rc-icon--cat {
  background-position: -106px -349px;
  height: 38px;
  width: 40px;
}
.rc-icon--cat.is-active {
  background-position: -158px -349px;
}
.rc-icon--upload {
  background-position: -15px -402px;
  height: 40px;
  width: 52px;
}
.rc-icon--upload.is-failed {
  background-position: -15px -703px;
}
.rc-icon--dog {
  background-position: -12px -349px;
  height: 38px;
  width: 40px;
}
.rc-icon--dog.is-active {
  background-position: -58px -349px;
}
.rc-icon--male {
  background-position: -205px -753px;
  height: 16px;
  width: 16px;
}
.rc-icon--male.is-active {
  background-position: -231px -753px;
}
.rc-icon--female {
  background-position: -15px -779px;
  height: 16px;
  width: 16px;
}
.rc-icon--female.is-active {
  background-position: -41px -779px;
}
.rc-icon--indoor {
  background-position: -67px -779px;
  height: 16px;
  width: 16px;
}
.rc-icon--indoor.is-active {
  background-position: -93px -779px;
}
.rc-icon--outdoor {
  background-position: -173px -779px;
  height: 16px;
  width: 16px;
}
.rc-icon--outdoor.is-active {
  background-position: -203px -779px;
}
.rc-icon--both {
  background-position: -119px -779px;
  height: 16px;
  width: 16px;
}
.rc-icon--both.is-active {
  background-position: -145px -779px;
}
.rc-icon--dots-horizontal {
  background-position: -15px -913px;
  height: 6px;
  width: 24px;
}
.rc-icon--chevron-white-right,
.rc-icon--chevron-white-left {
  height: 24px;
  vertical-align: middle;
  width: 16px;
}
.rc-icon--chevron-white-right {
  background-position: -166px -940px;
}
.rc-icon--chevron-white-left {
  background-position: -187px -940px;
}
.rc-icon--arrow-red {
  background-position: -66px -756px;
  height: 10px;
  vertical-align: middle;
  width: 10px;
}
.rc-icon--arrow-right--white {
  background-position: -254px -100px;
  height: 12px;
  width: 16px;
}
.rc-icon--arrow-up {
  transform: rotate(180deg);
}
.rc-icon--arrow-left {
  transform: rotate(90deg);
}
.rc-icon--arrow-right {
  transform: rotate(-90deg);
}
.rc-icon--arrow-down,
.rc-icon--arrow-up {
  background-position: -150px -100px;
  height: 14px;
  width: 20px;
}
.rc-icon--arrow-down.active,
.rc-icon--arrow-up.active {
  background-position: -174px -100px;
}
.rc-icon--arrow-left,
.rc-icon--arrow-right {
  background-position: -148px -100px;
  height: 14px;
  width: 20px;
}
.rc-icon--arrow-left.active,
.rc-icon--arrow-right.active {
  background-position: -174px -100px;
}
.rc-icon--arrow-down--white {
  background-position: -165px -944px;
  height: 16px;
  transform: rotate(90deg);
  width: 16px;
}
.rc-icon--arrow2-down--blue,
.rc-icon--arrow2-down--green,
.rc-icon--arrow2-up--blue,
.rc-icon--arrow2-up--green,
.rc-icon--arrow2-equal {
  height: 16px;
  margin: 0 2px;
  width: 13px;
}
.rc-icon--arrow2-down--blue {
  background-position: -212px -905px;
  transform: translateY(2px);
}
.rc-icon--arrow2-down--green {
  background-position: -255px -905px;
  transform: translateY(2px);
}
.rc-icon--arrow2-up--blue {
  background-position: -212px -905px;
  transform: rotate(180deg) translateY(-2px);
}
.rc-icon--arrow2-up--green {
  background-position: -255px -905px;
  transform: rotate(180deg) translateY(-2px);
}
.rc-icon--arrow2-equal {
  background-position: -235px -905px;
}
.rc-icon--chevron-left,
.rc-icon--chevron-right {
  height: 25px;
  width: 10px;
}
.rc-icon--chevron-left {
  background-position: -78px -938px;
}
.rc-icon--chevron-right {
  background-position: -56px -938px;
}
.rc-icon--segmented-weight {
  background-position: -80px -865px;
  height: 24px;
  width: 24px;
}
.rc-icon--pipette {
  background-position: -146px -264px;
  height: 28px;
  width: 27px;
}
.rc-icon--flask {
  background-position: -179px -268px;
  height: 28px;
  width: 27px;
}
.rc-icon--cup {
  background-position: -215px -264px;
  height: 28px;
  width: 27px;
}
.rc-icon--search,
.rc-icon--calendar,
.rc-icon--cross,
.rc-icon--info,
.rc-icon--notif,
.rc-icon--profile,
.rc-icon--profile-active,
.rc-icon--agenda,
.rc-icon--consultation,
.rc-icon--inventory,
.rc-icon--academy,
.rc-icon--minidirectory,
.rc-icon--community,
.rc-icon--weight-loss,
.rc-icon--smart-reco,
.rc-icon--daily-allowance,
.rc-icon--multifunctions,
.rc-icon--add-people,
.rc-icon--arrow-down {
  height: 16px;
  position: relative;
  width: 16px;
}
.rc-icon--search::after,
.rc-icon--calendar::after,
.rc-icon--cross::after,
.rc-icon--info::after,
.rc-icon--notif::after,
.rc-icon--profile::after,
.rc-icon--profile-active::after,
.rc-icon--agenda::after,
.rc-icon--consultation::after,
.rc-icon--inventory::after,
.rc-icon--academy::after,
.rc-icon--minidirectory::after,
.rc-icon--community::after,
.rc-icon--weight-loss::after,
.rc-icon--smart-reco::after,
.rc-icon--daily-allowance::after,
.rc-icon--multifunctions::after,
.rc-icon--add-people::after,
.rc-icon--arrow-down::after {
  background-image: url("./media/rc_icons-U6KTCIKD.svg?12");
  background-repeat: no-repeat;
  inset: 0;
  content: "";
  opacity: 0;
  position: absolute;
  transition: opacity 500ms;
}
.rc-icon--search.active,
.rc-icon--search:hover::after,
.rc-icon--calendar.active,
.rc-icon--calendar:hover::after,
.rc-icon--cross.active,
.rc-icon--cross:hover::after,
.rc-icon--info.active,
.rc-icon--info:hover::after,
.rc-icon--notif.active,
.rc-icon--notif:hover::after,
.rc-icon--profile.active,
.rc-icon--profile:hover::after,
.rc-icon--profile-active.active,
.rc-icon--profile-active:hover::after,
.rc-icon--agenda.active,
.rc-icon--agenda:hover::after,
.rc-icon--consultation.active,
.rc-icon--consultation:hover::after,
.rc-icon--inventory.active,
.rc-icon--inventory:hover::after,
.rc-icon--academy.active,
.rc-icon--academy:hover::after,
.rc-icon--minidirectory.active,
.rc-icon--minidirectory:hover::after,
.rc-icon--community.active,
.rc-icon--community:hover::after,
.rc-icon--weight-loss.active,
.rc-icon--weight-loss:hover::after,
.rc-icon--smart-reco.active,
.rc-icon--smart-reco:hover::after,
.rc-icon--daily-allowance.active,
.rc-icon--daily-allowance:hover::after,
.rc-icon--multifunctions.active,
.rc-icon--multifunctions:hover::after,
.rc-icon--add-people.active,
.rc-icon--add-people:hover::after,
.rc-icon--arrow-down.active,
.rc-icon--arrow-down:hover::after {
  opacity: 1;
}
.rc-icon--arrow-top:hover,
.rc-icon--arrow-left:hover,
.rc-icon--arrow-right:hover,
.rc-icon--arrow-down:hover {
  background-position: -174px -100px;
}
@media only screen and (width >= 960px) {
  .rc-icon--product {
    background-position: -14px -14px;
  }
  .rc-icon--product.active,
  .rc-icon--product::after {
    background-position: -48px -14px;
  }
  .rc-icon--notif {
    background-position: -182px -14px;
  }
  .rc-icon--notif.active,
  .rc-icon--notif::after {
    background-position: -212px -14px;
  }
}
.rc-title-alpha,
.rc-title-beta,
.rc-title-gamma,
.rc-title-delta,
.rc-title-epsilon,
.rc-title-zeta {
  color: #e2001a;
  font-weight: 400;
  margin: 0;
  padding: 0;
  position: relative;
}
.rc-title-alpha {
  font-size: 30px;
  line-height: 34px;
}
.rc-title-beta {
  font-size: 26px;
  line-height: 32px;
}
.rc-title-gamma {
  font-size: 22px;
  line-height: 28px;
}
.rc-title-delta {
  font-size: 18px;
  line-height: 24px;
}
.rc-title-epsilon {
  font-size: 16px;
  line-height: 24px;
}
.rc-title-zeta {
  font-size: 14px;
  line-height: 24px;
}
.rc-title-zeta--medium {
  color: #444;
  font-weight: 500;
}
.pointer {
  cursor: pointer;
}
.rc-paragraph {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
.rc-paragraph--bold {
  font-weight: 700;
}
.rc-paragraph--medium {
  font-weight: 500;
}
.rc-paragraph--intro {
  font-size: 16px;
  line-height: 24px;
}
.rc-paragraph--large-intro {
  font-size: 18px;
  line-height: 32px;
}
.rc-paragraph--large-body {
  font-size: 16px;
  line-height: 32px;
}
.rc-paragraph--body {
  font-weight: 700;
}
.rc-paragraph--numeric {
  font-size: 20px;
  line-height: 32px;
}
.rc-paragraph--meta {
  font-size: 12px;
  line-height: 16px;
}
.rc-paragraph--meta-medium {
  font-weight: 700;
}
[class^=rc-title] > [class^=rc-icon] {
  display: inline-block;
  left: 5px;
  margin: 0 20px 0 30px;
  position: relative;
  top: 5px;
}
.rc-title--right-icon > [class^=rc-icon] {
  left: inherit;
  margin: 0;
  position: absolute;
  right: 0;
  top: 42%;
  transition: 500ms cubic-bezier(1, 0, 0.18, 0.99);
}
.rc-title--right-icon > [class^=rc-icon].active {
  top: 0;
}
@media only screen and (width >= 960px) {
  .rc-title-alpha {
    font-size: 40px;
    line-height: 48px;
  }
  .rc-title-beta {
    font-size: 30px;
    line-height: 34px;
  }
  .rc-title-gamma {
    font-size: 26px;
    line-height: 32px;
  }
  .rc-title-delta {
    font-size: 20px;
    line-height: 24px;
  }
  .rc-title-epsilon {
    font-size: 18px;
    line-height: 24px;
  }
  .rc-title-zeta {
    font-size: 16px;
    line-height: 24px;
  }
  .rc-paragraph {
    font-size: 16px;
    line-height: 24px;
  }
  .rc-paragraph--intro {
    font-size: 18px;
    line-height: 26px;
  }
  .rc-paragraph--large-intro {
    font-size: 22px;
    line-height: 36px;
  }
  .rc-paragraph--large-body {
    font-size: 18px;
    line-height: 34px;
  }
  .rc-paragraph--numeric {
    font-size: 22px;
    line-height: 36px;
  }
  .rc-paragraph--meta {
    font-size: 14px;
    line-height: 18px;
  }
}
@media print {
  .rc-paragraph {
    color: #000;
  }
}
.rc-button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  outline: 0;
  overflow: visible;
  padding: 0 16px;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms ease-in;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: baseline;
  background-color: transparent;
  border: 0;
  font-size: 16px;
  font-weight: 500;
}
.rc-button__title {
  color: #444;
}
.rc-button__title--link {
  border-bottom: 1px solid #d7d7d7;
  transition: border-bottom-color 300ms ease-in-out;
}
.rc-button__title--link:hover {
  border-bottom-color: #444;
}
.rc-button__title-red {
  color: #e2001a;
}
.rc-button__title--link-red {
  border-bottom: 1px solid #e2001a;
  transition: border-bottom-color 300ms ease-in-out;
}
.rc-button__title--link-red:hover {
  border-bottom-color: #c03344;
}
.rc-button__separator {
  margin-right: 15px;
}
.rc-button--link {
  color: inherit;
  min-width: inherit;
  padding: 0;
  text-decoration: none;
}
.rc-button--filled-regular,
.rc-button--filled-small,
.rc-button--outline-regular,
.rc-button--outline-small {
  background-color: #e2001a;
  border-radius: 30px;
}
.rc-button--filled-regular .rc-button__title,
.rc-button--filled-small .rc-button__title,
.rc-button--outline-regular .rc-button__title,
.rc-button--outline-small .rc-button__title {
  color: #fff;
}
.rc-button--filled-regular,
.rc-button--outline-regular {
  height: 48px;
  padding: 0 34px;
}
.rc-button--filled-small,
.rc-button--outline-small {
  height: 40px;
  min-width: 100px;
}
.rc-button--filled-small .rc-button__title,
.rc-button--outline-small .rc-button__title {
  font-size: 14px;
}
.rc-button--outline-regular,
.rc-button--outline-small {
  background-color: transparent;
  border: 2px solid #e2001a;
}
.rc-button--outline-regular .rc-button__title,
.rc-button--outline-small .rc-button__title {
  color: #e2001a;
}
.rc-button--filled-regular:hover,
.rc-button--filled-small:hover {
  background-color: #960011;
}
.rc-button--outline-regular:hover,
.rc-button--outline-small:hover {
  border-color: #960011;
}
.rc-button:disabled {
  cursor: not-allowed;
}
.rc-button:disabled .rc-icon,
.rc-button:disabled .icon {
  opacity: 0.3;
}
.rc-button:disabled .rc-button__title--link {
  color: #d7d7d7;
}
.rc-button:disabled .rc-button__title--link-red {
  border-bottom: 1px solid #d7d7d7;
}
.rc-button:disabled .rc-button__title--link-red:hover {
  border-bottom-color: #c03344;
}
.rc-button:disabled .rc-button__title--link:hover {
  border-bottom-color: #d7d7d7;
}
.rc-button--filled-regular:disabled,
.rc-button--filled-small:disabled {
  background-color: #d7d7d7;
  cursor: not-allowed;
}
.rc-button--outline-regular:disabled,
.rc-button--outline-small:disabled {
  border-color: #d7d7d7;
  cursor: not-allowed;
}
.rc-button--outline-regular:disabled .rc-button__title,
.rc-button--outline-small:disabled .rc-button__title {
  color: #d7d7d7;
}
.rc-button__icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.rc-button [class^=rc-icon] {
  margin-right: 10px;
}
.rc-button-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.rc-button-group {
  position: relative;
}
.rc-button-group .rc-button__separator {
  margin-right: 10px;
}
.rc-fab-button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  outline: 0;
  overflow: visible;
  padding: 0 16px;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms ease-in;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: baseline;
  background-color: #e2001a;
  border-radius: 50%;
  height: 48px;
  min-width: 0;
  padding: 0;
  width: 48px;
}
.rc-fab-button:hover {
  background-color: rgb(205.6, 0, 23.6530973451);
}
.rc-link,
.rc-link-footer {
  color: #444;
  cursor: pointer;
  font-weight: 500;
  transition: all 300ms ease-in;
}
.rc-link {
  text-decoration: underline;
}
.rc-link:hover {
  color: #e2001a;
}
.rc-link--disabled {
  cursor: default;
  opacity: 0.3;
}
.rc-link--disabled:hover {
  border-color: #d7d7d7;
  pointer-events: none;
}
.rc-link--warning,
.rc-link--error {
  float: right;
  margin-right: 15px;
}
.rc-link--warning {
  border-color: #ee8b00;
  color: #ee8b00;
}
.rc-link--error {
  border-color: #c03344;
  color: #c03344;
}
.rc-link-footer {
  border-bottom: 1px solid #d7d7d7;
}
.rc-link-footer:hover {
  border-color: #444;
}
.rc-input-container {
  position: relative;
}
.rc-input-container--search {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.rc-input-container .rc-icon--search {
  bottom: 17px;
  height: 16px;
  position: absolute;
  width: 16px;
}
.rc-input {
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  min-width: 30px;
  padding: 0;
  width: 100%;
}
.rc-input--underlined {
  border-bottom: 2px solid #d7d7d7;
  height: 50px;
}
.rc-input-button {
  cursor: pointer;
  margin-left: 20px;
  position: relative;
  top: 25%;
}
.rc-input--error {
  border-color: #c03344;
  color: #c03344;
}
.rc-input--error::placeholder {
  color: #c03344;
}
.rc-input--warning {
  border-color: #ee8b00;
  color: #ee8b00;
}
.rc-input--warning::placeholder {
  color: #ee8b00;
}
.rc-input--warning:disabled {
  color: #ee8b00;
}
.rc-input--ok {
  border-color: #008900;
  color: #008900;
}
.rc-input--ok::placeholder {
  color: #008900;
}
.rc-input--ok:disabled {
  color: #008900;
}
.rc-input--info-message,
.rc-input--ok-message,
.rc-input--error-message,
.rc-input--warning-message {
  font-size: 11.2px;
  height: 0;
  margin: 3px 0 -3px;
}
.rc-input--error-message {
  color: #c03344;
}
.rc-input--warning-message {
  color: #ee8b00;
}
.rc-input--ok-message {
  color: #008900;
}
.rc-input--search {
  padding-left: 25px;
}
.rc-input__wrapper {
  align-items: center;
  display: flex;
}
.rc-input-textarea {
  appearance: none;
  border: 1px solid #d7d7d7;
  height: 150px;
  padding: 10px;
  resize: none;
  width: 100%;
}
.rc-input-radio {
}
.rc-input-radio_container {
  border: 0;
  cursor: pointer;
  display: inline;
  height: 25px;
  margin-right: 50px;
  padding-left: 25px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.rc-input-radio_container input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
.rc-input-radio_checkmark {
  background-color: #fff;
  border: 1px solid #767676;
  border-radius: 50%;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.rc-input-radio_rounded-checkmark {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  height: 24px;
  width: 24px;
}
.rc-input-radio_rounded-checkmark::after {
  background: #e2001a;
  border-radius: 50%;
  content: "";
  display: none;
  height: 8px;
  left: 7px;
  position: relative;
  top: 7px;
  width: 8px;
}
.rc-input-radio_checkmark::after {
  content: "";
  display: none;
  position: absolute;
}
.rc-input-radio_container .rc-input-radio_checkmark::after {
  background: #e2001a;
  border-radius: 50%;
  height: 10px;
  left: 4px;
  top: 4px;
  width: 10px;
}
.rc-input-radio_container input:checked ~ .rc-input-radio_checkmark::after {
  display: block;
}
.rc-input-radio_container input:checked ~ .rc-input-radio_rounded-checkmark::after {
  display: block;
}
input:checked ~ .rc-input-radio_checkmark {
  background-color: #fff;
}
input:hover input ~ .rc-input-radio_checkmark {
  background-color: #666;
}
@media only screen and (width >= 960px) {
  .rc-input-container .rc-icon--search {
    background-position: -66px -216px;
  }
  .rc-input-container .rc-icon--search:hover::after {
    background-position: initial;
    opacity: 0;
  }
}
.rc-select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.rc-select.is-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.rc-select.is-active {
  border-bottom-color: #666;
}
.rc-select .rc-icon--arrow-down {
  position: relative;
  top: 5px;
}
.rc-select:hover:not(.is-disabled) .rc-icon--arrow-down,
.rc-select .rc-icon--arrow-down.active {
  background-position: -176px -100px;
}
.rc-select .rc-icon--arrow-down.active {
  top: 0;
}
.rc-select-wrapper {
  border-bottom: 2px solid #d7d7d7;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}
.rc-select__value-wrapper,
.rc-select__arrow-wrapper {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
}
.rc-select__value-wrapper {
  padding-right: 20px;
  width: 100%;
}
.rc-select__arrow-wrapper {
  float: right;
  position: absolute;
  right: 0;
}
.rc-select__arrow-wrapper.active {
  transform: rotate(180deg);
  transform-origin: center;
}
.rc-select__placeholder,
.rc-select__value-text {
  font-size: 16px;
  font-weight: 500;
}
.rc-select__value-text {
  color: #666;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.rc-select-prefix {
  cursor: pointer;
  display: inline-block;
  height: 40px;
  left: 10px;
  position: relative;
  vertical-align: middle;
  width: 40px;
}
.rc-select-prefix .rc-select-prefix__icon {
  display: inline-block;
  height: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
}
.rc-select--has-prefix {
  vertical-align: middle;
  width: calc(100% - 35px);
}
.rc-select--active {
  border-color: #666;
}
.rc-select__loading-bar {
  height: 2px;
  overflow: hidden;
  position: relative;
  top: -2px;
  width: 100%;
}
.rc-select__loading-bar--loading {
  background: rgba(226, 0, 26, 0.15);
}
.rc-select__loading-bar--loading::before,
.rc-select__loading-bar--loading::after {
  background: #e2001a;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}
.rc-select__loading-bar--loading::before {
  animation: bar-1 2s cubic-bezier(0.65, 0.81, 0.73, 0.4) infinite;
}
.rc-select__loading-bar--loading::after {
  animation: bar-2 2s cubic-bezier(0.16, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}
.rc-select-list {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  display: none;
  max-height: 200px;
  -ms-overflow-style: none;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  z-index: 11;
}
.rc-select-list.is-opened {
  display: block;
}
.rc-option {
  position: relative;
}
.rc-option__text {
  background-color: #fff;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 16px 10px;
  text-align: left;
  text-overflow: ellipsis;
  transition: background-color 250ms ease-in-out;
  white-space: nowrap;
}
.rc-option__text:hover {
  background-color: var(--color-surface-panel);
}
@keyframes bar-1 {
  0% {
    left: -35%;
    right: 100%;
  }
  60%, 100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes bar-2 {
  0% {
    left: -200%;
    right: 100%;
  }
  60%, 100% {
    left: 107%;
    right: -8%;
  }
}
.rc-table {
  display: table;
  position: relative;
  width: 100%;
}
.rc-table__row {
  display: table-row;
  height: 100px;
}
.rc-table__row--header {
  display: none;
}
.rc-table__cell {
  border-top: 1px solid var(--color-surface-panel);
  display: table-cell;
  position: relative;
  vertical-align: middle;
}
.rc-table__cell--title {
  color: #444;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
.rc-table__product {
  display: block;
  position: relative;
}
.rc-table__product-image {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
}
.rc-table__product-image img {
  width: 100%;
}
.rc-table__product-name {
  display: inline-block;
  font-weight: 400;
  padding: 0 10px;
  vertical-align: middle;
}
@media only screen and (width >= 960px) {
  .rc-table__row {
    height: 80px;
  }
  .rc-table__row--header {
    display: table-row;
  }
}
@media print {
  .rc-table__row--header {
    display: table-row;
  }
}
:root {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.l-header {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.hideSubHeader {
  --sub-header-height: 0px;
}
.hideSubHeader .l-sub-header {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.header--scrolled {
  --header-height: 3.75rem;
}
.header--scrolled .l-header {
  --header-height: 3.75rem;
}
.rc-card-list {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.rc-card {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  position: relative;
}
.rc-card--selected {
  border: 1px solid #960011;
}
.rc-card__link {
  display: block;
  height: 100%;
  width: 100%;
}
.rc-card__item {
  font-size: 14px;
  font-weight: 500;
  left: 0;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rc-card__title {
  color: #767676;
  display: block;
  margin-top: 20px;
}
@media only screen and (width >= 960px) {
  .rc-card__title {
    margin-top: 40px;
  }
}
:root {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.l-header {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.hideSubHeader {
  --sub-header-height: 0px;
}
.hideSubHeader .l-sub-header {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.header--scrolled {
  --header-height: 3.75rem;
}
.header--scrolled .l-header {
  --header-height: 3.75rem;
}
[id=rc-chart-tooltip] {
  background-color: #fff;
  font-weight: 700;
  z-index: 2;
}
.rc-chart-tooltip {
  font-size: 16px;
  position: relative;
  text-transform: uppercase;
}
.rc-chart-tooltip_arrow {
  height: 25px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 50px;
}
.rc-chart-tooltip_arrow::after {
  background-color: #fff;
  border: 1px solid #000;
  border-color: inherit;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  width: 10px;
}
.rc-chart-tooltip_circle {
  background-color: #fff;
  border: 3px solid #666;
  border-radius: 10px;
  height: 15px;
  left: 39%;
  overflow: hidden;
  position: absolute;
  top: 48px;
  width: 15px;
}
:root {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.l-header {
  --sub-header-height: 3.75rem;
  --header-height: 5.625rem;
}
.hideSubHeader {
  --sub-header-height: 0px;
}
.hideSubHeader .l-sub-header {
  height: 0 !important;
  overflow: hidden;
  opacity: 0;
}
.header--scrolled {
  --header-height: 3.75rem;
}
.header--scrolled .l-header {
  --header-height: 3.75rem;
}
.rc-dialog {
  background-color: #fff;
  display: block;
  height: calc(100% - 65px);
  overflow: auto;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.rc-dialog-left,
.rc-dialog-right {
  float: inherit;
}
.rc-dialog-left .rc-title-gamma {
  margin-bottom: 10px;
}
.rc-dialog-right {
  margin-top: 50px;
}
.rc-dialog-header,
.rc-dialog-title,
.rc-dialog-content,
.rc-dialog-actions {
  display: block;
  position: relative;
}
.rc-dialog-header {
  height: 65px;
  width: 100%;
}
.rc-dialog-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 35px;
}
.rc-dialog-content {
  height: 100%;
  position: relative;
}
.rc-dialog-content--vertical-align {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rc-dialog-wrapper {
  display: block;
  padding: 0 30px;
}
.rc-dialog-form {
  margin: 0.75rem 0;
  position: relative;
}
.rc-dialog-form__block {
  width: 100%;
}
.rc-dialog-form__input {
  padding-bottom: 20px;
}
.rc-dialog-form__action {
  margin-bottom: 17.5px;
  margin-top: 25px;
  text-align: center;
}
@media only screen and (width >= 375px) and (width <= 736px) and (orientation: landscape) {
  .rc-dialog-right {
    margin-top: 10px;
  }
}
@media only screen and (width >= 960px) {
  .rc-dialog {
    height: inherit;
    position: relative;
  }
  .rc-dialog-left {
    float: left;
  }
  .rc-dialog-right {
    float: right;
  }
  .rc-dialog-header {
    height: 75px;
  }
  .rc-dialog-content {
    margin: 0;
    max-height: 65vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
  }
  .rc-dialog-content--vertical-align {
    display: block;
  }
  .rc-dialog-wrapper {
    height: 100%;
    width: 100%;
  }
  .rc-dialog-form {
    padding-bottom: 0;
  }
  .rc-dialog-form--vertical-align {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
  }
  .rc-dialog-form__action {
    margin-bottom: 35px;
    margin-top: 30px;
    text-align: center;
  }
  .rc-dialog-form__action--align-bottom {
    bottom: 0;
    margin-bottom: 50px;
    margin-top: 0;
    position: absolute;
    right: 0;
  }
  .plus .rc-dialog-form__action--align-bottom {
    position: relative;
    text-align: start;
  }
  .plus .rc-dialog-wrapper {
    display: flex;
    margin: 0 auto;
    position: relative;
  }
  .plus .rc-dialog-wrapper .rc-dialog-left,
  .plus .rc-dialog-wrapper .rc-dialog-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
  }
  .plus .rc-dialog-wrapper .rc-dialog-left__content {
    max-width: 320px;
    position: fixed;
  }
  .plus .rc-dialog-wrapper .rc-title-gamma {
    margin-bottom: 30px;
  }
  .plus .rc-dialog-wrapper .rc-paragraph {
    max-width: 300px;
  }
  .plus .rc-dialog-wrapper .rc-dialog-right {
    margin: 0;
  }
  .big .rc-dialog-wrapper,
  .medium .rc-dialog-wrapper {
    display: block;
    margin: 0 auto;
    position: relative;
  }
  .big .rc-dialog-wrapper .rc-dialog-left,
  .big .rc-dialog-wrapper .rc-dialog-right,
  .medium .rc-dialog-wrapper .rc-dialog-left,
  .medium .rc-dialog-wrapper .rc-dialog-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
  }
  .big .rc-dialog-wrapper .rc-dialog-left--vertical-align,
  .big .rc-dialog-wrapper .rc-dialog-right--vertical-align,
  .medium .rc-dialog-wrapper .rc-dialog-left--vertical-align,
  .medium .rc-dialog-wrapper .rc-dialog-right--vertical-align {
    height: 50vh;
  }
  .big .rc-dialog-wrapper .rc-dialog-left,
  .medium .rc-dialog-wrapper .rc-dialog-left {
    height: 50vh;
  }
  .big .rc-dialog-wrapper .rc-dialog-left__content,
  .medium .rc-dialog-wrapper .rc-dialog-left__content {
    max-width: 320px;
    position: fixed;
  }
  .big .rc-dialog-wrapper .rc-title-gamma,
  .medium .rc-dialog-wrapper .rc-title-gamma {
    margin-bottom: 30px;
  }
  .big .rc-dialog-wrapper .rc-title-gamma--thin,
  .medium .rc-dialog-wrapper .rc-title-gamma--thin {
    max-width: 75%;
  }
  .big .rc-dialog-wrapper .rc-paragraph,
  .medium .rc-dialog-wrapper .rc-paragraph {
    max-width: 300px;
  }
  .big .rc-dialog-wrapper .rc-dialog-right,
  .medium .rc-dialog-wrapper .rc-dialog-right {
    margin: 0;
  }
  .big .rc-dialog-wrapper {
    width: 1013px;
  }
  .medium .rc-dialog-wrapper {
    width: 750px;
  }
}
@media only screen and (width >= 1440px) and (height >= 960px) {
  .rc-dialog-content {
    max-height: inherit;
  }
}
.rc-action-circle {
  background-color: #e2001a;
  border-radius: 999px;
  display: inline-block;
  height: 32px;
  position: relative;
  width: 32px;
}
.rc-action-icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rc-action-plus__icon-plus {
  background-color: #fff;
  height: 2px;
  width: 10px;
}
.rc-action-plus__icon-plus--vertical {
  position: relative;
  top: 2px;
}
.rc-action-plus__icon-plus--horizontal {
  transform: rotate(90deg);
}
@font-face {
  font-family: "DINPro";
  font-weight: 400;
  src:
    url("./media/DINPro-Regular-4WA5L7C6.eot?") format("eot"),
    url("./media/DINPro-Regular-GW35XE4E.woff2") format("woff2"),
    url("./media/DINPro-Regular-OKXP7Q6M.woff") format("woff"),
    url("./media/DINPro-Regular-OYWH7L7C.ttf") format("truetype"),
    url('./media/DINPro-Regular-4VGYFEZ6.svg#str-replace("DINPro", " ", "_")') format("svg");
}
@font-face {
  font-family: "DINPro";
  font-weight: 500;
  src:
    url("./media/DINPro-Medium-MZ7FAOT2.eot?") format("eot"),
    url("./media/DINPro-Medium-L42RHXWT.woff2") format("woff2"),
    url("./media/DINPro-Medium-2L6AFCZ3.woff") format("woff"),
    url("./media/DINPro-Medium-REKBUALU.ttf") format("truetype"),
    url('./media/DINPro-Medium-4LNV2AQQ.svg#str-replace("DINPro", " ", "_")') format("svg");
}
@font-face {
  font-family: "DINPro";
  font-weight: 700;
  src:
    url("./media/DINPro-Bold-PX4OP6OD.eot?") format("eot"),
    url("./media/DINPro-Bold-ZJGOSMO5.woff2") format("woff2"),
    url("./media/DINPro-Bold-TRJUYRZG.woff") format("woff"),
    url("./media/DINPro-Bold-OV3UR5T2.ttf") format("truetype"),
    url('./media/DINPro-Bold-OE3SQGXU.svg#str-replace("DINPro", " ", "_")') format("svg");
}
@font-face {
  font-family: "DINProRegular";
  src:
    url(/assets/fonts/DINPro-Regular.eot?) format("eot"),
    url(/assets/fonts/DINPro-Regular.woff2) format("woff2"),
    url(/assets/fonts/DINPro-Regular.woff) format("woff"),
    url(/assets/fonts/DINPro-Regular.ttf) format("truetype"),
    url('/assets/fonts/DINPro-Regular.svg#str-replace("DINProRegular", " ", "_")') format("svg");
}
@font-face {
  font-family: "DINProMedium";
  src:
    url(/assets/fonts/DINPro-Medium.eot?) format("eot"),
    url(/assets/fonts/DINPro-Medium.woff2) format("woff2"),
    url(/assets/fonts/DINPro-Medium.woff) format("woff"),
    url(/assets/fonts/DINPro-Medium.ttf) format("truetype"),
    url('/assets/fonts/DINPro-Medium.svg#str-replace("DINProMedium", " ", "_")') format("svg");
}
@font-face {
  font-family: "DINProBold";
  src:
    url(/assets/fonts/DINPro-Bold.eot?) format("eot"),
    url(/assets/fonts/DINPro-Bold.woff2) format("woff2"),
    url(/assets/fonts/DINPro-Bold.woff) format("woff"),
    url(/assets/fonts/DINPro-Bold.ttf) format("truetype"),
    url('/assets/fonts/DINPro-Bold.svg#str-replace("DINProBold", " ", "_")') format("svg");
}

/* src/styles/theming/default/material.scss */
.mat-ink-bar {
  height: 4px !important;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-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 {
  --mdc-elevated-card-container-shape: 4px;
}
html {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-dialog-container-shape: 4px;
}
html {
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-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-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-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-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #d32f2f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(211, 47, 47, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(211, 47, 47, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(211, 47, 47, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #d32f2f;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(211, 47, 47, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #f48fb1;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 143, 177, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 143, 177, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 143, 177, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 143, 177, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f48fb1;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

/* angular:styles/global:styles */