/* apps/medical-illustration/src/styles.scss */
@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/metropolis-latin-400-normal.woff2") format("woff2"), url("./media/metropolis-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Metropolis";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("./media/metropolis-latin-500-normal.woff2") format("woff2"), url("./media/metropolis-latin-500-normal.woff") format("woff");
}
@font-face {
  font-family: "Nunito Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url("./media/nunito-sans-cyrillic-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Nunito Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url("./media/nunito-sans-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Nunito Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url("./media/nunito-sans-vietnamese-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Nunito Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url("./media/nunito-sans-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Nunito Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url("./media/nunito-sans-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/roboto-mono-cyrillic-ext-400-normal.woff2") format("woff2"), url("./media/roboto-mono-cyrillic-ext-400-normal.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/roboto-mono-cyrillic-400-normal.woff2") format("woff2"), url("./media/roboto-mono-cyrillic-400-normal.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/roboto-mono-greek-400-normal.woff2") format("woff2"), url("./media/roboto-mono-greek-400-normal.woff") format("woff");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/roboto-mono-vietnamese-400-normal.woff2") format("woff2"), url("./media/roboto-mono-vietnamese-400-normal.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/roboto-mono-latin-ext-400-normal.woff2") format("woff2"), url("./media/roboto-mono-latin-ext-400-normal.woff") format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/roboto-mono-latin-400-normal.woff2") format("woff2"), url("./media/roboto-mono-latin-400-normal.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Material Symbols Outlined Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  src: url("./media/material-symbols-outlined-latin-fill-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Material Symbols Rounded Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  src: url("./media/material-symbols-rounded-latin-fill-normal.woff2") format("woff2-variations");
}
.material-symbols-outlined,
.material-symbols-rounded {
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined Variable";
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded Variable";
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
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;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
markdown p {
  margin-bottom: 0;
}
markdown ul {
  margin: 0;
}
.hra-app {
  --mat-sys-background: #f8fafc;
  --mat-sys-error: #883700;
  --mat-sys-error-container: #ffe8d8;
  --mat-sys-inverse-on-surface: #ffffff;
  --mat-sys-inverse-primary: #ff789c;
  --mat-sys-inverse-surface: #0c0c14;
  --mat-sys-on-background: #201e3d;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #2f1400;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #464652;
  --mat-sys-on-primary-fixed: #464954;
  --mat-sys-on-primary-fixed-variant: #464652;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #454364;
  --mat-sys-on-secondary-fixed: #4b4b5e;
  --mat-sys-on-secondary-fixed-variant: #454364;
  --mat-sys-on-surface: #201e3d;
  --mat-sys-on-surface-variant: #26262c;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #8e0825;
  --mat-sys-on-tertiary-fixed: #b20a2f;
  --mat-sys-on-tertiary-fixed-variant: #8e0825;
  --mat-sys-outline: #acb5c3;
  --mat-sys-outline-variant: #d5dbe3;
  --mat-sys-primary: #26262c;
  --mat-sys-primary-container: #464954;
  --mat-sys-primary-fixed: #464954;
  --mat-sys-primary-fixed-dim: #ff789c;
  --mat-sys-scrim: #201e3d;
  --mat-sys-secondary: #201e3d;
  --mat-sys-secondary-container: #fcfcfc;
  --mat-sys-secondary-fixed: #fcfcfc;
  --mat-sys-secondary-fixed-dim: #c6c2ea;
  --mat-sys-shadow: #201e3d;
  --mat-sys-surface: #f8fafc;
  --mat-sys-surface-bright: #f8fafc;
  --mat-sys-surface-container: #eff2f5;
  --mat-sys-surface-container-high: #e6eaf0;
  --mat-sys-surface-container-highest: #d5dbe3;
  --mat-sys-surface-container-low: #fcfcfc;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #e6eaf0;
  --mat-sys-surface-tint: #26262c;
  --mat-sys-surface-variant: #e5e2e2;
  --mat-sys-tertiary: #e00d3a;
  --mat-sys-tertiary-container: #6a061c;
  --mat-sys-tertiary-fixed: #6a061c;
  --mat-sys-tertiary-fixed-dim: #ffb3b3;
  --mat-sys-neutral-variant20: #303031;
  --mat-sys-neutral10: #201e3d;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(32, 30, 61, 0.2),
    0px 0px 0px 0px rgba(32, 30, 61, 0.14),
    0px 0px 0px 0px rgba(32, 30, 61, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(32, 30, 61, 0.2),
    0px 1px 1px 0px rgba(32, 30, 61, 0.14),
    0px 1px 3px 0px rgba(32, 30, 61, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(32, 30, 61, 0.2),
    0px 3px 4px 0px rgba(32, 30, 61, 0.14),
    0px 1px 8px 0px rgba(32, 30, 61, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(32, 30, 61, 0.2),
    0px 6px 10px 0px rgba(32, 30, 61, 0.14),
    0px 1px 18px 0px rgba(32, 30, 61, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(32, 30, 61, 0.2),
    0px 8px 10px 1px rgba(32, 30, 61, 0.14),
    0px 3px 14px 2px rgba(32, 30, 61, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(32, 30, 61, 0.2),
    0px 12px 17px 2px rgba(32, 30, 61, 0.14),
    0px 5px 22px 4px rgba(32, 30, 61, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Nunito Sans Variable;
  --mat-sys-body-large-font: Nunito Sans Variable;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Nunito Sans Variable;
  --mat-sys-body-medium-font: Nunito Sans Variable;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Nunito Sans Variable;
  --mat-sys-body-small-font: Nunito Sans Variable;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 500 2.625rem/3.9375rem Metropolis;
  --mat-sys-display-large-font: Metropolis;
  --mat-sys-display-large-line-height: 3.9375rem;
  --mat-sys-display-large-size: 2.625rem;
  --mat-sys-display-large-tracking: -0.0781rem;
  --mat-sys-display-large-weight: 500;
  --mat-sys-display-medium: 500 2.375rem/3.5625rem Metropolis;
  --mat-sys-display-medium-font: Metropolis;
  --mat-sys-display-medium-line-height: 3.5625rem;
  --mat-sys-display-medium-size: 2.375rem;
  --mat-sys-display-medium-tracking: -0.1094rem;
  --mat-sys-display-medium-weight: 500;
  --mat-sys-display-small: 500 2rem/3rem Metropolis;
  --mat-sys-display-small-font: Metropolis;
  --mat-sys-display-small-line-height: 3rem;
  --mat-sys-display-small-size: 2rem;
  --mat-sys-display-small-tracking: -0.0781rem;
  --mat-sys-display-small-weight: 500;
  --mat-sys-headline-large: 500 2rem/3rem Metropolis;
  --mat-sys-headline-large-font: Metropolis;
  --mat-sys-headline-large-line-height: 3rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0rem;
  --mat-sys-headline-large-weight: 500;
  --mat-sys-headline-medium: 500 1.75rem/2.625rem Metropolis;
  --mat-sys-headline-medium-font: Metropolis;
  --mat-sys-headline-medium-line-height: 2.625rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0rem;
  --mat-sys-headline-medium-weight: 500;
  --mat-sys-headline-small: 500 1.5rem/2rem Metropolis;
  --mat-sys-headline-small-font: Metropolis;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0rem;
  --mat-sys-headline-small-weight: 500;
  --mat-sys-label-large: 500 1rem/1.5rem Metropolis;
  --mat-sys-label-large-font: Metropolis;
  --mat-sys-label-large-line-height: 1.5rem;
  --mat-sys-label-large-size: 1rem;
  --mat-sys-label-large-tracking: 0rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.875rem/1.3125rem Metropolis;
  --mat-sys-label-medium-font: Metropolis;
  --mat-sys-label-medium-line-height: 1.3125rem;
  --mat-sys-label-medium-size: 0.875rem;
  --mat-sys-label-medium-tracking: 0rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.75rem/1.125rem Metropolis;
  --mat-sys-label-small-font: Metropolis;
  --mat-sys-label-small-line-height: 1.125rem;
  --mat-sys-label-small-size: 0.75rem;
  --mat-sys-label-small-tracking: 0rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 500 1.375rem/2.0625rem Metropolis;
  --mat-sys-title-large-font: Metropolis;
  --mat-sys-title-large-line-height: 2.0625rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0rem;
  --mat-sys-title-large-weight: 500;
  --mat-sys-title-medium: 500 1.25rem/1.875rem Metropolis;
  --mat-sys-title-medium-font: Metropolis;
  --mat-sys-title-medium-line-height: 1.875rem;
  --mat-sys-title-medium-size: 1.25rem;
  --mat-sys-title-medium-tracking: 0rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 1rem/1.5rem Metropolis;
  --mat-sys-title-small-font: Metropolis;
  --mat-sys-title-small-line-height: 1.5rem;
  --mat-sys-title-small-size: 1rem;
  --mat-sys-title-small-tracking: 0rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-button-toggle-height: 2.5rem;
  --mat-button-toggle-shape: var(--mat-sys-corner-extra-small);
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-divider-color: var(--mat-sys-primary);
  --mat-button-toggle-selected-state-background-color: rgb(from var(--mat-sys-tertiary) r g b/20%);
  --mat-button-toggle-selected-state-text-color: var(--mat-sys-secondary);
  --mat-button-text-label-text-color: var(--mat-sys-on-tertiary-fixed);
  --mat-button-text-state-layer-color: var(--mat-sys-on-tertiary-fixed);
  --mat-button-text-disabled-label-text-color: rgb(from var(--mat-sys-tertiary) r g b/38%);
  --mat-button-text-ripple-color: rgb(from var(--mat-sys-secondary) r g b/8%);
  --mat-button-text-container-height: 2.5rem;
  --mat-button-text-container-shape: var(--mat-sys-corner-extra-small);
  --mat-button-text-horizontal-padding: 1rem;
  --mat-button-text-icon-offset: 0;
  --mat-button-filled-label-text-color: var(--mat-sys-on-primary);
  --mat-button-filled-state-layer-color: var(--mat-sys-on-primary);
  --mat-button-filled-container-color: var(--mat-sys-tertiary);
  --mat-button-filled-disabled-label-text-color: rgb(from var(--mat-sys-secondary) r g b/38%);
  --mat-button-filled-disabled-container-color: rgb(from var(--mat-sys-outline-variant) r g b/38%);
  --mat-button-filled-ripple-color: rgb(from var(--mat-sys-secondary) r g b/12%);
  --mat-button-filled-container-height: 2.5rem;
  --mat-button-filled-container-shape: var(--mat-sys-corner-extra-small);
  --mat-button-filled-horizontal-padding: 1rem;
  --mat-button-filled-hover-state-layer-opacity: 8%;
  --mat-button-filled-icon-offset: 0;
  --mat-checkbox-unselected-focus-icon-color: var(--mat-sys-secondary);
  --mat-checkbox-unselected-hover-icon-color: var(--mat-sys-secondary);
  --mat-checkbox-unselected-icon-color: var(--mat-sys-primary);
  --mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-secondary);
  --mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-secondary);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-secondary);
  --mat-checkbox-selected-focus-icon-color: var(--mat-sys-on-tertiary-fixed);
  --mat-checkbox-selected-hover-icon-color: var(--mat-sys-on-tertiary-fixed);
  --mat-checkbox-selected-icon-color: var(--mat-sys-on-tertiary-fixed);
  --mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-on-tertiary-fixed);
  --mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-on-tertiary-fixed);
  --mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-on-tertiary-fixed);
  --mat-form-field-container-height: 3rem;
  --mat-form-field-container-text-font: var(--mat-sys-label-medium-font);
  --mat-form-field-container-text-size: var(--mat-sys-label-medium-size);
  --mat-form-field-container-text-weight: var(--mat-sys-label-medium-weight);
  --mat-form-field-container-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-form-field-disabled-input-text-placeholder-color: rgb(from var(--mat-sys-secondary) r g b/40%);
  --mat-form-field-enabled-select-arrow-color: var(--mat-sys-on-secondary-fixed);
  --mat-form-field-filled-active-indicator-color: var(--mat-sys-primary);
  --mat-form-field-filled-container-color: var(--mat-sys-surface-container);
  --mat-form-field-filled-disabled-container-color: rgb(from var(--mat-sys-secondary) r g b/4%);
  --mat-form-field-filled-disabled-input-text-color: rgb(from var(--mat-sys-secondary) r g b/40%);
  --mat-form-field-filled-disabled-label-text-color: rgb(from var(--mat-sys-secondary) r g b/40%);
  --mat-form-field-filled-disabled-active-indicator-color: rgb(from var(--mat-sys-secondary) r g b/40%);
  --mat-form-field-filled-error-label-text-color: var(--mat-sys-error);
  --mat-form-field-filled-error-caret-color: var(--mat-sys-error);
  --mat-form-field-filled-error-active-indicator-color: var(--mat-sys-error);
  --mat-form-field-filled-focus-active-indicator-color: var(--mat-sys-on-secondary-fixed);
  --mat-form-field-filled-focus-label-text-color: var(--mat-sys-secondary);
  --mat-form-field-filled-hover-label-text-color: var(--mat-sys-primary);
  --mat-form-field-filled-hover-active-indicator-color: var(--mat-sys-secondary);
  --mat-form-field-filled-input-text-color: var(--mat-sys-secondary);
  --mat-form-field-filled-input-text-placeholder-color: var(--mat-sys-primary);
  --mat-form-field-filled-label-text-color: var(--mat-sys-on-secondary-fixed);
  --mat-form-field-filled-label-text-font: var(--mat-sys-label-small-font);
  --mat-form-field-filled-label-text-weight: var(--mat-sys-label-small-weight);
  --mat-form-field-filled-label-text-size: var(--mat-sys-label-small-size);
  --mat-form-field-filled-with-label-container-padding-top: 1.25rem;
  --mat-form-field-filled-with-label-container-padding-bottom: 0.25rem;
  --mat-form-field-focus-select-arrow-color: var(--mat-sys-primary);
  --mat-form-field-outlined-label-text-font: var(--mat-sys-label-medium);
  --mat-form-field-outlined-label-text-color: var(--mat-sys-primary-fixed);
  --mat-form-field-outlined-focus-label-text-color: var(--mat-sys-secondary);
  --mat-form-field-outlined-disabled-label-text-color: rgb(from var(--mat-sys-on-surface) r g b/38%);
  --mat-form-field-subscript-text-font: var(--mat-sys-label-medium-font);
  --mat-form-field-subscript-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-form-field-subscript-text-size: var(--mat-sys-label-medium-size);
  --mat-form-field-subscript-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-form-field-subscript-text-weight: var(--mat-sys-label-medium-weight);
  --mat-icon-button-state-layer-size: 2.5rem;
  --mat-icon-button-icon-size: 1.5rem;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-icon-color: var(--mat-sys-secondary);
  --mat-icon-button-state-layer-color: var(--mat-sys-secondary);
  --mat-list-list-item-container-color: var(--mat-sys-surface-container-low);
  --mat-list-list-item-hover-state-layer-color: var(--mat-sys-secondary);
  --mat-list-list-item-focus-state-layer-color: var(--mat-sys-secondary);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-font: var(--mat-sys-label-medium-font);
  --mat-list-list-item-label-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-list-list-item-label-text-size: var(--mat-sys-label-medium-size);
  --mat-list-list-item-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-list-list-item-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-list-list-item-supporting-text-color: var(--mat-sys-primary);
  --mat-list-list-item-supporting-text-font: var(--mat-sys-label-small-font);
  --mat-list-list-item-supporting-text-line-height: var(--mat-sys-label-small-line-height);
  --mat-list-list-item-supporting-text-size: var(--mat-sys-label-small-size);
  --mat-list-list-item-supporting-text-tracking: var(--mat-sys-label-small-tracking);
  --mat-list-list-item-supporting-text-weight: var(--mat-sys-label-small-weight);
  --mat-list-list-item-one-line-container-height: 3.5rem;
  --mat-list-list-item-two-line-container-height: 5.0625rem;
  --mat-list-list-item-three-line-container-height: 5.0625rem;
  --mat-menu-container-shape: 0.5rem;
  --mat-menu-container-elevation-shadow: 0rem 0.3125rem 1rem 0rem rgb(from var(--mat-sys-shadow) r g b/0.16);
  --mat-menu-item-with-icon-leading-spacing: 1rem;
  --mat-menu-item-with-icon-trailing-spacing: 1rem;
  --mat-menu-item-label-text-color: var(--mat-sys-secondary);
  --mat-menu-item-icon-color: var(--mat-sys-secondary);
  --mat-menu-container-color: var(--mat-sys-surface-container-low);
  --mat-menu-item-hover-state-layer-color: rgb(from var(--mat-sys-secondary) r g b/0.08);
  --mat-menu-item-focus-state-layer-color: rgb(from var(--mat-sys-secondary) r g b/8%);
  --mat-menu-item-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-menu-item-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-menu-item-label-text-size: var(--mat-sys-label-medium-size);
  --mat-menu-item-label-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-radio-selected-icon-color: var(--mat-sys-on-tertiary-fixed);
  --mat-radio-selected-pressed-icon-color: var(--mat-sys-on-tertiary-fixed);
  --mat-radio-selected-focus-icon-color: var(--mat-sys-on-tertiary-fixed);
  --mat-radio-selected-hover-icon-color: var(--mat-sys-on-tertiary-fixed);
  --mat-radio-unselected-icon-color: var(--mat-sys-primary);
  --mat-radio-unselected-pressed-icon-color: var(--mat-sys-primary);
  --mat-radio-unselected-focus-icon-color: var(--mat-sys-primary);
  --mat-radio-unselected-hover-icon-color: var(--mat-sys-primary);
  --mat-radio-ripple-color: var(--mat-sys-primary);
  --mat-radio-checked-ripple-color: var(--mat-sys-on-tertiary-fixed);
  --mat-radio-label-text-font: var(--mat-sys-label-medium-font);
  --mat-slider-inactive-track-color: var(--mat-sys-outline);
  --mat-slider-active-track-color: var(--mat-sys-secondary);
  --mat-slider-handle-color: var(--mat-sys-secondary);
  --mat-slider-label-container-color: var(--mat-sys-secondary);
  --mat-slider-label-label-text-color: var(--mat-sys-on-primary);
  --mat-slider-label-label-text-font: var(--mat-sys-label-medium-font);
  --mat-slider-label-label-text-size: var(--mat-sys-label-medium-size);
  --mat-slider-label-label-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-slider-label-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-slider-label-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-slider-value-indicator-width: 2.6406rem;
  --mat-slider-value-indicator-height: 2.6406rem;
  --mat-select-container-elevation-shadow: 0px 5px 4px 0px rgb(from var(--mat-sys-shadow) r g b/0.16);
  --mat-select-disabled-arrow-color: rgb(from var(--mat-sys-on-primary) r g b/40%);
  --mat-select-disabled-trigger-text-color: rgb(from var(--mat-sys-secondary) r g b/40%);
  --mat-select-enabled-arrow-color: var(--mat-sys-primary);
  --mat-select-focused-arrow-color: var(--mat-sys-primary);
  --mat-select-invalid-arrow-color: var(--mat-sys-error);
  --mat-select-panel-background-color: var(--mat-sys-on-primary);
  --mat-select-placeholder-text-color: var(--mat-sys-on-primary);
  --mat-select-trigger-text-font: var(--mat-sys-label-medium-font);
  --mat-select-trigger-text-size: var(--mat-sys-label-medium-size);
  --mat-select-trigger-text-weight: var(--mat-sys-label-medium-weight);
  --mat-select-trigger-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-pseudo-checkbox-full-selected-checkmark-color: rgb(from var(--mat-sys-tertiary) r g b/20%);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: rgb(from var(--mat-sys-tertiary) r g b/20%);
  --mat-option-focus-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, var(--mat-sys-on-surface) 4%, transparent);
  --mat-option-label-text-color: var(--mat-sys-secondary);
  --mat-option-label-text-font: var(--mat-sys-label-medium-font);
  --mat-option-label-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-option-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-option-label-text-size: var(--mat-sys-label-medium-size);
  --mat-option-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-option-selected-state-label-text-color: var(--mat-sys-secondary);
  --mat-option-selected-state-layer-color: rgb(from var(--mat-sys-tertiary) r g b/20%);
  --mat-slide-toggle-selected-track-color: var(--mat-sys-on-tertiary-fixed);
  --mat-slide-toggle-selected-focus-track-color: var(--mat-sys-on-tertiary-fixed);
  --mat-slide-toggle-selected-hover-track-color: var(--mat-sys-on-tertiary-fixed);
  --mat-slide-toggle-selected-pressed-track-color: var(--mat-sys-on-tertiary-fixed);
  --mat-slide-toggle-selected-handle-color: var(--mat-sys-surface-container);
  --mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-surface-container);
  --mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-surface-container);
  --mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-surface-container);
  --mat-slide-toggle-selected-focus-state-layer-color: var(--mat-sys-on-tertiary-fixed);
  --mat-slide-toggle-selected-hover-state-layer-color: var(--mat-sys-on-tertiary-fixed);
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--mat-sys-on-tertiary-fixed);
  --mat-slide-toggle-unselected-track-color: var(--mat-sys-surface-container);
  --mat-slide-toggle-unselected-hover-track-color: var(--mat-sys-surface-container);
  --mat-slide-toggle-unselected-focus-track-color: var(--mat-sys-surface-container);
  --mat-slide-toggle-unselected-pressed-track-color: var(--mat-sys-surface-container);
  --mat-slide-toggle-track-outline-color: var(--mat-sys-on-secondary-fixed);
  --mat-slide-toggle-unselected-handle-color: var(--mat-sys-on-secondary-fixed);
  --mat-slide-toggle-unselected-focus-handle-color: var(--mat-sys-on-secondary-fixed);
  --mat-slide-toggle-unselected-hover-handle-color: var(--mat-sys-on-secondary-fixed);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--mat-sys-on-secondary-fixed);
  --mat-slide-toggle-unselected-focus-state-layer-color: var(--mat-sys-on-secondary-fixed);
  --mat-slide-toggle-unselected-hover-state-layer-color: var(--mat-sys-on-secondary-fixed);
  --mat-slide-toggle-unselected-pressed-state-layer-color: var(--mat-sys-on-secondary-fixed);
  --mat-tab-active-indicator-color: var(--mat-sys-on-tertiary-fixed);
  --mat-tab-active-focus-indicator-color: var(--mat-sys-on-tertiary-fixed);
  --mat-tab-active-hover-indicator-color: var(--mat-sys-on-tertiary-fixed);
  --mat-tab-active-focus-label-text-color: var(--mat-sys-secondary);
  --mat-tab-inactive-label-text-color: var(--mat-sys-primary);
}
.hra-app {
  --mat-sys-body-xl: 400 1.125rem / 1.6875rem Nunito Sans Variable;
  --mat-sys-body-xl-font: Nunito Sans Variable;
  --mat-sys-body-xl-line-height: 1.6875rem;
  --mat-sys-body-xl-size: 1.125rem;
  --mat-sys-body-xl-tracking: 0rem;
  --mat-sys-body-xl-weight: 400;
  --mat-sys-wordmark-large: 400 1.5625rem / 2.25rem Metropolis;
  --mat-sys-wordmark-large-font: Metropolis;
  --mat-sys-wordmark-large-line-height: 2.25rem;
  --mat-sys-wordmark-large-size: 1.5625rem;
  --mat-sys-wordmark-large-tracking: 0.00625rem;
  --mat-sys-wordmark-large-weight: 400;
  --mat-sys-wordmark-small: 400 0.75rem / 1.125rem Metropolis;
  --mat-sys-wordmark-small-font: Metropolis;
  --mat-sys-wordmark-small-line-height: 1.125rem;
  --mat-sys-wordmark-small-size: 0.75rem;
  --mat-sys-wordmark-small-tracking: 0rem;
  --mat-sys-wordmark-small-weight: 400;
  --mat-sys-label-micro: 500 0.625rem / 1rem Metropolis;
  --mat-sys-label-micro-font: Metropolis;
  --mat-sys-label-micro-line-height: 1rem;
  --mat-sys-label-micro-size: 0.625rem;
  --mat-sys-label-micro-tracking: 0rem;
  --mat-sys-label-micro-weight: 500;
  --mat-sys-code-large-bold: 500 1rem / 1.5rem Roboto Mono;
  --mat-sys-code-large-bold-font: Roboto Mono;
  --mat-sys-code-large-bold-line-height: 1.5rem;
  --mat-sys-code-large-bold-size: 1rem;
  --mat-sys-code-large-bold-tracking: 0rem;
  --mat-sys-code-large-bold-weight: 500;
  --mat-sys-code-large: 400 1rem / 1.5rem Roboto Mono;
  --mat-sys-code-large-font: Roboto Mono;
  --mat-sys-code-large-line-height: 1.5rem;
  --mat-sys-code-large-size: 1rem;
  --mat-sys-code-large-tracking: 0rem;
  --mat-sys-code-large-weight: 400;
  --mat-sys-code-medium: 400 0.875rem / 1.3125rem Roboto Mono;
  --mat-sys-code-medium-font: Roboto Mono;
  --mat-sys-code-medium-line-height: 1.3125rem;
  --mat-sys-code-medium-size: 0.875rem;
  --mat-sys-code-medium-tracking: 0rem;
  --mat-sys-code-medium-weight: 400;
}
.hra-app mat-button-toggle-group.hra-button-toggle-size-small {
  --mat-button-toggle-height: 1.5rem;
  --mat-button-toggle-label-text-font: var(--mat-sys-label-small-font);
  --mat-button-toggle-label-text-size: var(--mat-sys-label-small-size);
  --mat-button-toggle-label-text-line-height: var(--mat-sys-label-small-line-height);
  --mat-button-toggle-label-text-weight: var(--mat-sys-label-small-weight);
  --mat-button-toggle-label-text-tracking: var(--mat-sys-label-small-tracking);
}
.hra-app mat-button-toggle-group.hra-button-toggle-size-small .mat-button-toggle-label-content {
  padding: 0 0.5rem;
}
.hra-app mat-button-toggle-group.hra-button-toggle-size-medium {
  --mat-button-toggle-height: 2rem;
  --mat-button-toggle-label-text-font: var(--mat-sys-label-medium-font);
  --mat-button-toggle-label-text-size: var(--mat-sys-label-medium-size);
  --mat-button-toggle-label-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-button-toggle-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-button-toggle-label-text-tracking: var(--mat-sys-label-medium-tracking);
}
.hra-app mat-button-toggle-group.hra-button-toggle-size-medium .mat-button-toggle-label-content {
  padding: 0 0.5rem;
}
.hra-app mat-button-toggle-group.hra-button-toggle-size-large {
  --mat-button-toggle-height: 2.5rem;
  --mat-button-toggle-label-text-font: var(--mat-sys-label-large-font);
  --mat-button-toggle-label-text-size: var(--mat-sys-label-large-size);
  --mat-button-toggle-label-text-line-height: var(--mat-sys-label-large-line-height);
  --mat-button-toggle-label-text-weight: var(--mat-sys-label-large-weight);
  --mat-button-toggle-label-text-tracking: var(--mat-sys-label-large-tracking);
}
.hra-app mat-button-toggle-group.hra-button-toggle-size-large .mat-button-toggle-label-content {
  padding: 0 1rem;
}
.hra-app [mat-button].hra-button-variant-secondary.hra-cta-button {
  --mat-button-text-container-shape: var(--mat-sys-corner-none);
}
.hra-app [mat-button].hra-button-size-small {
  font: var(--mat-sys-label-small);
  letter-spacing: var(--mat-sys-label-small-tracking);
  --mat-button-text-container-height: 1.75rem;
  --mat-button-text-horizontal-padding: 0.5rem;
}
.hra-app [mat-button].hra-button-size-medium {
  font: var(--mat-sys-label-medium);
  letter-spacing: var(--mat-sys-label-medium-tracking);
}
.hra-app [mat-button].hra-button-variant-secondary:not(.hra-cta-button) {
  --mat-button-text-label-text-color: var(--mat-sys-secondary);
  --mat-button-text-state-layer-color: var(--mat-sys-secondary);
  --mat-button-text-disabled-label-text-color: rgb(from var(--mat-sys-secondary) r g b/38%);
}
.hra-app [mat-button].hra-cta-button:not(.hra-button-variant-secondary) {
  --mat-button-text-label-text-color: var(--mat-sys-on-primary);
  --mat-button-text-state-layer-color: var(--mat-sys-on-primary);
  --mat-button-text-disabled-label-text-color: rgb(from var(--mat-sys-secondary) r g b/38%);
  --mat-button-text-ripple-color: rgb(from var(--mat-sys-secondary) r g b/12%);
  --mat-button-text-container-shape: var(--mat-sys-corner-none);
  --mat-button-text-hover-state-layer-opacity: 0;
}
.hra-app [mat-button].hra-cta-button:not(.hra-button-variant-secondary) {
  background-color: var(--mat-sys-tertiary);
  clip-path: polygon(0 100%, 0 0, 100% 0%, 100% calc(100% - 0.8125rem), calc(100% - 0.9375rem) 100%);
}
.hra-app [mat-button].hra-cta-button:not(.hra-button-variant-secondary) .mat-ripple {
  clip-path: polygon(0 100%, 0 0, 100% 0%, 100% calc(100% - 0.8125rem), calc(100% - 0.9375rem) 100%);
}
.hra-app [mat-button].hra-cta-button:not(.hra-button-variant-secondary):disabled {
  background-color: rgb(from var(--mat-sys-tertiary) r g b/38%);
  --mat-button-text-disabled-label-text-color: rgb(from var(--mat-sys-on-primary) r g b/38%);
}
.hra-app [mat-button].hra-cta-button:not(.hra-button-variant-secondary):hover:not(:active):not(:disabled):before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-color: var(--mat-sys-on-primary);
  opacity: 8%;
  clip-path: polygon(0 100%, 0 0, 100% 0%, 100% calc(100% - 0.8125rem), calc(100% - 0.9375rem) 100%);
}
.hra-app [mat-button].hra-cta-button:not(.hra-button-variant-secondary):focus-visible {
  --mat-button-text-label-text-color: var(--mat-sys-secondary);
  outline: unset;
}
.hra-app [mat-button].hra-cta-button:not(.hra-button-variant-secondary):focus-visible::after {
  content: "";
  position: absolute;
  background-color: var(--mat-sys-on-primary);
  inset: 0;
  z-index: -1;
  clip-path: polygon(0.15rem calc(100% - 0.15rem), 0.15rem 0.15rem, calc(100% - 0.15rem) 0.15rem, calc(100% - 0.15rem) calc(100% - 0.8125rem - 0.06849rem), calc(100% - 0.9375rem - 0.05595rem) calc(100% - 0.15rem));
}
.hra-app [mat-button]:focus-visible {
  --mat-button-text-focus-state-layer-opacity: 0;
  --mat-button-text-label-text-color: var(--mat-sys-secondary);
  outline: 2px solid var(--mat-sys-tertiary);
  outline-offset: -2px;
}
.hra-app [mat-button] mat-icon.mat-icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.hra-app [mat-flat-button]:focus-visible {
  --mat-button-filled-label-text-color: var(--mat-sys-secondary);
  --mat-button-filled-container-color: transparent;
  --mat-button-filled-focus-state-layer-opacity: 0;
  outline: 2px solid var(--mat-sys-tertiary);
  outline-offset: -2px;
}
.hra-app [mat-flat-button]:disabled {
  background-color: rgb(from var(--mat-sys-tertiary) r g b/38%);
  --mat-button-filled-disabled-label-text-color: rgb(from var(--mat-sys-on-primary) r g b/38%);
}
.hra-app [mat-flat-button].hra-button-size-medium {
  font: var(--mat-sys-label-medium);
  letter-spacing: var(--mat-sys-label-medium-tracking);
}
.hra-app [mat-flat-button] mat-icon.mat-icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.hra-app [mat-fab][extended] {
  --mat-fab-foreground-color: var(--mat-sys-on-background);
  --mat-fab-container-color: var(--mat-sys-surface-container);
  --mat-fab-state-layer-color: var(--mat-sys-on-background);
  --mat-fab-hover-state-layer-opacity: 8%;
  --mat-fab-focus-state-layer-opacity: 12%;
  --mat-fab-pressed-state-layer-opacity: 8%;
  filter: drop-shadow(0 0.0625rem 0.5rem rgb(from var(--mat-sys-on-background) r g b/30%)), drop-shadow(0 0.25rem 0.5rem 0.1875rem rgb(from var(--mat-sys-on-background) r g b/15%));
}
.hra-app [mat-fab][extended]:hover:not(:active) {
  filter: drop-shadow(0 0.125rem 0.1875rem rgb(from var(--mat-sys-on-background) r g b/30%)), drop-shadow(0 0.375rem 0.625rem 0.25rem rgb(from var(--mat-sys-on-background) r g b/15%));
}
.hra-app [mat-fab][extended]:focus-visible {
  outline: unset;
}
.hra-app mat-checkbox.hra-checkbox-error-variant {
  --mat-checkbox-unselected-focus-icon-color: var(--mat-sys-error);
  --mat-checkbox-unselected-hover-icon-color: var(--mat-sys-error);
  --mat-checkbox-unselected-icon-color: var(--mat-sys-error);
  --mat-checkbox-selected-focus-icon-color: var(--mat-sys-error);
  --mat-checkbox-selected-hover-icon-color: var(--mat-sys-error);
  --mat-checkbox-selected-icon-color: var(--mat-sys-error);
  --mat-checkbox-unselected-focus-state-layer-color: var(--mat-sys-error);
  --mat-checkbox-unselected-hover-state-layer-color: var(--mat-sys-error);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--mat-sys-error);
  --mat-checkbox-selected-focus-state-layer-color: var(--mat-sys-error);
  --mat-checkbox-selected-hover-state-layer-color: var(--mat-sys-error);
  --mat-checkbox-selected-pressed-state-layer-color: var(--mat-sys-error);
}
.hra-app mat-chip {
  --mat-chip-elevated-selected-container-color: var(--mat-sys-secondary);
  --mat-chip-label-text-font: var(--mat-sys-label-medium-font);
  --mat-chip-label-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-chip-label-text-size: var(--mat-sys-label-medium-size);
  --mat-chip-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-chip-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-chip-hover-state-layer-opacity: 0;
  --mat-chip-focus-state-layer-opacity: 0;
}
.hra-app mat-chip mat-icon {
  display: inline-flex !important;
  vertical-align: middle;
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1;
}
.hra-app mat-chip-option,
.hra-app mat-chip-row {
  --mat-chip-elevated-selected-container-color: var(--mat-sys-secondary);
  --mat-chip-label-text-font: var(--mat-sys-label-medium-font);
  --mat-chip-label-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-chip-label-text-size: var(--mat-sys-label-medium-size);
  --mat-chip-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-chip-label-text-weight: var(--mat-sys-label-medium-weight);
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
}
.hra-app .hra-chip-small {
  --mat-chip-label-text-font: var(--mat-sys-label-small-font);
  --mat-chip-label-text-line-height: var(--mat-sys-label-small-line-height);
  --mat-chip-label-text-size: var(--mat-sys-label-small-size);
  --mat-chip-label-text-tracking: var(--mat-sys-label-small-tracking);
  --mat-chip-label-text-weight: var(--mat-sys-label-small-weight);
}
.hra-app .hra-chip-medium {
  --mat-chip-label-text-font: var(--mat-sys-label-medium-font);
  --mat-chip-label-text-line-height: var(--mat-sys-label-medium-line-height);
  --mat-chip-label-text-size: var(--mat-sys-label-medium-size);
  --mat-chip-label-text-tracking: var(--mat-sys-label-medium-tracking);
  --mat-chip-label-text-weight: var(--mat-sys-label-medium-weight);
}
.hra-app .hra-chip-large {
  --mat-chip-label-text-font: var(--mat-sys-label-large-font);
  --mat-chip-label-text-line-height: var(--mat-sys-label-large-line-height);
  --mat-chip-label-text-size: var(--mat-sys-label-large-size);
  --mat-chip-label-text-tracking: var(--mat-sys-label-large-tracking);
  --mat-chip-label-text-weight: var(--mat-sys-label-large-weight);
}
.hra-app button[mat-icon-button].hra-icon-button-size-small,
.hra-app a[mat-icon-button].hra-icon-button-size-small {
  --mat-icon-button-state-layer-size: 1.5rem;
  --mat-icon-button-icon-size: 1.25rem;
}
.hra-app button[mat-icon-button].hra-icon-button-variant-light,
.hra-app a[mat-icon-button].hra-icon-button-variant-light {
  --mat-icon-button-icon-color: var(--mat-sys-on-primary);
  --mat-icon-button-state-layer-color: var(--mat-sys-on-primary);
}
.hra-app button[mat-icon-button].hra-icon-button-variant-dark,
.hra-app a[mat-icon-button].hra-icon-button-variant-dark {
  --mat-icon-button-icon-color: var(--mat-sys-secondary);
  --mat-icon-button-state-layer-color: var(--mat-sys-secondary);
}
.hra-app button[mat-icon-button].hra-icon-button-variant-color,
.hra-app a[mat-icon-button].hra-icon-button-variant-color {
  --mat-icon-button-icon-color: var(--mat-sys-on-tertiary-fixed);
  --mat-icon-button-state-layer-color: var(--mat-sys-on-tertiary-fixed);
}
.hra-app button[mat-icon-button] mat-icon,
.hra-app a[mat-icon-button] mat-icon {
  width: var(--mat-icon-button-icon-size);
  height: var(--mat-icon-button-icon-size);
  font-size: var(--mat-icon-button-icon-size);
}
.hra-app mat-selection-list.hra-density-compact-2,
.hra-app mat-list.hra-density-compact-2 {
  --mat-list-list-item-one-line-container-height: 3rem;
  --mat-list-list-item-two-line-container-height: 3rem;
  --mat-list-list-item-three-line-container-height: 3rem;
}
.hra-app mat-selection-list.hra-density-compact-4,
.hra-app mat-list.hra-density-compact-4 {
  --mat-list-list-item-one-line-container-height: 2.5rem;
  --mat-list-list-item-two-line-container-height: 2.5rem;
  --mat-list-list-item-three-line-container-height: 2.5rem;
}
.hra-app mat-list-option {
  --mat-checkbox-state-layer-size: 3rem;
}
.hra-app mat-list-option [matListItemTitle]::before,
.hra-app mat-list-option [matListItemTitle]::after,
.hra-app mat-list-option [matListItemLine]::before,
.hra-app mat-list-option [matListItemLine]::after,
.hra-app mat-list-item [matListItemTitle]::before,
.hra-app mat-list-item [matListItemTitle]::after,
.hra-app mat-list-item [matListItemLine]::before,
.hra-app mat-list-item [matListItemLine]::after {
  display: none !important;
}
.hra-app mat-list-option [matListItemTitle],
.hra-app mat-list-item [matListItemTitle] {
  line-height: var(--mat-sys-label-medium-line-height) !important;
  margin: 0 !important;
}
.hra-app mat-list-option [matListItemLine],
.hra-app mat-list-item [matListItemLine] {
  line-height: var(--mat-sys-label-small-line-height) !important;
}
.hra-app mat-list-option .mdc-list-item__start,
.hra-app mat-list-item .mdc-list-item__start {
  align-self: center !important;
  margin: 0 0.5rem 0 1rem !important;
}
.hra-app mat-list-option .mdc-list-item__content,
.hra-app mat-list-item .mdc-list-item__content {
  align-self: center !important;
}
.hra-app .mat-mdc-menu-panel {
  max-width: 19.5rem;
}
.hra-app .mat-mdc-menu-panel button {
  border: 0.125rem solid transparent;
}
.hra-app .mat-mdc-menu-panel .expand-arrow {
  --mat-menu-item-spacing: 1rem;
  position: absolute;
  right: 0;
}
.hra-app .mat-mdc-menu-panel .mat-mdc-menu-submenu-icon {
  display: none;
}
.hra-app .mat-mdc-menu-panel .cdk-keyboard-focused {
  background-color: var(--mat-sys-on-primary) !important;
  border: 0.125rem solid var(--mat-sys-tertiary);
}
.hra-app .mat-mdc-menu-panel .mat-mdc-menu-item-highlighted {
  background-color: rgb(from var(--mat-sys-secondary) r g b/8%);
}
.hra-app .option-text {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
}
.hra-app .option-text .option-name {
  font: var(--mat-sys-label-medium);
}
.hra-app .option-text .option-description {
  font: var(--mat-sys-label-small);
  color: var(--mat-sys-primary);
}
.hra-app .table-menu {
  --mat-menu-item-with-icon-leading-spacing: 0.75rem;
  --mat-menu-item-with-icon-trailing-spacing: 0.75rem;
}
.hra-app mat-progress-bar.hra-progress-bar-color-dark {
  --mat-progress-bar-active-indicator-color: var(--mat-sys-on-secondary-fixed);
}
.hra-app mat-progress-bar.hra-progress-bar-color-color {
  --mat-progress-bar-active-indicator-color: var(--mat-sys-tertiary);
}
.hra-app .mdc-slider__track--inactive {
  opacity: 1;
}
.hra-app mat-option.mat-mdc-option {
  margin-bottom: 0.5px;
}
.hra-app .mdc-tab {
  min-width: unset;
  padding: 0 1rem;
}

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