/* node_modules/@kpmg-ux/ngx-tax-design-system/styles/css/main.scss */
:root,
:host {
  --size-10: 1.0rem;
  --size-12: 1.2rem;
  --size-14: 1.4rem;
  --size-16: 1.6rem;
  --size-18: 1.8rem;
  --size-20: 2.0rem;
  --size-24: 2.4rem;
  --size-30: 3.0rem;
  --size-36: 3.6rem;
  --size-48: 4.8rem;
  --size-60: 6.0rem;
  --size-72: 7.2rem;
  --size-96: 9.6rem;
  --size-144: 14.4rem;
  --size-tiny: var(--size-12);
  --size-small: var(--size-14);
  --size-medium: var(--size-16);
  --size-large: var(--size-18);
  --size-giant: var(--size-24);
}
:root {
  --color-blue-100:
    219,
    232,
    255;
  --color-blue-200:
    194,
    216,
    255;
  --color-blue-300:
    153,
    190,
    255;
  --color-blue-400:
    87,
    147,
    255;
  --color-blue-500:
    8,
    97,
    255;
  --color-blue-600:
    0,
    70,
    194;
  --color-blue-700:
    0,
    51,
    141;
  --color-blue-800:
    0,
    43,
    118;
  --color-blue-900:
    0,
    30,
    82;
  --color-blue-1000:
    0,
    14,
    39;
  --color-blue-base: var(--color-blue-700);
  --color-med-blue-100:
    224,
    240,
    255;
  --color-med-blue-200:
    189,
    222,
    255;
  --color-med-blue-300:
    153,
    205,
    255;
  --color-med-blue-400:
    102,
    180,
    255;
  --color-med-blue-500:
    37,
    148,
    255;
  --color-med-blue-600:
    0,
    94,
    184;
  --color-med-blue-700:
    0,
    73,
    143;
  --color-med-blue-800:
    0,
    42,
    82;
  --color-med-blue-base: var(--color-med-blue-600);
  --color-light-blue-100:
    219,
    243,
    255;
  --color-light-blue-200:
    173,
    228,
    255;
  --color-light-blue-300:
    117,
    209,
    255;
  --color-light-blue-400:
    59,
    189,
    255;
  --color-light-blue-500:
    0,
    145,
    218;
  --color-light-blue-600:
    0,
    102,
    153;
  --color-light-blue-700:
    0,
    71,
    107;
  --color-light-blue-800:
    0,
    48,
    71;
  --color-light-blue-base: var(--color-light-blue-500);
  --color-purple-100:
    236,
    209,
    250;
  --color-purple-200:
    224,
    181,
    248;
  --color-purple-300:
    203,
    130,
    242;
  --color-purple-400:
    182,
    79,
    237;
  --color-purple-500:
    159,
    22,
    233;
  --color-purple-600:
    114,
    16,
    168;
  --color-purple-700:
    71,
    10,
    104;
  --color-purple-800:
    48,
    7,
    70;
  --color-purple-base: var(--color-purple-700);
  --color-light-purple-100:
    241,
    215,
    244;
  --color-light-purple-200:
    228,
    179,
    234;
  --color-light-purple-300:
    212,
    134,
    223;
  --color-light-purple-400:
    193,
    78,
    208;
  --color-light-purple-500:
    147,
    43,
    161;
  --color-light-purple-600:
    109,
    32,
    119;
  --color-light-purple-700:
    77,
    22,
    85;
  --color-light-purple-800:
    51,
    15,
    57;
  --color-light-purple-base: var(--color-light-purple-600);
  --color-teal-100:
    229,
    255,
    255;
  --color-teal-200:
    194,
    255,
    254;
  --color-teal-300:
    138,
    255,
    253;
  --color-teal-400:
    0,
    235,
    231;
  --color-teal-500:
    0,
    204,
    201;
  --color-teal-600:
    0,
    163,
    161;
  --color-teal-700:
    0,
    122,
    121;
  --color-teal-800:
    0,
    82,
    81;
  --color-teal-base: var(--color-teal-600);
  --color-green-100:
    228,
    251,
    223;
  --color-green-200:
    213,
    249,
    205;
  --color-green-300:
    171,
    243,
    155;
  --color-green-400:
    126,
    237,
    100;
  --color-green-500:
    64,
    223,
    26;
  --color-green-600:
    51,
    178,
    21;
  --color-green-700:
    39,
    137,
    16;
  --color-green-800:
    27,
    96,
    11;
  --color-green-base: var(--color-green-600);
  --color-orange-100:
    255,
    241,
    204;
  --color-orange-200:
    255,
    233,
    173;
  --color-orange-300:
    255,
    213,
    102;
  --color-orange-400:
    255,
    196,
    41;
  --color-orange-500:
    234,
    170,
    0;
  --color-orange-600:
    209,
    152,
    0;
  --color-orange-700:
    168,
    122,
    0;
  --color-orange-800:
    133,
    96,
    0;
  --color-orange-base: var(--color-orange-500);
  --color-yellow-100:
    255,
    252,
    214;
  --color-yellow-200:
    255,
    248,
    168;
  --color-yellow-300:
    255,
    242,
    92;
  --color-yellow-400:
    255,
    234,
    0;
  --color-yellow-500:
    235,
    215,
    0;
  --color-yellow-600:
    204,
    187,
    0;
  --color-yellow-700:
    158,
    145,
    0;
  --color-yellow-800:
    112,
    103,
    0;
  --color-yellow-base: var(--color-yellow-400);
  --color-red-100:
    255,
    229,
    236;
  --color-red-200:
    255,
    194,
    211;
  --color-red-300:
    255,
    128,
    162;
  --color-red-400:
    255,
    61,
    114;
  --color-red-500:
    220,
    0,
    61;
  --color-red-600:
    173,
    0,
    48;
  --color-red-700:
    133,
    0,
    37;
  --color-red-800:
    97,
    0,
    27;
  --color-red-base: var(--color-red-500);
  --color-pink-100:
    255,
    219,
    242;
  --color-pink-200:
    255,
    199,
    235;
  --color-pink-300:
    255,
    163,
    222;
  --color-pink-400:
    255,
    102,
    199;
  --color-pink-500:
    255,
    46,
    179;
  --color-pink-600:
    198,
    0,
    126;
  --color-pink-700:
    153,
    0,
    97;
  --color-pink-800:
    102,
    0,
    64;
  --color-pink-base: var(--color-pink-600);
  --color-grey-100:
    240,
    242,
    246;
  --color-grey-200:
    230,
    233,
    240;
  --color-grey-300:
    217,
    222,
    232;
  --color-grey-400:
    204,
    211,
    224;
  --color-grey-500:
    185,
    194,
    213;
  --color-grey-600:
    166,
    178,
    201;
  --color-grey-700:
    153,
    167,
    194;
  --color-grey-800:
    127,
    144,
    179;
  --color-grey-900:
    112,
    131,
    169;
  --color-grey-1000:
    86,
    105,
    143;
  --color-grey-1100:
    67,
    82,
    112;
  --color-grey-1200:
    48,
    58,
    80;
  --color-grey-1300:
    38,
    47,
    64;
  --color-grey-1400:
    25,
    30,
    41;
  --color-grey-base: var(--color-grey-1000);
  --color-black:
    0,
    0,
    0;
  --color-white:
    255,
    255,
    255;
  --color-gradient-dark: RGBA(var(--color-blue-800)) 0%, RGBA(var(--color-blue-900)) 100%;
  --color-gradient-light: RGBA(var(--color-white)) 0%, RGBA(var(--color-grey-300)) 100%;
  --shadow-1: 0 2px 5px 0px RGBA(var(--color-black), 0.2);
  --shadow-2: 0 5px 10px 0px RGBA(var(--color-black), 0.1);
  --shadow-3: 0 10px 20px 0px RGBA(var(--color-black), 0.1);
}
[data-theme=dark] {
  --color-dataviz-1: var(--color-light-blue-400);
  --color-dataviz-2: var(--color-orange-400);
  --color-dataviz-3: var(--color-teal-500);
  --color-dataviz-4: var(--color-pink-500);
  --color-dataviz-5: var(--color-med-blue-500);
  --color-dataviz-6: var(--color-light-purple-500);
  --color-dataviz-7: var(--color-blue-600);
  --color-dataviz-8: var(--color-purple-600);
  --color-dataviz-9: var(--color-blue-500);
  --color-dataviz-10: var(--color-orange-300);
  --color-dataviz-11: var(--color-teal-400);
  --color-dataviz-12: var(--color-purple-500);
  --color-dataviz-13: var(--color-med-blue-400);
  --color-dataviz-14: var(--color-light-purple-400);
  --color-dataviz-15: var(--color-light-blue-300);
  --color-dataviz-16: var(--color-pink-400);
  --color-dataviz-17: var(--color-blue-700);
  --color-dataviz-18: var(--color-teal-600);
  --color-dataviz-19: var(--color-orange-500);
  --color-dataviz-20: var(--color-purple-700);
  --color-dataviz-21: var(--color-med-blue-600);
  --color-dataviz-22: var(--color-light-purple-600);
  --color-dataviz-23: var(--color-light-blue-500);
  --color-dataviz-24: var(--color-pink-600);
  --color-dataviz-25: var(--color-blue-400);
  --color-dataviz-26: var(--color-teal-300);
  --color-dataviz-27: var(--color-orange-200);
  --color-dataviz-28: var(--color-purple-400);
  --color-dataviz-29: var(--color-light-purple-300);
  --color-dataviz-30: var(--color-light-blue-200);
  --color-dataviz-31: var(--color-pink-300);
}
[data-theme=light] {
  --color-dataviz-1: var(--color-blue-400);
  --color-dataviz-2: var(--color-orange-500);
  --color-dataviz-3: var(--color-teal-500);
  --color-dataviz-4: var(--color-pink-500);
  --color-dataviz-5: var(--color-blue-500);
  --color-dataviz-6: var(--color-light-purple-500);
  --color-dataviz-7: var(--color-grey-1100);
  --color-dataviz-8: var(--color-purple-600);
  --color-dataviz-9: var(--color-blue-500);
  --color-dataviz-10: var(--color-orange-300);
  --color-dataviz-11: var(--color-teal-600);
  --color-dataviz-12: var(--color-purple-500);
  --color-dataviz-13: var(--color-blue-500);
  --color-dataviz-14: var(--color-light-purple-400);
  --color-dataviz-15: var(--color-light-blue-300);
  --color-dataviz-16: var(--color-pink-400);
  --color-dataviz-17: var(--color-blue-700);
  --color-dataviz-18: var(--color-teal-800);
  --color-dataviz-19: var(--color-orange-500);
  --color-dataviz-20: var(--color-purple-700);
  --color-dataviz-21: var(--color-blue-600);
  --color-dataviz-22: var(--color-light-purple-600);
  --color-dataviz-23: var(--color-light-blue-500);
  --color-dataviz-24: var(--color-pink-600);
  --color-dataviz-25: var(--color-blue-400);
  --color-dataviz-26: var(--color-teal-500);
  --color-dataviz-27: var(--color-orange-200);
  --color-dataviz-28: var(--color-purple-400);
  --color-dataviz-29: var(--color-light-purple-300);
  --color-dataviz-30: var(--color-pink-300);
  --color-dataviz-31: var(--color-pink-300);
}
:root {
  --font-display:
    "KPMG Bold",
    "KPMG",
    "KPMG Thin",
    "KPMG Light",
    Impact,
    Arial,
    Sans-serif;
  --font-body:
    "Roboto",
    Helvetica,
    Arial,
    Sans-serif;
  --font-mono:
    "Roboto Mono",
    ui-monospace,
    Menlo,
    Monaco,
    "Cascadia Mono",
    "Segoe UI Mono",
    "Courier New",
    monospace,
    Sans-serif;
}
.headline--1 {
  font-family: var(--font-display);
  font-size: var(--size-144);
  font-weight: 600;
}
.headline--2 {
  font-family: var(--font-display);
  font-size: var(--size-96);
  font-weight: 600;
}
.headline--3 {
  font-family: var(--font-display);
  font-size: var(--size-72);
  font-weight: 600;
}
.headline--4 {
  font-family: var(--font-display);
  font-size: var(--size-60);
  font-weight: 600;
}
.headline--5 {
  font-family: var(--font-display);
  font-size: var(--size-48);
  font-weight: 600;
}
.headline--6 {
  font-family: var(--font-display);
  font-size: var(--size-36);
  font-weight: 600;
}
.title--1 {
  font-family: var(--font-body);
  font-size: var(--size-48);
  font-weight: 700;
}
.title--2 {
  font-family: var(--font-body);
  font-size: var(--size-36);
  font-weight: 700;
}
.title--3 {
  font-family: var(--font-body);
  font-size: var(--size-30);
  font-weight: 700;
}
.title--4 {
  font-family: var(--font-body);
  font-size: var(--size-24);
  font-weight: 700;
}
.title--5 {
  font-family: var(--font-body);
  font-size: var(--size-18);
  font-weight: 700;
}
.title--6 {
  font-family: var(--font-body);
  font-size: var(--size-14);
  font-weight: 700;
}
.headline-alt--1 {
  font-family: var(--font-display);
  font-size: var(--size-144);
  font-weight: 300;
}
.headline-alt--2 {
  font-family: var(--font-display);
  font-size: var(--size-96);
  font-weight: 300;
}
.headline-alt--3 {
  font-family: var(--font-display);
  font-size: var(--size-72);
  font-weight: 300;
}
.headline-alt--4 {
  font-family: var(--font-display);
  font-size: var(--size-60);
  font-weight: 300;
}
.headline-alt--5 {
  font-family: var(--font-display);
  font-size: var(--size-48);
  font-weight: 300;
}
.headline-alt--6 {
  font-family: var(--font-display);
  font-size: var(--size-36);
  font-weight: 300;
}
:root,
[data-theme=dark] {
  --color-background: RGBA(var(--color-blue-900), 1);
  --color-panel: var(--color-blue-1000);
  --color-window: var(--color-blue-800);
  --color-card-dark: RGBA(var(--color-black), 0.15);
  --color-card-light: RGBA(var(--color-blue-600), 0.25);
  --color-line: var(--color-med-blue-700);
  --color-logo: var(--color-white);
  --color-tooltip: var(--color-white);
  --color-tabstrip: RGBA(var(--color-black), 0.3);
  --color-scroll: var(--color-blue-200);
  --color-input: RGBA(var(--color-blue-1000), 0.3);
  --color-text: var(--color-white);
  --color-text-inverted: var(--color-black);
  --color-text-error: var(--color-red-300);
  --color-interact: var(--color-med-blue-500);
  --color-interact-text: var(--color-med-blue-400);
  --color-interact-light: var(--color-med-blue-500);
  --color-interact-lighter: var(--color-med-blue-400);
  --color-interact-lightest: var(--color-med-blue-300);
  --color-interact-dark: var(--color-med-blue-500);
  --color-interact-darker: var(--color-med-blue-600);
  --color-interact-darkest: var(--color-med-blue-700);
  --color-tab-1: var(--color-light-blue-400);
  --color-tab-2: var(--color-teal-400);
  --color-tab-3: var(--color-pink-500);
  --color-toggle: var(--color-blue-600);
  --color-switch: var(--color-grey-300);
  --color-popover: var(--color-blue-1000);
  --color-logo: var(--color-white);
  --color-scale-positive-1: var(--color-teal-200);
  --color-scale-positive-2: var(--color-teal-300);
  --color-scale-positive-3: var(--color-teal-400);
  --color-scale-positive-4: var(--color-teal-500);
  --color-scale-positive-5: var(--color-teal-600);
  --color-scale-negative-1: var(--color-red-200);
  --color-scale-negative-2: var(--color-red-300);
  --color-scale-negative-3: var(--color-red-400);
  --color-scale-negative-4: var(--color-red-500);
  --color-scale-negative-5: var(--color-red-600);
  --color-status-success: var(--color-green-400);
  --color-status-error: var(--color-red-400);
  --color-status-warning: var(--color-orange-400);
  --color-status-inactive: var(--color-grey-500);
  --color-status-neutral: RGBA(var(--color-black), 0.5);
}
[data-mode=lux] {
  --color-background: radial-gradient(circle, var(--color-gradient-dark));
}
[data-theme=light] {
  --color-background: RGBA(var(--color-grey-100), 1);
  --color-panel: var(--color-grey-300);
  --color-window: var(--color-grey-100);
  --color-card-dark: RGBA(var(--color-black), 0.03);
  --color-card-light: RGBA(var(--color-white), 1);
  --color-line: var(--color-grey-500);
  --color-logo: var(--color-blue-base);
  --color-tooltip: var(--color-grey-1300);
  --color-tabstrip: RGBA(var(--color-grey-900), 0.2);
  --color-scroll: var(--color-grey-1400);
  --color-input: RGBA(var(--color-white), 1);
  --color-text: var(--color-black);
  --color-text-inverted: var(--color-white);
  --color-text-error: var(--color-red-500);
  --color-interact: var(--color-blue-500);
  --color-interact-text: var(--color-blue-500);
  --color-interact-light: var(--color-blue-500);
  --color-interact-lighter: var(--color-blue-400);
  --color-interact-lightest: var(--color-blue-300);
  --color-interact-dark: var(--color-blue-500);
  --color-interact-darker: var(--color-blue-600);
  --color-interact-darkest: var(--color-blue-700);
  --color-tab-1: var(--color-blue-400);
  --color-tab-2: var(--color-teal-500);
  --color-tab-3: var(--color-pink-500);
  --color-toggle: var(--color-grey-1100);
  --color-switch: var(--color-grey-800);
  --color-popover: var(--color-white);
  --color-logo: var(--color-blue-base);
  --color-scale-positive-1: var(--color-teal-400);
  --color-scale-positive-2: var(--color-teal-500);
  --color-scale-positive-3: var(--color-teal-600);
  --color-scale-positive-4: var(--color-teal-700);
  --color-scale-positive-5: var(--color-teal-800);
  --color-scale-negative-1: var(--color-red-400);
  --color-scale-negative-2: var(--color-red-500);
  --color-scale-negative-3: var(--color-red-600);
  --color-scale-negative-4: var(--color-red-700);
  --color-scale-negative-5: var(--color-red-800);
  --color-status-success: var(--color-green-600);
  --color-status-error: var(--color-red-400);
  --color-status-warning: var(--color-orange-500);
  --color-status-inactive: var(--color-grey-900);
  --color-status-neutral: RGBA(var(--color-black), 0.25);
}
[data-theme=light][data-mode=lux] {
  --color-background: radial-gradient(circle, var(--color-gradient-light));
}
@media only screen and (max-width: 600px) {
  [data-mode=lux][data-theme=dark] {
    --color-background: linear-gradient(180deg, var(--color-gradient-dark));
  }
  [data-mode=lux][data-theme=light] {
    --color-background: linear-gradient(180deg, var(--color-gradient-light));
  }
}
@font-face {
  font-family: "KPMG";
  src: url("./media/kpmg-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "KPMG";
  src: url("./media/kpmg-bold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/roboto-regular-webfont.woff") format("woff"), url("./media/roboto-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/roboto-italic-webfont.woff") format("woff"), url("./media/roboto-italic-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/roboto-bold-webfont.woff") format("woff"), url("./media/roboto-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/roboto-bolditalic-webfont.woff") format("woff"), url("./media/roboto-bolditalic-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("./media/roboto-mono-regular-webfont.woff") format("woff"), url("./media/roboto-mono-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("./media/roboto-mono-regular-italic-webfont.woff") format("woff"), url("./media/roboto-mono-regular-italic-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("./media/roboto-mono-bold-webfont.woff") format("woff"), url("./media/roboto-mono-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("./media/roboto-mono-bold-italic-webfont.woff") format("woff"), url("./media/roboto-mono-bold-italic-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
html ::-webkit-scrollbar {
  background-color: RGBA(var(--color-panel), 0.5);
}
html ::-webkit-scrollbar-thumb {
  background-color: RGBA(var(--color-scroll), 0.3);
  background-clip: padding-box;
  border: 3px solid RGBA(var(--color-panel), 0);
}
html ::-webkit-scrollbar-thumb:hover {
  background-color: RGBA(var(--color-interact), 0.5);
  border: 2px solid RGBA(var(--color-panel), 0);
}
html ::-webkit-scrollbar-corner {
  background-color: RGBA(var(--color-panel), 0.5);
}
html ::-webkit-scrollbar-button:single-button {
  background-color: RGBA(var(--color-panel), 0);
  display: block;
  position: relative;
  height: 2.4rem;
  width: 6px;
  padding: 1em;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}
html ::-webkit-scrollbar-button:single-button:hover {
  background-color: RGBA(var(--color-interact), 0.5);
}
html ::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  display: none;
}
html ::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAA+FJREFUeAHtnUluFEEURG0WRggxmOkglnwEb1hyIV+BLadgA96xxMwzbLzlEBYSUhOJsqRyq3pyRJXS6pfSV/b0o8rx+v9y211ZOzsTjtlsdqB4qfisOFbsTbh5NtV3QOYfKc4V/fFCd4DSN2qK2zJ9CEYHBihTQOi2sQIGUDqjppjXhAGUiWAcyun5Y0Zn/qK5HPA5powBSMa+WuT6iseBMhKQsxXGL3t6a6FcGwNG1TwxtB8r97mI0b4MEy+kysybitNlZbDGc1tbKRfMTN2R4bcCUPickgJSdATktuKNwhlAAUrSgQa1VB6pSrne4I93NXepQnnr9C7llvYFlNRbACgpJ4M6gnJH8U7hDColyKT89gWUpKEJrRCU8uGRY0oCSNGoUN5rdgZQUkCAknQyqKXyuKugUoKe2lIVygendymX9mWT6AkApWdGKzcrlI9USitEtB9AaQhGtyuCsq+gUjpDWpgrlE+ancGBPglTJEqlACVpqqsFFNfBEfIF5Z6ifHPeGbSvJBuRAErS0IRWhfLFKRPlUikJGJ0GUDonGpqB0hCMblcE5b7iq8IZtK/O0MQsEkBJGJnUAErSzZBWhfLN6V3KpX2FePyXkaEPFEBJmupqAcV1cIT8CuW7ZmfQvpJsRKK0L6AkTXW1BOSh4ofCGVSKC6KfLxJA6RvSwm2gtEBhbh8qlJ9O71Iu7WvOV+uuDH2kAIrlYjg5BOVZeLe2W65C+aX5suOvEm+kXRxzJYf0vo6hNxtDFM0NHdA7O3EcoWVt6PvgywWjfCZxD+on0uCsrUGHN3iwwnA/tQNjA88XvhQYC62Z/okKw/0jI5WRQCcYib/4AgMYCQca0qiV4f4rl8pIMAVGwsWQhmCU72hRGSE/LZkKw/0WI23KolCTgZFwMaQBjJCRCRnBKCfwuOeK0KaAkXCgIQ0qoz0Y7smftKkE01oZwEiY6WoIxr7CXUCAynBBlHxgJFwMaQAjZGRCpsJwVwSiTYVglHUYgZEw09UQCGC4JqbyKwx3MUzaVAIIMBIuhjQqDHftXiojwUMwyuL8wEiY6WoAw3UwmF9huNcSoU0lmAAj4WJIo8Jwr0dFZSR4CEa5YhswEma6GsBwHQzmVxjuVT9pUwkmwEi4GNIARsjIhIxgJK4YzeoJwEg40JCGKqNc4P61whlURoqpKDx1SCgXGCkYRUeGnhlAthbGmEtr/L4k4BPlPdnd3f1zyXzShhxQdRwqzjeskq2tjCEP448JxtEGUIARJzAguCYUYAx4N9pDK6AAYzTnlwgvgAKMJZ6N/pSgHCgKhHI6wbFib/SNXrEN/AO5jwCN1Os+bwAAAABJRU5ErkJggg==);
}
html ::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAAxZJREFUeAHt3X1OE2EQx3HCCTiDARVEUW/CDSDxBFwCPBch/OshwHfhCHWeJiWpKS6w3y6zO99NHpSX/jo7n51qU7q7seG2sgOz2ewo1mWs81iHK3/ILw7TgQD4HOvf7WSYe/deljoQCqswFjiiLHVrzZ90YIiy5v4vxT8QQ5Slrq3pk0diLFCO11RO7dgnYjSU21ibtbsH730PjAbSti24pLpx0cz//W9q3u2ODxd1uwfvOYBxFRkv4LJqxkUjzzqO/K5vN4ztmt2D9xrC2IHLqhkHYFxHhhjE4SMG0UUoA8J4CZVTOwbA+BoZYhCHkRhEF6EMCOMVVE7tGDES+QMY3yLDySBMIYzXRC3lM8RIdAiIMS2M7wG6m2iXxlsKMBliUPxiUJ0EciCMPaAUIwCMH5EhBnEoiUF0EcqAMN5A5dSOESORP4DxMzKcDMIUwtgnaimfIUaiQ0CMaWH8CtC3iXZpvKUAkyEGxQ9hvKPqKZ0jRiJ+AON3ZDgZhCmEcUDUUj5DjESHgBi5ME4DpM/2J278PtEujbeUaKQYWfjEyCIRdUAYHxLt0nhLESORXWB8itVnu4kbf0y0S+MuJZr5pYdGWYzM5+qYjfuQTFZ9TEffh6z2nMN/zEnXaCjx3EOUhCg+OxeF7EDCLODhq7324aSQthCKr4GIQnYgYZaTMl0UX08nbYFJab+LJUpCFH9bURSyAwmzoIcvJ4W0BVDaG3R8T4goZAcSZjkp00Xx/YWkLTAp7UQBoohCdiBhFjQpnlKDtBWF7CaUBaC0c2Q5KZDHPAZC8SxyopAdSJjlpEwTpZ042XP1krbApIhCgrQsUeiOAnkQiud9ByzuIgCUdgEXUe46CvxFFKCJdASE4qWOSBhRyG5CWQBKu3ahkwJ5zGMgFC8oKQrZgYRZwKS0ixI7KaQthOKVokUhO5AwC5oUL3BP2gIoF2Q9ZkUHAJQtGwl3oAfKbdw286lJ4E4NGPdElOMBS6x3V49EOanXoWfY4weiiDGkTQeKGENiLO7rHhQxFg16jj8D5SjWZazzWIdD1fAXnYNnY5Pc1e4AAAAASUVORK5CYII=);
}
html ::-webkit-scrollbar-button:vertical:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAABAlJREFUeAHtmklS3EAQRbs9gO0FCw7AgpVXXMVH8YF8A/Bs43kILmAHKx/Ch2j/76ikRXWrNWRq7J8RGSWJUlbVe6Q2sFgoREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAEREAERGBNYLVanSCfIT8jnyLvrn+qqzYEyDCxJFOyPalVBxPPkH+RxXiOm3u1CmjSBgGyQ74oAsU1GZ9tTC4+4IQ0EcNGsOD94nxdVxMgM2Quw+CWS8GMXTKsgKRUO7iZAWi7ZBjTTSk1ZViBl1zoZlVdbCVARkiyqhNrKZh9iuSDJvEKkyVlq4rFgmyQZNQk6OCUL583easwV1K2CAGfNjIM6zmFXNtdi/E13lGnJDFkgSSTtnF9B7Wutoiu++gJJl5g9b2XkhhcgAeZtI0rdsgR8jfSE2/w8t5K4dmRZOAJOjj6bxIXx8gIKQdtfzWm+h64HSAjZBzfYiApt3DUuulMhq0eJOUtN2o15zomGTyrJ/hVut0ZOTBOQHo/X7OWAj78THUvw+QESXnHjVvNuYxJBs/mierOyIFhtYhOmZUUMGFn9C/D5ARJec+DWM2pjkkGz+KJ5p2RA8PqEZ0yaSlgwM4YXobJCZRyaDWnMuLsh6OSYeCCpFzygFZz7GOSwT17wv+ZKgOFXUV8viYhBWdlZ4xXhkkKkvKBB7aaYxuTDO7RE911Rg4Mu4zolFFKwdnYGdORYXKCpHwkAKs59JhkcE+e6K8zcmDYdUSnjEIKzsLOmK4MkxMk5RPqPLCafY9cG8k9eGK4zsiB4RQRnTKIFOx9XjJMzhSlzFZGsBT+72vnn68kg2t5YjyfKZOQjzhdxOerUynYIz9T85dhcoKkfCE4qxk1Jhms7Ynxd0YODKeN6BSCe5jXbnvPWsj9k2HAkpRfGD3xFS+7pbAGkrU8wbPs/hu4HX6sIw+AHFQK1peM4i9IkJRvBFusW+c6yeC7nph+Z+SwQCOiUxpJwZrsDMnIZdh9n1Ikw6hXjEFSvhN42VJJBud4Yn6fqR3AIj5fBP4oX4PPkJKRg6m6B7QIKT+KUpIMPvPE/nRGLgnUwqSgFjtDMnLITe+DpPxEHaYn9rczcmmgGNEpkpGD9dwPKEWdUSZuACmSUSbDnvcoRTIMetXYgxTJqJKQ/7xDKZKRw65734EUyagLv2xeoBTJKIPc9HmAFMloCr1qvkOKZFTBbfvzFlIkoy3suu81kCIZdaF659WQIhleyE3f3yFFMprCjJqfpBT/14rXk/6/qWUUnKHqQADP8JjrL5fLP0PtQ+uKgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiIgAiMlsA/vvY9/6bA1MwAAAAASUVORK5CYII=);
}
html ::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAA4VJREFUeAHtmm1O20AQhgkn6BmqfkFLoUfgCNwAJE7AIUp7sIq//O7vln6rF0BK30EeKbGo4+ysnfX6GWk0iWLv7jyP1ysh9vYICEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAASqJLBcLi+Vt01eVtnkVJqShI/KdryfyvqrWqcsPCbD5SBlTNsbZCClQBlIGUNKz53hMrzy+hpCTqIMpBQoAyk5pQR3hsvwyusrIiezDKQEZXxwggNUdso2ciRgSBnuFyl9pIwkAykFykBKl5SRd4bL8Mrra1WOqHT9odChddU/+tEyEtera5rtZxGMHuAm4l2TUSnz3im5ZPjTjBQnkVBzy/AlZJIyr9dXJhknLqFdNf6JMvr6moeUDDJ+G/C2hPb3RopdG4m6pYhM9ADvJcPlaD7bKUhxIKs1k4zj1TH7fNa8x0hpkdqVDF8GUpyE6q5l+FKQkkfGL4F861Cj1cZS2piRmOZBr46jB3hWGS5T65qflEwyjhxi7qr1HSnnsVNKl+FyZyElg4yfBsqhDV0bKTZnJMo8U9RR9MwwMG+GltAe3+ZU1iVlqjJcTlVSpi6jKikZZPzQGK8dyq6rrUVpa4rEbs4UrTh6ZhQlwx8G9TU9KbXKmKSUTDIOvflSq/o8VJb9+sog47s1WqqE9roaKbbmSAxzpmhF0TNjUjJcjvq2nVKWlEwyDrzJqVX1f1CMlLnL8IenCCkZZHyzRrypqddGivUUibQzRTNGzwxb+KupS2iv33pSjitFE14rI1GlDJcjMONJ0WTIcPIddRQpGWTcaYyXHX1U9ZP1qrSeI/H4maIRoztjVjL8yRK3/FKQ4XjTalYpGuxcGQnbGS/SWqnnLmOgjL6+zu0f2W6UqfFVN85ehj9WxkJpTFLjZl+D3fuAW9Y7XX+6WCw+b3lftZc3LE7VoLFJiXvbIWcJOu0peJ4y4xzuMTbKlJ1y9sBHN18p+8YXXYiMDU+WMVIaq75xtTak7uojBRlr1Lq/iGlfKesyfNgNUkzGM7+W2o+AMVN27ZTHZfjw/5GCDAeUUDukdMvwuTTAhfKv0uKT8qn/Rk0jYAwblioPbC+2Gkk37SufbHUTF28kYEyN7cYLuQACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAK9CfwDnm8xxMYrN6AAAAAASUVORK5CYII=);
}
html[data-theme=light] ::-webkit-scrollbar-button:horizontal:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAA4ZJREFUeAHtnUtOG1EQRVEGRFGUD/ktBIklsC62wDT7CJkxTMjX+U/YCJNISZVkSy1kvwfUafOinJZKNC76unUPtxobd/fOznaX/Xi6k6hF1FHUbpTLLTlwGM97EfVnUq9iXShhwraXdTBWYISyZRotGEIZEIZQtgTlIJ7n8jFjZf6mr3nA95gyE6DT0N1kfOtxocwE5PyGQBKWUGaAclwAIpQZgNwPzbdCmcHZguQDAIqvUwoA1m36MB48i2odyHs9oaxztvCYUArmzbUpBeXuXDv4P+omlHdRvRHV6uf4Egr42yMU0ExK6lEIvY9qJaHXMykUjaWOUGBDCTkCSr7N4jGFoLHUSCgfonojqtUXCggkpYQCG0rIPQ4Rk0I4CWoklI9RrfHU6zm+QCApJRTYUEIuoXyK6qWh1TcpBImJhlAmZoyyuhc7YlJGobHcj4TyOao1nno9xxcMVSiwoYScUAgXYY0nobeI6o2oVt/xJRTYgQHlMilfolpJ6PVMCgxWKLChhJxQCBdhjaeh9zWqN6JafceXUGAHBpQzKYNC+Rb71RpPvZ7jCwb7LPSEAptalRNK1cEZtk8o36N6I6rVd3zBYIQCG0rIPQ+RH1GtJPR6JoUgMdEQysSMUVaFMgqJyX4klJ9RvRHV6ju+JoYSqy+EQtjIahBQXrK7pFpC+RXVGk+t3u/Y9h5t4x1a8B/TS8NdBnDAkTUAhNUuEH9pvQ4xz9paOVr4mjCqr9qFUQAw3VQYUzdueT1hVN/5NRkQROIdX2EIA3JgIJlMRvVfuSYDAioMyEhCJj8OZDIIJwEN4rNZjikAREoIAzKSkBEG4SKkQXwC3jElDMiBgWRMxmAwqid/OqYgoJkMYUBmVmX2QqB6VQeTUaWw3F4YkJGEjDAIFyGNhFG9IpBjCoJBXDNLGMKAHBhIJpNRvRimyYCACgMykpBJGNVr95oMgkRoEFe3FoYwIAcGkslkVO8lYjIgoMKAjCRkEkb1flQmgyARGsR9qIQhDMiBgWQyGWdRrXP3ej2TAQEVBmQkISMMwkVIg7hj9Ensi+f0AUCEAZhISeQN7t9E9Q7Srb7JoGiEzrEwQDcBqfMCEJMBALgscXpDIMK47CT0/UHoXFwTijAg8zfJHF4DijA2uQg/fhUowoBN78m1oAij595M/XVQhDGT2VeV3Y8fTAiLqKOo3SiXiQN/AayN9pHAMZJTAAAAAElFTkSuQmCC);
}
html[data-theme=light] ::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAAyRJREFUeAHtnWtu00AURiNW0DUgoOX92El30EqsoJsA1lVV/csigJZnlwB3hCylUamK77Fz4zmWRk4UzedvvjPXSZTYs1q5/SuBo3jhPNpptMNobltM4EMc+/dGO9min64PfROMAY5QZp4at8EQSkEYQpkJyl0qY4Ax7I9n8tbdYcbAaFCuot3rLq2JBzwWxlAlexP760o+C+Osq7QmHmwWxqfwd39ij93Iv4+RDqecMfsG40E3aU08UALGw4k9diOfhfE5khIGNF2EAQVJyBAwHhFG1FitsjC+RIjCgGaSMKAgCRkCxj5hRA3mNCUMaCZlK+MifAijEIwDyEv3MkRlCAOaRsKAgiRksjAuw8Rjwoga+U9TwgBnkZUBhpmVImA8yZqw/98EsjC+howwoNkkDChIQoaA8ZQwokb+01Q7TQkDmknZyvgmDIhEyBAwnnF2+lYSRiH+wlgQjO8xlueFxrPTVrKVIQwQPwHjBeinaylhFMKfhfEjxmJlQEAJGC8hL93LCKPQFBBGIRjvwsuYi2SGPj+j/6tC49lpK8IohE8YC4PxutB4dtoKURnCgKbA29AZ3ozH7H9F/zeQF2UigY/RxoBofbqFUfleHQ2MG5hA9pTVvnP4/gECaVK+qcOBEnIEFL+dEyTWNISyFkaVh1ko7bcPKwWmSUDxNxChwAkUlLNSFgrF39NhsNlKaf/FEkpBKP5bUShwAgXliNOXlQKDzUJpF+h4TYhQ4AQKylkpC4XixZ4w2GyleAUuDKTJCWWCULOSBBRvqZGlsNFfKBuBVHiahXIZg7BSYJIEFO8iJxQ4gYJyVsoCoVzEmA4KjmunLWUrRSgT4BfKBKFmJQko+1kT9r+eQBZKW8BFKNczTT8TSjpCXoCA4lJHMBehwIESclkobe1CK4UgsaZBQHFBybVAiYdCIVKENbJQ2qLEVkpBKK4ULRQ4gYJyxOnLBe5hsFkoZ7Af5SKBLJQ9U+QTGAvlKqxUvjUJn9SMimOgHM/or8tD/Q+Uky4T2sKg7wJFGDODuQ2KMGaGMRzuJijCGNLZ0v4ojnse7TTaYbRZtj/E/va69mgkLQAAAABJRU5ErkJggg==);
}
html[data-theme=light] ::-webkit-scrollbar-button:vertical:increment {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAA71JREFUeAHtmkuy0zAQRUPxZ8CABTBgxIitsRem7IDi//+zAyhGLIJFQN88br1ExI4ttxM7PqrS61i22tI5bo3eakWDAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgMAWgdtx9TD6h+j3o1+MThtGQAzFUkzFVow7tXvx1O/ofzb64/h9KTqtjoDYPYm+yVSMxbq17ZLhJEp4uXU2N3cRELNShpm2SmmT4QRI2YW8eaxNhpnulNJFhhM8jfdTKc0SfEeMxMrc2uKWlDsxSQNtE8p7z+J5pASEhiY2YlRya7uWA7lYPeo50UmRInr/txoZZioXq5/RPdA3Po+5VIoonjWxEJO+HP28XKweDEigREgRxbMPc4gMsZSL1c3oP6LbUk18EfOXXCnauxjUsPMcOZCLdbsVfzOkXPmXb0lBe86QIQdbDSlbODpdjCbDb8+Q8jKSLaFStEft1UdOTdSpJOatDSmteNY3DybDS8mQ8iqSnWKlaE/aW01FeE6nyrAMR6SYxHk8mgwvIUPK60h2CpWiPWgv/sprYlVlWIYjUs4+qEnIyJZy1QlnFLXmSckwu4xKeRPJ5iRFa9Waa44nz0k5piyhjEuSMnkZlpMh5W0km3KlaG1ao7/ymjhqZViG4ylLmZ2MTCnvItmUKkVr0ZpqKsJzDloZluGYUSlTkTJ7GZlS3keya054hKh3aw3+ymviUSujZJZRKceScnIyLGeOUk5WRqYU/e/rIY4vvUPvqjmePGdSx5QllDGjUsaWshgZlpMh5WMkG6NSlFO5/ZXXxFlUhmU4Zkm57oQJUbkWKcPsJOV79Jqv0HM+xfwMKcqhXM5bE7UX7WnWbQpSkFF8QhlSPkfOmkrRHM2tqQjPOYnKKJysS33o8dVXCjJKC8X1ISsFGQX8pssMKV8iedvxpXt6xkdOTTzJY2psKTd2vEBjyNgBZt9QRqV8jZdsStFvjdVUhOcsqjJKSZlSkFHSrbzOkPIt3q3ur7wmLroySncZUmokeA4ySiNxfSwpyNghw0OHloIMk2+Jh5KCjBYJ5a2xpSCjJN7heiwpyOgAv+mRbCnIaCLdYzxLCjJ6QN/36FApyNhHuOJ+rRRkVMDuOqWvFGR0JTvgua5SkDEAct+p+6Qgoy/RhOebpCAjAW5tCknZ/F8r/dbYbNuF2a78fOHaw91/l7/Oh/kFAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABNYE/gLAJAcllSjhVAAAAABJRU5ErkJggg==);
}
html[data-theme=light] ::-webkit-scrollbar-button:vertical:decrement {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAA0pJREFUeAHtltmNFDEURUdEQAyIfScEQiCDQSICgmAJDM0v33yzLyIBJHh3eu7HNN3VVbar2mUfS+7XM+X1HL9yn5xQIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhBolcCL2Nj7i6rvlCMSeBtz/92qr464nq6n3iXDcpCy8NEYkoGUCmUgZSEpYzLDMhx5fc0kJ0UGUiqUgZTCUnIywzIceX1lyikpAymZMt5Ef0MsHcmUiXLmlGG5SBkpZQkZSKlQBlIOSFkyMyzDkdfXlpzcX1O/YjxVA06Jr7fW1O2fuZkhEU8uaq6U7jOllAyfZolBimlMjKVlePoSUrp7fZWQ8dgGdkQ9y82UbqTkyvgZsIdk2I/aqG3KBe8+zUtZSgZSTGAglpDxaGD8fY/Uh0zZonMsGV4GUkwi4rFleClIKSDjR4zx0EQLRI2lMX1pp8TVXvS5mVFahn12KaWEjAcmOEPU2N1kSu0y7LcLKbkyvgetOTPDMhw1l+ZMuUvcp9o7pYSM+ya1YNSczUlZqwx7b0rK2mU0JSVXxregcc9EKohai9bk+yElHu1OaU2Gz8MqpbQqY5VSSsi4651XHLXG6l9fuTK+xibXIMPnRGvVmlPuEveZ7U7pTUbVUkrIuOMdrjBq7dVkSu8yfH6qkJIr40vsZs2ZYRmO2ov25PshJSbfKSVk3PZOGora0+JSZDHFvvtowS3K8LlaVAoyjH04LiIlV8bn2MOt4X009VR71Z79ZkiJYr6zIGMnloP/nEUKMg5yH2xQVMppTJWSau6jlL05uNw+HopB7uvrVKjOohru1Pgp+iJDFDdFLMRkKke3P7sSnf9sxpr8qdPwNOqHyT3b7SAWYiI2KeXcxbPoaUNjo07BjZQZO+kjNimZIhfn5WV8jpXxMdoiY8Nt6FOMxGosVzm4VMZIQcYlZAf/GCvlPxkeeUiKZFx3Q+JoAmImdvsyZa8Mz7BLCjJMJy3uk3JQhqd7Hl9+R5XVd1GvRaXkERBDsRRTsRXjSUU/ia9O6kHjMQTEVGwpEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQKETgH//G7ehpQtxjAAAAAElFTkSuQmCC);
}
* {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  background: var(--color-background);
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
html[data-size=tiny] body {
  font-size: var(--size-tiny);
}
html[data-size=small] body {
  font-size: var(--size-small);
}
html[data-size=medium] body {
  font-size: var(--size-medium);
}
html[data-size=large] body {
  font-size: var(--size-large);
}
html[data-size=giant] body {
  font-size: var(--size-giant);
}
[size=tiny],
[ng-reflect-size=tiny] {
  font-size: var(--size-tiny);
}
[size=small],
[ng-reflect-size=small] {
  font-size: var(--size-small);
}
[size=medium],
[ng-reflect-size=medium] {
  font-size: var(--size-medium);
}
[size=large],
[ng-reflect-size=large] {
  font-size: var(--size-large);
}
[size=giant],
[ng-reflect-size=giant] {
  font-size: var(--size-giant);
}
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--size-medium);
  font-weight: 400;
  color: RGBA(var(--color-text), 1);
  height: 100%;
  overflow: auto;
}
p {
  margin-block-start: 0em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  line-height: 1.25;
}
a {
  color: RGBA(var(--color-interact-text), 1);
  font-weight: 700;
  text-decoration: none;
}
a.link {
  transition: 150ms all;
  border-bottom-width: 0px;
  padding: 0 0.1em;
  box-shadow: 0px 1px 0px 0px RGBA(var(--color-interact-text), 0);
}
a.link:hover {
  box-shadow: 0px 1px 0px 0px RGBA(var(--color-interact-text), 0.75);
}
a.link--underline {
  box-shadow: 0px 1px 0px 0px RGBA(var(--color-interact-text), 0.5);
}
a.link--underline:hover {
  box-shadow: 0px 1px 0px 0px RGBA(var(--color-interact-text), 0.75);
}
ul {
  list-style-type: square;
}
ul.list--nostyle {
  list-style-type: none;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-inline-start: 0;
}
code {
  display: inline-flex;
  background: RGBA(var(--color-panel), 0.5);
  font-family: var(--font-mono);
  padding: 0 0.25em;
  font-size: 0.9em;
  border-radius: 4px;
}
pre {
  margin-top: 0;
}
pre code {
  display: block;
  overflow: auto;
  padding: 2em;
  width: 100%;
  font-size: 1em;
}
button {
  cursor: pointer;
}
dd,
dt,
dl {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h3 {
  font-size: 2.6rem;
  font-weight: 600;
}
h4 {
  font-size: 1.6rem;
  font-weight: 600;
}
hr {
  border-color: RGBA(var(--color-line), 1);
  border-style: solid;
  border-width: 1px 0 0 0;
}
:focus-visible {
  outline: none;
}
.appShell {
  height: 100vh;
  width: 100vw;
  margin: 0;
  overflow: hidden;
}
.appShell--stack {
  display: flex;
  flex-direction: column;
  align-items: normal;
  justify-content: normal;
  flex-wrap: nowrap;
  gap: 0em;
}
.appShell--stack.appShell--scroll {
  overflow: auto;
  height: auto;
}
.appShell--stack.appShell--scroll .appMain {
  overflow: auto;
}
.appShell--sidebar {
  display: flex;
  flex-direction: row;
  align-items: normal;
  justify-content: normal;
  flex-wrap: nowrap;
  gap: 0em;
}
.appMain {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: normal;
  justify-content: normal;
  flex-wrap: nowrap;
  gap: 0em;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.appMain__header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: normal;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0em;
  background-color: RGBA(var(--color-blue-base), 1);
  border-bottom: 1px solid RGBA(var(--color-line), 0);
  width: 100%;
}
.appMain__header--transparent {
  background-color: transparent;
  border-bottom: 1px solid RGBA(var(--color-line), 1);
}
.appMain__header--primary {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: normal;
  flex-wrap: nowrap;
  gap: 0em;
  padding: 0 1em;
}
.appMain__header--primary > * {
  margin-right: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: normal;
  flex-wrap: nowrap;
  gap: 0em;
  height: 100%;
}
.appMain__header--secondary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: normal;
  flex-wrap: nowrap;
  gap: 0em;
  padding: 0 1em;
}
.appMain__header--secondary > * {
  margin-left: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: normal;
  flex-wrap: nowrap;
  gap: 0em;
  height: 100%;
}
.appMain__toolbar {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0em;
  background-color: RGBA(var(--color-window), 0.5);
  border-bottom: 1px solid RGBA(var(--color-line), 1);
  width: 100%;
}
.appMain__toolbar--primary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0em;
  padding: 0 1em;
}
.appMain__toolbar--secondary {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0em;
  padding: 0 1em;
  padding-left: 0;
  display: flex;
}
.appMain__page {
  flex: 1 1 auto;
  overflow: auto;
  height: 100%;
  width: 100%;
  position: relative;
}
.page__content {
  height: 100%;
  overflow: auto;
  padding: 2em 4em;
}
.section--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0em;
  height: 100%;
  width: 100%;
  color: RGBA(var(--color-text), 0.5);
}
.section--empty .empty__icon {
  color: RGBA(var(--color-text), 0.5);
  font-size: 4.8rem;
}
.section--empty .empty__icon--error {
  fill: RGBA(var(--color-red-500), 0.75);
}
.section--empty .empty__icon--warning {
  fill: RGBA(var(--color-orange-300), 0.75);
}
.section--empty .empty__icon--neutral {
  fill: RGBA(var(--color-blue-300), 0.75);
}
.section--empty .empty__icon--success {
  fill: RGBA(var(--color-green-300), 0.75);
}
.section--empty .empty__title {
  text-align: center;
}
.section--empty .empty__subtitle {
  max-width: 500px;
  text-align: center;
}
.toastbox {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0em;
  position: fixed;
  z-index: 100;
  top: 30px;
  right: 30px;
  width: 400px;
  gap: 1em;
}
.tooltip__target {
  display: inline-block;
  position: relative;
}
.tooltip {
  position: absolute;
  max-width: 300px;
  height: max-content;
  max-height: 90vh;
  font-weight: 400;
  z-index: 101;
  background-color: rgba(var(--color-tooltip), 1);
  box-shadow: var(--shadow-1);
  color: var(--color-text-inverted);
  border-radius: 4px;
  opacity: 0;
  box-sizing: border-box;
  width: max-content;
}
.tooltip[data-size=tiny] {
  font-size: var(--size-tiny);
}
.tooltip[data-size=small] {
  font-size: var(--size-small);
}
.tooltip[data-size=medium] {
  font-size: var(--size-medium);
}
.tooltip[data-size=large] {
  font-size: var(--size-large);
}
.tooltip[data-size=giant] {
  font-size: var(--size-giant);
}
.tooltip::after {
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  bottom: -0.5em;
  right: -0.5em;
  background-color: transparent;
  content: "";
  z-index: 0;
}
.tooltip img,
.tooltip iframe {
  max-width: 100%;
}
.tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
.tooltip--animating {
  pointer-events: none;
}
.tooltip__content {
  padding: 1em;
  margin: 0;
  color: rgba(var(--color-text-inverted), 1);
  font-size: 0.875em;
  line-height: normal;
  text-align: left;
  position: relative;
  z-index: 1;
  word-break: break-word;
}
.tooltip--right {
  animation: tooltipRight 250ms ease-out forwards;
}
.tooltip--right::before {
  border-width: 0.75em 0.75em 0.75em 0;
  border-color: transparent rgba(var(--color-tooltip), 1) transparent transparent;
  top: calc(50% - 0.65em);
  left: -0.5em;
}
.tooltip--left {
  animation: tooltipLeft 250ms ease-out forwards;
}
.tooltip--left::before {
  border-width: 0.75em 0 0.75em 0.75em;
  border-color: transparent transparent transparent rgba(var(--color-tooltip), 1);
  top: calc(50% - 0.65em);
  right: -0.5em;
}
.tooltip--top {
  animation: tooltipTop 250ms ease-out forwards;
}
.tooltip--top::before {
  border-width: 0.75em 0.75em 0 0.75em;
  border-color: rgba(var(--color-tooltip), 1) transparent transparent transparent;
  bottom: -0.65em;
  left: calc(50% - 0.75em);
}
.tooltip--bottom {
  animation: tooltipBottom 250ms ease-out forwards;
}
.tooltip--bottom::before {
  border-width: 0 0.75em 0.75em 0.75em;
  border-color: transparent transparent rgba(var(--color-tooltip), 1) transparent;
  top: -0.65em;
  left: calc(50% - 0.75em);
}
.tooltip:not(:has(.tooltip__content)) {
  display: none;
}
@keyframes tooltipTop {
  from {
    margin-top: 0;
    opacity: 0;
  }
  to {
    margin-top: -0.5em;
    opacity: 1;
  }
}
@keyframes tooltipRight {
  from {
    margin-left: 0;
    opacity: 0;
  }
  to {
    margin-left: 0.5em;
    opacity: 1;
  }
}
@keyframes tooltipBottom {
  from {
    margin-top: 0em;
    opacity: 0;
  }
  to {
    margin-top: 0.5em;
    opacity: 1;
  }
}
@keyframes tooltipLeft {
  from {
    margin-left: 0;
    opacity: 0;
  }
  to {
    margin-left: -0.5em;
    opacity: 1;
  }
}
.tooltip__fake-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: 0;
  padding: 0;
}
.popover__container {
  position: relative;
}
.popover__container .popover:not(.popover--showPopover),
.popover__container .flatpickr-calendar:not(.popover--showPopover):not(.inline) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: 0;
  padding: 0;
  max-height: 1px;
}
.popover__container--focus {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
  border-radius: 2px;
}
.popover__container--focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
.popover,
.flatpickr-calendar:not(.inline) {
  position: absolute;
  background-color: RGBA(var(--color-popover), 1);
  box-shadow: var(--shadow-1);
  padding: 0.25em 0em;
  border-radius: 2px;
  border: 1px solid RGBA(var(--color-line), 1);
  z-index: -100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: max-content;
  white-space: normal;
  color: RGBA(var(--color-text), 1);
}
.popover--isVisible,
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  z-index: 100;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.popover--viewportTop {
  top: 0;
  width: 100%;
  max-height: 100vh;
}
.popover--viewportBottom {
  bottom: 0;
  width: 100%;
  max-height: 100vh;
}
.popover--isField {
  box-shadow: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: auto;
}
.popover--isField.popover--s-right,
.popover--isField.popover--s-left,
.popover--isField.popover--n-left,
.popover--isField.popover--n-right,
.popover--isField.popover--viewportBottom,
.popover--isField.popover--viewportTop {
  width: 100%;
}
.popover--isField.popover--n-left,
.popover--isField.popover--n-right,
.popover--isField.popover--viewportTop {
  flex-direction: column-reverse;
}
.popover--isField.popover--fullscreen {
  justify-content: center;
}
.popover--isTransparent {
  pointer-events: none;
}
.popover--isTransparent .popover__results {
  display: flex;
  flex-direction: column;
}
.popover--e-up {
  left: 100%;
  bottom: 0;
}
.popover--e-up .popover__results {
  justify-content: flex-end;
}
.popover--e-down {
  left: 100%;
  top: 0;
}
.popover--s-right {
  left: 0;
  top: 100%;
}
.popover--s-left {
  right: 0;
  top: 100%;
}
.popover--w-down {
  right: 100%;
  top: 0;
}
.popover--w-up {
  right: 100%;
  bottom: 0;
}
.popover--w-up .popover__results {
  justify-content: flex-end;
}
.popover--n-left {
  right: 0;
  bottom: 100%;
}
.popover--n-left .popover__results {
  justify-content: flex-end;
}
.popover--n-right {
  left: 0;
  bottom: 100%;
}
.popover--n-right .popover__results {
  justify-content: flex-end;
}
.popover__buttonIcon {
  margin-left: auto;
}
.popover:not(:has(.tree__item:not(.tree__item--notFound), .results__option)) .popover__empty,
.flatpickr-calendar:not(:has(.tree__item:not(.tree__item--notFound), .results__option)):not(.inline) .popover__empty {
  display: block;
}
.popover:not(:has(.tree__item:not(.tree__item--notFound), .results__option)) .popover__actions,
.flatpickr-calendar:not(:has(.tree__item:not(.tree__item--notFound), .results__option)):not(.inline) .popover__actions {
  display: none;
}
.popover--selectbox ul {
  list-style: none;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-inline-start: 0;
}
.popover--selectbox li {
  padding: 0.5em 1em;
}
[data-theme=dark] {
  --color-range: var(--color-med-blue-700);
}
[data-theme=light] {
  --color-range: var(--color-blue-100);
}
.flatpickr-calendar:not(.inline) {
  padding: 1em;
  color: RGBA(var(--color-text), 1);
}
.flatpickr-calendar:not(.inline):not(.open) {
  display: none;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  min-width: 300px;
  z-index: 99999;
}
.flatpickr-calendar.inline {
  display: inline-table;
  position: relative;
  z-index: 0;
  top: 2px;
  color: RGBA(var(--color-text), 1);
}
.flatpickr-calendar.inline .flatpickr-day.inRange {
  background: RGBA(var(--color-range), 1);
  box-shadow: -5px 0 0 RGBA(var(--color-range), 1), 5px 0 0 RGBA(var(--color-range), 1);
}
.flatpickr-calendar.inline .flatpickr-day.startRange::after,
.flatpickr-calendar.inline .flatpickr-day.endRange::after {
  background: RGBA(var(--color-range), 1);
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid RGBA(var(--color-line), 1);
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: flex;
  align-items: center;
}
.flatpickr-months .flatpickr-month {
  flex: 1;
  text-align: center;
  font-size: var(--size-18);
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  cursor: pointer;
  fill: RGBA(var(--color-interact), 1);
  background: RGBA(var(--color-interact-lighter), 0);
  border-radius: 100%;
  z-index: 3;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  background: RGBA(var(--color-interact-lighter), 0.25);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin: 0 0.25em;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\fffd;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  font-size: inherit;
  font-family: inherit;
  color: currentColor;
  font-weight: 600;
  border: 0;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  flex: 1;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 600;
  height: auto;
  line-height: inherit;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.25em;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: var(--size-12);
  text-transform: uppercase;
  color: RGBA(var(--color-grey-900), 1);
  background: transparent;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.flatpickr-day {
  background: none;
  border-radius: 150px;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  font-size: var(--size-14);
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0.125em;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: RGBA(var(--color-blue-100), 1);
  border-color: RGBA(var(--color-blue-100), 1);
}
.flatpickr-day.inRange:hover,
.flatpickr-day.inRange:focus,
.flatpickr-day.prevMonthDay.inRange:hover,
.flatpickr-day.prevMonthDay.inRange:focus,
.flatpickr-day.nextMonthDay.inRange:hover,
.flatpickr-day.nextMonthDay.inRange:focus,
.flatpickr-day.today.inRange:hover,
.flatpickr-day.today.inRange:focus,
.flatpickr-day.prevMonthDay.today.inRange:hover,
.flatpickr-day.prevMonthDay.today.inRange:focus,
.flatpickr-day.nextMonthDay.today.inRange:hover,
.flatpickr-day.nextMonthDay.today.inRange:focus {
  box-shadow:
    inset 0 0 0px 1px RGBA(var(--color-interact), 1),
    -5px 0 0 RGBA(var(--color-blue-100), 1),
    5px 0 0 RGBA(var(--color-blue-100), 1);
}
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: RGBA(var(--color-interact-lighter), 0.25);
  border-color: RGBA(var(--color-interact-lighter), 0.25);
}
.flatpickr-day.today {
  box-shadow: inset 0 0 0px 2px RGBA(var(--color-interact-text), 0.5);
  color: RGBA(var(--color-interact-text), 1);
  font-weight: 600;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: RGBA(var(--color-interact), 1);
  background: RGBA(var(--color-interact-lighter), 0.25);
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: RGBA(var(--color-interact), 1);
  box-shadow: none;
  color: RGBA(var(--color-white), 1);
  font-weight: 600;
  border-color: RGBA(var(--color-interact), 1);
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 100%;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 100%;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 RGBA(var(--color-blue-100), 1), 5px 0 0 RGBA(var(--color-blue-100), 1);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: RGBA(var(--color-text), 0.15);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.flatpickr-disabled:hover:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.notAllowed:hover,
.flatpickr-day.notAllowed.prevMonthDay:hover,
.flatpickr-day.notAllowed.nextMonthDay:hover {
  color: RGBA(var(--color-text), 1);
}
.flatpickr-day.prevMonthDay.startRange:hover,
.flatpickr-day.nextMonthDay.endRange:hover {
  color: RGBA(var(--color-white), 1);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 RGBA(var(--color-grey-200), 1);
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
span.flatpickr-weekday {
  display: inline-block;
  width: 14.2857143%;
}
@media screen and (min-width: 0\fffd) {
  div.flatpickr-current-month {
    padding-top: 0px !important;
  }
}
@-moz-keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-days,
.flatpickr-calendar {
  width: auto !important;
}
.flatpickr-month + .flatpickr-month,
.flatpickr-weekdaycontainer + .flatpickr-weekdaycontainer,
.dayContainer + .dayContainer {
  margin-left: 1.5em;
}
.flatpickr-day.startRange::after,
.flatpickr-day.endRange::after {
  content: "";
  position: absolute;
  background: RGBA(var(--color-blue-100), 1);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.flatpickr-day.startRange::after {
  border-radius: 50% 0 0 50%;
}
.flatpickr-day.endRange::after {
  border-radius: 0 50% 50% 0;
}
.flatpickr-day.startRange.endRange::after {
  border-radius: 50%;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1))::after,
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1))::after,
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1))::after {
  box-shadow: -10px 0 0 RGBA(var(--color-blue-100), 1);
}
.flatpickr-current-month {
  display: flex;
  align-items: center;
  justify-content: center;
}
.field--calendar .field__control--isTypeahead {
  padding: 0;
}
.field--calendar .field__control--isTypeahead + input {
  height: 100%;
  position: static;
  color: transparent;
}
.field--calendar .field__control--isTypeahead .field__chips {
  padding: 0.25em 0.5em;
}
.flatpickr-calendar.hasTime.noCalendar {
  padding: 0.5em;
}
.flatpickr-calendar.hasTime.noCalendar .flatpickr-time {
  border: 0;
}
.field--calendar {
  flex-wrap: wrap;
}
.flatpickr-calendar.inline {
  top: 0;
  flex-basis: 100%;
  padding: 1em;
  order: 4;
  overflow: auto;
  display: grid;
  grid-template-columns: min-content;
  box-shadow: inset 0 0 0 1px RGBA(var(--color-blue-700), 0);
}
.field__chips + .field__control {
  color: transparent;
}
.field__control--isTypeahead {
  display: flex;
  align-items: center;
  gap: 0 0.5em;
  padding: 0 0.5em;
  flex-wrap: wrap;
}
.field--calendar.field--filled,
.field--calendar.field--ghost,
.field--calendar.field--underline {
  color: RGBA(var(--color-text), 1);
}
.field--calendar.field--filled .field__control,
.field--calendar.field--ghost .field__control,
.field--calendar.field--underline .field__control {
  color: RGBA(var(--color-text), 1);
}
.field--calendar input[type=hidden] + input {
  background: transparent;
  box-shadow: inset 0 0 0 1px RGBA(var(--color-blue-700), 0);
}
.field--calendar input[type=hidden] + input:focus {
  box-shadow: inset 0 0 0 1px RGBA(var(--color-blue-700), 0);
  outline: 0;
}
.field__control {
  line-height: 1.5;
  box-sizing: border-box;
  background-color: RGBA(var(--color-white), 1);
  font-family: var(--font-body);
  color: RGBA(var(--color-black), 1);
  font-size: inherit;
  appearance: none;
  box-shadow: inset 0 0 0 1px RGBA(var(--color-line), 1);
  padding: 0.5em;
  width: 100%;
  margin: 0;
  border-radius: 2px;
  min-height: auto;
  display: flex;
  box-shadow: 0;
  border: 0;
  flex: 1;
  display: flex;
  align-items: center;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  order: 2;
  padding: 0 0.5em;
  height: 100%;
}
.field__control:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field__control:focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
.field__control:focus,
.field__control:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field__control::placeholder {
  color: RGBA(var(--color-text), 0.5);
}
.field__control::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.field__control::-webkit-inner-spin-button {
  display: none;
}
.field__control::-ms-expand {
  display: none;
}
.field__control:focus,
.field__control:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}
.field .field__control[data-size=tiny] {
  font-size: var(--size-12);
  min-height: 3.2rem;
}
.field .field__control[data-size=small] {
  font-size: var(--size-14);
  min-height: 3.7rem;
}
.field .field__control[data-size=medium] {
  font-size: var(--size-16);
  min-height: 4.2rem;
}
.field .field__control[data-size=large] {
  font-size: var(--size-18);
  min-height: 4.7rem;
}
.field .field__control[data-size=giant] {
  font-size: var(--size-24);
  min-height: 6.2rem;
}
:host-context([data-size=tiny]) .field__control {
  font-size: var(--size-12);
  min-height: 3.2rem;
}
:host-context([data-size=small]) .field__control {
  font-size: var(--size-14);
  min-height: 3.7rem;
}
:host-context([data-size=medium]) .field__control {
  font-size: var(--size-16);
  min-height: 4.2rem;
}
:host-context([data-size=large]) .field__control {
  font-size: var(--size-18);
  min-height: 4.7rem;
}
:host-context([data-size=giant]) .field__control {
  font-size: var(--size-24);
  min-height: 6.2rem;
}
:host-context(.fieldset[data-size=tiny]) .field,
:host-context(.fieldset[data-size=tiny]) .field__control {
  font-size: var(--size-12);
  min-height: 3.2rem;
}
:host-context(.fieldset[data-size=small]) .field,
:host-context(.fieldset[data-size=small]) .field__control {
  font-size: var(--size-14);
  min-height: 3.7rem;
}
:host-context(.fieldset[data-size=medium]) .field,
:host-context(.fieldset[data-size=medium]) .field__control {
  font-size: var(--size-16);
  min-height: 4.2rem;
}
:host-context(.fieldset[data-size=large]) .field,
:host-context(.fieldset[data-size=large]) .field__control {
  font-size: var(--size-18);
  min-height: 4.7rem;
}
:host-context(.fieldset[data-size=giant]) .field,
:host-context(.fieldset[data-size=giant]) .field__control {
  font-size: var(--size-24);
  min-height: 6.2rem;
}
[data-size=tiny] .field__control {
  font-size: var(--size-12);
  min-height: 3.2rem;
}
[data-size=small] .field__control {
  font-size: var(--size-14);
  min-height: 3.7rem;
}
[data-size=medium] .field__control {
  font-size: var(--size-16);
  min-height: 4.2rem;
}
[data-size=large] .field__control {
  font-size: var(--size-18);
  min-height: 4.7rem;
}
[data-size=giant] .field__control {
  font-size: var(--size-24);
  min-height: 6.2rem;
}
.field.field--calendar.field--readonly .flatpickr-calendar.inline {
  background: RGBA(var(--color-grey-400), 1);
  pointer-events: none;
}
.field.field--calendar.field--disabled .flatpickr-calendar.inline {
  background: RGBA(var(--color-grey-400), 1);
  pointer-events: none;
}
.field.field--calendar.field--hide:not(.field--readonly) .field__control,
.field.field--calendar.field--hide:not(.field--readonly) .field__slot {
  display: none;
}
.field--calendar.field--hide,
.field.field--hide.field--calendar:has(.flatpickr-input[readonly]) {
  background-color: transparent;
  box-shadow: none;
}
.field.field--calendar.field--hide .flatpickr-calendar.inline {
  background: transparent;
  box-shadow: none;
}
.field--inline.field--underline {
  border-bottom: 0;
}
.field--inline.field--underline .flatpickr-calendar.inline {
  border-top: 0.125em solid RGBA(var(--color-line), 1);
}
.field--inline.field--underline.field--hide .flatpickr-calendar.inline {
  border-top: 0 solid RGBA(var(--color-line), 1);
}
:host {
  width: 100%;
}
.notify {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1em 1em;
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  color: RGBA(var(--color-grey-1400), 1);
  box-sizing: border-box;
}
.notify--neutral {
  background-color: RGBA(var(--color-blue-100), 1);
  fill: RGBA(var(--color-blue-500), 1);
  color: RGBA(var(--color-blue-500), 1);
}
.notify--neutral .notify__title {
  color: RGBA(var(--color-blue-600), 1);
}
.notify--error {
  background-color: RGBA(var(--color-red-100), 1);
  fill: RGBA(var(--color-red-500), 1);
  color: RGBA(var(--color-red-500), 1);
}
.notify--error .notify__title {
  color: RGBA(var(--color-red-600), 1);
}
.notify--warning {
  background-color: RGBA(var(--color-yellow-100), 1);
  fill: RGBA(var(--color-orange-500), 1);
  color: RGBA(var(--color-orange-500), 1);
}
.notify--warning .notify__title {
  color: RGBA(var(--color-orange-800), 1);
}
.notify--success {
  background-color: RGBA(var(--color-green-100), 1);
  fill: RGBA(var(--color-green-600), 1);
  color: RGBA(var(--color-green-600), 1);
}
.notify--success .notify__title {
  color: RGBA(var(--color-green-800), 1);
}
.notify .notify__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  gap: 0.5em;
  display: grid;
  grid-template-columns: 1.5em 1fr;
}
.notify .notify__title {
  font-weight: 600;
}
.notify .notify__buttons {
  flex-wrap: wrap;
  display: flex;
  gap: 0.5em;
  grid-row: 2;
  grid-column: 2;
}
.notify .notify__icon {
  display: flex;
  align-items: center;
  font-size: 1.25em;
}
.notify .notify__loading {
  display: flex;
  align-items: center;
  height: 1.25em;
  width: 1.25em;
}
.notify .notify__message {
  margin-right: 0.5em;
}
.notify .notify__message .notify__text {
  color: RGBA(var(--color-black), 1);
}
.notify .notify__message p {
  word-break: break-word;
  margin: 0;
}
.notify--banner {
  border-radius: 3px;
  padding: 1em;
  text-align: left;
}
.notify--banner p {
  margin: 0;
  line-height: 1.1;
}
.notify--banner .notify__content {
  padding-right: 2.5em;
}
.notify--banner .notify__actions {
  position: absolute;
  right: 1em;
}
.notify--banner.notify--global {
  border-radius: 0;
  margin-bottom: 0;
  border-width: 0 0 1px 0;
  text-align: center;
}
.notify--banner.notify--global .notify__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.notify--banner.notify--global .notify__message {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.notify--banner.notify--global .notify__icon {
  align-self: center;
}
.notify--banner.notify--global .notify__actions {
  text-align: right;
}
.notify--toast {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5em 1em;
  border-width: 0 0 0 5px;
  border-style: solid;
  border-color: currentColor;
  box-shadow: var(--shadow-1);
}
.notify--toast .notify__icon {
  margin: 0.25em 0;
}
.notify--toast .notify__content {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  gap: 0.5em;
}
.notify--toast .notify__message {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0.5em 0;
}
.notify--toast kpmg-button {
  margin-top: 0.5em;
}
[data-theme=light] .notify {
  border-color: currentColor;
}
.notify--toast[data-size=tiny] {
  font-size: var(--size-tiny);
}
.notify--toast[data-size=small] {
  font-size: var(--size-small);
}
.notify--toast[data-size=medium] {
  font-size: var(--size-medium);
}
.notify--toast[data-size=large] {
  font-size: var(--size-large);
}
.notify--toast[data-size=giant] {
  font-size: var(--size-giant);
}

/* src/styles.scss */
:host {
  width: 100%;
  display: block;
}
:host.ng-dirty.ng-invalid .field {
  background-color: RGBA(var(--color-red-100), 1);
  border-color: RGBA(var(--color-red-300), 1);
  box-shadow: 0 0 0 2px RGBA(var(--color-red-400), 1);
  color: RGBA(var(--color-red-700), 1);
}
:host.ng-dirty.ng-invalid .field .field__icon {
  color: RGBA(var(--color-red-500), 1);
}
:host.ng-dirty.ng-invalid .field .chip {
  background-color: RGBA(var(--color-red-500), 1);
  color: #ffffff;
}
:host.ng-dirty.ng-invalid .field .chip__text {
  line-height: 1;
}
:host-context(.fieldset__field--row) {
  flex: 1;
}
input[type=text] {
  line-height: 1.5;
  box-sizing: border-box;
  background-color: RGBA(var(--color-white), 1);
  font-family: var(--font-body);
  color: RGBA(var(--color-black), 1);
  font-size: inherit;
  appearance: none;
  box-shadow: inset 0 0 0 1px RGBA(var(--color-line), 1);
  padding: 0.5em;
  width: 100%;
  margin: 0;
  border-radius: 2px;
  min-height: auto;
  display: flex;
  box-shadow: 0;
  border: 0;
}
input[type=text]:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
input[type=text]:focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
input[type=text]:focus,
input[type=text]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
input[type=text]::placeholder {
  color: RGBA(var(--color-text), 0.5);
}
input[type=text]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
input[type=text]::-webkit-inner-spin-button {
  display: none;
}
input[type=text]::-ms-expand {
  display: none;
}
.field {
  line-height: 1.5;
  box-sizing: border-box;
  background-color: RGBA(var(--color-white), 1);
  font-family: var(--font-body);
  color: RGBA(var(--color-black), 1);
  font-size: inherit;
  appearance: none;
  box-shadow: inset 0 0 0 1px RGBA(var(--color-line), 1);
  padding: 0.5em;
  width: 100%;
  margin: 0;
  border-radius: 2px;
  min-height: auto;
  display: flex;
  box-shadow: 0;
  border: 0;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  display: flex;
  gap: 0em;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  padding: 0;
}
.field:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field:focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
.field:focus,
.field:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field::placeholder {
  color: RGBA(var(--color-text), 0.5);
}
.field::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.field::-webkit-inner-spin-button {
  display: none;
}
.field::-ms-expand {
  display: none;
}
.field:focus-within,
.field.field--error:focus-within {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field.field--error {
  background-color: RGBA(var(--color-red-100), 1);
  border-color: RGBA(var(--color-red-300), 1);
  box-shadow: 0 0 0 2px RGBA(var(--color-red-400), 1);
  color: RGBA(var(--color-red-700), 1);
}
.field.field--error .field__icon {
  color: RGBA(var(--color-red-500), 1);
}
.field.field--error .chip {
  background-color: RGBA(var(--color-red-500), 1);
  color: #ffffff;
}
.field.field--error .chip__text {
  line-height: 1;
}
.field.field--error input,
.field.field--error textarea,
.field.field--error .field__control {
  color: RGBA(var(--color-red-700), 1);
}
.field.field--error input::placeholder,
.field.field--error textarea::placeholder,
.field.field--error .field__control::placeholder {
  color: RGBA(var(--color-red-700), 0.25);
}
.field:has(:disabled),
.field:has(input:disabled:not(input[type=file])),
.field:has(textarea:disabled),
.field.field--error:has(:disabled),
.field.field--select:has(:disabled),
.field:has(textarea:read-only),
.field--disabled {
  background-color: RGBA(var(--color-grey-400), 1);
  color: RGBA(var(--color-text), 0.5);
}
.field:has(:disabled) .field__icon,
.field:has(input:disabled:not(input[type=file])) .field__icon,
.field:has(textarea:disabled) .field__icon,
.field.field--error:has(:disabled) .field__icon,
.field.field--select:has(:disabled) .field__icon,
.field:has(textarea:read-only) .field__icon,
.field--disabled .field__icon {
  color: RGBA(var(--color-text), 0.5);
}
.field:has(:disabled) .chip,
.field:has(input:disabled:not(input[type=file])) .chip,
.field:has(textarea:disabled) .chip,
.field.field--error:has(:disabled) .chip,
.field.field--select:has(:disabled) .chip,
.field:has(textarea:read-only) .chip,
.field--disabled .chip {
  background-color: RGBA(var(--color-grey-500), 1);
  color: RGBA(var(--color-grey-1100), 1);
  cursor: not-allowed;
}
.field:has(:disabled) .field__placeholder,
.field:has(:disabled) ::placeholder,
.field:has(input:disabled:not(input[type=file])) .field__placeholder,
.field:has(input:disabled:not(input[type=file])) ::placeholder,
.field:has(textarea:disabled) .field__placeholder,
.field:has(textarea:disabled) ::placeholder,
.field.field--error:has(:disabled) .field__placeholder,
.field.field--error:has(:disabled) ::placeholder,
.field.field--select:has(:disabled) .field__placeholder,
.field.field--select:has(:disabled) ::placeholder,
.field:has(textarea:read-only) .field__placeholder,
.field:has(textarea:read-only) ::placeholder,
.field--disabled .field__placeholder,
.field--disabled ::placeholder {
  color: RGBA(var(--color-text), 0.25);
}
.field:has(:disabled).field--standard,
.field:has(input:disabled:not(input[type=file])).field--standard,
.field:has(textarea:disabled).field--standard,
.field.field--error:has(:disabled).field--standard,
.field.field--select:has(:disabled).field--standard,
.field:has(textarea:read-only).field--standard,
.field--disabled.field--standard {
  color: RGBA(var(--color-black), 0.65);
  background-color: RGBA(var(--color-panel), 0.75);
}
.field:has(:disabled).field--standard .field__placeholder,
.field:has(:disabled).field--standard ::placeholder,
.field:has(input:disabled:not(input[type=file])).field--standard .field__placeholder,
.field:has(input:disabled:not(input[type=file])).field--standard ::placeholder,
.field:has(textarea:disabled).field--standard .field__placeholder,
.field:has(textarea:disabled).field--standard ::placeholder,
.field.field--error:has(:disabled).field--standard .field__placeholder,
.field.field--error:has(:disabled).field--standard ::placeholder,
.field.field--select:has(:disabled).field--standard .field__placeholder,
.field.field--select:has(:disabled).field--standard ::placeholder,
.field:has(textarea:read-only).field--standard .field__placeholder,
.field:has(textarea:read-only).field--standard ::placeholder,
.field--disabled.field--standard .field__placeholder,
.field--disabled.field--standard ::placeholder {
  color: RGBA(var(--color-black), 0.25);
}
.field:has(:disabled).field--standard.field--error,
.field:has(input:disabled:not(input[type=file])).field--standard.field--error,
.field:has(textarea:disabled).field--standard.field--error,
.field.field--error:has(:disabled).field--standard.field--error,
.field.field--select:has(:disabled).field--standard.field--error,
.field:has(textarea:read-only).field--standard.field--error,
.field--disabled.field--standard.field--error {
  box-shadow: 0 0 0 2px RGBA(var(--color-red-400), 1);
}
.field:has(:disabled).field--standard:focus-within,
.field:has(:disabled).field--standard.field--error:focus-within,
.field:has(input:disabled:not(input[type=file])).field--standard:focus-within,
.field:has(input:disabled:not(input[type=file])).field--standard.field--error:focus-within,
.field:has(textarea:disabled).field--standard:focus-within,
.field:has(textarea:disabled).field--standard.field--error:focus-within,
.field.field--error:has(:disabled).field--standard:focus-within,
.field.field--error:has(:disabled).field--standard.field--error:focus-within,
.field.field--select:has(:disabled).field--standard:focus-within,
.field.field--select:has(:disabled).field--standard.field--error:focus-within,
.field:has(textarea:read-only).field--standard:focus-within,
.field:has(textarea:read-only).field--standard.field--error:focus-within,
.field--disabled.field--standard:focus-within,
.field--disabled.field--standard.field--error:focus-within {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field:has(:disabled).field--filled,
.field:has(input:disabled:not(input[type=file])).field--filled,
.field:has(textarea:disabled).field--filled,
.field.field--error:has(:disabled).field--filled,
.field.field--select:has(:disabled).field--filled,
.field:has(textarea:read-only).field--filled,
.field--disabled.field--filled {
  background-color: RGBA(var(--color-panel), 0.25);
  box-shadow: inset 0 0 0 0px RGBA(var(--color-line), 0.25);
}
.field:has(:disabled).field--filled.field--error,
.field:has(input:disabled:not(input[type=file])).field--filled.field--error,
.field:has(textarea:disabled).field--filled.field--error,
.field.field--error:has(:disabled).field--filled.field--error,
.field.field--select:has(:disabled).field--filled.field--error,
.field:has(textarea:read-only).field--filled.field--error,
.field--disabled.field--filled.field--error {
  box-shadow: 0 0 0 2px RGBA(var(--color-red-400), 1);
}
.field:has(:disabled).field--filled:focus-within,
.field:has(:disabled).field--filled.field--error:focus-within,
.field:has(input:disabled:not(input[type=file])).field--filled:focus-within,
.field:has(input:disabled:not(input[type=file])).field--filled.field--error:focus-within,
.field:has(textarea:disabled).field--filled:focus-within,
.field:has(textarea:disabled).field--filled.field--error:focus-within,
.field.field--error:has(:disabled).field--filled:focus-within,
.field.field--error:has(:disabled).field--filled.field--error:focus-within,
.field.field--select:has(:disabled).field--filled:focus-within,
.field.field--select:has(:disabled).field--filled.field--error:focus-within,
.field:has(textarea:read-only).field--filled:focus-within,
.field:has(textarea:read-only).field--filled.field--error:focus-within,
.field--disabled.field--filled:focus-within,
.field--disabled.field--filled.field--error:focus-within {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field:has(:disabled).field--underline,
.field:has(input:disabled:not(input[type=file])).field--underline,
.field:has(textarea:disabled).field--underline,
.field.field--error:has(:disabled).field--underline,
.field.field--select:has(:disabled).field--underline,
.field:has(textarea:read-only).field--underline,
.field--disabled.field--underline {
  background-color: RGBA(var(--color-panel), 0);
  border-bottom: 0.125em solid RGBA(var(--color-line), 0.25);
  box-shadow: none;
}
.field:has(:disabled).field--underline.field--error,
.field:has(input:disabled:not(input[type=file])).field--underline.field--error,
.field:has(textarea:disabled).field--underline.field--error,
.field.field--error:has(:disabled).field--underline.field--error,
.field.field--select:has(:disabled).field--underline.field--error,
.field:has(textarea:read-only).field--underline.field--error,
.field--disabled.field--underline.field--error {
  box-shadow: 0 0 0 2px RGBA(var(--color-red-400), 1);
}
.field:has(:disabled).field--underline:focus-within,
.field:has(:disabled).field--underline.field--error:focus-within,
.field:has(input:disabled:not(input[type=file])).field--underline:focus-within,
.field:has(input:disabled:not(input[type=file])).field--underline.field--error:focus-within,
.field:has(textarea:disabled).field--underline:focus-within,
.field:has(textarea:disabled).field--underline.field--error:focus-within,
.field.field--error:has(:disabled).field--underline:focus-within,
.field.field--error:has(:disabled).field--underline.field--error:focus-within,
.field.field--select:has(:disabled).field--underline:focus-within,
.field.field--select:has(:disabled).field--underline.field--error:focus-within,
.field:has(textarea:read-only).field--underline:focus-within,
.field:has(textarea:read-only).field--underline.field--error:focus-within,
.field--disabled.field--underline:focus-within,
.field--disabled.field--underline.field--error:focus-within {
  outline: 0;
  border-bottom-color: RGBA(var(--color-med-blue-400), 1);
}
.field:has(:disabled).field--ghost,
.field:has(input:disabled:not(input[type=file])).field--ghost,
.field:has(textarea:disabled).field--ghost,
.field.field--error:has(:disabled).field--ghost,
.field.field--select:has(:disabled).field--ghost,
.field:has(textarea:read-only).field--ghost,
.field--disabled.field--ghost {
  background-color: RGBA(var(--color-panel), 0);
  box-shadow: none;
}
.field:has(:disabled).field--ghost.field--error,
.field:has(input:disabled:not(input[type=file])).field--ghost.field--error,
.field:has(textarea:disabled).field--ghost.field--error,
.field.field--error:has(:disabled).field--ghost.field--error,
.field.field--select:has(:disabled).field--ghost.field--error,
.field:has(textarea:read-only).field--ghost.field--error,
.field--disabled.field--ghost.field--error {
  box-shadow: 0 0 0 2px RGBA(var(--color-red-400), 1);
}
.field:has(:disabled).field--ghost:focus-within,
.field:has(:disabled).field--ghost.field--error:focus-within,
.field:has(input:disabled:not(input[type=file])).field--ghost:focus-within,
.field:has(input:disabled:not(input[type=file])).field--ghost.field--error:focus-within,
.field:has(textarea:disabled).field--ghost:focus-within,
.field:has(textarea:disabled).field--ghost.field--error:focus-within,
.field.field--error:has(:disabled).field--ghost:focus-within,
.field.field--error:has(:disabled).field--ghost.field--error:focus-within,
.field.field--select:has(:disabled).field--ghost:focus-within,
.field.field--select:has(:disabled).field--ghost.field--error:focus-within,
.field:has(textarea:read-only).field--ghost:focus-within,
.field:has(textarea:read-only).field--ghost.field--error:focus-within,
.field--disabled.field--ghost:focus-within,
.field--disabled.field--ghost.field--error:focus-within {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field:has(input:read-only:not(input[type=file])) input,
.field:has(input:read-only:not(input[type=file])) textarea,
.field:has(input:read-only:not(input[type=file])) .field__icon,
.field:has(textarea:read-only) input,
.field:has(textarea:read-only) textarea,
.field:has(textarea:read-only) .field__icon {
  color: inherit;
}
.field input,
.field textarea,
.field .field__control {
  line-height: 1.5;
  box-sizing: border-box;
  background-color: RGBA(var(--color-white), 1);
  font-family: var(--font-body);
  color: RGBA(var(--color-black), 1);
  font-size: inherit;
  appearance: none;
  box-shadow: inset 0 0 0 1px RGBA(var(--color-line), 1);
  padding: 0.5em;
  width: 100%;
  margin: 0;
  border-radius: 2px;
  min-height: auto;
  display: flex;
  box-shadow: 0;
  border: 0;
  flex: 1;
  display: flex;
  align-items: center;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  padding: 0 0.5em;
  height: 100%;
}
.field input:focus,
.field textarea:focus,
.field .field__control:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field input:focus:not(:focus-visible),
.field textarea:focus:not(:focus-visible),
.field .field__control:focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
.field input:focus,
.field input:focus:not(:focus-visible),
.field textarea:focus,
.field textarea:focus:not(:focus-visible),
.field .field__control:focus,
.field .field__control:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field input::placeholder,
.field textarea::placeholder,
.field .field__control::placeholder {
  color: RGBA(var(--color-text), 0.5);
}
.field input::-webkit-calendar-picker-indicator,
.field textarea::-webkit-calendar-picker-indicator,
.field .field__control::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.field input::-webkit-inner-spin-button,
.field textarea::-webkit-inner-spin-button,
.field .field__control::-webkit-inner-spin-button {
  display: none;
}
.field input::-ms-expand,
.field textarea::-ms-expand,
.field .field__control::-ms-expand {
  display: none;
}
.field input:focus,
.field input:focus:not(:focus-visible),
.field textarea:focus,
.field textarea:focus:not(:focus-visible),
.field .field__control:focus,
.field .field__control:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}
.field input[disabled=true],
.field textarea[disabled=true],
.field .field__control[disabled=true] {
  background-color: transparent;
}
.field .field__slot {
  grid-row: 1;
  pointer-events: none;
  gap: 0.5em;
}
.field .field__slot--left {
  order: 1;
  display: flex;
  align-items: center;
  padding-left: 0.5em;
}
.field .field__slot--right {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0.5em;
}
.field .field__icon {
  align-self: center;
}
.field .field__icon--loading {
  align-items: center;
  display: inherit;
}
.field .field__icon--button {
  display: inherit;
  justify-content: center;
  pointer-events: all;
}
.field .field__button {
  pointer-events: all;
}
.field--standard input,
.field--standard textarea,
.field--standard .field__control {
  color: RGBA(var(--color-black), 1);
}
.field--standard input::placeholder,
.field--standard textarea::placeholder,
.field--standard .field__control::placeholder {
  color: RGBA(var(--color-black), 0.5);
}
.field--filled {
  background-color: RGBA(var(--color-panel), 0.65);
  color: RGBA(var(--color-text), 1);
  box-shadow: inset 0 0 0 0 RGBA(var(--color-line), 1);
}
.field--filled.field--error {
  background-color: RGBA(var(--color-panel), 0.5);
}
.field--filled.field--error input,
.field--filled.field--error textarea,
.field--filled.field--error .field__control {
  color: RGBA(var(--color-text-error), 1);
}
.field--filled.field--error input::placeholder,
.field--filled.field--error textarea::placeholder,
.field--filled.field--error .field__control::placeholder {
  color: RGBA(var(--color-text-error), 0.5);
}
.field--filled input,
.field--filled textarea,
.field--filled .field__control {
  color: RGBA(var(--color-text), 1);
}
.field--underline {
  background-color: transparent;
  color: RGBA(var(--color-text), 1);
  border-bottom: 0.125em solid RGBA(var(--color-line), 1);
  box-shadow: none;
  border-radius: 0;
}
.field--underline.field--error {
  background-color: transparent;
  border-bottom-color: RGBA(var(--color-text-error), 1);
  box-shadow: none;
}
.field--underline.field--error input,
.field--underline.field--error textarea,
.field--underline.field--error .field__control {
  color: RGBA(var(--color-text-error), 1);
}
.field--underline.field--error input::placeholder,
.field--underline.field--error textarea::placeholder,
.field--underline.field--error .field__control::placeholder {
  color: RGBA(var(--color-text-error), 0.5);
}
.field--underline:focus-within,
.field--underline.field--error:focus-within {
  box-shadow: none;
  border-bottom-color: RGBA(var(--color-med-blue-400), 1);
}
.field--underline input,
.field--underline textarea,
.field--underline .field__control {
  color: RGBA(var(--color-text), 1);
}
.field--ghost {
  background-color: transparent;
  color: RGBA(var(--color-text), 1);
  box-shadow: inset 0 0 0 1px RGBA(var(--color-line), 0);
}
.field--ghost:has(input:hover),
.field--ghost:has(textarea:hover),
.field--ghost:has(.field__control:hover) {
  box-shadow: inset 0 0 0 1px RGBA(var(--color-line), 1);
}
.field--ghost:has(input:hover):focus-within,
.field--ghost:has(textarea:hover):focus-within,
.field--ghost:has(.field__control:hover):focus-within {
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field--ghost.field--error {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px RGBA(var(--color-text-error), 1);
}
.field--ghost.field--error input,
.field--ghost.field--error textarea,
.field--ghost.field--error .field__control {
  color: RGBA(var(--color-text-error), 1);
}
.field--ghost.field--error input::placeholder,
.field--ghost.field--error textarea::placeholder,
.field--ghost.field--error .field__control::placeholder {
  color: RGBA(var(--color-text-error), 0.5);
}
.field--ghost input,
.field--ghost textarea,
.field--ghost .field__control {
  color: RGBA(var(--color-text), 1);
}
.field--filled .chip,
.field--ghost .chip,
.field--underline .chip {
  background: RGBA(var(--color-line), 0.5);
  color: RGBA(var(--color-text), 1);
}
.field--password input {
  text-security: disc;
  -webkit-text-security: disc;
}
.field--textarea {
  align-items: flex-start;
  min-width: min-content;
  overflow: hidden;
  appearance: textarea;
}
.field--textarea .field__slot {
  align-items: flex-start;
  padding-top: 0.7em;
}
.field--textarea .field__slot--right {
  flex-wrap: wrap;
  height: 100%;
}
.field--textarea.field--resize {
  resize: both;
}
.field--textarea.field--resize-horizontal {
  resize: horizontal;
}
.field--textarea.field--resize-vertical {
  resize: vertical;
}
.field--textarea .field__control {
  padding: 0.5em;
}
.field--textarea .field__control::-webkit-resizer {
  display: none;
  height: 0;
  width: 0;
  appearance: none;
}
.field--textarea .field__icon {
  align-self: flex-start;
}
.field--textarea .field__countdown {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 1;
  pointer-events: none;
  width: 100%;
  padding: 0 0.25em 0.5em 0;
  font-size: 0.875em;
  font-weight: 600;
  color: RGBA(var(--color-black), 0.5);
  flex-basis: 100%;
  align-self: flex-end;
}
.field--textarea .field__countdown--done {
  color: RGBA(var(--color-red-500), 1);
}
.field__placeholder {
  color: RGBA(var(--color-text), 0.5);
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}
.field__placeholder + .field__value {
  display: none;
}
.field__value {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.field--select {
  cursor: pointer;
}
.field--select.field--disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.field--select:has(.field__control--isTypeahead) {
  cursor: text;
}
.field--select > .field__controlInner {
  display: grid;
  align-items: center;
  gap: 0 0.5em;
  padding: 0 0.5em;
  flex-wrap: wrap;
}
.field--select .field__control--isTypeahead {
  display: grid;
  align-items: center;
  gap: 0 0.5em;
  padding: 0 0.5em;
  flex-wrap: wrap;
}
.field--select .field__control--isTypeahead .field__controlInner {
  border: 0;
  padding: 0;
  flex: 1;
  z-index: 1;
  box-shadow: none;
  background-color: transparent;
  grid-row: 1;
  grid-column: 1;
}
.field--select .field__control--isTypeahead .field__controlInner:focus {
  box-shadow: none;
}
.field--select .field__control--isTypeahead .field__controlInner:focus + .field__value {
  display: none;
}
.field--select .field__control--isTypeahead .field__value {
  width: auto;
  grid-row: 1;
  grid-column: 1;
}
.field--multiselect:has(.field__chips) {
  appearance: textarea;
}
.field--multiselect .field__control {
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}
.field--select .field__slot,
.field--multiselect .field__slot {
  align-self: flex-start;
  padding-top: 0.7em;
}
.field__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  padding: 0.25em 0;
}
.field__chips + .field__controlInner {
  height: auto;
}
.field__chips--empty {
  display: none;
}
.chip {
  padding: 0.25em 0.5em;
  border-radius: 2px;
  background-color: RGBA(var(--color-grey-200), 1);
  gap: 0.25em;
  font-size: 0.875em;
  line-height: normal;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: left;
  color: RGBA(var(--color-black));
  border: 0;
  z-index: 1;
  line-break: anywhere;
  transition: all 200ms;
}
.chip .chip__text {
  padding: 0.25em 0;
}
.chip .chip__close {
  border-radius: 100%;
  background-color: RGBA(0, 0, 0, 0);
}
.chip:hover {
  background-color: RGBA(var(--color-grey-300), 1);
}
.chip:hover .chip__close {
  background-color: RGBA(0, 0, 0, 0.125);
}
.chip--expand {
  font-weight: 600;
  color: RGBA(var(--color-interact-text), 1);
  background-color: transparent;
}
.chip--expand:hover {
  background-color: RGBA(var(--color-interact-lighter), 0.25);
}
.popover__wrap {
  display: flex;
  flex-direction: column;
  padding: 0.25em 0;
  border-radius: 2px;
  height: auto;
}
.popover__wrap--isTransparent {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}
.popover__wrap--isTransparent .popover__empty {
  background-color: RGBA(var(--color-white));
  box-shadow: var(--shadow-1);
  border: 1px solid RGBA(var(--color-grey-300), 1);
  color: RGBA(var(--color-text), 0.5);
  padding: 0.5em 1em;
  border-radius: 2px;
  pointer-events: auto;
}
.popover__actions {
  display: flex;
  padding: 0.5em;
  flex: 0;
}
.popover__actions .popover__action-button {
  margin-right: 1em;
}
.popover__results {
  padding: 0;
  overflow: auto;
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.popover__results .popover__empty {
  display: none;
}
.results__option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75em;
  padding: 0.375em 1em;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.results__option:hover,
.results__option:focus-visible {
  background-color: RGBA(var(--color-interact), 0.125);
  box-shadow: none;
  outline: 0;
}
.results__option--selected {
  background-color: RGBA(var(--color-interact), 0.25);
}
.results__option--isLabel {
  font-weight: bold;
}
.results__option .option__checkbox {
  pointer-events: none;
  display: flex;
}
.popover__empty {
  padding: 0.5em 1em;
}
.field .field__control[data-size=tiny] {
  font-size: var(--size-12);
  min-height: 3.2rem;
}
.field .field__control[data-size=small] {
  font-size: var(--size-14);
  min-height: 3.7rem;
}
.field .field__control[data-size=medium] {
  font-size: var(--size-16);
  min-height: 4.2rem;
}
.field .field__control[data-size=large] {
  font-size: var(--size-18);
  min-height: 4.7rem;
}
.field .field__control[data-size=giant] {
  font-size: var(--size-24);
  min-height: 6.2rem;
}
:host-context([data-size=tiny]) .field__control {
  font-size: var(--size-12);
  min-height: 3.2rem;
}
:host-context([data-size=small]) .field__control {
  font-size: var(--size-14);
  min-height: 3.7rem;
}
:host-context([data-size=medium]) .field__control {
  font-size: var(--size-16);
  min-height: 4.2rem;
}
:host-context([data-size=large]) .field__control {
  font-size: var(--size-18);
  min-height: 4.7rem;
}
:host-context([data-size=giant]) .field__control {
  font-size: var(--size-24);
  min-height: 6.2rem;
}
:host-context(.fieldset[data-size=tiny]) .field,
:host-context(.fieldset[data-size=tiny]) .field__control {
  font-size: var(--size-12);
  min-height: 3.2rem;
}
:host-context(.fieldset[data-size=small]) .field,
:host-context(.fieldset[data-size=small]) .field__control {
  font-size: var(--size-14);
  min-height: 3.7rem;
}
:host-context(.fieldset[data-size=medium]) .field,
:host-context(.fieldset[data-size=medium]) .field__control {
  font-size: var(--size-16);
  min-height: 4.2rem;
}
:host-context(.fieldset[data-size=large]) .field,
:host-context(.fieldset[data-size=large]) .field__control {
  font-size: var(--size-18);
  min-height: 4.7rem;
}
:host-context(.fieldset[data-size=giant]) .field,
:host-context(.fieldset[data-size=giant]) .field__control {
  font-size: var(--size-24);
  min-height: 6.2rem;
}
:host-context([data-size=tiny]) .field--select[data-size=tiny] .field__controlInner,
:host-context([data-size=tiny]) .field--select[data-size=tiny] .field__control--isTypeahead,
:host-context([data-size=small]) .field--select[data-size=tiny] .field__controlInner,
:host-context([data-size=small]) .field--select[data-size=tiny] .field__control--isTypeahead,
:host-context([data-size=medium]) .field--select[data-size=tiny] .field__controlInner,
:host-context([data-size=medium]) .field--select[data-size=tiny] .field__control--isTypeahead,
:host-context([data-size=large]) .field--select[data-size=tiny] .field__controlInner,
:host-context([data-size=large]) .field--select[data-size=tiny] .field__control--isTypeahead,
:host-context([data-size=giant]) .field--select[data-size=tiny] .field__controlInner,
:host-context([data-size=giant]) .field--select[data-size=tiny] .field__control--isTypeahead {
  font-size: var(--size-12);
  min-height: 3.2rem;
}
:host-context([data-size=tiny]) .field--select[data-size=small] .field__controlInner,
:host-context([data-size=tiny]) .field--select[data-size=small] .field__control--isTypeahead,
:host-context([data-size=small]) .field--select[data-size=small] .field__controlInner,
:host-context([data-size=small]) .field--select[data-size=small] .field__control--isTypeahead,
:host-context([data-size=medium]) .field--select[data-size=small] .field__controlInner,
:host-context([data-size=medium]) .field--select[data-size=small] .field__control--isTypeahead,
:host-context([data-size=large]) .field--select[data-size=small] .field__controlInner,
:host-context([data-size=large]) .field--select[data-size=small] .field__control--isTypeahead,
:host-context([data-size=giant]) .field--select[data-size=small] .field__controlInner,
:host-context([data-size=giant]) .field--select[data-size=small] .field__control--isTypeahead {
  font-size: var(--size-14);
  min-height: 3.7rem;
}
:host-context([data-size=tiny]) .field--select[data-size=medium] .field__controlInner,
:host-context([data-size=tiny]) .field--select[data-size=medium] .field__control--isTypeahead,
:host-context([data-size=small]) .field--select[data-size=medium] .field__controlInner,
:host-context([data-size=small]) .field--select[data-size=medium] .field__control--isTypeahead,
:host-context([data-size=medium]) .field--select[data-size=medium] .field__controlInner,
:host-context([data-size=medium]) .field--select[data-size=medium] .field__control--isTypeahead,
:host-context([data-size=large]) .field--select[data-size=medium] .field__controlInner,
:host-context([data-size=large]) .field--select[data-size=medium] .field__control--isTypeahead,
:host-context([data-size=giant]) .field--select[data-size=medium] .field__controlInner,
:host-context([data-size=giant]) .field--select[data-size=medium] .field__control--isTypeahead {
  font-size: var(--size-16);
  min-height: 4.2rem;
}
:host-context([data-size=tiny]) .field--select[data-size=large] .field__controlInner,
:host-context([data-size=tiny]) .field--select[data-size=large] .field__control--isTypeahead,
:host-context([data-size=small]) .field--select[data-size=large] .field__controlInner,
:host-context([data-size=small]) .field--select[data-size=large] .field__control--isTypeahead,
:host-context([data-size=medium]) .field--select[data-size=large] .field__controlInner,
:host-context([data-size=medium]) .field--select[data-size=large] .field__control--isTypeahead,
:host-context([data-size=large]) .field--select[data-size=large] .field__controlInner,
:host-context([data-size=large]) .field--select[data-size=large] .field__control--isTypeahead,
:host-context([data-size=giant]) .field--select[data-size=large] .field__controlInner,
:host-context([data-size=giant]) .field--select[data-size=large] .field__control--isTypeahead {
  font-size: var(--size-18);
  min-height: 4.7rem;
}
:host-context([data-size=tiny]) .field--select[data-size=giant] .field__controlInner,
:host-context([data-size=tiny]) .field--select[data-size=giant] .field__control--isTypeahead,
:host-context([data-size=small]) .field--select[data-size=giant] .field__controlInner,
:host-context([data-size=small]) .field--select[data-size=giant] .field__control--isTypeahead,
:host-context([data-size=medium]) .field--select[data-size=giant] .field__controlInner,
:host-context([data-size=medium]) .field--select[data-size=giant] .field__control--isTypeahead,
:host-context([data-size=large]) .field--select[data-size=giant] .field__controlInner,
:host-context([data-size=large]) .field--select[data-size=giant] .field__control--isTypeahead,
:host-context([data-size=giant]) .field--select[data-size=giant] .field__controlInner,
:host-context([data-size=giant]) .field--select[data-size=giant] .field__control--isTypeahead {
  font-size: var(--size-24);
  min-height: 6.2rem;
}
:host-context([data-size=tiny]) .field--select .field__control > .field__controlInner,
:host-context([data-size=small]) .field--select .field__control > .field__controlInner,
:host-context([data-size=medium]) .field--select .field__control > .field__controlInner,
:host-context([data-size=large]) .field--select .field__control > .field__controlInner,
:host-context([data-size=giant]) .field--select .field__control > .field__controlInner {
  min-height: 0;
}
.popover__results[data-size=tiny] {
  font-size: var(--size-12);
}
.popover__results[data-size=small] {
  font-size: var(--size-14);
}
.popover__results[data-size=medium] {
  font-size: var(--size-16);
}
.popover__results[data-size=large] {
  font-size: var(--size-18);
}
.popover__results[data-size=giant] {
  font-size: var(--size-24);
}
.popover__wrap--isFullscreen {
  overflow: auto;
}
.popover__wrap--isFullscreen .popover__results {
  max-height: calc(100vh - 0.5em);
}
.popover__wrap--isFullscreen .popover__actions + .popover__results {
  max-height: calc(100vh - 3em);
}
.fieldset__text {
  flex: 1;
}
.fieldset__text--error {
  font-weight: 600;
  font-size: 1em;
  margin-top: 0.25em;
  color: RGBA(var(--color-text-error), 1);
}
.field--upload {
  color: inherit;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: normal;
  align-items: normal;
  min-width: 20em;
  box-shadow: none;
  border-radius: 5px;
}
.field--upload:focus-within {
  box-shadow: none;
}
.field--upload.field--error .field__container {
  background-color: transparent;
  border-color: RGBA(var(--color-red-400), 1);
}
.field--upload.field--disabled {
  background: transparent;
  border: none;
  cursor: no-drop;
  color: RGBA(var(--color-grey-800), 1);
}
.field--upload.field--disabled .field__control {
  cursor: not-allowed;
}
.field--upload.field--disabled .field__icon {
  opacity: 0.5;
}
.field--upload.field--disabled .field__container {
  border-color: RGBA(var(--color-grey-800), 1);
  background: transparent;
  pointer-events: none;
}
.field--upload .field__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75em;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 2px dashed RGBA(var(--color-interact-text), 0.5);
  padding: 3em;
  background: var(--color-input);
  border-radius: 5px;
  transition: all 150ms;
}
.field--upload .field__container:hover {
  background: RGBA(var(--color-interact), 0.05);
  border-color: RGBA(var(--color-interact-text), 1);
}
.field--upload .field__container:has(.field__control:focus) {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
  background: RGBA(var(--color-interact), 0.05);
}
.field--upload .field__container--dragging {
  background: RGBA(var(--color-interact), 0.25);
  border-style: solid;
  border-color: RGBA(var(--color-interact), 1);
}
.field--upload .field__control {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  top: 0;
  left: 0;
}
.field--upload .field__icon {
  color: RGBA(var(--color-text), 1);
  font-size: 1.2em;
  padding: 0;
  margin: 0;
}
.field--upload .field__button {
  color: RGBA(var(--color-interact-text), 1);
  font-weight: 600;
}
.field--upload .field__text {
  margin: 0;
}
.field--upload .field__subtext {
  font-size: 0.875em;
  color: RGBA(var(--color-text), 0.5);
  margin: 0;
}
.field--upload .field__list {
  display: flex;
  padding: 0;
  list-style: none;
  flex-direction: column;
}
.field--upload .field__listitem {
  display: flex;
  gap: 1em;
  padding: 0.125em 0.5em;
}
.field--upload .field__listitem:hover,
.field--upload .field__listitem:has(.listitem__remove:focus) {
  background: RGBA(var(--color-interact), 0.05);
}
.field--upload .field__listitem:hover .listitem__remove,
.field--upload .field__listitem:has(.listitem__remove:focus) .listitem__remove {
  opacity: 1;
  color: RGBA(var(--color-text-error), 1);
}
.field--upload .listitem__name {
  flex: 1;
}
.field--upload .listitem__remove {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  color: RGBA(var(--color-interact-text), 1);
  white-space: nowrap;
  font-weight: 600;
  font-size: 1em;
  padding: 0.5em 1em;
  border: 1px solid transparent;
  font-family: var(--font-body);
  outline: 0;
  gap: 0.5em;
  border-radius: 2px;
  cursor: pointer;
  transition: all 150ms;
  background-color: transparent;
  opacity: 0;
  color: RGBA(var(--color-text), 0.5);
  height: 1.5em;
  width: 1.5em;
  aspect-ratio: 1/1;
  border-radius: 100%;
  padding: 0.5em;
}
.field--upload .listitem__remove:focus,
.field--upload .listitem__remove:focus:hover {
  outline: 0;
  box-shadow: 0 0 0 0.2em RGBA(var(--color-med-blue-400), 1);
}
.field--upload .listitem__remove:focus:not(:focus-visible),
.field--upload .listitem__remove:focus:hover:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
.field--upload .listitem__remove:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: transparent;
}
.field--upload .listitem__remove:hover,
.field--upload .listitem__remove:focus-visible {
  background-color: RGBA(var(--color-interact-lighter), 0.25);
}
.field--upload .listitem__remove:active {
  background-color: RGBA(var(--color-interact-lighter), 1);
  color: #ffffff;
}
.field--upload .listitem__remove:disabled {
  background-color: transparent;
  color: RGBA(var(--color-interact-text), 1);
}
.field--upload .listitem__remove:hover {
  color: RGBA(var(--color-text-error), 1);
}
.field--upload .listitem__remove:focus {
  opacity: 1;
}
fieldset,
.fieldset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 1em 0;
  padding: 0;
  border: 0px;
}
fieldset--column,
.fieldset--column {
  flex-direction: column;
}
fieldset--column .fieldset__legend,
.fieldset--column .fieldset__legend {
  margin: 0 0 0.25em 0;
}
fieldset--column-reverse,
.fieldset--column-reverse {
  flex-direction: column-reverse;
}
fieldset--column-reverse .fieldset__legend,
.fieldset--column-reverse .fieldset__legend {
  margin: 0.25em 0 0 0;
}
fieldset--row,
.fieldset--row {
  flex-direction: row;
  align-items: baseline;
  width: 100%;
}
fieldset--row .fieldset__legend,
.fieldset--row .fieldset__legend {
  margin: 0 0.5em 0 0;
  float: left;
}
fieldset--row-reverse,
.fieldset--row-reverse {
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
}
fieldset--row-reverse .fieldset__legend,
.fieldset--row-reverse .fieldset__legend {
  margin: 0 0 0 0.5em;
  gap: 0 0.5em;
  float: right;
}
fieldset--row .fieldset__label,
fieldset--row-reverse .fieldset__label,
.fieldset--row .fieldset__label,
.fieldset--row-reverse .fieldset__label {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  display: flex;
}
fieldset--row .fieldset__label--10,
fieldset--row-reverse .fieldset__label--10,
.fieldset--row .fieldset__label--10,
.fieldset--row-reverse .fieldset__label--10 {
  flex-basis: 10%;
}
fieldset--row .fieldset__label--20,
fieldset--row-reverse .fieldset__label--20,
.fieldset--row .fieldset__label--20,
.fieldset--row-reverse .fieldset__label--20 {
  flex-basis: 20%;
}
fieldset--row .fieldset__label--30,
fieldset--row-reverse .fieldset__label--30,
.fieldset--row .fieldset__label--30,
.fieldset--row-reverse .fieldset__label--30 {
  flex-basis: 30%;
}
fieldset--row .fieldset__label--40,
fieldset--row-reverse .fieldset__label--40,
.fieldset--row .fieldset__label--40,
.fieldset--row-reverse .fieldset__label--40 {
  flex-basis: 40%;
}
fieldset--row .fieldset__label--50,
fieldset--row-reverse .fieldset__label--50,
.fieldset--row .fieldset__label--50,
.fieldset--row-reverse .fieldset__label--50 {
  flex-basis: 50%;
}
fieldset--row .fieldset__label--60,
fieldset--row-reverse .fieldset__label--60,
.fieldset--row .fieldset__label--60,
.fieldset--row-reverse .fieldset__label--60 {
  flex-basis: 60%;
}
fieldset--row .fieldset__label--70,
fieldset--row-reverse .fieldset__label--70,
.fieldset--row .fieldset__label--70,
.fieldset--row-reverse .fieldset__label--70 {
  flex-basis: 70%;
}
fieldset--row .fieldset__label--80,
fieldset--row-reverse .fieldset__label--80,
.fieldset--row .fieldset__label--80,
.fieldset--row-reverse .fieldset__label--80 {
  flex-basis: 80%;
}
fieldset--row .fieldset__label--90,
fieldset--row-reverse .fieldset__label--90,
.fieldset--row .fieldset__label--90,
.fieldset--row-reverse .fieldset__label--90 {
  flex-basis: 90%;
}
fieldset--row .fieldset__label::after,
fieldset--row-reverse .fieldset__label::after,
.fieldset--row .fieldset__label::after,
.fieldset--row-reverse .fieldset__label::after {
  content: "";
  flex: 1;
  border-style: dotted;
  border-width: 0 0 2px 0;
  border-color: RGBA(var(--color-text), 0.15);
  width: 100%;
  margin: 0 0.5em;
  transition: border-color 100ms;
}
fieldset--row .fieldset__label--hideDots::after,
fieldset--row-reverse .fieldset__label--hideDots::after,
.fieldset--row .fieldset__label--hideDots::after,
.fieldset--row-reverse .fieldset__label--hideDots::after {
  border-width: 0;
}
.fieldset__legend {
  margin: 0 0 0.25em 0;
  padding-inline: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.fieldset__legend .fieldset__text {
  flex: 1;
}
.fieldset__legend .fieldset__label {
  flex: 1;
  font-weight: 700;
  line-height: 1.25;
}
.fieldset__legend .fieldset__required {
  color: RGBA(var(--color-text-error), 1);
  font-size: 0.75em;
  display: flex;
  padding: 0.25em 0.25em 0 0;
}
.fieldset__legend .fieldset__tooltip {
  color: RGBA(var(--color-interact-text), 1);
  display: flex;
  padding: 0;
}
.fieldset__infoText {
  font-weight: 400;
  font-size: 0.875em;
  color: RGBA(var(--color-text), 0.7);
  margin: 0;
  flex-basis: 100%;
}
.fieldset__text--error {
  font-weight: 600;
  font-size: 1em;
  color: RGBA(var(--color-text-error), 1);
}
.fieldset__field {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.5em;
}
.fieldset__field--row {
  flex-direction: row;
  align-items: flex-start;
}
:root {
  --color-slab-0: RGBA(var(--color-blue-800)) 0%, RGBA(var(--color-blue-900)) 100%;
  --color-slab-1: RGBA(var(--color-blue-base),1);
  --color-slab-2: RGBA(var(--color-med-blue-base),1);
  --color-slab-3: RGBA(var(--color-blue-900),1);
  --color-slab-4: RGBA(var(--color-blue-1000),1);
}
* {
  scroll-behavior: smooth;
  line-height: 1.5;
}
.appHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0em;
  width: 100%;
  flex: 0 0 100px;
  background: RGBA(var(--color-header), 0);
  z-index: 1;
}
.appHeader .appHeader__brand .brand__title {
  white-space: nowrap;
  line-height: 1;
  margin-left: 1.6rem;
}
.appHeader .appHeader__nav {
  flex: 1;
}
.appHeader .headerItem {
  color: #ffffff;
  background-color: RGBA(var(--color-blue-base), 0);
  transition: all 200ms;
  border-bottom: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0em;
}
.appHeader .headerItem:hover {
  background-color: RGBA(var(--color-blue-base), 1);
}
.appHeader .headerItem .headerItem__icon {
  font-size: 1.8rem;
}
.appHeader .headerItem .headerItem__text {
  line-height: 1;
}

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