/* apps/ottobock-remote-update-platform/src/styles.css */
@font-face {
  font-family: "Work Sans";
  src: url(/assets/fonts/WorkSans-VariableFont_wght.ttf) format("truetype");
  font-weight: 400 600;
  font-style: normal;
}
html,
body {
  font-family:
    "Work Sans",
    "Roboto",
    sans-serif;
}

/* apps/ottobock-remote-update-platform/src/theme.scss */
html {
  --mat-menu-container-shape: 12px;
  --mat-menu-container-color: var(--color-container-bg-lowemphasis);
  --mat-menu-container-elevation-shadow: none;
  --mat-menu-item-hover-state-layer-color: var(--color-action-bg-muted-hover);
}
.cdk-overlay-pane div.mat-mdc-menu-panel {
  max-width: none;
  border-radius: var(--radius-100, 0.5rem);
  background: var(--color-container-bg-lowemphasis, #fff);
  box-shadow: 0 4px 12px 0 var(--color-container-bg-elevation, rgba(0, 0, 0, 0.12));
}
.cdk-overlay-pane .disabled-interactive.mat-mdc-menu-item {
  pointer-events: none;
  cursor: default !important;
}
.cdk-overlay-pane .disabled-interactive.mat-mdc-menu-item:hover {
  background-color: transparent !important;
}
.page-wrap {
  background: var(--background-gradient, linear-gradient(180deg, var(--color-container-bg-gradient-top, #f7f9ff) 20%, var(--color-container-bg-gradient-bottom, #fff) 100%));
}
.error-icon {
  background-color: var(--color-feedback-bg-error);
  padding: 1.5rem;
  border-radius: 50%;
}
.cdk-overlay-pane.no-radius-dialog .mat-mdc-dialog-surface,
.cdk-overlay-pane.no-radius-dialog .mat-dialog-container,
.cdk-overlay-pane.no-radius-dialog .mat-mdc-dialog-container {
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
}
.container,
.changeTable {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 40rem) {
  .container,
  .changeTable {
    max-width: 100%;
  }
}
@media (min-width: 64rem) {
  .container,
  .changeTable {
    max-width: 100%;
  }
}
@media (min-width: 80rem) {
  .container {
    max-width: 65%;
  }
  .changeTable {
    max-width: 67%;
  }
}

/* libs/shared/styles/main.css */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
:root {
  --breakpoint-sm: 22.5rem;
  --breakpoint-md: 37.5rem;
  --breakpoint-lg: 52.5rem;
  --breakpoint-landscape: 60rem;
  --breakpoint-xl: 80rem;
  --breakpoint-xxl: 90rem;
  --breakpoint-3xl: 100rem;
}
:root {
  --radius-025: 0.25rem;
  --radius-050: 0.5rem;
  --radius-075: 0.75rem;
  --radius-150: 1.5rem;
  --radius-200: 2rem;
  --radius-round: 22.5rem;
  --border-width-1: 1px;
  --border-width-2: 2px;
}
:root {
  --color-blue-0: rgba(247, 249, 255, 1);
  --color-blue-50: rgba(237, 241, 255, 1);
  --color-blue-100: rgba(221, 231, 255, 1);
  --color-blue-200: rgba(188, 207, 255, 1);
  --color-blue-300: rgba(115, 146, 255, 1);
  --color-blue-400: rgba(83, 116, 236, 1);
  --color-blue-500: rgba(59, 84, 214, 1);
  --color-blue-600: rgba(43, 66, 189, 1);
  --color-blue-700: rgba(25, 51, 173, 1);
  --color-blue-800: rgba(0, 21, 122, 1);
  --color-blue-900: rgba(0, 12, 56, 1);
  --color-blue-1000: rgba(7, 13, 33, 1);
  --color-teal-50: rgba(232, 245, 245, 1);
  --color-teal-100: rgba(217, 245, 246, 1);
  --color-teal-200: rgba(193, 236, 239, 1);
  --color-teal-300: rgba(129, 216, 222, 1);
  --color-teal-400: rgba(95, 199, 214, 1);
  --color-teal-500: rgba(57, 177, 195, 1);
  --color-teal-600: rgba(40, 171, 189, 1);
  --color-teal-700: rgba(20, 148, 166, 1);
  --color-teal-800: rgba(0, 114, 130, 1);
  --color-teal-900: rgba(0, 70, 86, 1);
  --color-grey-50: rgba(249, 250, 251, 1);
  --color-grey-100: rgba(243, 244, 246, 1);
  --color-grey-200: rgba(229, 231, 235, 1);
  --color-grey-300: rgba(209, 213, 219, 1);
  --color-grey-400: rgba(156, 163, 175, 1);
  --color-grey-500: rgba(107, 114, 128, 1);
  --color-grey-600: rgba(75, 85, 99, 1);
  --color-grey-700: rgba(55, 65, 81, 1);
  --color-grey-800: rgba(31, 41, 55, 1);
  --color-grey-900: rgba(17, 24, 39, 1);
  --color-grey-1000: rgba(9, 13, 27, 1);
  --color-green-50: rgba(236, 253, 245, 1);
  --color-green-100: rgba(209, 250, 229, 1);
  --color-green-200: rgba(167, 243, 208, 1);
  --color-green-300: rgba(110, 231, 183, 1);
  --color-green-400: rgba(52, 211, 153, 1);
  --color-green-500: rgba(16, 185, 129, 1);
  --color-green-600: rgba(5, 150, 105, 1);
  --color-green-700: rgba(4, 120, 87, 1);
  --color-green-800: rgba(6, 95, 70, 1);
  --color-green-900: rgba(3, 74, 55, 1);
  --color-orange-50: rgba(255, 241, 232, 1);
  --color-orange-100: rgba(255, 222, 200, 1);
  --color-orange-200: rgba(255, 196, 156, 1);
  --color-orange-300: rgba(255, 161, 109, 1);
  --color-orange-400: rgba(255, 142, 66, 1);
  --color-orange-500: rgba(255, 117, 24, 1);
  --color-orange-600: rgba(219, 96, 13, 1);
  --color-orange-700: rgba(177, 75, 7, 1);
  --color-orange-800: rgba(130, 57, 7, 1);
  --color-orange-900: rgba(85, 32, 2, 1);
  --color-red-50: rgba(254, 242, 242, 1);
  --color-red-100: rgba(254, 226, 226, 1);
  --color-red-200: rgba(254, 202, 202, 1);
  --color-red-300: rgba(252, 165, 165, 1);
  --color-red-400: rgba(248, 113, 113, 1);
  --color-red-500: rgba(239, 68, 68, 1);
  --color-red-600: rgba(220, 38, 38, 1);
  --color-red-700: rgba(185, 28, 28, 1);
  --color-red-800: rgba(153, 27, 27, 1);
  --color-red-900: rgba(127, 29, 29, 1);
  --color-white: rgba(255, 255, 255, 1);
  --color-black: rgba(41, 47, 50, 1);
  --gradient-primary-900: var(--color-blue-900);
  --gradient-primary-800: var(--color-blue-800);
  --gradient-primary-600: var(--color-blue-600);
  --gradient-primary-400: var(--color-blue-400);
  --gradient-bg-light-blue-100: var(--color-blue-100);
}
:root {
  --color-purple-50: rgba(244, 234, 251, 1);
  --color-lavender-50: rgba(246, 245, 253, 1);
  --color-lavender-100: rgba(233, 231, 250, 1);
  --color-lavender-200: rgba(216, 212, 247, 1);
  --color-lavender-300: rgba(198, 191, 243, 1);
  --color-lavender-400: rgba(181, 172, 239, 1);
  --color-lavender-500: rgba(165, 154, 236, 1);
  --color-lavender-600: rgba(140, 131, 201, 1);
  --color-lavender-700: rgba(117, 109, 168, 1);
  --color-lavender-800: rgba(81, 76, 117, 1);
  --color-lavender-900: rgba(48, 44, 75, 1);
  --color-purple-100: rgba(227, 205, 245, 1);
  --color-purple-200: rgba(206, 166, 237, 1);
  --color-purple-300: rgba(183, 124, 229, 1);
  --color-purple-400: rgba(161, 84, 221, 1);
  --color-purple-500: rgba(140, 47, 213, 1);
  --color-purple-600: rgba(119, 40, 181, 1);
  --color-purple-700: rgba(99, 33, 151, 1);
  --color-purple-800: rgba(80, 27, 121, 1);
  --color-purple-900: rgba(56, 13, 90, 1);
  --color-coral-50: rgba(255, 238, 238, 1);
  --color-coral-100: rgba(255, 213, 213, 1);
  --color-coral-200: rgba(255, 180, 180, 1);
  --color-coral-300: rgba(255, 145, 145, 1);
  --color-coral-400: rgba(255, 112, 112, 1);
  --color-coral-500: rgba(255, 80, 80, 1);
  --color-coral-600: rgba(227, 44, 44, 1);
  --color-coral-700: rgba(184, 18, 18, 1);
  --color-coral-800: rgba(149, 14, 14, 1);
  --color-coral-900: rgba(89, 1, 1, 1);
  --color-pink-50: rgba(253, 234, 245, 1);
  --color-pink-100: rgba(253, 217, 237, 1);
  --color-pink-200: rgba(251, 179, 219, 1);
  --color-pink-300: rgba(250, 141, 200, 1);
  --color-pink-400: rgba(248, 103, 182, 1);
  --color-pink-500: rgba(246, 65, 164, 1);
  --color-pink-600: rgba(197, 52, 131, 1);
  --color-pink-700: rgba(148, 39, 98, 1);
  --color-pink-800: rgba(98, 26, 66, 1);
  --color-pink-900: rgba(70, 3, 41, 1);
  --color-brown-50: rgba(255, 248, 244, 1);
  --color-brown-100: rgba(239, 220, 205, 1);
  --color-brown-200: rgba(222, 184, 156, 1);
  --color-brown-300: rgba(214, 158, 116, 1);
  --color-brown-400: rgba(197, 132, 82, 1);
  --color-brown-500: rgba(171, 93, 38, 1);
  --color-brown-600: rgba(160, 88, 36, 1);
  --color-brown-700: rgba(135, 78, 37, 1);
  --color-brown-800: rgba(109, 65, 32, 1);
  --color-brown-900: rgba(69, 39, 16, 1);
  --color-lime-50: rgba(247, 250, 230, 1);
  --color-lime-100: rgba(235, 242, 194, 1);
  --color-lime-200: rgba(220, 232, 146, 1);
  --color-lime-300: rgba(203, 221, 95, 1);
  --color-lime-400: rgba(188, 211, 47, 1);
  --color-lime-500: rgba(173, 201, 1, 1);
  --color-lime-600: rgba(139, 162, 1, 1);
  --color-lime-700: rgba(113, 132, 1, 1);
  --color-lime-800: rgba(87, 101, 1, 1);
  --color-lime-900: rgba(70, 81, 0, 1);
  --color-malibu-50: rgba(239, 249, 254, 1);
  --color-malibu-100: rgba(216, 241, 252, 1);
  --color-malibu-200: rgba(184, 230, 249, 1);
  --color-malibu-300: rgba(152, 218, 247, 1);
  --color-malibu-400: rgba(121, 207, 244, 1);
  --color-malibu-500: rgba(41, 182, 243, 1);
  --color-malibu-600: rgba(21, 141, 193, 1);
  --color-malibu-700: rgba(18, 118, 161, 1);
  --color-malibu-800: rgba(14, 95, 129, 1);
  --color-malibu-900: rgba(3, 61, 86, 1);
  --color-grass-50: rgba(232, 244, 240, 1);
  --color-grass-100: rgba(183, 222, 208, 1);
  --color-grass-200: rgba(148, 205, 185, 1);
  --color-grass-300: rgba(100, 183, 152, 1);
  --color-grass-400: rgba(69, 169, 133, 1);
  --color-grass-500: rgba(23, 147, 102, 1);
  --color-grass-600: rgba(21, 134, 93, 1);
  --color-grass-700: rgba(16, 104, 72, 1);
  --color-grass-800: rgba(13, 81, 56, 1);
  --color-grass-900: rgba(7, 65, 43, 1);
  --color-mint-50: rgba(236, 255, 248, 1);
  --color-mint-100: rgba(206, 249, 233, 1);
  --color-mint-200: rgba(164, 238, 212, 1);
  --color-mint-300: rgba(109, 238, 192, 1);
  --color-mint-400: rgba(66, 230, 171, 1);
  --color-mint-500: rgba(20, 216, 146, 1);
  --color-mint-600: rgba(2, 166, 107, 1);
  --color-mint-700: rgba(1, 138, 89, 1);
  --color-mint-800: rgba(1, 106, 69, 1);
  --color-mint-900: rgba(1, 70, 45, 1);
  --color-ochre-50: rgba(255, 246, 230, 1);
  --color-ochre-100: rgba(255, 233, 194, 1);
  --color-ochre-200: rgba(255, 216, 145, 1);
  --color-ochre-300: rgba(253, 187, 67, 1);
  --color-ochre-400: rgba(255, 181, 46, 1);
  --color-ochre-500: rgba(255, 165, 0, 1);
  --color-ochre-600: rgba(217, 140, 0, 1);
  --color-ochre-700: rgba(181, 117, 0, 1);
  --color-ochre-800: rgba(145, 94, 0, 1);
  --color-ochre-900: rgba(79, 39, 9, 1);
  --color-dark-green: rgba(16, 46, 45, 1);
  --color-dark-blue: rgba(22, 30, 58, 1);
  --color-dark-teal: rgba(22, 44, 55, 1);
  --color-dark-grey: rgba(30, 35, 45, 1);
  --color-dark-yellow: rgba(49, 45, 27, 1);
  --color-dark-red: rgba(49, 28, 36, 1);
  --color-dark-purple: rgba(35, 25, 57, 1);
  --color-dark-pink: rgba(50, 28, 50, 1);
  --color-dark-lime: rgba(40, 48, 26, 1);
  --color-dark-orange: rgba(52, 35, 29, 1);
  --color-dark-ochre: rgba(49, 38, 27, 1);
  --color-dark-night-100: rgba(32, 44, 103, 1);
  --color-dark-night-200: rgba(25, 37, 68, 1);
  --color-dark-night-300: rgba(20, 27, 57, 1);
}
:root {
  --spacing-025-rem: 0.25rem;
  --spacing-050-rem: 0.5rem;
  --spacing-075-rem: 0.75rem;
  --spacing-100-rem: 1rem;
  --spacing-150-rem: 1.5rem;
  --spacing-200-rem: 2rem;
  --spacing-250-rem: 2.5rem;
  --spacing-300-rem: 3rem;
  --spacing-350-rem: 3.5rem;
  --spacing-400-rem: 4rem;
  --spacing-800-rem: 8rem;
  --spacing-1600-rem: 16rem;
  --spacing-025-em: 0.25em;
  --spacing-050-em: 0.5em;
  --spacing-075-em: 0.75em;
  --spacing-100-em: 1em;
  --spacing-150-em: 1.5em;
  --spacing-200-em: 2em;
  --spacing-250-em: 2.5em;
  --spacing-300-em: 3em;
  --spacing-350-em: 3.5em;
  --spacing-400-em: 4em;
  --spacing-800-em: 8em;
  --spacing-1600-em: 16rem;
  --icon-075: 12px;
  --icon-100: 16px;
  --icon-150: 24px;
  --icon-250: 40px;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Ext-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Ext-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Ext-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Ext-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
:root {
  --font-size-xxs: 0.75rem;
  --font-size-xs: 0.88rem;
  --font-size-sm: 1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 1.62rem;
  --font-size-xxl: 1.75rem;
  --font-size-3xl: 1.88rem;
  --font-size-4xl: 2rem;
  --font-size-5xl: 2.25rem;
  --font-size-6xl: 2.5rem;
  --font-lineheight-xxs: 1.12rem;
  --font-lineheight-xs: 1.31rem;
  --font-lineheight-sm: 1.5rem;
  --font-lineheight-md: 1.88rem;
  --font-lineheight-lg: 2.25rem;
  --font-lineheight-xl: 2.44rem;
  --font-lineheight-xxl: 2.62rem;
  --font-lineheight-3xl: 2.81rem;
  --font-lineheight-4xl: 3rem;
  --font-lineheight-5xl: 3.38rem;
  --font-lineheight-6xl: 3.75rem;
  --font-family-work-sans: Work Sans, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-display-lg-size: var(--font-size-xxl);
  --font-display-md-size: var(--font-size-xl);
  --font-display-sm-size: var(--font-size-lg);
  --font-display-lg-line-height: var(--font-lineheight-xxl);
  --font-display-md-line-height: var(--font-lineheight-xl);
  --font-display-sm-line-height: var(--font-lineheight-lg);
}
@media (min-width: 840px) {
  :root {
    --font-display-lg-size: var(--font-size-4xl);
    --font-display-md-size: var(--font-size-3xl);
    --font-display-sm-size: var(--font-size-xxl);
    --font-display-lg-line-height: var(--font-lineheight-4xl);
    --font-display-md-line-height: var(--font-lineheight-3xl);
    --font-display-sm-line-height: var(--font-lineheight-xxl);
  }
}
@media (min-width: 1280px) {
  :root {
    --font-display-lg-size: var(--font-size-6xl);
    --font-display-md-size: var(--font-size-5xl);
    --font-display-sm-size: var(--font-size-4xl);
    --font-display-lg-line-height: var(--font-lineheight-6xl);
    --font-display-md-line-height: var(--font-lineheight-5xl);
    --font-display-sm-line-height: var(--font-lineheight-4xl);
  }
}
:root {
  --color-action-fg-primary: var(--color-blue-800);
  --color-action-fg-secondary: var(--color-black);
  --color-action-fg-emphasis: var(--color-blue-800);
  --color-action-fg-inverted: var(--color-white);
  --color-action-fg-disabled: var(--color-grey-400);
  --color-action-fg-emphasis-inverted: var(--color-blue-200);
  --color-action-fg-inverted-permanent: var(--color-white);
  --color-action-fg-muted-inverted: var(--color-blue-200);
  --color-action-bg-disabled: var(--color-grey-100);
  --color-action-bg-default: var(--color-blue-800);
  --color-action-bg-default-hover: var(--color-blue-700);
  --color-action-bg-default-pressed: var(--color-blue-900);
  --color-action-bg-muted: var(--color-blue-100);
  --color-action-bg-muted-hover: var(--color-blue-50);
  --color-action-bg-muted-pressed: var(--color-blue-200);
  --color-action-bg-muted-help-hover: var(--color-blue-100);
  --color-action-bg-muted-help-pressed: var(--color-blue-200);
  --color-action-bg-muted-info-hover: var(--color-grey-200);
  --color-action-bg-muted-info-pressed: var(--color-grey-300);
  --color-action-bg-muted-warning-hover: var(--color-orange-100);
  --color-action-bg-muted-warning-pressed: var(--color-orange-200);
  --color-action-bg-muted-error-hover: var(--color-red-100);
  --color-action-bg-muted-error-pressed: var(--color-red-200);
  --color-action-bg-error: var(--color-red-700);
  --color-action-bg-error-hover: var(--color-red-800);
  --color-action-bg-error-pressed: var(--color-red-900);
  --color-action-bg-record: var(--color-red-600);
  --color-action-bg-inverted-hover: var(--color-grey-700);
  --color-action-bg-inverted-pressed: var(--color-grey-800);
  --color-action-border-emphasis: var(--color-blue-800);
  --color-action-border-muted: var(--color-grey-300);
  --color-action-border-disabled: var(--color-grey-200);
  --color-action-border-focus: var(--color-purple-500);
  --color-action-border-focus-frame: var(--color-white);
  --color-feedback-fg-help: var(--color-blue-700);
  --color-feedback-fg-help-inverted: var(--color-blue-300);
  --color-feedback-fg-info: var(--color-grey-700);
  --color-feedback-fg-disabled: var(--color-grey-500);
  --color-feedback-fg-neutral: var(--color-black);
  --color-feedback-fg-inverted: var(--color-white);
  --color-feedback-fg-inverted-permanent: var(--color-white);
  --color-feedback-fg-error: var(--color-red-700);
  --color-feedback-fg-error-inverted: var(--color-red-400);
  --color-feedback-fg-error-ondark: var(--color-red-700);
  --color-feedback-fg-warning: var(--color-orange-700);
  --color-feedback-fg-warning-inverted: var(--color-orange-400);
  --color-feedback-fg-warning-ondark: var(--color-orange-700);
  --color-feedback-fg-success: var(--color-green-800);
  --color-feedback-fg-success-inverted: var(--color-green-400);
  --color-feedback-fg-locking: var(--color-orange-700);
  --color-feedback-fg-teal: var(--color-teal-900);
  --color-feedback-fg-grey: var(--color-grey-800);
  --color-feedback-fg-purple: var(--color-purple-800);
  --color-feedback-fg-pink: var(--color-pink-800);
  --color-feedback-fg-lime: var(--color-lime-900);
  --color-feedback-bg-help: var(--color-blue-50);
  --color-feedback-bg-help-inverted: var(--color-blue-500);
  --color-feedback-bg-info: var(--color-grey-50);
  --color-feedback-bg-inverted: var(--color-grey-900);
  --color-feedback-bg-neutral: var(--color-white);
  --color-feedback-bg-error: var(--color-red-50);
  --color-feedback-bg-error-inverted: var(--color-red-800);
  --color-feedback-bg-warning: var(--color-orange-50);
  --color-feedback-bg-warning-inverted: var(--color-orange-700);
  --color-feedback-bg-success: var(--color-green-50);
  --color-feedback-bg-locking: var(--color-ochre-50);
  --color-feedback-bg-teal: var(--color-teal-50);
  --color-feedback-bg-grey: var(--color-grey-100);
  --color-feedback-bg-purple: var(--color-purple-50);
  --color-feedback-bg-pink: var(--color-pink-50);
  --color-feedback-bg-lime: var(--color-lime-50);
  --color-feedback-bg-loading: var(--color-blue-100);
  --color-feedback-border-default: var(--color-blue-200);
  --color-feedback-border-info: var(--color-grey-300);
  --color-feedback-border-locking: var(--color-ochre-200);
  --color-feedback-border-warning: var(--color-orange-200);
  --color-feedback-border-error: var(--color-red-200);
  --color-feedback-border-purple: var(--color-purple-200);
  --color-container-fg-default: var(--color-black);
  --color-container-fg-muted: var(--color-grey-500);
  --color-container-fg-inverted: var(--color-white);
  --color-container-fg-disabled: var(--color-grey-400);
  --color-container-fg-inverted-permanent: var(--color-white);
  --color-container-fg-default-permanent: var(--color-black);
  --color-container-fg-muted-permanent: var(--color-grey-500);
  --color-container-bg-default: var(--color-white);
  --color-container-bg-default-permanent: var(--color-white);
  --color-container-bg-inverted-permanent: var(--color-black);
  --color-container-bg-lowemphasis: var(--color-white);
  --color-container-bg-emphasis: var(--color-grey-100);
  --color-container-bg-emphasis-permanent: var(--color-grey-100);
  --color-container-bg-shading: rgba(0, 0, 0, 0.4);
  --color-container-bg-elevation: rgba(0, 0, 0, 0.12);
  --color-container-bg-gradient-top: var(--color-blue-0);
  --color-container-bg-gradient-bottom: var(--color-white);
  --color-container-border-default: var(--color-grey-300);
  --color-container-border-default-permanent: var(--color-grey-300);
  --color-container-border-inverted: var(--color-grey-600);
  --color-container-border-lowemphasis: var(--color-grey-200);
  --color-container-border-highemphasis-permanent: var(--color-black);
  --color-input-border-highemphasis: var(--color-grey-700);
  --color-input-border-default: var(--color-grey-300);
  --color-input-border-disabled: var(--color-grey-200);
  --color-input-border-active: var(--color-blue-500);
  --color-input-bg-default: var(--color-white);
  --color-input-bg-disabled: var(--color-grey-50);
  --color-input-bg-default-hover: var(--color-grey-50);
  --color-input-bg-default-emphasis: var(--color-blue-50);
  --color-input-bg-default-pressed: var(--color-blue-100);
  --color-input-bg-selected: var(--color-blue-50);
  --color-interactive-fg-active-permanent: var(--color-white);
  --color-interactive-fg-active-disabled: var(--color-white);
  --color-interactive-fg-active-hover: var(--color-grey-100);
  --color-interactive-fg-inactive: var(--color-white);
  --color-interactive-fg-inactive-disabled: var(--color-white);
  --color-interactive-fg-selected: var(--color-blue-600);
  --color-interactive-fg-active: var(--color-blue-600);
  --color-interactive-bg-selected: var(--color-blue-600);
  --color-interactive-bg-selected-hover: var(--color-blue-400);
  --color-interactive-bg-selected-pressed: var(--color-blue-700);
  --color-interactive-bg-selected-disabled: var(--color-blue-200);
  --color-interactive-bg-unselected-default: var(--color-grey-500);
  --color-interactive-bg-unselected-hover: var(--color-grey-400);
  --color-interactive-bg-unselected-pressed: var(--color-grey-600);
  --color-interactive-bg-unselected-disabled: var(--color-grey-200);
  --color-interactive-bg-emphasis-ondark: var(--color-blue-500);
  --color-interactive-bg-disabled: var(--color-grey-50);
  --color-interactive-bg-marked: var(--color-blue-100);
  --color-interactive-bg-marked-hover: var(--color-blue-200);
  --color-interactive-border-default: var(--color-grey-400);
  --color-interactive-border-active: var(--color-blue-500);
  --color-interactive-border-pressed: var(--color-blue-600);
  --color-interactive-border-disabled: var(--color-grey-200);
  --color-charts-high-emphasis: var(--color-blue-800);
  --color-charts-medium-emphasis: var(--color-blue-600);
  --color-charts-low-emphasis: var(--color-blue-400);
}
.dark {
  --color-action-fg-primary: var(--color-white);
  --color-action-fg-secondary: var(--color-white);
  --color-action-fg-emphasis: var(--color-blue-200);
  --color-action-fg-inverted: var(--color-blue-1000);
  --color-action-fg-disabled: var(--color-grey-500);
  --color-action-fg-emphasis-inverted: var(--color-blue-800);
  --color-action-fg-inverted-permanent: var(--color-white);
  --color-action-fg-muted-inverted: var(--color-black);
  --color-action-bg-disabled: var(--color-grey-800);
  --color-action-bg-default: var(--color-blue-300);
  --color-action-bg-default-hover: var(--color-blue-200);
  --color-action-bg-default-pressed: var(--color-blue-400);
  --color-action-bg-muted: var(--color-dark-night-200);
  --color-action-bg-muted-hover: var(--color-dark-night-100);
  --color-action-bg-muted-pressed: var(--color-dark-night-300);
  --color-action-bg-muted-help-hover: var(--color-blue-800);
  --color-action-bg-muted-help-pressed: var(--color-blue-900);
  --color-action-bg-muted-info-hover: var(--color-grey-700);
  --color-action-bg-muted-info-pressed: var(--color-grey-900);
  --color-action-bg-muted-warning-hover: var(--color-orange-800);
  --color-action-bg-muted-warning-pressed: var(--color-orange-900);
  --color-action-bg-muted-error-hover: var(--color-red-800);
  --color-action-bg-muted-error-pressed: var(--color-red-900);
  --color-action-bg-error: var(--color-red-700);
  --color-action-bg-error-hover: var(--color-red-800);
  --color-action-bg-error-pressed: var(--color-red-900);
  --color-action-bg-record: var(--color-red-600);
  --color-action-bg-inverted-hover: var(--color-grey-100);
  --color-action-bg-inverted-pressed: var(--color-grey-200);
  --color-action-border-emphasis: var(--color-blue-200);
  --color-action-border-muted: var(--color-grey-500);
  --color-action-border-disabled: var(--color-grey-700);
  --color-action-border-focus: var(--color-purple-400);
  --color-action-border-focus-frame: var(--color-grey-900);
  --color-feedback-fg-help: var(--color-blue-200);
  --color-feedback-fg-help-inverted: var(--color-blue-600);
  --color-feedback-fg-info: var(--color-grey-100);
  --color-feedback-fg-disabled: var(--color-grey-400);
  --color-feedback-fg-neutral: var(--color-white);
  --color-feedback-fg-inverted: var(--color-black);
  --color-feedback-fg-inverted-permanent: var(--color-white);
  --color-feedback-fg-error: var(--color-red-400);
  --color-feedback-fg-error-inverted: var(--color-red-600);
  --color-feedback-fg-error-ondark: var(--color-red-200);
  --color-feedback-fg-warning: var(--color-orange-300);
  --color-feedback-fg-warning-inverted: var(--color-orange-600);
  --color-feedback-fg-warning-ondark: var(--color-orange-200);
  --color-feedback-fg-success: var(--color-green-400);
  --color-feedback-fg-success-inverted: var(--color-green-600);
  --color-feedback-fg-locking: var(--color-ochre-200);
  --color-feedback-fg-teal: var(--color-teal-200);
  --color-feedback-fg-grey: var(--color-grey-200);
  --color-feedback-fg-purple: var(--color-purple-200);
  --color-feedback-fg-pink: var(--color-pink-200);
  --color-feedback-fg-lime: var(--color-lime-200);
  --color-feedback-bg-help: var(--color-dark-blue);
  --color-feedback-bg-help-inverted: var(--color-blue-500);
  --color-feedback-bg-info: var(--color-grey-800);
  --color-feedback-bg-inverted: var(--color-grey-50);
  --color-feedback-bg-neutral: var(--color-grey-1000);
  --color-feedback-bg-error: var(--color-dark-red);
  --color-feedback-bg-error-inverted: var(--color-red-400);
  --color-feedback-bg-warning: var(--color-dark-orange);
  --color-feedback-bg-warning-inverted: var(--color-orange-400);
  --color-feedback-bg-success: var(--color-dark-green);
  --color-feedback-bg-locking: var(--color-dark-ochre);
  --color-feedback-bg-teal: var(--color-dark-teal);
  --color-feedback-bg-grey: var(--color-dark-grey);
  --color-feedback-bg-purple: var(--color-dark-purple);
  --color-feedback-bg-pink: var(--color-dark-pink);
  --color-feedback-bg-lime: var(--color-dark-lime);
  --color-feedback-bg-loading: var(--color-grey-800);
  --color-feedback-border-default: var(--color-blue-600);
  --color-feedback-border-info: var(--color-grey-600);
  --color-feedback-border-locking: var(--color-ochre-500);
  --color-feedback-border-warning: var(--color-orange-800);
  --color-feedback-border-error: var(--color-red-800);
  --color-feedback-border-purple: var(--color-purple-800);
  --color-container-fg-default: var(--color-white);
  --color-container-fg-muted: var(--color-grey-400);
  --color-container-fg-inverted: var(--color-black);
  --color-container-fg-disabled: var(--color-grey-500);
  --color-container-fg-inverted-permanent: var(--color-white);
  --color-container-fg-default-permanent: var(--color-black);
  --color-container-fg-muted-permanent: var(--color-grey-500);
  --color-container-bg-default: var(--color-grey-900);
  --color-container-bg-default-permanent: var(--color-white);
  --color-container-bg-inverted-permanent: var(--color-black);
  --color-container-bg-lowemphasis: var(--color-grey-800);
  --color-container-bg-emphasis: var(--color-grey-1000);
  --color-container-bg-emphasis-permanent: var(--color-grey-100);
  --color-container-bg-shading: rgba(0, 0, 0, 0.7);
  --color-container-bg-elevation: rgba(0, 0, 0, 0.4);
  --color-container-bg-gradient-top: var(--color-blue-1000);
  --color-container-bg-gradient-bottom: var(--color-grey-900);
  --color-container-border-default: var(--color-grey-600);
  --color-container-border-default-permanent: var(--color-grey-300);
  --color-container-border-inverted: var(--color-grey-300);
  --color-container-border-lowemphasis: var(--color-grey-700);
  --color-container-border-highemphasis-permanent: var(--color-black);
  --color-input-border-highemphasis: var(--color-grey-300);
  --color-input-border-default: var(--color-grey-600);
  --color-input-border-disabled: var(--color-grey-700);
  --color-input-border-active: var(--color-blue-400);
  --color-input-bg-default: var(--color-grey-800);
  --color-input-bg-disabled: var(--color-grey-1000);
  --color-input-bg-default-hover: var(--color-grey-700);
  --color-input-bg-default-emphasis: var(--color-grey-700);
  --color-input-bg-default-pressed: var(--color-blue-900);
  --color-input-bg-selected: var(--color-blue-900);
  --color-interactive-fg-active-permanent: var(--color-white);
  --color-interactive-fg-active-disabled: var(--color-blue-600);
  --color-interactive-fg-active-hover: var(--color-grey-300);
  --color-interactive-fg-inactive: var(--color-grey-300);
  --color-interactive-fg-inactive-disabled: var(--color-grey-600);
  --color-interactive-fg-selected: var(--color-blue-400);
  --color-interactive-fg-active: var(--color-blue-200);
  --color-interactive-bg-selected: var(--color-blue-400);
  --color-interactive-bg-selected-hover: var(--color-blue-300);
  --color-interactive-bg-selected-pressed: var(--color-blue-500);
  --color-interactive-bg-selected-disabled: var(--color-blue-800);
  --color-interactive-bg-unselected-default: var(--color-grey-500);
  --color-interactive-bg-unselected-hover: var(--color-grey-400);
  --color-interactive-bg-unselected-pressed: var(--color-grey-600);
  --color-interactive-bg-unselected-disabled: var(--color-grey-700);
  --color-interactive-bg-emphasis-ondark: var(--color-blue-400);
  --color-interactive-bg-disabled: var(--color-grey-900);
  --color-interactive-bg-marked: var(--color-blue-900);
  --color-interactive-bg-marked-hover: var(--color-blue-800);
  --color-interactive-border-default: var(--color-grey-500);
  --color-interactive-border-active: var(--color-blue-300);
  --color-interactive-border-pressed: var(--color-blue-500);
  --color-interactive-border-disabled: var(--color-grey-700);
  --color-charts-high-emphasis: var(--color-blue-400);
  --color-charts-medium-emphasis: var(--color-blue-300);
  --color-charts-low-emphasis: var(--color-blue-200);
}
:root {
  --component-container-margin: 1rem;
  --component-container-gutter: 0.75rem;
  --component-container-padding-height: 1rem;
  --component-container-padding-width: 0.5rem;
  --component-container-space-small: 1rem;
  --component-container-space-medium: 1.5rem;
  --component-container-indentation: 0.5rem;
  --component-container-forms: 0;
  --component-container-small-min-width: 20.5rem;
  --component-container-small-max-width: 35.4375rem;
  --component-container-medium-min-width: 20.5rem;
  --component-container-medium-max-width: 35.4375rem;
  --screen-content-max-width: 22.5rem;
  --screen-side-navigation: 0;
}
@media (min-width: 37.5rem) {
  :root {
    --component-container-small-min-width: 35.5rem;
    --component-container-small-max-width: 50.4375rem;
    --component-container-medium-min-width: 35.5rem;
    --component-container-medium-max-width: 50.4375rem;
    --screen-content-max-width: 37.5rem;
  }
}
@media (min-width: 52.5rem) {
  :root {
    --component-container-gutter: 1rem;
    --component-container-margin: 1.5rem;
    --component-container-small-min-width: 24.25rem;
    --component-container-small-max-width: 37.9375rem;
    --component-container-medium-min-width: 24.25rem;
    --component-container-medium-max-width: 37.9375rem;
    --screen-content-max-width: 52.5rem;
  }
}
@media (min-width: 80rem) {
  :root {
    --component-container-small-min-width: 19.5rem;
    --component-container-small-max-width: 23.1875rem;
    --component-container-medium-min-width: 40.125rem;
    --component-container-medium-max-width: 46.375rem;
    --screen-content-max-width: 80rem;
    --screen-side-navigation: 1;
  }
}
@media (min-width: 90rem) {
  :root {
    --component-container-margin: 2rem;
    --component-container-gutter: 1.5rem;
    --component-container-padding-height: 1.5rem;
    --component-container-padding-width: 1rem;
    --component-container-small-min-width: 22.25rem;
    --component-container-small-max-width: 26.0625rem;
    --component-container-medium-min-width: 45.875rem;
    --component-container-medium-max-width: 52rem;
    --screen-content-max-width: 90rem;
  }
}
@media (min-width: 100rem) {
  :root {
    --component-container-small-min-width: 25.625rem;
    --component-container-small-max-width: 25.625rem;
    --component-container-medium-min-width: 52.5rem;
    --component-container-medium-max-width: 52.5rem;
  }
}
:root {
  --elevation-floating: 0 4px 12px 0 var(--color-container-bg-elevation);
}
:root .dark {
  --elevation-floating: 0 4px 12px 0 var(--color-container-bg-elevation);
}
:root {
  --gradient-background:
    linear-gradient(
      
      180deg,
      var(--color-blue-100) 20%,
      var(--color-white) 100% );
  --gradient-200:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-600) 0%,
      var(--gradient-primary-400) 100% );
  --gradient-500:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-800) 0%,
      var(--gradient-primary-600) 100% );
  --gradient-800:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-900) 0%,
      var(--gradient-primary-800) 100% );
}
:root .dark {
  --gradient-background:
    linear-gradient(
      
      180deg,
      var(--color-blue-1000) 20%,
      var(--color-grey-900) 100% );
  --gradient-200:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-900) 0%,
      var(--gradient-primary-800) 100% );
  --gradient-500:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-800) 0%,
      var(--gradient-primary-600) 100% );
  --gradient-800:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-600) 0%,
      var(--gradient-primary-400) 100% );
}
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-7xl: 80rem;
    --color-action-fg-primary: var(--color-action-fg-primary);
    --color-action-fg-secondary: var(--color-action-fg-secondary);
    --color-action-fg-emphasis: var(--color-action-fg-emphasis);
    --color-action-fg-inverted: var(--color-action-fg-inverted);
    --color-action-fg-disabled: var(--color-action-fg-disabled);
    --color-action-fg-emphasis-inverted: var(--color-action-fg-emphasis-inverted);
    --color-action-fg-inverted-permanent: var(--color-action-fg-inverted-permanent);
    --color-action-fg-muted-inverted: var(--color-action-fg-muted-inverted);
    --color-action-bg-disabled: var(--color-action-bg-disabled);
    --color-action-bg-default: var(--color-action-bg-default);
    --color-action-bg-default-hover: var(--color-action-bg-default-hover);
    --color-action-bg-default-pressed: var(--color-action-bg-default-pressed);
    --color-action-bg-muted: var(--color-action-bg-muted);
    --color-action-bg-muted-hover: var(--color-action-bg-muted-hover);
    --color-action-bg-muted-pressed: var(--color-action-bg-muted-pressed);
    --color-action-bg-error: var(--color-action-bg-error);
    --color-action-bg-error-hover: var(--color-action-bg-error-hover);
    --color-action-bg-error-pressed: var(--color-action-bg-error-pressed);
    --color-action-bg-record: var(--color-action-bg-record);
    --color-action-bg-inverted-hover: var(--color-action-bg-inverted-hover);
    --color-action-bg-inverted-pressed: var(--color-action-bg-inverted-pressed);
    --color-action-border-emphasis: var(--color-action-border-emphasis);
    --color-action-border-muted: var(--color-action-border-muted);
    --color-action-border-disabled: var(--color-action-border-disabled);
    --color-action-border-focus: var(--color-action-border-focus);
    --color-action-border-focus-frame: var(--color-action-border-focus-frame);
    --color-feedback-fg-help: var(--color-feedback-fg-help);
    --color-feedback-fg-help-inverted: var(--color-feedback-fg-help-inverted);
    --color-feedback-fg-info: var(--color-feedback-fg-info);
    --color-feedback-fg-disabled: var(--color-feedback-fg-disabled);
    --color-feedback-fg-neutral: var(--color-feedback-fg-neutral);
    --color-feedback-fg-inverted: var(--color-feedback-fg-inverted);
    --color-feedback-fg-inverted-permanent: var(--color-feedback-fg-inverted-permanent);
    --color-feedback-fg-error: var(--color-feedback-fg-error);
    --color-feedback-fg-error-inverted: var(--color-feedback-fg-error-inverted);
    --color-feedback-fg-error-ondark: var(--color-feedback-fg-error-ondark);
    --color-feedback-fg-warning: var(--color-feedback-fg-warning);
    --color-feedback-fg-warning-inverted: var(--color-feedback-fg-warning-inverted);
    --color-feedback-fg-warning-ondark: var(--color-feedback-fg-warning-ondark);
    --color-feedback-fg-success: var(--color-feedback-fg-success);
    --color-feedback-fg-success-inverted: var(--color-feedback-fg-success-inverted);
    --color-feedback-fg-locking: var(--color-feedback-fg-locking);
    --color-feedback-fg-teal: var(--color-feedback-fg-teal);
    --color-feedback-fg-grey: var(--color-feedback-fg-grey);
    --color-feedback-fg-purple: var(--color-feedback-fg-purple);
    --color-feedback-fg-pink: var(--color-feedback-fg-pink);
    --color-feedback-fg-lime: var(--color-feedback-fg-lime);
    --color-feedback-bg-help: var(--color-feedback-bg-help);
    --color-feedback-bg-help-inverted: var(--color-feedback-bg-help-inverted);
    --color-feedback-bg-info: var(--color-feedback-bg-info);
    --color-feedback-bg-inverted: var(--color-feedback-bg-inverted);
    --color-feedback-bg-neutral: var(--color-feedback-bg-neutral);
    --color-feedback-bg-error: var(--color-feedback-bg-error);
    --color-feedback-bg-error-inverted: var(--color-feedback-bg-error-inverted);
    --color-feedback-bg-warning: var(--color-feedback-bg-warning);
    --color-feedback-bg-warning-inverted: var(--color-feedback-bg-warning-inverted);
    --color-feedback-bg-success: var(--color-feedback-bg-success);
    --color-feedback-bg-locking: var(--color-feedback-bg-locking);
    --color-feedback-bg-teal: var(--color-feedback-bg-teal);
    --color-feedback-bg-grey: var(--color-feedback-bg-grey);
    --color-feedback-bg-purple: var(--color-feedback-bg-purple);
    --color-feedback-bg-pink: var(--color-feedback-bg-pink);
    --color-feedback-bg-lime: var(--color-feedback-bg-lime);
    --color-feedback-border-default: var(--color-feedback-border-default);
    --color-feedback-border-info: var(--color-feedback-border-info);
    --color-feedback-border-locking: var(--color-feedback-border-locking);
    --color-feedback-border-warning: var(--color-feedback-border-warning);
    --color-feedback-border-error: var(--color-feedback-border-error);
    --color-container-fg-default: var(--color-container-fg-default);
    --color-container-fg-muted: var(--color-container-fg-muted);
    --color-container-fg-inverted: var(--color-container-fg-inverted);
    --color-container-fg-disabled: var(--color-container-fg-disabled);
    --color-container-fg-inverted-permanent: var(--color-container-fg-inverted-permanent);
    --color-container-fg-default-permanent: var(--color-container-fg-default-permanent);
    --color-container-fg-muted-permanent: var(--color-container-fg-muted-permanent);
    --color-container-bg-default: var(--color-container-bg-default);
    --color-container-bg-default-permanent: var(--color-container-bg-default-permanent);
    --color-container-bg-lowemphasis: var(--color-container-bg-lowemphasis);
    --color-container-bg-emphasis: var(--color-container-bg-emphasis);
    --color-container-bg-emphasis-permanent: var(--color-container-bg-emphasis-permanent);
    --color-container-bg-shading: var(--color-container-bg-shading);
    --color-container-bg-gradient-top: var(--color-container-bg-gradient-top);
    --color-container-bg-gradient-bottom: var(--color-container-bg-gradient-bottom);
    --color-container-border-default: var(--color-container-border-default);
    --color-container-border-default-permanent: var(--color-container-border-default-permanent);
    --color-container-border-inverted: var(--color-container-border-inverted);
    --color-container-border-lowemphasis: var(--color-container-border-lowemphasis);
    --color-container-border-highemphasis-permanent: var( --color-container-border-highemphasis-permanent );
    --color-input-border-highemphasis: var(--color-input-border-highemphasis);
    --color-input-border-default: var(--color-input-border-default);
    --color-input-border-disabled: var(--color-input-border-disabled);
    --color-input-border-active: var(--color-input-border-active);
    --color-input-bg-default: var(--color-input-bg-default);
    --color-input-bg-disabled: var(--color-input-bg-disabled);
    --color-input-bg-default-hover: var(--color-input-bg-default-hover);
    --color-input-bg-default-emphasis: var(--color-input-bg-default-emphasis);
    --color-input-bg-default-pressed: var(--color-input-bg-default-pressed);
    --color-input-bg-selected: var(--color-input-bg-selected);
    --color-interactive-fg-active-permanent: var(--color-interactive-fg-active-permanent);
    --color-interactive-fg-active-disabled: var(--color-interactive-fg-active-disabled);
    --color-interactive-fg-active-hover: var(--color-interactive-fg-active-hover);
    --color-interactive-fg-inactive: var(--color-interactive-fg-inactive);
    --color-interactive-fg-inactive-disabled: var(--color-interactive-fg-inactive-disabled);
    --color-interactive-fg-selected: var(--color-interactive-fg-selected);
    --color-interactive-fg-active: var(--color-interactive-fg-active);
    --color-interactive-bg-selected: var(--color-interactive-bg-selected);
    --color-interactive-bg-selected-hover: var(--color-interactive-bg-selected-hover);
    --color-interactive-bg-selected-pressed: var(--color-interactive-bg-selected-pressed);
    --color-interactive-bg-selected-disabled: var(--color-interactive-bg-selected-disabled);
    --color-interactive-bg-unselected-default: var(--color-interactive-bg-unselected-default);
    --color-interactive-bg-unselected-hover: var(--color-interactive-bg-unselected-hover);
    --color-interactive-bg-unselected-pressed: var(--color-interactive-bg-unselected-pressed);
    --color-interactive-bg-unselected-disabled: var(--color-interactive-bg-unselected-disabled);
    --color-interactive-bg-emphasis-ondark: var(--color-interactive-bg-emphasis-ondark);
    --color-interactive-bg-disabled: var(--color-interactive-bg-disabled);
    --color-interactive-bg-marked: var(--color-interactive-bg-marked);
    --color-interactive-bg-marked-hover: var(--color-interactive-bg-marked-hover);
    --color-interactive-border-default: var(--color-interactive-border-default);
    --color-interactive-border-active: var(--color-interactive-border-active);
    --color-interactive-border-disabled: var(--color-interactive-border-disabled);
    --gradient-200: var(--gradient-200);
    --gradient-500: var(--gradient-500);
    --gradient-800: var(--gradient-800);
    --font-size-xxs: var(--font-size-xxs);
    --font-size-xs: var(--font-size-xs);
    --font-size-sm: var(--font-size-sm);
    --font-size-md: var(--font-size-md);
    --font-size-lg: var(--font-size-lg);
    --font-size-xl: var(--font-size-xl);
    --font-size-2xl: var(--font-size-2xl);
    --font-size-3xl: var(--font-size-3xl);
    --font-size-4xl: var(--font-size-4xl);
    --font-size-5xl: var(--font-size-5xl);
    --font-size-6xl: var(--font-size-6xl);
    --font-weight-regular: var(--font-weight-regular);
    --font-weight-medium: var(--font-weight-medium);
    --font-weight-semibold: var(--font-weight-semibold);
    --radius-050: var(--radius-050);
    --radius-075: var(--radius-075);
    --radius-150: var(--radius-150);
    --radius-200: var(--radius-200);
    --radius-round: var(--radius-round);
    --text-headline-lg: var(--font-size-xxl);
    --text-headline-md: var(--font-size-lg);
    --text-headline-md--lineheight: var(--font-lineheight-lg);
    --text-headline-sm: var(--font-size-md);
    --text-headline-sm--lineheight: var(--font-lineheight-md);
    --text-body-lg--lineheight: var(--font-lineheight-sm);
    --text-body-md: var(--font-size-xs);
    --text-body-md--lineheight: var(--font-lineheight-xs);
    --text-label-lg: var(--font-size-sm);
    --text-label-lg--lineheight: var(--font-lineheight-sm);
    --text-label-md: var(--font-size-xs);
    --text-label-md--lineheight: var(--font-lineheight-xs);
    --text-label-sm: var(--font-size-xxs);
    --text-label-sm--lineheight: var(--font-lineheight-xxs);
    --breakpoint-sm: var(--breakpoint-sm);
    --breakpoint-md: var(--breakpoint-md);
    --breakpoint-lg: var(--breakpoint-lg);
    --breakpoint-landscape: var(--breakpoint-landscape);
    --breakpoint-xl: var(--breakpoint-xl);
    --breakpoint-xxl: var(--breakpoint-xxl);
    --breakpoint-3xl: var(--breakpoint-3xl);
    --spacing-025-rem: var(--spacing-025-rem);
    --spacing-050-rem: var(--spacing-050-rem);
    --spacing-075-rem: var(--spacing-075-rem);
    --spacing-100-rem: var(--spacing-100-rem);
    --spacing-150-rem: var(--spacing-150-rem);
    --spacing-200-rem: var(--spacing-200-rem);
    --spacing-250-rem: var(--spacing-250-rem);
    --spacing-300-rem: var(--spacing-300-rem);
    --spacing-350-rem: var(--spacing-350-rem);
    --spacing-400-rem: var(--spacing-400-rem);
    --spacing-800-rem: var(--spacing-800-rem);
    --spacing-1600-rem: var(--spacing-1600-rem);
    --spacing-025-em: var(--spacing-025-em);
    --spacing-050-em: var(--spacing-050-em);
    --spacing-075-em: var(--spacing-075-em);
    --spacing-100-em: var(--spacing-100-em);
    --spacing-150-em: var(--spacing-150-em);
    --spacing-200-em: var(--spacing-200-em);
    --spacing-250-em: var(--spacing-250-em);
    --spacing-300-em: var(--spacing-300-em);
    --spacing-350-em: var(--spacing-350-em);
    --spacing-400-em: var(--spacing-400-em);
    --spacing-800-em: var(--spacing-800-em);
    --spacing-1600-em: var(--spacing-1600-em);
    --icon-075: var(--icon-075);
    --icon-100: var(--icon-100);
    --icon-150: var(--icon-150);
    --icon-250: var(--icon-250);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .-right-200-rem {
    right: calc(var(--spacing-200-rem) * -1);
  }
  .-bottom-200-rem {
    bottom: calc(var(--spacing-200-rem) * -1);
  }
  .-bottom-\[30px\] {
    bottom: calc(30px * -1);
  }
  .-bottom-\[50px\] {
    bottom: calc(50px * -1);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-\[20px\] {
    left: 20px;
  }
  .z-10 {
    z-index: 10;
  }
  .container {
    width: 100%;
  }
  @media (width >= var(--breakpoint-3xl)) {
    .container {
      max-width: var(--breakpoint-3xl);
    }
  }
  @media (width >= var(--breakpoint-landscape)) {
    .container {
      max-width: var(--breakpoint-landscape);
    }
  }
  @media (width >= var(--breakpoint-lg)) {
    .container {
      max-width: var(--breakpoint-lg);
    }
  }
  @media (width >= var(--breakpoint-md)) {
    .container {
      max-width: var(--breakpoint-md);
    }
  }
  @media (width >= var(--breakpoint-sm)) {
    .container {
      max-width: var(--breakpoint-sm);
    }
  }
  @media (width >= var(--breakpoint-xl)) {
    .container {
      max-width: var(--breakpoint-xl);
    }
  }
  @media (width >= var(--breakpoint-xxl)) {
    .container {
      max-width: var(--breakpoint-xxl);
    }
  }
  .m-auto {
    margin: auto;
  }
  .mx-200-rem {
    margin-inline: var(--spacing-200-rem);
  }
  .mx-300-rem {
    margin-inline: var(--spacing-300-rem);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-050-rem {
    margin-block: var(--spacing-050-rem);
  }
  .my-100-rem {
    margin-block: var(--spacing-100-rem);
  }
  .my-auto {
    margin-block: auto;
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-025-em {
    margin-top: var(--spacing-025-em);
  }
  .mt-025-rem {
    margin-top: var(--spacing-025-rem);
  }
  .mt-050-em {
    margin-top: var(--spacing-050-em);
  }
  .mt-050-rem {
    margin-top: var(--spacing-050-rem);
  }
  .mt-075-rem {
    margin-top: var(--spacing-075-rem);
  }
  .mt-100-em {
    margin-top: var(--spacing-100-em);
  }
  .mt-100-rem {
    margin-top: var(--spacing-100-rem);
  }
  .mt-150-em {
    margin-top: var(--spacing-150-em);
  }
  .mt-150-rem {
    margin-top: var(--spacing-150-rem);
  }
  .mt-300-rem {
    margin-top: var(--spacing-300-rem);
  }
  .mt-350-rem {
    margin-top: var(--spacing-350-rem);
  }
  .mt-400-rem {
    margin-top: var(--spacing-400-rem);
  }
  .mt-\[24px\] {
    margin-top: 24px;
  }
  .mt-\[70px\] {
    margin-top: 70px;
  }
  .-mr-100-rem {
    margin-right: calc(var(--spacing-100-rem) * -1);
  }
  .mr-075-rem {
    margin-right: var(--spacing-075-rem);
  }
  .mb-050-rem {
    margin-bottom: var(--spacing-050-rem);
  }
  .mb-100-rem {
    margin-bottom: var(--spacing-100-rem);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-200-rem {
    margin-left: var(--spacing-200-rem);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-250-rem {
    height: var(--spacing-250-rem);
  }
  .h-300-rem {
    height: var(--spacing-300-rem);
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .size-font-size-3xl {
    width: var(--font-size-3xl);
  }
  .size-font-weight-regular {
    width: var(--font-weight-regular);
  }
  .w-4xl {
    width: var(--container-4xl);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-180 {
    width: calc(var(--spacing) * 180);
  }
  .w-250-rem {
    width: var(--spacing-250-rem);
  }
  .w-300-rem {
    width: var(--spacing-300-rem);
  }
  .w-\[440px\] {
    width: 440px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-lg {
    width: var(--container-lg);
  }
  .w-md {
    width: var(--container-md);
  }
  .w-sm {
    width: var(--container-sm);
  }
  .w-xl {
    width: var(--container-xl);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }
  .max-w-114 {
    max-width: calc(var(--spacing) * 114);
  }
  .max-w-177\.5 {
    max-width: calc(var(--spacing) * 177.5);
  }
  .max-w-236\.5 {
    max-width: calc(var(--spacing) * 236.5);
  }
  .max-w-\[33rem\] {
    max-width: 33rem;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[456px\] {
    max-width: 456px;
  }
  .max-w-\[846px\] {
    max-width: 846px;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-\[19\.5rem\] {
    min-width: 19.5rem;
  }
  .flex-1 {
    flex: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .content-center {
    align-content: center;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-025-em {
    gap: var(--spacing-025-em);
  }
  .gap-025-rem {
    gap: var(--spacing-025-rem);
  }
  .gap-050-em {
    gap: var(--spacing-050-em);
  }
  .gap-050-rem {
    gap: var(--spacing-050-rem);
  }
  .gap-075-rem {
    gap: var(--spacing-075-rem);
  }
  .gap-100-em {
    gap: var(--spacing-100-em);
  }
  .gap-150-rem {
    gap: var(--spacing-150-rem);
  }
  .gap-200-rem {
    gap: var(--spacing-200-rem);
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  :where(.space-y-025-rem > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-025-rem) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-025-rem) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-050-rem > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-050-rem) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-050-rem) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-075-em > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-075-em) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-075-em) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-100-em > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-100-em) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-100-em) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-100-rem > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-100-rem) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-100-rem) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-200-rem > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-200-rem) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-200-rem) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-025-rem {
    column-gap: var(--spacing-025-rem);
  }
  :where(.space-x-050-em > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-050-em) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-050-em) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-150-em > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-150-em) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-150-em) * calc(1 - var(--tw-space-x-reverse)));
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .rounded-050 {
    border-radius: var(--radius-050);
  }
  .rounded-075 {
    border-radius: var(--radius-075);
  }
  .rounded-150 {
    border-radius: var(--radius-150);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-action-bg-muted {
    border-color: var(--color-action-bg-muted);
  }
  .border-container-border-default {
    border-color: var(--color-container-border-default);
  }
  .border-feedback-border-default {
    border-color: var(--color-feedback-border-default);
  }
  .border-feedback-border-locking {
    border-color: var(--color-feedback-border-locking);
  }
  .border-feedback-fg-error {
    border-color: var(--color-feedback-fg-error);
  }
  .border-input-border-default {
    border-color: var(--color-input-border-default);
  }
  .bg-\[\#f7f9ff\] {
    background-color: #f7f9ff;
  }
  .bg-\[\#fff\] {
    background-color: #fff;
  }
  .bg-action-bg-default {
    background-color: var(--color-action-bg-default);
  }
  .bg-action-bg-disabled {
    background-color: var(--color-action-bg-disabled);
  }
  .bg-action-bg-error\! {
    background-color: var(--color-action-bg-error) !important;
  }
  .bg-action-bg-muted {
    background-color: var(--color-action-bg-muted);
  }
  .bg-container-bg-default {
    background-color: var(--color-container-bg-default);
  }
  .bg-feedback-bg-help {
    background-color: var(--color-feedback-bg-help);
  }
  .bg-feedback-bg-locking {
    background-color: var(--color-feedback-bg-locking);
  }
  .bg-feedback-bg-purple {
    background-color: var(--color-feedback-bg-purple);
  }
  .p-075-rem {
    padding: var(--spacing-075-rem);
  }
  .p-100-rem {
    padding: var(--spacing-100-rem);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-025-rem {
    padding-inline: var(--spacing-025-rem);
  }
  .px-050-rem {
    padding-inline: var(--spacing-050-rem);
  }
  .px-075-em {
    padding-inline: var(--spacing-075-em);
  }
  .px-075-rem {
    padding-inline: var(--spacing-075-rem);
  }
  .px-150-em {
    padding-inline: var(--spacing-150-em);
  }
  .px-150-rem {
    padding-inline: var(--spacing-150-rem);
  }
  .px-200-rem {
    padding-inline: var(--spacing-200-rem);
  }
  .px-250-rem {
    padding-inline: var(--spacing-250-rem);
  }
  .px-300-rem {
    padding-inline: var(--spacing-300-rem);
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-025-rem {
    padding-block: var(--spacing-025-rem);
  }
  .py-050-em {
    padding-block: var(--spacing-050-em);
  }
  .py-075-rem {
    padding-block: var(--spacing-075-rem);
  }
  .py-100-em {
    padding-block: var(--spacing-100-em);
  }
  .py-100-rem {
    padding-block: var(--spacing-100-rem);
  }
  .py-150-rem {
    padding-block: var(--spacing-150-rem);
  }
  .py-200-rem {
    padding-block: var(--spacing-200-rem);
  }
  .py-250-rem {
    padding-block: var(--spacing-250-rem);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-025-rem {
    padding-top: var(--spacing-025-rem);
  }
  .pt-100-em {
    padding-top: var(--spacing-100-em);
  }
  .pt-100-rem {
    padding-top: var(--spacing-100-rem);
  }
  .pt-150-rem {
    padding-top: var(--spacing-150-rem);
  }
  .pb-025-em {
    padding-bottom: var(--spacing-025-em);
  }
  .pb-025-rem {
    padding-bottom: var(--spacing-025-rem);
  }
  .pb-050-rem {
    padding-bottom: var(--spacing-050-rem);
  }
  .pb-075-rem {
    padding-bottom: var(--spacing-075-rem);
  }
  .pb-100-rem {
    padding-bottom: var(--spacing-100-rem);
  }
  .pb-200-rem {
    padding-bottom: var(--spacing-200-rem);
  }
  .text-center {
    text-align: center;
  }
  .align-middle {
    vertical-align: middle;
  }
  .text-body-lg-weight-medium {
    font-size: var(--text-body-md);
    line-height: var(--text-body-lg--lineheight);
    font-weight: var(--font-weight-medium);
  }
  .text-body-lg-weight-regular {
    font-size: var(--text-body-md);
    line-height: var(--text-body-lg--lineheight);
    font-weight: var(--font-weight-regular);
  }
  .text-body-md-weight-regular {
    font-size: var(--text-body-md);
    line-height: var(--text-body-md--lineheight);
    font-weight: var(--font-weight-regular);
  }
  .text-headline-lg-weight-regular {
    font-size: var(--text-headline-lg);
    line-height: var(--text-headline-lg--line-height);
    font-weight: var(--font-weight-regular);
  }
  .text-headline-md-weight-medium {
    font-size: var(--text-headline-md);
    line-height: var(--text-headline-md--lineheight);
    font-weight: var(--font-weight-medium);
  }
  .text-label-lg-weight-medium {
    font-size: var(--text-label-lg);
    line-height: var(--text-label-lg--lineheight);
    font-weight: var(--font-weight-medium);
  }
  .text-label-md-weight-regular {
    font-size: var(--text-label-md);
    line-height: var(--text-label-md--lineheight);
    font-weight: var(--font-weight-regular);
  }
  .text-label-sm-weight-medium {
    font-size: var(--text-label-sm);
    line-height: var(--text-label-sm--lineheight);
    font-weight: var(--font-weight-medium);
  }
  .text-label-sm-weight-regular {
    font-size: var(--text-label-sm);
    line-height: var(--text-label-sm--lineheight);
    font-weight: var(--font-weight-regular);
  }
  .text-\[0\.875rem\] {
    font-size: 0.875rem;
  }
  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }
  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }
  .text-\[1\.125rem\] {
    font-size: 1.125rem;
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-body-md {
    font-size: var(--text-body-md);
  }
  .text-headline-md {
    font-size: var(--text-headline-md);
  }
  .text-headline-sm {
    font-size: var(--text-headline-sm);
  }
  .text-label-lg {
    font-size: var(--text-label-lg);
  }
  .text-label-md {
    font-size: var(--text-label-md);
  }
  .text-headline-sm-weight-medium {
    line-height: var(--text-headline-sm--lineheight);
    font-weight: var(--font-weight-medium);
  }
  .text-headline-sm-weight-semibold {
    line-height: var(--text-headline-sm--lineheight);
    font-weight: var(--font-weight-semibold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#292F32\] {
    color: #292F32;
  }
  .text-\[\#050809\] {
    color: #050809;
  }
  .text-\[\#b91c1c\] {
    color: #b91c1c;
  }
  .text-\[rgb\(107\,114\,128\)\] {
    color: rgb(107, 114, 128);
  }
  .text-action-bg-default {
    color: var(--color-action-bg-default);
  }
  .text-action-bg-error {
    color: var(--color-action-bg-error);
  }
  .text-action-fg-disabled {
    color: var(--color-action-fg-disabled);
  }
  .text-action-fg-inverted-permanent {
    color: var(--color-action-fg-inverted-permanent);
  }
  .text-action-fg-primary {
    color: var(--color-action-fg-primary);
  }
  .text-action-fg-secondary {
    color: var(--color-action-fg-secondary);
  }
  .text-container-fg-default {
    color: var(--color-container-fg-default);
  }
  .text-container-fg-disabled {
    color: var(--color-container-fg-disabled);
  }
  .text-container-fg-muted {
    color: var(--color-container-fg-muted);
  }
  .text-feedback-fg-error {
    color: var(--color-feedback-fg-error);
  }
  .text-feedback-fg-help {
    color: var(--color-feedback-fg-help);
  }
  .text-feedback-fg-locking {
    color: var(--color-feedback-fg-locking);
  }
  .text-feedback-fg-purple {
    color: var(--color-feedback-fg-purple);
  }
  .placeholder-container-fg-muted::placeholder {
    color: var(--color-container-fg-muted);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  :is(.\*\:justify-center > *) {
    justify-content: center;
  }
  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
:root {
  --breakpoint-sm: 22.5rem;
  --breakpoint-md: 37.5rem;
  --breakpoint-lg: 52.5rem;
  --breakpoint-landscape: 60rem;
  --breakpoint-xl: 80rem;
  --breakpoint-xxl: 90rem;
  --breakpoint-3xl: 100rem;
}
:root {
  --radius-025: 0.25rem;
  --radius-050: 0.5rem;
  --radius-075: 0.75rem;
  --radius-150: 1.5rem;
  --radius-200: 2rem;
  --radius-round: 22.5rem;
  --border-width-1: 1px;
  --border-width-2: 2px;
}
:root {
  --color-blue-0: rgba(247, 249, 255, 1);
  --color-blue-50: rgba(237, 241, 255, 1);
  --color-blue-100: rgba(221, 231, 255, 1);
  --color-blue-200: rgba(188, 207, 255, 1);
  --color-blue-300: rgba(115, 146, 255, 1);
  --color-blue-400: rgba(83, 116, 236, 1);
  --color-blue-500: rgba(59, 84, 214, 1);
  --color-blue-600: rgba(43, 66, 189, 1);
  --color-blue-700: rgba(25, 51, 173, 1);
  --color-blue-800: rgba(0, 21, 122, 1);
  --color-blue-900: rgba(0, 12, 56, 1);
  --color-blue-1000: rgba(7, 13, 33, 1);
  --color-teal-50: rgba(232, 245, 245, 1);
  --color-teal-100: rgba(217, 245, 246, 1);
  --color-teal-200: rgba(193, 236, 239, 1);
  --color-teal-300: rgba(129, 216, 222, 1);
  --color-teal-400: rgba(95, 199, 214, 1);
  --color-teal-500: rgba(57, 177, 195, 1);
  --color-teal-600: rgba(40, 171, 189, 1);
  --color-teal-700: rgba(20, 148, 166, 1);
  --color-teal-800: rgba(0, 114, 130, 1);
  --color-teal-900: rgba(0, 70, 86, 1);
  --color-grey-50: rgba(249, 250, 251, 1);
  --color-grey-100: rgba(243, 244, 246, 1);
  --color-grey-200: rgba(229, 231, 235, 1);
  --color-grey-300: rgba(209, 213, 219, 1);
  --color-grey-400: rgba(156, 163, 175, 1);
  --color-grey-500: rgba(107, 114, 128, 1);
  --color-grey-600: rgba(75, 85, 99, 1);
  --color-grey-700: rgba(55, 65, 81, 1);
  --color-grey-800: rgba(31, 41, 55, 1);
  --color-grey-900: rgba(17, 24, 39, 1);
  --color-grey-1000: rgba(9, 13, 27, 1);
  --color-green-50: rgba(236, 253, 245, 1);
  --color-green-100: rgba(209, 250, 229, 1);
  --color-green-200: rgba(167, 243, 208, 1);
  --color-green-300: rgba(110, 231, 183, 1);
  --color-green-400: rgba(52, 211, 153, 1);
  --color-green-500: rgba(16, 185, 129, 1);
  --color-green-600: rgba(5, 150, 105, 1);
  --color-green-700: rgba(4, 120, 87, 1);
  --color-green-800: rgba(6, 95, 70, 1);
  --color-green-900: rgba(3, 74, 55, 1);
  --color-orange-50: rgba(255, 241, 232, 1);
  --color-orange-100: rgba(255, 222, 200, 1);
  --color-orange-200: rgba(255, 196, 156, 1);
  --color-orange-300: rgba(255, 161, 109, 1);
  --color-orange-400: rgba(255, 142, 66, 1);
  --color-orange-500: rgba(255, 117, 24, 1);
  --color-orange-600: rgba(219, 96, 13, 1);
  --color-orange-700: rgba(177, 75, 7, 1);
  --color-orange-800: rgba(130, 57, 7, 1);
  --color-orange-900: rgba(85, 32, 2, 1);
  --color-red-50: rgba(254, 242, 242, 1);
  --color-red-100: rgba(254, 226, 226, 1);
  --color-red-200: rgba(254, 202, 202, 1);
  --color-red-300: rgba(252, 165, 165, 1);
  --color-red-400: rgba(248, 113, 113, 1);
  --color-red-500: rgba(239, 68, 68, 1);
  --color-red-600: rgba(220, 38, 38, 1);
  --color-red-700: rgba(185, 28, 28, 1);
  --color-red-800: rgba(153, 27, 27, 1);
  --color-red-900: rgba(127, 29, 29, 1);
  --color-white: rgba(255, 255, 255, 1);
  --color-black: rgba(41, 47, 50, 1);
  --gradient-primary-900: var(--color-blue-900);
  --gradient-primary-800: var(--color-blue-800);
  --gradient-primary-600: var(--color-blue-600);
  --gradient-primary-400: var(--color-blue-400);
  --gradient-bg-light-blue-100: var(--color-blue-100);
}
:root {
  --color-purple-50: rgba(244, 234, 251, 1);
  --color-lavender-50: rgba(246, 245, 253, 1);
  --color-lavender-100: rgba(233, 231, 250, 1);
  --color-lavender-200: rgba(216, 212, 247, 1);
  --color-lavender-300: rgba(198, 191, 243, 1);
  --color-lavender-400: rgba(181, 172, 239, 1);
  --color-lavender-500: rgba(165, 154, 236, 1);
  --color-lavender-600: rgba(140, 131, 201, 1);
  --color-lavender-700: rgba(117, 109, 168, 1);
  --color-lavender-800: rgba(81, 76, 117, 1);
  --color-lavender-900: rgba(48, 44, 75, 1);
  --color-purple-100: rgba(227, 205, 245, 1);
  --color-purple-200: rgba(206, 166, 237, 1);
  --color-purple-300: rgba(183, 124, 229, 1);
  --color-purple-400: rgba(161, 84, 221, 1);
  --color-purple-500: rgba(140, 47, 213, 1);
  --color-purple-600: rgba(119, 40, 181, 1);
  --color-purple-700: rgba(99, 33, 151, 1);
  --color-purple-800: rgba(80, 27, 121, 1);
  --color-purple-900: rgba(56, 13, 90, 1);
  --color-coral-50: rgba(255, 238, 238, 1);
  --color-coral-100: rgba(255, 213, 213, 1);
  --color-coral-200: rgba(255, 180, 180, 1);
  --color-coral-300: rgba(255, 145, 145, 1);
  --color-coral-400: rgba(255, 112, 112, 1);
  --color-coral-500: rgba(255, 80, 80, 1);
  --color-coral-600: rgba(227, 44, 44, 1);
  --color-coral-700: rgba(184, 18, 18, 1);
  --color-coral-800: rgba(149, 14, 14, 1);
  --color-coral-900: rgba(89, 1, 1, 1);
  --color-pink-50: rgba(253, 234, 245, 1);
  --color-pink-100: rgba(253, 217, 237, 1);
  --color-pink-200: rgba(251, 179, 219, 1);
  --color-pink-300: rgba(250, 141, 200, 1);
  --color-pink-400: rgba(248, 103, 182, 1);
  --color-pink-500: rgba(246, 65, 164, 1);
  --color-pink-600: rgba(197, 52, 131, 1);
  --color-pink-700: rgba(148, 39, 98, 1);
  --color-pink-800: rgba(98, 26, 66, 1);
  --color-pink-900: rgba(70, 3, 41, 1);
  --color-brown-50: rgba(255, 248, 244, 1);
  --color-brown-100: rgba(239, 220, 205, 1);
  --color-brown-200: rgba(222, 184, 156, 1);
  --color-brown-300: rgba(214, 158, 116, 1);
  --color-brown-400: rgba(197, 132, 82, 1);
  --color-brown-500: rgba(171, 93, 38, 1);
  --color-brown-600: rgba(160, 88, 36, 1);
  --color-brown-700: rgba(135, 78, 37, 1);
  --color-brown-800: rgba(109, 65, 32, 1);
  --color-brown-900: rgba(69, 39, 16, 1);
  --color-lime-50: rgba(247, 250, 230, 1);
  --color-lime-100: rgba(235, 242, 194, 1);
  --color-lime-200: rgba(220, 232, 146, 1);
  --color-lime-300: rgba(203, 221, 95, 1);
  --color-lime-400: rgba(188, 211, 47, 1);
  --color-lime-500: rgba(173, 201, 1, 1);
  --color-lime-600: rgba(139, 162, 1, 1);
  --color-lime-700: rgba(113, 132, 1, 1);
  --color-lime-800: rgba(87, 101, 1, 1);
  --color-lime-900: rgba(70, 81, 0, 1);
  --color-malibu-50: rgba(239, 249, 254, 1);
  --color-malibu-100: rgba(216, 241, 252, 1);
  --color-malibu-200: rgba(184, 230, 249, 1);
  --color-malibu-300: rgba(152, 218, 247, 1);
  --color-malibu-400: rgba(121, 207, 244, 1);
  --color-malibu-500: rgba(41, 182, 243, 1);
  --color-malibu-600: rgba(21, 141, 193, 1);
  --color-malibu-700: rgba(18, 118, 161, 1);
  --color-malibu-800: rgba(14, 95, 129, 1);
  --color-malibu-900: rgba(3, 61, 86, 1);
  --color-grass-50: rgba(232, 244, 240, 1);
  --color-grass-100: rgba(183, 222, 208, 1);
  --color-grass-200: rgba(148, 205, 185, 1);
  --color-grass-300: rgba(100, 183, 152, 1);
  --color-grass-400: rgba(69, 169, 133, 1);
  --color-grass-500: rgba(23, 147, 102, 1);
  --color-grass-600: rgba(21, 134, 93, 1);
  --color-grass-700: rgba(16, 104, 72, 1);
  --color-grass-800: rgba(13, 81, 56, 1);
  --color-grass-900: rgba(7, 65, 43, 1);
  --color-mint-50: rgba(236, 255, 248, 1);
  --color-mint-100: rgba(206, 249, 233, 1);
  --color-mint-200: rgba(164, 238, 212, 1);
  --color-mint-300: rgba(109, 238, 192, 1);
  --color-mint-400: rgba(66, 230, 171, 1);
  --color-mint-500: rgba(20, 216, 146, 1);
  --color-mint-600: rgba(2, 166, 107, 1);
  --color-mint-700: rgba(1, 138, 89, 1);
  --color-mint-800: rgba(1, 106, 69, 1);
  --color-mint-900: rgba(1, 70, 45, 1);
  --color-ochre-50: rgba(255, 246, 230, 1);
  --color-ochre-100: rgba(255, 233, 194, 1);
  --color-ochre-200: rgba(255, 216, 145, 1);
  --color-ochre-300: rgba(253, 187, 67, 1);
  --color-ochre-400: rgba(255, 181, 46, 1);
  --color-ochre-500: rgba(255, 165, 0, 1);
  --color-ochre-600: rgba(217, 140, 0, 1);
  --color-ochre-700: rgba(181, 117, 0, 1);
  --color-ochre-800: rgba(145, 94, 0, 1);
  --color-ochre-900: rgba(79, 39, 9, 1);
  --color-dark-green: rgba(16, 46, 45, 1);
  --color-dark-blue: rgba(22, 30, 58, 1);
  --color-dark-teal: rgba(22, 44, 55, 1);
  --color-dark-grey: rgba(30, 35, 45, 1);
  --color-dark-yellow: rgba(49, 45, 27, 1);
  --color-dark-red: rgba(49, 28, 36, 1);
  --color-dark-purple: rgba(35, 25, 57, 1);
  --color-dark-pink: rgba(50, 28, 50, 1);
  --color-dark-lime: rgba(40, 48, 26, 1);
  --color-dark-orange: rgba(52, 35, 29, 1);
  --color-dark-ochre: rgba(49, 38, 27, 1);
  --color-dark-night-100: rgba(32, 44, 103, 1);
  --color-dark-night-200: rgba(25, 37, 68, 1);
  --color-dark-night-300: rgba(20, 27, 57, 1);
}
:root {
  --spacing-025-rem: 0.25rem;
  --spacing-050-rem: 0.5rem;
  --spacing-075-rem: 0.75rem;
  --spacing-100-rem: 1rem;
  --spacing-150-rem: 1.5rem;
  --spacing-200-rem: 2rem;
  --spacing-250-rem: 2.5rem;
  --spacing-300-rem: 3rem;
  --spacing-350-rem: 3.5rem;
  --spacing-400-rem: 4rem;
  --spacing-800-rem: 8rem;
  --spacing-1600-rem: 16rem;
  --spacing-025-em: 0.25em;
  --spacing-050-em: 0.5em;
  --spacing-075-em: 0.75em;
  --spacing-100-em: 1em;
  --spacing-150-em: 1.5em;
  --spacing-200-em: 2em;
  --spacing-250-em: 2.5em;
  --spacing-300-em: 3em;
  --spacing-350-em: 3.5em;
  --spacing-400-em: 4em;
  --spacing-800-em: 8em;
  --spacing-1600-em: 16rem;
  --icon-075: 12px;
  --icon-100: 16px;
  --icon-150: 24px;
  --icon-250: 40px;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Ext-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Ext-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Ext-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/WorkSans/WorkSans-Ext-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
:root {
  --font-size-xxs: 0.75rem;
  --font-size-xs: 0.88rem;
  --font-size-sm: 1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 1.62rem;
  --font-size-xxl: 1.75rem;
  --font-size-3xl: 1.88rem;
  --font-size-4xl: 2rem;
  --font-size-5xl: 2.25rem;
  --font-size-6xl: 2.5rem;
  --font-lineheight-xxs: 1.12rem;
  --font-lineheight-xs: 1.31rem;
  --font-lineheight-sm: 1.5rem;
  --font-lineheight-md: 1.88rem;
  --font-lineheight-lg: 2.25rem;
  --font-lineheight-xl: 2.44rem;
  --font-lineheight-xxl: 2.62rem;
  --font-lineheight-3xl: 2.81rem;
  --font-lineheight-4xl: 3rem;
  --font-lineheight-5xl: 3.38rem;
  --font-lineheight-6xl: 3.75rem;
  --font-family-work-sans: Work Sans, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-display-lg-size: var(--font-size-xxl);
  --font-display-md-size: var(--font-size-xl);
  --font-display-sm-size: var(--font-size-lg);
  --font-display-lg-line-height: var(--font-lineheight-xxl);
  --font-display-md-line-height: var(--font-lineheight-xl);
  --font-display-sm-line-height: var(--font-lineheight-lg);
}
@media (min-width: 840px) {
  :root {
    --font-display-lg-size: var(--font-size-4xl);
    --font-display-md-size: var(--font-size-3xl);
    --font-display-sm-size: var(--font-size-xxl);
    --font-display-lg-line-height: var(--font-lineheight-4xl);
    --font-display-md-line-height: var(--font-lineheight-3xl);
    --font-display-sm-line-height: var(--font-lineheight-xxl);
  }
}
@media (min-width: 1280px) {
  :root {
    --font-display-lg-size: var(--font-size-6xl);
    --font-display-md-size: var(--font-size-5xl);
    --font-display-sm-size: var(--font-size-4xl);
    --font-display-lg-line-height: var(--font-lineheight-6xl);
    --font-display-md-line-height: var(--font-lineheight-5xl);
    --font-display-sm-line-height: var(--font-lineheight-4xl);
  }
}
:root {
  --color-action-fg-primary: var(--color-blue-800);
  --color-action-fg-secondary: var(--color-black);
  --color-action-fg-emphasis: var(--color-blue-800);
  --color-action-fg-inverted: var(--color-white);
  --color-action-fg-disabled: var(--color-grey-400);
  --color-action-fg-emphasis-inverted: var(--color-blue-200);
  --color-action-fg-inverted-permanent: var(--color-white);
  --color-action-fg-muted-inverted: var(--color-blue-200);
  --color-action-bg-disabled: var(--color-grey-100);
  --color-action-bg-default: var(--color-blue-800);
  --color-action-bg-default-hover: var(--color-blue-700);
  --color-action-bg-default-pressed: var(--color-blue-900);
  --color-action-bg-muted: var(--color-blue-100);
  --color-action-bg-muted-hover: var(--color-blue-50);
  --color-action-bg-muted-pressed: var(--color-blue-200);
  --color-action-bg-muted-help-hover: var(--color-blue-100);
  --color-action-bg-muted-help-pressed: var(--color-blue-200);
  --color-action-bg-muted-info-hover: var(--color-grey-200);
  --color-action-bg-muted-info-pressed: var(--color-grey-300);
  --color-action-bg-muted-warning-hover: var(--color-orange-100);
  --color-action-bg-muted-warning-pressed: var(--color-orange-200);
  --color-action-bg-muted-error-hover: var(--color-red-100);
  --color-action-bg-muted-error-pressed: var(--color-red-200);
  --color-action-bg-error: var(--color-red-700);
  --color-action-bg-error-hover: var(--color-red-800);
  --color-action-bg-error-pressed: var(--color-red-900);
  --color-action-bg-record: var(--color-red-600);
  --color-action-bg-inverted-hover: var(--color-grey-700);
  --color-action-bg-inverted-pressed: var(--color-grey-800);
  --color-action-border-emphasis: var(--color-blue-800);
  --color-action-border-muted: var(--color-grey-300);
  --color-action-border-disabled: var(--color-grey-200);
  --color-action-border-focus: var(--color-purple-500);
  --color-action-border-focus-frame: var(--color-white);
  --color-feedback-fg-help: var(--color-blue-700);
  --color-feedback-fg-help-inverted: var(--color-blue-300);
  --color-feedback-fg-info: var(--color-grey-700);
  --color-feedback-fg-disabled: var(--color-grey-500);
  --color-feedback-fg-neutral: var(--color-black);
  --color-feedback-fg-inverted: var(--color-white);
  --color-feedback-fg-inverted-permanent: var(--color-white);
  --color-feedback-fg-error: var(--color-red-700);
  --color-feedback-fg-error-inverted: var(--color-red-400);
  --color-feedback-fg-error-ondark: var(--color-red-700);
  --color-feedback-fg-warning: var(--color-orange-700);
  --color-feedback-fg-warning-inverted: var(--color-orange-400);
  --color-feedback-fg-warning-ondark: var(--color-orange-700);
  --color-feedback-fg-success: var(--color-green-800);
  --color-feedback-fg-success-inverted: var(--color-green-400);
  --color-feedback-fg-locking: var(--color-orange-700);
  --color-feedback-fg-teal: var(--color-teal-900);
  --color-feedback-fg-grey: var(--color-grey-800);
  --color-feedback-fg-purple: var(--color-purple-800);
  --color-feedback-fg-pink: var(--color-pink-800);
  --color-feedback-fg-lime: var(--color-lime-900);
  --color-feedback-bg-help: var(--color-blue-50);
  --color-feedback-bg-help-inverted: var(--color-blue-500);
  --color-feedback-bg-info: var(--color-grey-50);
  --color-feedback-bg-inverted: var(--color-grey-900);
  --color-feedback-bg-neutral: var(--color-white);
  --color-feedback-bg-error: var(--color-red-50);
  --color-feedback-bg-error-inverted: var(--color-red-800);
  --color-feedback-bg-warning: var(--color-orange-50);
  --color-feedback-bg-warning-inverted: var(--color-orange-700);
  --color-feedback-bg-success: var(--color-green-50);
  --color-feedback-bg-locking: var(--color-ochre-50);
  --color-feedback-bg-teal: var(--color-teal-50);
  --color-feedback-bg-grey: var(--color-grey-100);
  --color-feedback-bg-purple: var(--color-purple-50);
  --color-feedback-bg-pink: var(--color-pink-50);
  --color-feedback-bg-lime: var(--color-lime-50);
  --color-feedback-bg-loading: var(--color-blue-100);
  --color-feedback-border-default: var(--color-blue-200);
  --color-feedback-border-info: var(--color-grey-300);
  --color-feedback-border-locking: var(--color-ochre-200);
  --color-feedback-border-warning: var(--color-orange-200);
  --color-feedback-border-error: var(--color-red-200);
  --color-feedback-border-purple: var(--color-purple-200);
  --color-container-fg-default: var(--color-black);
  --color-container-fg-muted: var(--color-grey-500);
  --color-container-fg-inverted: var(--color-white);
  --color-container-fg-disabled: var(--color-grey-400);
  --color-container-fg-inverted-permanent: var(--color-white);
  --color-container-fg-default-permanent: var(--color-black);
  --color-container-fg-muted-permanent: var(--color-grey-500);
  --color-container-bg-default: var(--color-white);
  --color-container-bg-default-permanent: var(--color-white);
  --color-container-bg-inverted-permanent: var(--color-black);
  --color-container-bg-lowemphasis: var(--color-white);
  --color-container-bg-emphasis: var(--color-grey-100);
  --color-container-bg-emphasis-permanent: var(--color-grey-100);
  --color-container-bg-shading: rgba(0, 0, 0, 0.4);
  --color-container-bg-elevation: rgba(0, 0, 0, 0.12);
  --color-container-bg-gradient-top: var(--color-blue-0);
  --color-container-bg-gradient-bottom: var(--color-white);
  --color-container-border-default: var(--color-grey-300);
  --color-container-border-default-permanent: var(--color-grey-300);
  --color-container-border-inverted: var(--color-grey-600);
  --color-container-border-lowemphasis: var(--color-grey-200);
  --color-container-border-highemphasis-permanent: var(--color-black);
  --color-input-border-highemphasis: var(--color-grey-700);
  --color-input-border-default: var(--color-grey-300);
  --color-input-border-disabled: var(--color-grey-200);
  --color-input-border-active: var(--color-blue-500);
  --color-input-bg-default: var(--color-white);
  --color-input-bg-disabled: var(--color-grey-50);
  --color-input-bg-default-hover: var(--color-grey-50);
  --color-input-bg-default-emphasis: var(--color-blue-50);
  --color-input-bg-default-pressed: var(--color-blue-100);
  --color-input-bg-selected: var(--color-blue-50);
  --color-interactive-fg-active-permanent: var(--color-white);
  --color-interactive-fg-active-disabled: var(--color-white);
  --color-interactive-fg-active-hover: var(--color-grey-100);
  --color-interactive-fg-inactive: var(--color-white);
  --color-interactive-fg-inactive-disabled: var(--color-white);
  --color-interactive-fg-selected: var(--color-blue-600);
  --color-interactive-fg-active: var(--color-blue-600);
  --color-interactive-bg-selected: var(--color-blue-600);
  --color-interactive-bg-selected-hover: var(--color-blue-400);
  --color-interactive-bg-selected-pressed: var(--color-blue-700);
  --color-interactive-bg-selected-disabled: var(--color-blue-200);
  --color-interactive-bg-unselected-default: var(--color-grey-500);
  --color-interactive-bg-unselected-hover: var(--color-grey-400);
  --color-interactive-bg-unselected-pressed: var(--color-grey-600);
  --color-interactive-bg-unselected-disabled: var(--color-grey-200);
  --color-interactive-bg-emphasis-ondark: var(--color-blue-500);
  --color-interactive-bg-disabled: var(--color-grey-50);
  --color-interactive-bg-marked: var(--color-blue-100);
  --color-interactive-bg-marked-hover: var(--color-blue-200);
  --color-interactive-border-default: var(--color-grey-400);
  --color-interactive-border-active: var(--color-blue-500);
  --color-interactive-border-pressed: var(--color-blue-600);
  --color-interactive-border-disabled: var(--color-grey-200);
  --color-charts-high-emphasis: var(--color-blue-800);
  --color-charts-medium-emphasis: var(--color-blue-600);
  --color-charts-low-emphasis: var(--color-blue-400);
}
.dark {
  --color-action-fg-primary: var(--color-white);
  --color-action-fg-secondary: var(--color-white);
  --color-action-fg-emphasis: var(--color-blue-200);
  --color-action-fg-inverted: var(--color-blue-1000);
  --color-action-fg-disabled: var(--color-grey-500);
  --color-action-fg-emphasis-inverted: var(--color-blue-800);
  --color-action-fg-inverted-permanent: var(--color-white);
  --color-action-fg-muted-inverted: var(--color-black);
  --color-action-bg-disabled: var(--color-grey-800);
  --color-action-bg-default: var(--color-blue-300);
  --color-action-bg-default-hover: var(--color-blue-200);
  --color-action-bg-default-pressed: var(--color-blue-400);
  --color-action-bg-muted: var(--color-dark-night-200);
  --color-action-bg-muted-hover: var(--color-dark-night-100);
  --color-action-bg-muted-pressed: var(--color-dark-night-300);
  --color-action-bg-muted-help-hover: var(--color-blue-800);
  --color-action-bg-muted-help-pressed: var(--color-blue-900);
  --color-action-bg-muted-info-hover: var(--color-grey-700);
  --color-action-bg-muted-info-pressed: var(--color-grey-900);
  --color-action-bg-muted-warning-hover: var(--color-orange-800);
  --color-action-bg-muted-warning-pressed: var(--color-orange-900);
  --color-action-bg-muted-error-hover: var(--color-red-800);
  --color-action-bg-muted-error-pressed: var(--color-red-900);
  --color-action-bg-error: var(--color-red-700);
  --color-action-bg-error-hover: var(--color-red-800);
  --color-action-bg-error-pressed: var(--color-red-900);
  --color-action-bg-record: var(--color-red-600);
  --color-action-bg-inverted-hover: var(--color-grey-100);
  --color-action-bg-inverted-pressed: var(--color-grey-200);
  --color-action-border-emphasis: var(--color-blue-200);
  --color-action-border-muted: var(--color-grey-500);
  --color-action-border-disabled: var(--color-grey-700);
  --color-action-border-focus: var(--color-purple-400);
  --color-action-border-focus-frame: var(--color-grey-900);
  --color-feedback-fg-help: var(--color-blue-200);
  --color-feedback-fg-help-inverted: var(--color-blue-600);
  --color-feedback-fg-info: var(--color-grey-100);
  --color-feedback-fg-disabled: var(--color-grey-400);
  --color-feedback-fg-neutral: var(--color-white);
  --color-feedback-fg-inverted: var(--color-black);
  --color-feedback-fg-inverted-permanent: var(--color-white);
  --color-feedback-fg-error: var(--color-red-400);
  --color-feedback-fg-error-inverted: var(--color-red-600);
  --color-feedback-fg-error-ondark: var(--color-red-200);
  --color-feedback-fg-warning: var(--color-orange-300);
  --color-feedback-fg-warning-inverted: var(--color-orange-600);
  --color-feedback-fg-warning-ondark: var(--color-orange-200);
  --color-feedback-fg-success: var(--color-green-400);
  --color-feedback-fg-success-inverted: var(--color-green-600);
  --color-feedback-fg-locking: var(--color-ochre-200);
  --color-feedback-fg-teal: var(--color-teal-200);
  --color-feedback-fg-grey: var(--color-grey-200);
  --color-feedback-fg-purple: var(--color-purple-200);
  --color-feedback-fg-pink: var(--color-pink-200);
  --color-feedback-fg-lime: var(--color-lime-200);
  --color-feedback-bg-help: var(--color-dark-blue);
  --color-feedback-bg-help-inverted: var(--color-blue-500);
  --color-feedback-bg-info: var(--color-grey-800);
  --color-feedback-bg-inverted: var(--color-grey-50);
  --color-feedback-bg-neutral: var(--color-grey-1000);
  --color-feedback-bg-error: var(--color-dark-red);
  --color-feedback-bg-error-inverted: var(--color-red-400);
  --color-feedback-bg-warning: var(--color-dark-orange);
  --color-feedback-bg-warning-inverted: var(--color-orange-400);
  --color-feedback-bg-success: var(--color-dark-green);
  --color-feedback-bg-locking: var(--color-dark-ochre);
  --color-feedback-bg-teal: var(--color-dark-teal);
  --color-feedback-bg-grey: var(--color-dark-grey);
  --color-feedback-bg-purple: var(--color-dark-purple);
  --color-feedback-bg-pink: var(--color-dark-pink);
  --color-feedback-bg-lime: var(--color-dark-lime);
  --color-feedback-bg-loading: var(--color-grey-800);
  --color-feedback-border-default: var(--color-blue-600);
  --color-feedback-border-info: var(--color-grey-600);
  --color-feedback-border-locking: var(--color-ochre-500);
  --color-feedback-border-warning: var(--color-orange-800);
  --color-feedback-border-error: var(--color-red-800);
  --color-feedback-border-purple: var(--color-purple-800);
  --color-container-fg-default: var(--color-white);
  --color-container-fg-muted: var(--color-grey-400);
  --color-container-fg-inverted: var(--color-black);
  --color-container-fg-disabled: var(--color-grey-500);
  --color-container-fg-inverted-permanent: var(--color-white);
  --color-container-fg-default-permanent: var(--color-black);
  --color-container-fg-muted-permanent: var(--color-grey-500);
  --color-container-bg-default: var(--color-grey-900);
  --color-container-bg-default-permanent: var(--color-white);
  --color-container-bg-inverted-permanent: var(--color-black);
  --color-container-bg-lowemphasis: var(--color-grey-800);
  --color-container-bg-emphasis: var(--color-grey-1000);
  --color-container-bg-emphasis-permanent: var(--color-grey-100);
  --color-container-bg-shading: rgba(0, 0, 0, 0.7);
  --color-container-bg-elevation: rgba(0, 0, 0, 0.4);
  --color-container-bg-gradient-top: var(--color-blue-1000);
  --color-container-bg-gradient-bottom: var(--color-grey-900);
  --color-container-border-default: var(--color-grey-600);
  --color-container-border-default-permanent: var(--color-grey-300);
  --color-container-border-inverted: var(--color-grey-300);
  --color-container-border-lowemphasis: var(--color-grey-700);
  --color-container-border-highemphasis-permanent: var(--color-black);
  --color-input-border-highemphasis: var(--color-grey-300);
  --color-input-border-default: var(--color-grey-600);
  --color-input-border-disabled: var(--color-grey-700);
  --color-input-border-active: var(--color-blue-400);
  --color-input-bg-default: var(--color-grey-800);
  --color-input-bg-disabled: var(--color-grey-1000);
  --color-input-bg-default-hover: var(--color-grey-700);
  --color-input-bg-default-emphasis: var(--color-grey-700);
  --color-input-bg-default-pressed: var(--color-blue-900);
  --color-input-bg-selected: var(--color-blue-900);
  --color-interactive-fg-active-permanent: var(--color-white);
  --color-interactive-fg-active-disabled: var(--color-blue-600);
  --color-interactive-fg-active-hover: var(--color-grey-300);
  --color-interactive-fg-inactive: var(--color-grey-300);
  --color-interactive-fg-inactive-disabled: var(--color-grey-600);
  --color-interactive-fg-selected: var(--color-blue-400);
  --color-interactive-fg-active: var(--color-blue-200);
  --color-interactive-bg-selected: var(--color-blue-400);
  --color-interactive-bg-selected-hover: var(--color-blue-300);
  --color-interactive-bg-selected-pressed: var(--color-blue-500);
  --color-interactive-bg-selected-disabled: var(--color-blue-800);
  --color-interactive-bg-unselected-default: var(--color-grey-500);
  --color-interactive-bg-unselected-hover: var(--color-grey-400);
  --color-interactive-bg-unselected-pressed: var(--color-grey-600);
  --color-interactive-bg-unselected-disabled: var(--color-grey-700);
  --color-interactive-bg-emphasis-ondark: var(--color-blue-400);
  --color-interactive-bg-disabled: var(--color-grey-900);
  --color-interactive-bg-marked: var(--color-blue-900);
  --color-interactive-bg-marked-hover: var(--color-blue-800);
  --color-interactive-border-default: var(--color-grey-500);
  --color-interactive-border-active: var(--color-blue-300);
  --color-interactive-border-pressed: var(--color-blue-500);
  --color-interactive-border-disabled: var(--color-grey-700);
  --color-charts-high-emphasis: var(--color-blue-400);
  --color-charts-medium-emphasis: var(--color-blue-300);
  --color-charts-low-emphasis: var(--color-blue-200);
}
:root {
  --component-container-margin: 1rem;
  --component-container-gutter: 0.75rem;
  --component-container-padding-height: 1rem;
  --component-container-padding-width: 0.5rem;
  --component-container-space-small: 1rem;
  --component-container-space-medium: 1.5rem;
  --component-container-indentation: 0.5rem;
  --component-container-forms: 0;
  --component-container-small-min-width: 20.5rem;
  --component-container-small-max-width: 35.4375rem;
  --component-container-medium-min-width: 20.5rem;
  --component-container-medium-max-width: 35.4375rem;
  --screen-content-max-width: 22.5rem;
  --screen-side-navigation: 0;
}
@media (min-width: 37.5rem) {
  :root {
    --component-container-small-min-width: 35.5rem;
    --component-container-small-max-width: 50.4375rem;
    --component-container-medium-min-width: 35.5rem;
    --component-container-medium-max-width: 50.4375rem;
    --screen-content-max-width: 37.5rem;
  }
}
@media (min-width: 52.5rem) {
  :root {
    --component-container-gutter: 1rem;
    --component-container-margin: 1.5rem;
    --component-container-small-min-width: 24.25rem;
    --component-container-small-max-width: 37.9375rem;
    --component-container-medium-min-width: 24.25rem;
    --component-container-medium-max-width: 37.9375rem;
    --screen-content-max-width: 52.5rem;
  }
}
@media (min-width: 80rem) {
  :root {
    --component-container-small-min-width: 19.5rem;
    --component-container-small-max-width: 23.1875rem;
    --component-container-medium-min-width: 40.125rem;
    --component-container-medium-max-width: 46.375rem;
    --screen-content-max-width: 80rem;
    --screen-side-navigation: 1;
  }
}
@media (min-width: 90rem) {
  :root {
    --component-container-margin: 2rem;
    --component-container-gutter: 1.5rem;
    --component-container-padding-height: 1.5rem;
    --component-container-padding-width: 1rem;
    --component-container-small-min-width: 22.25rem;
    --component-container-small-max-width: 26.0625rem;
    --component-container-medium-min-width: 45.875rem;
    --component-container-medium-max-width: 52rem;
    --screen-content-max-width: 90rem;
  }
}
@media (min-width: 100rem) {
  :root {
    --component-container-small-min-width: 25.625rem;
    --component-container-small-max-width: 25.625rem;
    --component-container-medium-min-width: 52.5rem;
    --component-container-medium-max-width: 52.5rem;
  }
}
:root {
  --elevation-floating: 0 4px 12px 0 var(--color-container-bg-elevation);
}
:root .dark {
  --elevation-floating: 0 4px 12px 0 var(--color-container-bg-elevation);
}
:root {
  --gradient-background:
    linear-gradient(
      
      180deg,
      var(--color-blue-100) 20%,
      var(--color-white) 100% );
  --gradient-200:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-600) 0%,
      var(--gradient-primary-400) 100% );
  --gradient-500:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-800) 0%,
      var(--gradient-primary-600) 100% );
  --gradient-800:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-900) 0%,
      var(--gradient-primary-800) 100% );
}
:root .dark {
  --gradient-background:
    linear-gradient(
      
      180deg,
      var(--color-blue-1000) 20%,
      var(--color-grey-900) 100% );
  --gradient-200:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-900) 0%,
      var(--gradient-primary-800) 100% );
  --gradient-500:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-800) 0%,
      var(--gradient-primary-600) 100% );
  --gradient-800:
    linear-gradient(
      
      45deg,
      var(--gradient-primary-600) 0%,
      var(--gradient-primary-400) 100% );
}
@font-face {
  font-family: "Work Sans";
  src: url(/assets/fonts/WorkSans-VariableFont_wght.ttf) format("truetype");
  font-weight:
    400,
    500,
    600;
}
html,
body {
  font-family:
    "Work Sans",
    "Roboto",
    sans-serif;
  margin: 0;
  padding: 0;
}
:root {
  --mat-sys-brand-font-family: "Work Sans", sans-serif;
  --mat-sys-plain-font-family: "Work Sans", sans-serif;
}
.mat-mdc-table {
  background-color: #ffffff !important;
}
.mat-mdc-header-row {
  background-color: #ffffff !important;
}
.mat-mdc-row {
  background-color: #ffffff !important;
}
.mat-mdc-row:hover {
  background-color: #f7f9ff !important;
  transition: background-color 0.2s ease;
}
.mat-mdc-header-cell,
.mat-mdc-cell {
  border: 1px solid #D6D9DE !important;
}
.mat-mdc-paginator {
  background-color: #f7f9ff !important;
}
.mat-mdc-paginator .mat-mdc-select {
  background-color: #ffffff !important;
  border-radius: 6px;
  padding: 2px 8px;
}
.mat-mdc-select-panel {
  background-color: #ffffff !important;
  border: 1px solid #D6D9DE;
}
.mat-mdc-option:hover {
  background-color: #D6D9DE !important;
}
.mat-mdc-select-panel .mat-mdc-option:hover {
  background-color: #dde7ff !important;
}
.mat-mdc-paginator-page-size .mdc-notched-outline,
.mat-mdc-paginator-page-size .mdc-notched-outline__leading,
.mat-mdc-paginator-page-size .mdc-notched-outline__trailing,
.mat-mdc-paginator-page-size .mdc-notched-outline__notch {
  border: none !important;
  box-shadow: none !important;
}
.mat-mdc-paginator-page-size .mat-mdc-select-trigger {
  box-shadow: none !important;
  background-color: transparent !important;
}
.mat-mdc-select-panel {
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}
.mat-mdc-select-panel .mat-mdc-option {
  background-color: #ffffff;
  color: #000000;
}
.mat-mdc-select-panel .mat-mdc-option:hover {
  background-color: #dde7ff;
}
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected,
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active {
  background-color: #00157A !important;
  color: #ffffff !important;
}
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected .mdc-list-item__primary-text,
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text {
  color: #ffffff !important;
}
.mat-mdc-text-field-wrapper {
  background-color: white !important;
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

/* libs/shared/styles/stylestheme.css */
html {
  color-scheme: light;
  --mat-sys-primary: light-dark(#00157a, #bac3ff);
  --mat-sys-on-primary: light-dark(#ffffff, #001f90);
  --mat-sys-primary-container: light-dark(#dee0ff, #1635ba);
  --mat-sys-on-primary-container: light-dark(#00105b, #dee0ff);
  --mat-sys-inverse-primary: light-dark(#bac3ff, #00157a);
  --mat-sys-primary-fixed: light-dark(#dee0ff, #dee0ff);
  --mat-sys-primary-fixed-dim: light-dark(#bac3ff, #bac3ff);
  --mat-sys-on-primary-fixed: light-dark(#00105b, #00105b);
  --mat-sys-on-primary-fixed-variant: light-dark(#1635ba, #1635ba);
  --mat-sys-secondary: light-dark(#006875, #66d6e8);
  --mat-sys-on-secondary: light-dark(#ffffff, #00363d);
  --mat-sys-secondary-container: light-dark(#9bf0ff, #004f58);
  --mat-sys-on-secondary-container: light-dark(#001f24, #9bf0ff);
  --mat-sys-secondary-fixed: light-dark(#9bf0ff, #9bf0ff);
  --mat-sys-secondary-fixed-dim: light-dark(#66d6e8, #66d6e8);
  --mat-sys-on-secondary-fixed: light-dark(#001f24, #001f24);
  --mat-sys-on-secondary-fixed-variant: light-dark(#004f58, #004f58);
  --mat-sys-tertiary: light-dark(#8728d0, #e0b7ff);
  --mat-sys-on-tertiary: light-dark(#ffffff, #4b007d);
  --mat-sys-tertiary-container: light-dark(#f1daff, #6b00af);
  --mat-sys-on-tertiary-container: light-dark(#2d004f, #f1daff);
  --mat-sys-tertiary-fixed: light-dark(#f1daff, #f1daff);
  --mat-sys-tertiary-fixed-dim: light-dark(#e0b7ff, #e0b7ff);
  --mat-sys-on-tertiary-fixed: light-dark(#2d004f, #2d004f);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#6b00af, #6b00af);
  --mat-sys-background: light-dark(#f9f9ff, #0c141f);
  --mat-sys-on-background: light-dark(#151c27, #dce2f3);
  --mat-sys-surface: light-dark(#f9f9ff, #0c141f);
  --mat-sys-surface-dim: light-dark(#d3daea, #0c141f);
  --mat-sys-surface-bright: light-dark(#f9f9ff, #323946);
  --mat-sys-surface-container-low: light-dark(#f0f3ff, #151c27);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #070e19);
  --mat-sys-surface-container: light-dark(#e7eefe, #19202b);
  --mat-sys-surface-container-high: light-dark(#e2e8f8, #232a36);
  --mat-sys-surface-container-highest: light-dark(#dce2f3, #2e3541);
  --mat-sys-on-surface: light-dark(#151c27, #dce2f3);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-surface-tint: light-dark(#00157a, #bac3ff);
  --mat-sys-inverse-surface: light-dark(#2a313d, #dce2f3);
  --mat-sys-inverse-on-surface: light-dark(#ebf1ff, #2a313d);
  --mat-sys-outline: light-dark(#73777d, #8d9197);
  --mat-sys-outline-variant: light-dark(#c3c7cd, #43474c);
  --mat-sys-neutral10: light-dark(#151c27, #151c27);
  --mat-sys-error: light-dark(#b91c1c, #ffb4ab);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-error-container: light-dark(#ffdad6, #93000b);
  --mat-sys-on-error-container: light-dark(#410002, #ffdad6);
  --mat-sys-surface-variant: light-dark(#dfe3e9, #43474c);
  --mat-sys-on-surface-variant: light-dark(#43474c, #c3c7cd);
  --mat-sys-neutral-variant20: light-dark(#2c3136, #2c3136);
  --mat-sys-brand-font-family: Roboto;
  --mat-sys-plain-font-family: Roboto;
  --mat-sys-bold-font-weight: 700;
  --mat-sys-medium-font-weight: 500;
  --mat-sys-regular-font-weight: 400;
  --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --mat-sys-body-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --mat-sys-body-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-sys-display-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-display-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --mat-sys-label-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --mat-sys-label-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-sys-title-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);
  --mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);
  --mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);
  --mat-sys-level0:
    0px 0px 0px 0px var(--mat-sys-umbra-color),
    0px 0px 0px 0px var(--mat-sys-penumbra-color),
    0px 0px 0px 0px var(--mat-sys-ambient-color);
  --mat-sys-level1:
    0px 2px 1px -1px var(--mat-sys-umbra-color),
    0px 1px 1px 0px var(--mat-sys-penumbra-color),
    0px 1px 3px 0px var(--mat-sys-ambient-color);
  --mat-sys-level2:
    0px 3px 3px -2px var(--mat-sys-umbra-color),
    0px 3px 4px 0px var(--mat-sys-penumbra-color),
    0px 1px 8px 0px var(--mat-sys-ambient-color);
  --mat-sys-level3:
    0px 3px 5px -1px var(--mat-sys-umbra-color),
    0px 6px 10px 0px var(--mat-sys-penumbra-color),
    0px 1px 18px 0px var(--mat-sys-ambient-color);
  --mat-sys-level4:
    0px 5px 5px -3px var(--mat-sys-umbra-color),
    0px 8px 10px 1px var(--mat-sys-penumbra-color),
    0px 3px 14px 2px var(--mat-sys-ambient-color);
  --mat-sys-level5:
    0px 7px 8px -4px var(--mat-sys-umbra-color),
    0px 12px 17px 2px var(--mat-sys-penumbra-color),
    0px 5px 22px 4px var(--mat-sys-ambient-color);
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

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