: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("../../assets/fonts/KPMG/kpmg-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "KPMG";
  src: url("../../assets/fonts/KPMG/kpmg-bold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../assets/fonts/Roboto/roboto-regular-webfont.woff") format("woff"), url("../../assets/fonts/Roboto/roboto-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../assets/fonts/Roboto/roboto-italic-webfont.woff") format("woff"), url("../../assets/fonts/Roboto/roboto-italic-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("../../assets/fonts/Roboto/roboto-bold-webfont.woff") format("woff"), url("../../assets/fonts/Roboto/roboto-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../assets/fonts/Roboto/roboto-bolditalic-webfont.woff") format("woff"), url("../../assets/fonts/Roboto/roboto-bolditalic-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("../../assets/fonts/RobotoMono/roboto-mono-regular-webfont.woff") format("woff"), url("../../assets/fonts/RobotoMono/roboto-mono-regular-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("../../assets/fonts/RobotoMono/roboto-mono-regular-italic-webfont.woff") format("woff"), url("../../assets/fonts/RobotoMono/roboto-mono-regular-italic-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("../../assets/fonts/RobotoMono/roboto-mono-bold-webfont.woff") format("woff"), url("../../assets/fonts/RobotoMono/roboto-mono-bold-webfont.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("../../assets/fonts/RobotoMono/roboto-mono-bold-italic-webfont.woff") format("woff"), url("../../assets/fonts/RobotoMono/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 {
  /* Right */
  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 {
  /* Left */
  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 {
  /* Down */
  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 {
  /* Up */
  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);
}
.popover__container--focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
.popover__container--focus {
  border-radius: 2px;
}

.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 {
  /*
   /*rtl:begin:ignore*/
  /* */
  left: 0;
  /*
   /*rtl:end:ignore*/
  /* */
}

/*
  /*rtl:begin:ignore*/
/*
  /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
   /*rtl:begin:ignore*/
  /* */
  right: 0;
  /*
   /*rtl:end:ignore*/
  /* */
}

/*
  /*rtl:begin:ignore*/
/*
  /*rtl:end:ignore*/
.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\0 ;
  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%;
  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\0 ) {
  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;
}
.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 {
  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;
}
.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 {
  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, .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);
}

/*# sourceMappingURL=main.css.map */