/* packages/frontend/src/styles.scss */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-light-bgColorPrimary: #ffffff;
    --color-light-bgColorCard: #f3f3f0;
    --color-light-textColor: #000028;
    --color-light-actionColor: #007993;
    --color-light-actionDisabledColor: #9999a9;
    --color-light-bgColorSecondary: #f3f3f0;
    --color-light-bgHoverColor: #e8e8e3;
    --color-light-textColorSecondary: #66667e;
    --color-light-tooltipError: #d72339;
    --color-solid-deep-blue: var(--solid-deep-blue);
    --color-light-focusOutline: #1491eb;
    --color-light-inputDisabledBg: #ffffff;
    --color-light-chartActiveState: #007eb1;
    --color-light-chartDueSoonState: #c55400;
    --color-light-chartOverdueState: #d72339;
    --color-light-chartCompletedState: #027858;
    --color-dark-bgColorPrimary: #000028;
    --color-dark-bgColorSecondary: #23233c;
    --color-dark-bgColorCard: #08082e;
    --color-dark-bgHoverColor: #37374d;
    --color-dark-textColor: #ffffff;
    --color-dark-actionColor: #00cccc;
    --color-dark-actionHoverColor: #00ffb9;
    --color-dark-actionDisabledColor: #737389;
    --color-dark-textColorSecondary: #9999a9;
    --color-dark-tooltipError: #ff2640;
    --color-dark-inputDisabledBg: #26264880;
    --color-dark-inputDisabledBgHover: #262648;
    --color-dark-chartActiveState: #00cccc;
    --color-dark-chartDueSoonState: #ff9000;
    --color-dark-chartOverdueState: #ff7687;
    --color-dark-chartCompletedState: #00ffb9;
  }
}
@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)) {
    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)) {
      ::placeholder {
        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 {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-1\/3 {
    top: calc(1 / 3 * 100%);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .right-0 {
    right: 0px;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .left-0 {
    left: 0px;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-8 {
    left: calc(var(--spacing) * 8);
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[1100\] {
    z-index: 1100;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .row-1 {
    grid-row: 1;
  }
  .container {
    width: 100%;
  }
  @media (width >= 1600px) {
    .container {
      max-width: 1600px;
    }
  }
  @media (width >= 1920px) {
    .container {
      max-width: 1920px;
    }
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[130px\] {
    height: 130px;
  }
  .h-\[145px\] {
    height: 145px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[calc\(100vh-11rem\)\] {
    height: calc(100vh - 11rem);
  }
  .h-\[calc\(100vh-80px-56px\)\] {
    height: calc(100vh - 80px - 56px);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-\[75vh\] {
    max-height: 75vh;
  }
  .max-h-\[80px\] {
    max-height: 80px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[calc\(100vh-330px\)\] {
    max-height: calc(100vh - 330px);
  }
  .min-h-\[30vh\] {
    min-height: 30vh;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-11\/12 {
    width: calc(11 / 12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[960px\] {
    width: 960px;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-max {
    min-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .origin-left {
    transform-origin: 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-70 {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[2\.0\] {
    scale: 2.0;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-8 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }
  .self-center {
    align-self: center;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-light-actionDisabledColor {
    border-color: var(--color-light-actionDisabledColor);
  }
  .border-light-bgColorSecondary {
    border-color: var(--color-light-bgColorSecondary);
  }
  .border-light-bgHoverColor {
    border-color: var(--color-light-bgHoverColor);
  }
  .border-light-bgHoverColor\/20 {
    border-color: color-mix(in srgb, #e8e8e3 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-light-bgHoverColor\/20 {
      border-color: color-mix(in oklab, var(--color-light-bgHoverColor) 20%, transparent);
    }
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-yellow-500 {
    border-color: var(--color-yellow-500);
  }
  .bg-\[rgba\(0\,0\,0\,0\.3\)\] {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-light-actionColor {
    background-color: var(--color-light-actionColor);
  }
  .bg-light-bgColorCard {
    background-color: var(--color-light-bgColorCard);
  }
  .bg-light-bgColorPrimary {
    background-color: var(--color-light-bgColorPrimary);
  }
  .bg-light-bgColorSecondary {
    background-color: var(--color-light-bgColorSecondary);
  }
  .bg-light-bgHoverColor {
    background-color: var(--color-light-bgHoverColor);
  }
  .bg-light-inputDisabledBg {
    background-color: var(--color-light-inputDisabledBg);
  }
  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-36 {
    padding-left: calc(var(--spacing) * 36);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .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);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .break-all {
    word-break: break-all;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-current {
    color: currentcolor;
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-light-chartActiveState {
    color: var(--color-light-chartActiveState);
  }
  .text-light-chartCompletedState {
    color: var(--color-light-chartCompletedState);
  }
  .text-light-chartDueSoonState {
    color: var(--color-light-chartDueSoonState);
  }
  .text-light-chartOverdueState {
    color: var(--color-light-chartOverdueState);
  }
  .text-light-textColor {
    color: var(--color-light-textColor);
  }
  .text-light-textColorSecondary {
    color: var(--color-light-textColorSecondary);
  }
  .text-light-tooltipError {
    color: var(--color-light-tooltipError);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .accent-light-actionColor {
    accent-color: var(--color-light-actionColor);
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
  }
  .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,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .placeholder\:text-light-textColorSecondary::placeholder {
    color: var(--color-light-textColorSecondary);
  }
  @media (hover: hover) {
    .hover\:bg-light-bgHoverColor:hover {
      background-color: var(--color-light-bgHoverColor);
    }
    .hover\:opacity-90:hover {
      opacity: 90%;
    }
  }
  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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\:ring-light-actionColor:focus {
    --tw-ring-color: var(--color-light-actionColor);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:outline-light-focusOutline:focus-visible {
    outline-color: var(--color-light-focusOutline);
  }
  @media (width >= 1920px) {
    .\34xl\:w-1\/4 {
      width: calc(1 / 4 * 100%);
    }
    .\34xl\:w-3\/4 {
      width: calc(3 / 4 * 100%);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-0 {
      margin-top: 0px;
    }
    .sm\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }
    .sm\:ml-6 {
      margin-left: calc(var(--spacing) * 6);
    }
    .sm\:ml-auto {
      margin-left: auto;
    }
    .sm\:inline-block {
      display: inline-block;
    }
    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }
    .sm\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .sm\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }
    .sm\:p-24 {
      padding: calc(var(--spacing) * 24);
    }
    .sm\:py-0\.5 {
      padding-block: calc(var(--spacing) * 0.5);
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
    .md\:h-60 {
      height: calc(var(--spacing) * 60);
    }
    .md\:w-1\/3 {
      width: calc(1 / 3 * 100%);
    }
    .md\:w-2\/3 {
      width: calc(2 / 3 * 100%);
    }
    .md\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    .md\:w-60 {
      width: calc(var(--spacing) * 60);
    }
    .md\:w-\[350px\] {
      width: 350px;
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:h-64 {
      height: calc(var(--spacing) * 64);
    }
    .lg\:w-2\/5 {
      width: calc(2 / 5 * 100%);
    }
    .lg\:w-3\/5 {
      width: calc(3 / 5 * 100%);
    }
    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:justify-start {
      justify-content: flex-start;
    }
    .lg\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }
    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width >= 80rem) {
    .xl\:h-78 {
      height: calc(var(--spacing) * 78);
    }
    .xl\:w-1\/4 {
      width: calc(1 / 4 * 100%);
    }
    .xl\:w-3\/4 {
      width: calc(3 / 4 * 100%);
    }
    .xl\:w-78 {
      width: calc(var(--spacing) * 78);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-1\/3 {
      width: calc(1 / 3 * 100%);
    }
    .\32xl\:w-2\/3 {
      width: calc(2 / 3 * 100%);
    }
  }
  .dark\:block:where(.dark, .dark *) {
    display: block;
  }
  .dark\:hidden:where(.dark, .dark *) {
    display: none;
  }
  .dark\:border-dark-actionDisabledColor:where(.dark, .dark *) {
    border-color: var(--color-dark-actionDisabledColor);
  }
  .dark\:border-dark-bgColorSecondary:where(.dark, .dark *) {
    border-color: var(--color-dark-bgColorSecondary);
  }
  .dark\:border-dark-bgHoverColor:where(.dark, .dark *) {
    border-color: var(--color-dark-bgHoverColor);
  }
  .dark\:border-dark-bgHoverColor\/20:where(.dark, .dark *) {
    border-color: color-mix(in srgb, #37374d 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-dark-bgHoverColor\/20:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-dark-bgHoverColor) 20%, transparent);
    }
  }
  .dark\:bg-amber-400:where(.dark, .dark *) {
    background-color: var(--color-amber-400);
  }
  .dark\:bg-amber-900\/20:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
    }
  }
  .dark\:bg-blue-400:where(.dark, .dark *) {
    background-color: var(--color-blue-400);
  }
  .dark\:bg-blue-900\/20:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-900\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
    }
  }
  .dark\:bg-dark-actionColor:where(.dark, .dark *) {
    background-color: var(--color-dark-actionColor);
  }
  .dark\:bg-dark-actionHoverColor:where(.dark, .dark *) {
    background-color: var(--color-dark-actionHoverColor);
  }
  .dark\:bg-dark-bgColorCard:where(.dark, .dark *) {
    background-color: var(--color-dark-bgColorCard);
  }
  .dark\:bg-dark-bgColorPrimary:where(.dark, .dark *) {
    background-color: var(--color-dark-bgColorPrimary);
  }
  .dark\:bg-dark-bgColorSecondary:where(.dark, .dark *) {
    background-color: var(--color-dark-bgColorSecondary);
  }
  .dark\:bg-dark-bgHoverColor:where(.dark, .dark *) {
    background-color: var(--color-dark-bgHoverColor);
  }
  .dark\:bg-dark-inputDisabledBg:where(.dark, .dark *) {
    background-color: var(--color-dark-inputDisabledBg);
  }
  .dark\:bg-yellow-900\/20:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-yellow-900\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
    }
  }
  .dark\:from-dark-bgColorCard:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-dark-bgColorCard);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .dark\:text-dark-chartActiveState:where(.dark, .dark *) {
    color: var(--color-dark-chartActiveState);
  }
  .dark\:text-dark-chartCompletedState:where(.dark, .dark *) {
    color: var(--color-dark-chartCompletedState);
  }
  .dark\:text-dark-chartDueSoonState:where(.dark, .dark *) {
    color: var(--color-dark-chartDueSoonState);
  }
  .dark\:text-dark-chartOverdueState:where(.dark, .dark *) {
    color: var(--color-dark-chartOverdueState);
  }
  .dark\:text-dark-textColor:where(.dark, .dark *) {
    color: var(--color-dark-textColor);
  }
  .dark\:text-dark-textColorSecondary:where(.dark, .dark *) {
    color: var(--color-dark-textColorSecondary);
  }
  .dark\:text-dark-tooltipError:where(.dark, .dark *) {
    color: var(--color-dark-tooltipError);
  }
  .dark\:text-solid-deep-blue:where(.dark, .dark *) {
    color: var(--color-solid-deep-blue);
  }
  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }
  .dark\:accent-dark-actionColor:where(.dark, .dark *) {
    accent-color: var(--color-dark-actionColor);
  }
  .dark\:placeholder\:text-dark-textColorSecondary:where(.dark, .dark *)::placeholder {
    color: var(--color-dark-textColorSecondary);
  }
  @media (hover: hover) {
    .dark\:hover\:bg-dark-bgHoverColor:where(.dark, .dark *):hover {
      background-color: var(--color-dark-bgHoverColor);
    }
    .dark\:hover\:bg-dark-inputDisabledBgHover:where(.dark, .dark *):hover {
      background-color: var(--color-dark-inputDisabledBgHover);
    }
  }
  .dark\:focus\:ring-dark-actionColor:where(.dark, .dark *):focus {
    --tw-ring-color: var(--color-dark-actionColor);
  }
  .\[\&_\.grid\]\:\!min-w-\[150px\] .grid {
    min-width: 150px !important;
  }
  .\[\&\>div\]\:h-\[66px\] > div {
    height: 66px;
  }
}
@layer components {
  *,
  ::before,
  ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }
  ::before,
  ::after {
    --tw-content: "";
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family:
      Siemens Sans,
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      Segoe UI,
      Roboto,
      Oxygen,
      Ubuntu,
      Cantarell,
      Open Sans,
      Helvetica Neue,
      sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  body {
    margin: 0;
    line-height: inherit;
  }
  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;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    font-feature-settings: normal;
    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;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  input:where([type=button]),
  input:where([type=reset]),
  input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  ol,
  ul,
  menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  dialog {
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  button,
  [role=button] {
    cursor: pointer;
  }
  :disabled {
    cursor: default;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none;
  }
  :root {
    --interactive-coral: #00cccc;
    --interactive-coral-80-db: #00a3ab;
    --interactive-coral-50-db: #007082;
    --interactive-coral-20-db: #002949;
    --interactive-coral-12-db: #00183b;
    --interactive-coral-08-db: #001034;
    --interactive-blue: #007993;
    --solid-deep-blue: #000028;
    --solid-bold-green: #00ffb9;
    --solid-light-sand: #f3f3f0;
    --secondary-deep-blue-85: #262648;
    --secondary-deep-blue-80: #333353;
    --secondary-deep-blue-70: #4c4c68;
    --secondary-deep-blue-60: #66667e;
    --secondary-deep-blue-55: #737389;
    --secondary-deep-blue-50: #7d8099;
    --secondary-deep-blue-40: #9999a9;
    --secondary-deep-blue-30: #b3b3be;
    --secondary-deep-blue-20: #ccccd4;
    --secondary-deep-blue-10: #e5e5e9;
    --secondary-deep-blue-08: #ebebee;
    --secondary-dark-sand: #aaaa96;
    --secondary-soft-sand: #c5c5b8;
    --secondary-bright-sand: #dfdfd9;
    --interaction-light-teal: #005159;
    --interaction-focus-blue: #1491eb;
    --interaction-light-teal-90: #196269;
    --interaction-light-teal-84: #296d74;
    --interaction-light-teal-80: #33747a;
    --interaction-light-teal-74: #427e84;
    --interaction-bold-green-64: #5c9095;
    --interaction-bold-green-90-db: #00e5aa;
    --interaction-bold-green-65-db: #00a686;
    --interaction-bold-green-60-db: #00997f;
    --interaction-bold-green-55-db: #008c78;
    --interaction-bold-green-45-db: #007369;
    --interaction-light-bold-green-18: #d1fff2;
    --interaction-bold-green-12-db: #001f39;
    --interaction-dark-red: #331131;
    --interaction-dark-yellow-18-db: #4b433a;
    --interaction-light-green-40: #c5ffef;
    --interaction-light-green: #62eec7;
    --interaction-focus-blue-30-db: #062c63;
    --interaction-focus-blue-20: #d0e9fb;
    --interaction-light-red: #fcccd7;
    --interaction-light-yellow: #fff3c6;
    --interaction-cyan-8: #ebf7f8;
    --data-red-900: #990000;
    --data-red-400: #ff6779;
    --data-red-100: #fcccd7;
    --feedback-light-blue: #007eb1;
    --feedback-light-green: #01893a;
    --feedback-light-green-text: #018136;
    --feedback-light-yellow: #e9c32a;
    --feedback-light-orange: #e96401;
    --feedback-light-red: #d72339;
    --feedback-light-red-text: #ff7687;
    --feedback-dark-blue: #00bedc;
    --feedback-dark-green: #01d65a;
    --feedback-dark-yellow: #ffd732;
    --feedback-dark-orange: #ff9000;
    --feedback-dark-red: #ff2640;
    --feedback-dark-red-text: #ff7687;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px;
    }
  }
  .form-input,
  .form-textarea,
  .form-select,
  .form-multiselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
  }
  .form-input:focus,
  .form-textarea:focus,
  .form-select:focus,
  .form-multiselect:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
    border-color: #2563eb;
  }
  .form-input::-moz-placeholder,
  .form-textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1;
  }
  .form-input::placeholder,
  .form-textarea::placeholder {
    color: #6b7280;
    opacity: 1;
  }
  .form-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  .form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
  }
  .form-input::-webkit-datetime-edit {
    display: inline-flex;
  }
  .form-input::-webkit-datetime-edit,
  .form-input::-webkit-datetime-edit-year-field,
  .form-input::-webkit-datetime-edit-month-field,
  .form-input::-webkit-datetime-edit-day-field,
  .form-input::-webkit-datetime-edit-hour-field,
  .form-input::-webkit-datetime-edit-minute-field,
  .form-input::-webkit-datetime-edit-second-field,
  .form-input::-webkit-datetime-edit-millisecond-field,
  .form-input::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-checkbox,
  .form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
  }
  .form-checkbox {
    border-radius: 0px;
  }
  .form-radio {
    border-radius: 100%;
  }
  .form-checkbox:focus,
  .form-radio:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .form-checkbox:checked,
  .form-radio:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .form-checkbox:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }
  @media (forced-colors: active) {
    .form-checkbox:checked {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto;
    }
  }
  .form-radio:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }
  @media (forced-colors: active) {
    .form-radio:checked {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto;
    }
  }
  .form-checkbox:checked:hover,
  .form-checkbox:checked:focus,
  .form-radio:checked:hover,
  .form-radio:checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  .form-checkbox:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  @media (forced-colors: active) {
    .form-checkbox:indeterminate {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto;
    }
  }
  .form-checkbox:indeterminate:hover,
  .form-checkbox:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .invisible {
    visibility: hidden;
  }
  .fixed {
    position: fixed;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .-top-2 {
    top: -0.5rem;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-\[0\.8rem\] {
    bottom: 0.8rem;
  }
  .bottom-\[3px\] {
    bottom: 3px;
  }
  .bottom-full {
    bottom: 100%;
  }
  .left-0 {
    left: 0px;
  }
  .left-1 {
    left: 0.25rem;
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-4 {
    left: 1rem;
  }
  .left-\[2px\] {
    left: 2px;
  }
  .right-0 {
    right: 0px;
  }
  .right-10 {
    right: 2.5rem;
  }
  .right-3 {
    right: 0.75rem;
  }
  .right-4 {
    right: 1rem;
  }
  .right-5 {
    right: 1.25rem;
  }
  .right-\[3px\] {
    right: 3px;
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-\[15\%\] {
    top: 15%;
  }
  .top-\[29px\] {
    top: 29px;
  }
  .top-\[37px\] {
    top: 37px;
  }
  .top-\[80px\] {
    top: 80px;
  }
  .top-full {
    top: 100%;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[10\] {
    z-index: 10;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[201\] {
    z-index: 201;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .m-0 {
    margin: 0px;
  }
  .m-4 {
    margin: 1rem;
  }
  .mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  .mb-4 {
    margin-bottom: 1rem;
  }
  .mb-\[2px\] {
    margin-bottom: 2px;
  }
  .ml-12 {
    margin-left: 3rem;
  }
  .ml-2 {
    margin-left: 0.5rem;
  }
  .ml-4 {
    margin-left: 1rem;
  }
  .mr-1 {
    margin-right: 0.25rem;
  }
  .mr-2 {
    margin-right: 0.5rem;
  }
  .mr-4 {
    margin-right: 1rem;
  }
  .mr-6 {
    margin-right: 1.5rem;
  }
  .mt-1 {
    margin-top: 0.25rem;
  }
  .mt-2 {
    margin-top: 0.5rem;
  }
  .mt-4 {
    margin-top: 1rem;
  }
  .mt-\[12px\] {
    margin-top: 12px;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .block {
    display: block;
  }
  .inline-block {
    display: inline-block;
  }
  .inline {
    display: inline;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .grid {
    display: grid;
  }
  .list-item {
    display: list-item;
  }
  .hidden {
    display: none;
  }
  .aspect-square {
    aspect-ratio: 1/1;
  }
  .size-3 {
    width: 0.75rem;
    height: 0.75rem;
  }
  .size-4 {
    width: 1rem;
    height: 1rem;
  }
  .h-0\.5 {
    height: 0.125rem;
  }
  .h-1 {
    height: 0.25rem;
  }
  .h-14 {
    height: 3.5rem;
  }
  .h-2\.5 {
    height: 0.625rem;
  }
  .h-3 {
    height: 0.75rem;
  }
  .h-4 {
    height: 1rem;
  }
  .h-5 {
    height: 1.25rem;
  }
  .h-8 {
    height: 2rem;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[70\%\] {
    height: 70%;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[calc\(100vh-80px\)\] {
    height: calc(100vh - 80px);
  }
  .h-full {
    height: 100%;
  }
  .max-h-14 {
    max-height: 3.5rem;
  }
  .max-h-48 {
    max-height: 12rem;
  }
  .max-h-72 {
    max-height: 18rem;
  }
  .min-h-6 {
    min-height: 1.5rem;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .min-h-\[calc\(100vh-80px-56px\)\] {
    min-height: calc(100vh - 80px - 56px);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-\[30px\] {
    width: 30px !important;
  }
  .w-0\.5 {
    width: 0.125rem;
  }
  .w-2\.5 {
    width: 0.625rem;
  }
  .w-4 {
    width: 1rem;
  }
  .w-5 {
    width: 1.25rem;
  }
  .w-64 {
    width: 16rem;
  }
  .w-8 {
    width: 2rem;
  }
  .w-\[296px\] {
    width: 296px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[42px\] {
    width: 42px;
  }
  .w-\[46px\] {
    width: 46px;
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .max-w-52 {
    max-width: 13rem;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[75\%\] {
    max-width: 75%;
  }
  .flex-1 {
    flex: 1 1 0%;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .translate-x-\[0\%\] {
    --tw-translate-x: 0%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .translate-x-\[100\%\] {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  @keyframes pulse {
    50% {
      opacity: 0.5;
    }
  }
  .animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  @keyframes slideLeft {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0%);
    }
  }
  .animate-slideLeft {
    animation: slideLeft 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
  @keyframes slideRight {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0%);
    }
  }
  .animate-slideRight {
    animation: slideRight 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .resize-none {
    resize: none;
  }
  .resize {
    resize: both;
  }
  .appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_1fr_1fr_56px\] {
    grid-template-columns: 1fr 1fr 1fr 56px;
  }
  .grid-cols-\[32px_1fr\] {
    grid-template-columns: 32px 1fr;
  }
  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-0 {
    gap: 0px;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .gap-2\.5 {
    gap: 0.625rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-y-2 {
    row-gap: 0.5rem;
  }
  .divide-solid-deep-blue > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--solid-deep-blue);
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[50px\] {
    border-radius: 50px;
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .rounded-lg {
    border-radius: 0.5rem;
  }
  .rounded-md {
    border-radius: 0.375rem;
  }
  .rounded-sm {
    border-radius: 0.125rem;
  }
  .rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }
  .border {
    border-width: 1px;
  }
  .border-0 {
    border-width: 0px;
  }
  .border-2 {
    border-width: 2px;
  }
  .border-\[3px\] {
    border-width: 3px;
  }
  .\!border-l-4 {
    border-left-width: 4px !important;
  }
  .border-b {
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-width: 2px;
  }
  .border-b-\[1px\] {
    border-bottom-width: 1px;
  }
  .border-b-\[2px\] {
    border-bottom-width: 2px;
  }
  .border-l-4 {
    border-left-width: 4px;
  }
  .border-l-\[3px\] {
    border-left-width: 3px;
  }
  .border-t {
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-width: 0px;
  }
  .border-solid {
    border-style: solid;
  }
  .border-dashed {
    border-style: dashed;
  }
  .border-none {
    border-style: none;
  }
  .border-\[\#333333\] {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51/var(--tw-border-opacity, 1));
  }
  .border-\[\#666666\] {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .border-\[\#E8E8E3\] {
    --tw-border-opacity: 1;
    border-color: rgb(232 232 227/var(--tw-border-opacity, 1));
  }
  .border-\[\#b3b3b3\] {
    --tw-border-opacity: 1;
    border-color: rgb(179 179 179/var(--tw-border-opacity, 1));
  }
  .border-\[\#c2c2c2\] {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .border-\[\#cf4c00\] {
    --tw-border-opacity: 1;
    border-color: rgb(207 76 0/var(--tw-border-opacity, 1));
  }
  .border-\[\#ec6602\] {
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .border-feedback-light-red {
    border-color: var(--feedback-light-red);
  }
  .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1));
  }
  .border-interaction-light-teal {
    border-color: var(--interaction-light-teal);
  }
  .border-interactive-blue {
    border-color: var(--interactive-blue);
  }
  .border-secondary-deep-blue-40 {
    border-color: var(--secondary-deep-blue-40);
  }
  .border-secondary-deep-blue-50 {
    border-color: var(--secondary-deep-blue-50);
  }
  .border-secondary-deep-blue-70 {
    border-color: var(--secondary-deep-blue-70);
  }
  .border-secondary-deep-blue-85 {
    border-color: var(--secondary-deep-blue-85);
  }
  .border-solid-deep-blue {
    border-color: var(--solid-deep-blue);
  }
  .border-teal-100 {
    --tw-border-opacity: 1;
    border-color: rgb(204 251 241/var(--tw-border-opacity, 1));
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-l-interaction-light-teal {
    border-left-color: var(--interaction-light-teal);
  }
  .border-l-transparent {
    border-left-color: transparent;
  }
  .bg-\[\#999999\] {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153/var(--tw-bg-opacity, 1));
  }
  .bg-\[\#E8E8E3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 227/var(--tw-bg-opacity, 1));
  }
  .bg-\[\#cf4b00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(207 75 0/var(--tw-bg-opacity, 1));
  }
  .bg-\[\#cf4c00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(207 76 0/var(--tw-bg-opacity, 1));
  }
  .bg-\[\#e6e6e6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230/var(--tw-bg-opacity, 1));
  }
  .bg-\[\#ededed\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .bg-\[\#f2f2f2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity, 1));
  }
  .bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1));
  }
  .bg-\[\#fafafa\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1));
  }
  .bg-\[rgba\(0\,0\,0\,0\.3\)\] {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .bg-\[var\(--light-bg\)\] {
    background-color: var(--light-bg);
  }
  .bg-feedback-light-red {
    background-color: var(--feedback-light-red);
  }
  .bg-interaction-cyan-8 {
    background-color: var(--interaction-cyan-8);
  }
  .bg-interaction-light-bold-green-18 {
    background-color: var(--interaction-light-bold-green-18);
  }
  .bg-interaction-light-green {
    background-color: var(--interaction-light-green);
  }
  .bg-interaction-light-teal {
    background-color: var(--interaction-light-teal);
  }
  .bg-interactive-blue {
    background-color: var(--interactive-blue);
  }
  .bg-secondary-deep-blue-10 {
    background-color: var(--secondary-deep-blue-10);
  }
  .bg-secondary-deep-blue-20 {
    background-color: var(--secondary-deep-blue-20);
  }
  .bg-secondary-deep-blue-50 {
    background-color: var(--secondary-deep-blue-50);
  }
  .bg-secondary-deep-blue-85 {
    background-color: var(--secondary-deep-blue-85);
  }
  .bg-siemens-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 40/var(--tw-bg-opacity, 1));
  }
  .bg-solid-deep-blue {
    background-color: var(--solid-deep-blue);
  }
  .bg-solid-light-sand {
    background-color: var(--solid-light-sand);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .stroke-\[\#cf4b00\] {
    stroke: #cf4b00;
  }
  .stroke-interactive-blue {
    stroke: var(--interactive-blue);
  }
  .object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .p-0 {
    padding: 0px;
  }
  .p-2 {
    padding: 0.5rem;
  }
  .p-3 {
    padding: 0.75rem;
  }
  .p-4 {
    padding: 1rem;
  }
  .p-6 {
    padding: 1.5rem;
  }
  .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .pb-\[16px\] {
    padding-bottom: 16px;
  }
  .pl-2 {
    padding-left: 0.5rem;
  }
  .pl-4 {
    padding-left: 1rem;
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .pl-\[56px\] {
    padding-left: 56px;
  }
  .pr-10 {
    padding-right: 2.5rem;
  }
  .pr-4 {
    padding-right: 1rem;
  }
  .pr-8 {
    padding-right: 2rem;
  }
  .pr-\[16px\] {
    padding-right: 16px;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pt-\[80px\] {
    padding-top: 80px;
  }
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .font-black {
    font-weight: 900;
  }
  .font-bold {
    font-weight: 700;
  }
  .font-medium {
    font-weight: 500;
  }
  .font-normal {
    font-weight: 400;
  }
  .font-semibold {
    font-weight: 600;
  }
  .leading-none {
    line-height: 1;
  }
  .text-\[\#002828\] {
    --tw-text-opacity: 1;
    color: rgb(0 40 40/var(--tw-text-opacity, 1));
  }
  .text-\[\#1A1A1A\] {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1));
  }
  .text-\[\#1a1a1a\] {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1));
  }
  .text-\[\#333333\] {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity, 1));
  }
  .text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .text-\[\#999999\] {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .text-\[\#c2c2c2\] {
    --tw-text-opacity: 1;
    color: rgb(194 194 194/var(--tw-text-opacity, 1));
  }
  .text-\[\#cf4b00\] {
    --tw-text-opacity: 1;
    color: rgb(207 75 0/var(--tw-text-opacity, 1));
  }
  .text-\[\#cf4c00\] {
    --tw-text-opacity: 1;
    color: rgb(207 76 0/var(--tw-text-opacity, 1));
  }
  .text-\[\#e6e6e6\] {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity, 1));
  }
  .text-\[\#e7001e\] {
    --tw-text-opacity: 1;
    color: rgb(231 0 30/var(--tw-text-opacity, 1));
  }
  .text-\[\#ec6602\] {
    --tw-text-opacity: 1;
    color: rgb(236 102 2/var(--tw-text-opacity, 1));
  }
  .text-\[\#ededed\] {
    --tw-text-opacity: 1;
    color: rgb(237 237 237/var(--tw-text-opacity, 1));
  }
  .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
  }
  .text-current {
    color: currentColor;
  }
  .text-feedback-light-blue {
    color: var(--feedback-light-blue);
  }
  .text-feedback-light-green {
    color: var(--feedback-light-green);
  }
  .text-feedback-light-orange {
    color: var(--feedback-light-orange);
  }
  .text-feedback-light-red {
    color: var(--feedback-light-red);
  }
  .text-feedback-light-red-text {
    color: var(--feedback-light-red-text);
  }
  .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1));
  }
  .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1));
  }
  .text-interaction-light-teal {
    color: var(--interaction-light-teal);
  }
  .text-interactive-blue {
    color: var(--interactive-blue);
  }
  .text-secondary-deep-blue-20 {
    color: var(--secondary-deep-blue-20);
  }
  .text-secondary-deep-blue-50 {
    color: var(--secondary-deep-blue-50);
  }
  .text-secondary-deep-blue-55 {
    color: var(--secondary-deep-blue-55);
  }
  .text-secondary-deep-blue-60 {
    color: var(--secondary-deep-blue-60);
  }
  .text-secondary-deep-blue-70 {
    color: var(--secondary-deep-blue-70);
  }
  .text-solid-bold-green {
    color: var(--solid-bold-green);
  }
  .text-solid-deep-blue {
    color: var(--solid-deep-blue);
  }
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .opacity-90 {
    opacity: 0.9;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
      var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
      var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),
      var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
      var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
      var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),
      var(--tw-shadow);
  }
  .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .outline {
    outline-style: solid;
  }
  .blur {
    --tw-blur: blur(8px);
    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);
  }
  .\!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) !important;
  }
  .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);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      -webkit-backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter;
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter,
      -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .duration-200 {
    transition-duration: 200ms;
  }
  .duration-300 {
    transition-duration: 300ms;
  }
  .duration-500 {
    transition-duration: 500ms;
  }
  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .\[appearance\:textfield\] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
  }
  .checkbox-sag,
  .checkbox-hover-sag,
  .checkbox-disabled-sag,
  .checkbox-dark-sag,
  .checkbox-hover-dark-sag,
  .checkbox-disabled-dark-sag {
    position: relative;
  }
  .checkbox-sag:checked::before,
  .checkbox-hover-sag:checked::before,
  .checkbox-disabled-sag:checked::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .checkbox-dark-sag:checked::before,
  .checkbox-hover-dark-sag:checked::before,
  .checkbox-disabled-dark-sag:checked::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 6px;
    height: 10px;
    border: solid #000028;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .radio-sag,
  .radio-hover-sag,
  .radio-disabled-sag,
  .radio-dark-sag,
  .radio-hover-dark-sag,
  .radio-disabled-dark-sag {
    position: relative;
  }
  .radio-sag:checked::before,
  .radio-hover-sag:checked::before,
  .radio-disabled-sag:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffffff;
  }
  .radio-dark-sag:checked::before,
  .radio-hover-dark-sag:checked::before,
  .radio-disabled-dark-sag:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000028;
  }
  .checkbox-disabled-sag:checked::before,
  .radio-disabled-sag:checked::before {
    opacity: 0.5;
  }
  .checkbox-disabled-dark-sag:checked::before,
  .radio-disabled-dark-sag:checked::before {
    opacity: 0.5;
  }
  .checkbox-hover-sag:hover:checked::before,
  .checkbox-hover-dark-sag:hover:checked::before,
  .radio-hover-sag:hover:checked::before,
  .radio-hover-dark-sag:hover:checked::before {
    transform: scale(1.1);
    transition: transform 0.2s ease;
  }
  .radio-hover-sag:hover:checked::before,
  .radio-hover-dark-sag:hover:checked::before {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .form-checkbox:checked {
    background-image: url("./media/checkbox-checked.svg");
  }
  .form-select {
    background-image: url("./media/select-arrow.svg");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .form-checkbox:checked {
    background-image: url("./media/checkbox-checked.svg");
  }
  .form-radio:checked {
    background-image: url("./media/radio-dot.svg");
  }
  .form-checkbox:indeterminate {
    background-image: url("./media/checkbox-indeterminate.svg");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .checked\:bg-checkbox-sag:checked {
    background-image: url("./media/checkbox-sag.svg");
  }
  .checked\:bg-radio-sag:checked {
    background-image: url("./media/radio-sag.svg");
  }
  .hover\:checked\:bg-checkbox-hover-sag:checked:hover {
    background-image: url("./media/checkbox-hover-sag.svg");
  }
  .hover\:checked\:bg-radio-hover-sag:checked:hover {
    background-image: url("./media/radio-hover-sag.svg");
  }
  .focus\:checked\:bg-checkbox-hover-sag:checked:focus {
    background-image: url("./media/checkbox-focus-sag.svg");
  }
  .focus\:checked\:bg-radio-hover-sag:checked:focus {
    background-image: url("./media/radio-focus-sag.svg");
  }
  .disabled\:checked\:bg-checkbox-disabled-sag:checked:disabled {
    background-image: url("./media/checkbox-disabled-sag.svg");
  }
  .disabled\:checked\:bg-radio-disabled-sag:checked:disabled {
    background-image: url("./media/radio-disabled-sag.svg");
  }
  .dark\:checked\:bg-checkbox-dark-sag:checked:is([data-mode=dark] *) {
    background-image: url("./media/checkbox-dark-sag.svg");
  }
  .dark\:checked\:bg-radio-dark-sag:checked:is([data-mode=dark] *) {
    background-image: url("./media/radio-dark-sag.svg");
  }
  .dark\:hover\:checked\:bg-checkbox-hover-dark-sag:checked:hover:is([data-mode=dark] *) {
    background-image: url("./media/checkbox-hover-dark-sag.svg");
  }
  .dark\:hover\:checked\:bg-radio-hover-dark-sag:checked:hover:is([data-mode=dark] *) {
    background-image: url("./media/radio-hover-dark-sag.svg");
  }
  .dark\:focus\:checked\:bg-checkbox-hover-dark-sag:checked:focus:is([data-mode=dark] *) {
    background-image: url("./media/checkbox-focus-dark-sag.svg");
  }
  .dark\:focus\:checked\:bg-radio-hover-dark-sag:checked:focus:is([data-mode=dark] *) {
    background-image: url("./media/radio-focus-dark-sag.svg");
  }
  .dark\:disabled\:checked\:bg-checkbox-disabled-dark-sag:checked:disabled:is([data-mode=dark] *) {
    background-image: url("./media/checkbox-disabled-dark-sag.svg");
  }
  .dark\:disabled\:checked\:bg-checkbox-disabled-sag:checked:disabled:is([data-mode=dark] *) {
    background-image: url("./media/checkbox-disabled-white-dark-sag.svg");
  }
  .dark\:disabled\:checked\:bg-radio-disabled-dark-sag:checked:disabled:is([data-mode=dark] *) {
    background-image: url("./media/radio-disabled-dark-sag.svg");
  }
  .dark\:disabled\:checked\:bg-radio-disabled-sag:checked:disabled:is([data-mode=dark] *) {
    background-image: url("./media/radio-disabled-white-dark-sag.svg");
  }
  .placeholder\:text-\[\#666666\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .placeholder\:text-\[\#666666\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .placeholder\:text-secondary-deep-blue-70::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .placeholder\:text-secondary-deep-blue-70::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
  }
  .before\:left-1\/2::before {
    content: var(--tw-content);
    left: 50%;
  }
  .before\:top-1\/2::before {
    content: var(--tw-content);
    top: 50%;
  }
  .before\:block::before {
    content: var(--tw-content);
    display: block;
  }
  .before\:h-10::before {
    content: var(--tw-content);
    height: 2.5rem;
  }
  .before\:h-4::before {
    content: var(--tw-content);
    height: 1rem;
  }
  .before\:w-10::before {
    content: var(--tw-content);
    width: 2.5rem;
  }
  .before\:w-4::before {
    content: var(--tw-content);
    width: 1rem;
  }
  .before\:-translate-y-1\/2::before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: 9999px;
  }
  .before\:border-2::before {
    content: var(--tw-content);
    border-width: 2px;
  }
  .before\:border-secondary-deep-blue-50::before {
    content: var(--tw-content);
    border-color: var(--secondary-deep-blue-50);
  }
  .before\:border-white::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
  }
  .before\:bg-\[\#666666\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(102 102 102/var(--tw-bg-opacity, 1));
  }
  .before\:bg-white::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .before\:transition-all::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .before\:content-\[\"\"\]::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .first\:pt-4:first-child {
    padding-top: 1rem;
  }
  .last\:pb-4:last-child {
    padding-bottom: 1rem;
  }
  .checked\:border-\[\#D45C01\]:checked {
    --tw-border-opacity: 1;
    border-color: rgb(212 92 1/var(--tw-border-opacity, 1));
  }
  .checked\:border-\[\#ec6602\]:checked {
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .checked\:border-interaction-light-teal:checked {
    border-color: var(--interaction-light-teal);
  }
  .checked\:bg-\[\#D45C01\]:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(212 92 1/var(--tw-bg-opacity, 1));
  }
  .checked\:bg-\[\#ec6602\]:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(236 102 2/var(--tw-bg-opacity, 1));
  }
  .checked\:bg-interaction-light-teal:checked {
    background-color: var(--interaction-light-teal);
  }
  .checked\:bg-none:checked {
    background-image: none;
  }
  .checked\:before\:left-4:checked::before {
    content: var(--tw-content);
    left: 1rem;
  }
  .checked\:before\:border-\[\#ec6602\]:checked::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .checked\:before\:border-interaction-light-teal:checked::before {
    content: var(--tw-content);
    border-color: var(--interaction-light-teal);
  }
  .checked\:before\:bg-white:checked::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .invalid\:border-\[\#e7001e\]:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .invalid\:border-feedback-light-red:invalid {
    border-color: var(--feedback-light-red);
  }
  .invalid\:bg-\[\#ededed\]:invalid {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .invalid\:bg-data-red-100:invalid {
    background-color: var(--data-red-100);
  }
  .invalid\:placeholder\:text-\[\#666666\]:invalid::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:placeholder\:text-\[\#666666\]:invalid::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:placeholder\:text-solid-deep-blue:invalid::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .invalid\:placeholder\:text-solid-deep-blue:invalid::placeholder {
    color: var(--solid-deep-blue);
  }
  .read-only\:border-\[\#666666\]:-moz-read-only {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .read-only\:border-\[\#666666\]:read-only {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .read-only\:border-secondary-deep-blue-20:-moz-read-only {
    border-color: var(--secondary-deep-blue-20);
  }
  .read-only\:border-secondary-deep-blue-20:read-only {
    border-color: var(--secondary-deep-blue-20);
  }
  .read-only\:bg-\[\#ededed\]:-moz-read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .read-only\:bg-\[\#ededed\]:read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .read-only\:bg-white:-moz-read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .read-only\:bg-white:read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .read-only\:placeholder\:text-\[\#666666\]:read-only::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:placeholder\:text-\[\#666666\]:-moz-read-only::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:placeholder\:text-\[\#666666\]:read-only::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:placeholder\:text-secondary-deep-blue-70:read-only::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .read-only\:placeholder\:text-secondary-deep-blue-70:-moz-read-only::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .read-only\:placeholder\:text-secondary-deep-blue-70:read-only::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .hover\:border-\[\#666666\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .hover\:border-\[\#ba4400\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(186 68 0/var(--tw-border-opacity, 1));
  }
  .hover\:border-\[\#cf4b00\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(207 75 0/var(--tw-border-opacity, 1));
  }
  .hover\:border-interaction-light-teal:hover {
    border-color: var(--interaction-light-teal);
  }
  .hover\:bg-\[\#007793\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 119 147/var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#E8E8E3\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(232 232 227/var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#F2F2F2\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#ba4400\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(186 68 0/var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#e6e6e6\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230/var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#ec660211\]:hover {
    background-color: rgba(236, 102, 2, 0.0666666667);
  }
  .hover\:bg-\[\#ededed\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#f2f2f2\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity, 1));
  }
  .hover\:bg-interaction-light-bold-green-18:hover {
    background-color: var(--interaction-light-bold-green-18);
  }
  .hover\:bg-interaction-light-green:hover {
    background-color: var(--interaction-light-green);
  }
  .hover\:bg-interactive-blue:hover {
    background-color: var(--interactive-blue);
  }
  .hover\:bg-secondary-deep-blue-60:hover {
    background-color: var(--secondary-deep-blue-60);
  }
  .hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .hover\:font-semibold:hover {
    font-weight: 600;
  }
  .hover\:text-\[\#1A1A1A\]:hover {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1));
  }
  .hover\:text-\[\#1a1a1a\]:hover {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1));
  }
  .hover\:text-\[\#cf4c00\]:hover {
    --tw-text-opacity: 1;
    color: rgb(207 76 0/var(--tw-text-opacity, 1));
  }
  .hover\:text-interaction-light-teal:hover {
    color: var(--interaction-light-teal);
  }
  .hover\:text-solid-deep-blue:hover {
    color: var(--solid-deep-blue);
  }
  .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:placeholder\:text-\[\#666666\]:hover::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .hover\:placeholder\:text-\[\#666666\]:hover::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .hover\:placeholder\:text-solid-deep-blue:hover::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .hover\:placeholder\:text-solid-deep-blue:hover::placeholder {
    color: var(--solid-deep-blue);
  }
  .before\:hover\:border-secondary-deep-blue-60:hover::before {
    content: var(--tw-content);
    border-color: var(--secondary-deep-blue-60);
  }
  .before\:hover\:border-white:hover::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
  }
  .hover\:checked\:border-\[\#D45C01\]:checked:hover {
    --tw-border-opacity: 1;
    border-color: rgb(212 92 1/var(--tw-border-opacity, 1));
  }
  .hover\:checked\:border-interaction-light-teal-90:checked:hover {
    border-color: var(--interaction-light-teal-90);
  }
  .checked\:hover\:bg-\[\#ec6602\]:hover:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(236 102 2/var(--tw-bg-opacity, 1));
  }
  .checked\:hover\:bg-interaction-light-teal-90:hover:checked {
    background-color: var(--interaction-light-teal-90);
  }
  .hover\:checked\:bg-\[\#D45C01\]:checked:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(212 92 1/var(--tw-bg-opacity, 1));
  }
  .hover\:checked\:bg-interaction-light-teal-90:checked:hover {
    background-color: var(--interaction-light-teal-90);
  }
  .checked\:before\:hover\:border-\[\#ec6602\]:hover:checked::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .checked\:before\:hover\:border-interaction-light-teal-90:hover:checked::before {
    content: var(--tw-content);
    border-color: var(--interaction-light-teal-90);
  }
  .invalid\:hover\:border-\[\#e7001e\]:hover:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .invalid\:hover\:border-feedback-light-red:hover:invalid {
    border-color: var(--feedback-light-red);
  }
  .invalid\:hover\:bg-\[\#ededed\]:hover:invalid {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .invalid\:hover\:bg-data-red-100:hover:invalid {
    background-color: var(--data-red-100);
  }
  .invalid\:hover\:placeholder\:text-\[\#666666\]:hover:invalid::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:hover\:placeholder\:text-\[\#666666\]:hover:invalid::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:hover\:placeholder\:text-solid-deep-blue:hover:invalid::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .invalid\:hover\:placeholder\:text-solid-deep-blue:hover:invalid::placeholder {
    color: var(--solid-deep-blue);
  }
  .read-only\:hover\:border-\[\#666666\]:hover:-moz-read-only {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .read-only\:hover\:border-\[\#666666\]:hover:read-only {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .read-only\:hover\:border-secondary-deep-blue-20:hover:-moz-read-only {
    border-color: var(--secondary-deep-blue-20);
  }
  .read-only\:hover\:border-secondary-deep-blue-20:hover:read-only {
    border-color: var(--secondary-deep-blue-20);
  }
  .read-only\:hover\:bg-\[\#ededed\]:hover:-moz-read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .read-only\:hover\:bg-\[\#ededed\]:hover:read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .read-only\:hover\:bg-white:hover:-moz-read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .read-only\:hover\:bg-white:hover:read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .read-only\:hover\:placeholder\:text-\[\#666666\]:hover:read-only::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:hover\:placeholder\:text-\[\#666666\]:hover:-moz-read-only::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:hover\:placeholder\:text-\[\#666666\]:hover:read-only::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:hover\:placeholder\:text-secondary-deep-blue-70:hover:read-only::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .read-only\:hover\:placeholder\:text-secondary-deep-blue-70:hover:-moz-read-only::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .read-only\:hover\:placeholder\:text-secondary-deep-blue-70:hover:read-only::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .focus\:z-50:focus {
    z-index: 50;
  }
  .focus\:ml-6:focus {
    margin-left: 1.5rem;
  }
  .focus\:rounded-sm:focus {
    border-radius: 0.125rem;
  }
  .focus\:border-\[1px\]:focus {
    border-width: 1px;
  }
  .focus\:border-\[\#666666\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246/var(--tw-border-opacity, 1));
  }
  .focus\:border-interaction-focus-blue:focus {
    border-color: var(--interaction-focus-blue);
  }
  .focus\:border-interaction-light-teal:focus {
    border-color: var(--interaction-light-teal);
  }
  .focus\:border-interactive-blue:focus {
    border-color: var(--interactive-blue);
  }
  .focus\:border-secondary-deep-blue-70:focus {
    border-color: var(--secondary-deep-blue-70);
  }
  .focus\:border-solid-deep-blue:focus {
    border-color: var(--solid-deep-blue);
  }
  .focus\:bg-\[\#ededed\]:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .focus\:bg-\[\#f2f2f2\]:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity, 1));
  }
  .focus\:bg-interaction-light-bold-green-18:focus {
    background-color: var(--interaction-light-bold-green-18);
  }
  .focus\:bg-interactive-blue:focus {
    background-color: var(--interactive-blue);
  }
  .focus\:px-6:focus {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .focus\:py-3:focus {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .focus\:text-sm:focus {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .focus\:font-semibold:focus {
    font-weight: 600;
  }
  .focus\:text-interaction-light-teal:focus {
    color: var(--interaction-light-teal);
  }
  .focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
  }
  .focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
  }
  .focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  }
  .focus\:ring-blue-500\/10:focus {
    --tw-ring-color: rgb(59 130 246 / 0.1);
  }
  .focus\:ring-transparent:focus {
    --tw-ring-color: transparent;
  }
  .focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
  }
  .focus\:placeholder\:text-\[\#666666\]:focus::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .focus\:placeholder\:text-\[\#666666\]:focus::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .focus\:placeholder\:text-secondary-deep-blue-70:focus::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .focus\:placeholder\:text-secondary-deep-blue-70:focus::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .focus\:checked\:border-\[\#D45C01\]:checked:focus {
    --tw-border-opacity: 1;
    border-color: rgb(212 92 1/var(--tw-border-opacity, 1));
  }
  .focus\:checked\:border-interaction-light-teal:checked:focus {
    border-color: var(--interaction-light-teal);
  }
  .focus\:checked\:bg-\[\#D45C01\]:checked:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(212 92 1/var(--tw-bg-opacity, 1));
  }
  .focus\:checked\:bg-interaction-light-teal:checked:focus {
    background-color: var(--interaction-light-teal);
  }
  .invalid\:focus\:border-\[\#e7001e\]:focus:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .invalid\:focus\:border-feedback-light-red:focus:invalid {
    border-color: var(--feedback-light-red);
  }
  .invalid\:focus\:bg-\[\#ededed\]:focus:invalid {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .invalid\:focus\:bg-data-red-100:focus:invalid {
    background-color: var(--data-red-100);
  }
  .invalid\:focus\:placeholder\:text-\[\#666666\]:focus:invalid::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:focus\:placeholder\:text-\[\#666666\]:focus:invalid::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:focus\:placeholder\:text-solid-deep-blue:focus:invalid::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .invalid\:focus\:placeholder\:text-solid-deep-blue:focus:invalid::placeholder {
    color: var(--solid-deep-blue);
  }
  .read-only\:focus\:border-\[\#666666\]:focus:-moz-read-only {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .read-only\:focus\:border-\[\#666666\]:focus:read-only {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .read-only\:focus\:border-secondary-deep-blue-20:focus:-moz-read-only {
    border-color: var(--secondary-deep-blue-20);
  }
  .read-only\:focus\:border-secondary-deep-blue-20:focus:read-only {
    border-color: var(--secondary-deep-blue-20);
  }
  .read-only\:focus\:bg-\[\#ededed\]:focus:-moz-read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .read-only\:focus\:bg-\[\#ededed\]:focus:read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .read-only\:focus\:bg-white:focus:-moz-read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .read-only\:focus\:bg-white:focus:read-only {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .read-only\:focus\:placeholder\:text-\[\#666666\]:focus:read-only::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:focus\:placeholder\:text-\[\#666666\]:focus:-moz-read-only::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:focus\:placeholder\:text-\[\#666666\]:focus:read-only::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .read-only\:focus\:placeholder\:text-secondary-deep-blue-70:focus:read-only::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .read-only\:focus\:placeholder\:text-secondary-deep-blue-70:focus:-moz-read-only::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .read-only\:focus\:placeholder\:text-secondary-deep-blue-70:focus:read-only::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .focus-visible\:bg-\[\#007793\]:focus-visible {
    --tw-bg-opacity: 1;
    background-color: rgb(0 119 147/var(--tw-bg-opacity, 1));
  }
  .focus-visible\:text-white:focus-visible {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .focus-visible\:outline-1:focus-visible {
    outline-width: 1px;
  }
  .focus-visible\:outline-offset-1:focus-visible {
    outline-offset: 1px;
  }
  .focus-visible\:outline-interaction-focus-blue:focus-visible {
    outline-color: var(--interaction-focus-blue);
  }
  .focus\:focus-visible\:outline-1:focus-visible:focus {
    outline-width: 1px;
  }
  .focus\:focus-visible\:outline-interaction-focus-blue:focus-visible:focus {
    outline-color: var(--interaction-focus-blue);
  }
  .active\:border-interaction-light-teal:active {
    border-color: var(--interaction-light-teal);
  }
  .active\:bg-\[\#ededed\]:active {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .active\:bg-interaction-light-bold-green-18:active {
    background-color: var(--interaction-light-bold-green-18);
  }
  .active\:bg-transparent:active {
    background-color: transparent;
  }
  .active\:bg-white:active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .invalid\:active\:border-\[\#e7001e\]:active:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .invalid\:active\:border-feedback-light-red:active:invalid {
    border-color: var(--feedback-light-red);
  }
  .invalid\:active\:bg-\[\#ededed\]:active:invalid {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .invalid\:active\:bg-data-red-100:active:invalid {
    background-color: var(--data-red-100);
  }
  .invalid\:active\:placeholder\:text-\[\#666666\]:active:invalid::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:active\:placeholder\:text-\[\#666666\]:active:invalid::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:active\:placeholder\:text-solid-deep-blue:active:invalid::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .invalid\:active\:placeholder\:text-solid-deep-blue:active:invalid::placeholder {
    color: var(--solid-deep-blue);
  }
  .enabled\:cursor-pointer:enabled {
    cursor: pointer;
  }
  .enabled\:hover\:border-\[\#c81c31\]:hover:enabled {
    --tw-border-opacity: 1;
    border-color: rgb(200 28 49/var(--tw-border-opacity, 1));
  }
  .enabled\:hover\:border-interaction-light-teal:hover:enabled {
    border-color: var(--interaction-light-teal);
  }
  .enabled\:hover\:bg-\[\#ba4400\]:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(186 68 0/var(--tw-bg-opacity, 1));
  }
  .enabled\:hover\:bg-\[\#c81c31\]:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(200 28 49/var(--tw-bg-opacity, 1));
  }
  .enabled\:hover\:bg-\[\#e6e6e6\]:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 230/var(--tw-bg-opacity, 1));
  }
  .enabled\:hover\:bg-\[\#f2f2f2\]:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity, 1));
  }
  .enabled\:hover\:bg-interaction-light-bold-green-18:hover:enabled {
    background-color: var(--interaction-light-bold-green-18);
  }
  .enabled\:hover\:bg-interaction-light-teal:hover:enabled {
    background-color: var(--interaction-light-teal);
  }
  .enabled\:hover\:text-interaction-light-teal:hover:enabled {
    color: var(--interaction-light-teal);
  }
  .enabled\:active\:border-interaction-light-teal:active:enabled {
    border-color: var(--interaction-light-teal);
  }
  .enabled\:active\:bg-\[\#b7192c\]:active:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(183 25 44/var(--tw-bg-opacity, 1));
  }
  .enabled\:active\:bg-interaction-light-teal-90:active:enabled {
    background-color: var(--interaction-light-teal-90);
  }
  .enabled\:active\:bg-transparent:active:enabled {
    background-color: transparent;
  }
  .enabled\:active\:text-interaction-light-teal:active:enabled {
    color: var(--interaction-light-teal);
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:border-\[\#C2C2C2\]:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .disabled\:border-\[\#c2c2c2\]:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .disabled\:border-secondary-deep-blue-10:disabled {
    border-color: var(--secondary-deep-blue-10);
  }
  .disabled\:border-secondary-deep-blue-20:disabled {
    border-color: var(--secondary-deep-blue-20);
  }
  .disabled\:border-secondary-deep-blue-30:disabled {
    border-color: var(--secondary-deep-blue-30);
  }
  .disabled\:border-secondary-deep-blue-40:disabled {
    border-color: var(--secondary-deep-blue-40);
  }
  .disabled\:bg-\[\#f8f8f8\]:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1));
  }
  .disabled\:bg-interaction-cyan-8:disabled {
    background-color: var(--interaction-cyan-8);
  }
  .disabled\:bg-secondary-deep-blue-10:disabled {
    background-color: var(--secondary-deep-blue-10);
  }
  .disabled\:bg-transparent:disabled {
    background-color: transparent;
  }
  .disabled\:bg-white:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .disabled\:text-secondary-deep-blue-40:disabled {
    color: var(--secondary-deep-blue-40);
  }
  .disabled\:text-secondary-deep-blue-70:disabled {
    color: var(--secondary-deep-blue-70);
  }
  .disabled\:placeholder\:text-secondary-deep-blue-70:disabled::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .disabled\:placeholder\:text-secondary-deep-blue-70:disabled::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .disabled\:before\:border-secondary-deep-blue-10:disabled::before {
    content: var(--tw-content);
    border-color: var(--secondary-deep-blue-10);
  }
  .disabled\:before\:border-white:disabled::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
  }
  .disabled\:before\:bg-secondary-deep-blue-20:disabled::before {
    content: var(--tw-content);
    background-color: var(--secondary-deep-blue-20);
  }
  .disabled\:checked\:bg-secondary-deep-blue-30:checked:disabled {
    background-color: var(--secondary-deep-blue-30);
  }
  .disabled\:hover\:border-\[\#C2C2C2\]:hover:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .disabled\:hover\:border-\[\#c2c2c2\]:hover:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .disabled\:hover\:border-secondary-deep-blue-20:hover:disabled {
    border-color: var(--secondary-deep-blue-20);
  }
  .disabled\:hover\:border-secondary-deep-blue-30:hover:disabled {
    border-color: var(--secondary-deep-blue-30);
  }
  .disabled\:hover\:bg-\[\#f8f8f8\]:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1));
  }
  .disabled\:hover\:bg-interaction-cyan-8:hover:disabled {
    background-color: var(--interaction-cyan-8);
  }
  .disabled\:hover\:bg-transparent:hover:disabled {
    background-color: transparent;
  }
  .disabled\:hover\:bg-white:hover:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .disabled\:hover\:placeholder\:text-secondary-deep-blue-70:hover:disabled::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .disabled\:hover\:placeholder\:text-secondary-deep-blue-70:hover:disabled::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .disabled\:checked\:hover\:bg-secondary-deep-blue-10:hover:checked:disabled {
    background-color: var(--secondary-deep-blue-10);
  }
  .disabled\:checked\:hover\:bg-secondary-deep-blue-30:hover:checked:disabled {
    background-color: var(--secondary-deep-blue-30);
  }
  .disabled\:checked\:hover\:bg-white:hover:checked:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .disabled\:focus\:border-\[\#c2c2c2\]:focus:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .disabled\:focus\:border-secondary-deep-blue-20:focus:disabled {
    border-color: var(--secondary-deep-blue-20);
  }
  .disabled\:focus\:bg-\[\#f8f8f8\]:focus:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1));
  }
  .disabled\:focus\:bg-interaction-cyan-8:focus:disabled {
    background-color: var(--interaction-cyan-8);
  }
  .disabled\:focus\:placeholder\:text-secondary-deep-blue-70:focus:disabled::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .disabled\:focus\:placeholder\:text-secondary-deep-blue-70:focus:disabled::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .group:hover .group-hover\:visible {
    visibility: visible;
  }
  .group:hover .group-hover\:bg-\[\#f2f2f2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity, 1));
  }
  .group:focus .group-focus\:visible {
    visibility: visible;
  }
  .group:focus .group-focus\:text-interaction-light-teal {
    color: var(--interaction-light-teal);
  }
  .peer:checked ~ .peer-checked\:text-\[\#1A1A1A\] {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1));
  }
  .peer:checked ~ .peer-checked\:text-solid-deep-blue {
    color: var(--solid-deep-blue);
  }
  .peer:invalid ~ .peer-invalid\:text-\[\#e7001e\] {
    --tw-text-opacity: 1;
    color: rgb(231 0 30/var(--tw-text-opacity, 1));
  }
  .peer:invalid ~ .peer-invalid\:text-feedback-light-red-text {
    color: var(--feedback-light-red-text);
  }
  .peer:-moz-read-only ~ .peer-read-only\:text-secondary-deep-blue-60 {
    color: var(--secondary-deep-blue-60);
  }
  .peer:read-only ~ .peer-read-only\:text-secondary-deep-blue-60 {
    color: var(--secondary-deep-blue-60);
  }
  .peer:hover ~ .peer-hover\:text-\[\#1A1A1A\] {
    --tw-text-opacity: 1;
    color: rgb(26 26 26/var(--tw-text-opacity, 1));
  }
  .peer:hover ~ .peer-hover\:text-solid-deep-blue {
    color: var(--solid-deep-blue);
  }
  .peer:invalid:hover ~ .peer-invalid\:peer-hover\:text-feedback-light-red-text {
    color: var(--feedback-light-red-text);
  }
  .peer:-moz-read-only:hover ~ .peer-read-only\:peer-hover\:text-secondary-deep-blue-60 {
    color: var(--secondary-deep-blue-60);
  }
  .peer:read-only:hover ~ .peer-read-only\:peer-hover\:text-secondary-deep-blue-60 {
    color: var(--secondary-deep-blue-60);
  }
  .peer:focus ~ .peer-focus\:text-interaction-light-teal {
    color: var(--interaction-light-teal);
  }
  .peer:invalid:focus ~ .peer-invalid\:peer-focus\:text-feedback-light-red-text {
    color: var(--feedback-light-red-text);
  }
  .peer:-moz-read-only:focus ~ .peer-read-only\:peer-focus\:text-secondary-deep-blue-60 {
    color: var(--secondary-deep-blue-60);
  }
  .peer:read-only:focus ~ .peer-read-only\:peer-focus\:text-secondary-deep-blue-60 {
    color: var(--secondary-deep-blue-60);
  }
  .peer:active ~ .peer-active\:text-interaction-light-teal {
    color: var(--interaction-light-teal);
  }
  .peer:disabled ~ .peer-disabled\:text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .peer:disabled ~ .peer-disabled\:text-\[\#A3A3A3\] {
    --tw-text-opacity: 1;
    color: rgb(163 163 163/var(--tw-text-opacity, 1));
  }
  .peer:disabled ~ .peer-disabled\:text-secondary-deep-blue-30 {
    color: var(--secondary-deep-blue-30);
  }
  .peer:disabled ~ .peer-disabled\:text-secondary-deep-blue-40 {
    color: var(--secondary-deep-blue-40);
  }
  .peer:disabled ~ .peer-disabled\:text-secondary-deep-blue-50 {
    color: var(--secondary-deep-blue-50);
  }
  .peer:disabled:hover ~ .peer-disabled\:peer-hover\:text-secondary-deep-blue-40 {
    color: var(--secondary-deep-blue-40);
  }
  .peer:disabled:focus ~ .peer-disabled\:peer-focus\:text-secondary-deep-blue-40 {
    color: var(--secondary-deep-blue-40);
  }
  .aria-\[invalid\=true\]\:border-\[\#e7001e\][aria-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .aria-\[invalid\=true\]\:border-feedback-light-red[aria-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .aria-\[invalid\=true\]\:bg-\[\#ededed\][aria-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .aria-\[invalid\=true\]\:bg-data-red-100[aria-invalid=true] {
    background-color: var(--data-red-100);
  }
  .aria-\[invalid\=true\]\:placeholder\:text-\[\#666666\][aria-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .aria-\[invalid\=true\]\:placeholder\:text-\[\#666666\][aria-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .aria-\[invalid\=true\]\:placeholder\:text-solid-deep-blue[aria-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .aria-\[invalid\=true\]\:placeholder\:text-solid-deep-blue[aria-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .aria-\[invalid\=true\]\:hover\:border-\[\#e7001e\]:hover[aria-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .aria-\[invalid\=true\]\:hover\:border-feedback-light-red:hover[aria-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .aria-\[invalid\=true\]\:hover\:bg-\[\#ededed\]:hover[aria-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .aria-\[invalid\=true\]\:hover\:bg-data-red-100:hover[aria-invalid=true] {
    background-color: var(--data-red-100);
  }
  .aria-\[invalid\=true\]\:hover\:placeholder\:text-\[\#666666\]:hover[aria-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .aria-\[invalid\=true\]\:hover\:placeholder\:text-\[\#666666\]:hover[aria-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .aria-\[invalid\=true\]\:hover\:placeholder\:text-solid-deep-blue:hover[aria-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .aria-\[invalid\=true\]\:hover\:placeholder\:text-solid-deep-blue:hover[aria-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .aria-\[invalid\=true\]\:focus\:border-\[\#e7001e\]:focus[aria-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .aria-\[invalid\=true\]\:focus\:border-feedback-light-red:focus[aria-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .aria-\[invalid\=true\]\:focus\:bg-\[\#ededed\]:focus[aria-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .aria-\[invalid\=true\]\:focus\:bg-data-red-100:focus[aria-invalid=true] {
    background-color: var(--data-red-100);
  }
  .aria-\[invalid\=true\]\:focus\:placeholder\:text-\[\#666666\]:focus[aria-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .aria-\[invalid\=true\]\:focus\:placeholder\:text-\[\#666666\]:focus[aria-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .aria-\[invalid\=true\]\:focus\:placeholder\:text-solid-deep-blue:focus[aria-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .aria-\[invalid\=true\]\:focus\:placeholder\:text-solid-deep-blue:focus[aria-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .aria-\[invalid\=true\]\:active\:border-\[\#e7001e\]:active[aria-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .aria-\[invalid\=true\]\:active\:border-feedback-light-red:active[aria-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .aria-\[invalid\=true\]\:active\:bg-\[\#ededed\]:active[aria-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .aria-\[invalid\=true\]\:active\:bg-data-red-100:active[aria-invalid=true] {
    background-color: var(--data-red-100);
  }
  .aria-\[invalid\=true\]\:active\:placeholder\:text-\[\#666666\]:active[aria-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .aria-\[invalid\=true\]\:active\:placeholder\:text-\[\#666666\]:active[aria-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .aria-\[invalid\=true\]\:active\:placeholder\:text-solid-deep-blue:active[aria-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .aria-\[invalid\=true\]\:active\:placeholder\:text-solid-deep-blue:active[aria-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[float\=false\]\:absolute[data-float=false] {
    position: absolute;
  }
  .data-\[float\=true\]\:absolute[data-float=true] {
    position: absolute;
  }
  .data-\[float\=false\]\:left-4[data-float=false] {
    left: 1rem;
  }
  .data-\[float\=false\]\:top-\[10px\][data-float=false] {
    top: 10px;
  }
  .data-\[float\=true\]\:left-4[data-float=true] {
    left: 1rem;
  }
  .data-\[float\=true\]\:top-1[data-float=true] {
    top: 0.25rem;
  }
  .data-\[square\=true\]\:aspect-square[data-square=true] {
    aspect-ratio: 1/1;
  }
  .data-\[square\=true\]\:w-\[46px\][data-square=true] {
    width: 46px;
  }
  .data-\[current\=true\]\:cursor-default[data-current=true] {
    cursor: default;
  }
  .data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true] {
    cursor: not-allowed;
  }
  .data-\[interactive\=true\]\:cursor-pointer[data-interactive=true] {
    cursor: pointer;
  }
  .data-\[square\=true\]\:gap-0[data-square=true] {
    gap: 0px;
  }
  .data-\[active\=true\]\:border-interaction-light-teal[data-active=true] {
    border-color: var(--interaction-light-teal);
  }
  .data-\[disabled\=true\]\:border-\[\#c2c2c2\][data-disabled=true] {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .data-\[disabled\=true\]\:border-secondary-deep-blue-20[data-disabled=true] {
    border-color: var(--secondary-deep-blue-20);
  }
  .data-\[disabled\=true\]\:data-\[focus\=true\]\:border-\[\#c2c2c2\][data-focus=true][data-disabled=true] {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .data-\[disabled\=true\]\:data-\[focus\=true\]\:border-secondary-deep-blue-20[data-focus=true][data-disabled=true] {
    border-color: var(--secondary-deep-blue-20);
  }
  .data-\[focus\=true\]\:border-\[\#666666\][data-focus=true] {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .data-\[focus\=true\]\:border-secondary-deep-blue-70[data-focus=true] {
    border-color: var(--secondary-deep-blue-70);
  }
  .data-\[invalid\=true\]\:border-\[\#e7001e\][data-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .data-\[invalid\=true\]\:border-feedback-light-red[data-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .data-\[invalid\=true\]\:data-\[active\=true\]\:border-\[\#e7001e\][data-active=true][data-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .data-\[invalid\=true\]\:data-\[active\=true\]\:border-feedback-light-red[data-active=true][data-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .data-\[invalid\=true\]\:data-\[focus\=true\]\:border-\[\#e7001e\][data-focus=true][data-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .data-\[invalid\=true\]\:data-\[focus\=true\]\:border-feedback-light-red[data-focus=true][data-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .data-\[read-only\=true\]\:border-\[\#666666\][data-read-only=true] {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .data-\[read-only\=true\]\:border-secondary-deep-blue-20[data-read-only=true] {
    border-color: var(--secondary-deep-blue-20);
  }
  .data-\[read-only\=true\]\:data-\[focus\=true\]\:border-\[\#666666\][data-focus=true][data-read-only=true] {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .data-\[read-only\=true\]\:data-\[focus\=true\]\:border-secondary-deep-blue-20[data-focus=true][data-read-only=true] {
    border-color: var(--secondary-deep-blue-20);
  }
  .data-\[status\=active\]\:border-\[\#ec6602\][data-status=active] {
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .data-\[status\=active\]\:border-interaction-light-teal[data-status=active] {
    border-color: var(--interaction-light-teal);
  }
  .data-\[status\=default\]\:border-\[\#666666\][data-status=default] {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .data-\[status\=default\]\:border-secondary-deep-blue-70[data-status=default] {
    border-color: var(--secondary-deep-blue-70);
  }
  .data-\[status\=disabled\]\:border-\[\#ededed\][data-status=disabled] {
    --tw-border-opacity: 1;
    border-color: rgb(237 237 237/var(--tw-border-opacity, 1));
  }
  .data-\[status\=disabled\]\:border-secondary-deep-blue-30[data-status=disabled] {
    border-color: var(--secondary-deep-blue-30);
  }
  .data-\[status\=done\]\:border-\[\#cf4b00\][data-status=done] {
    --tw-border-opacity: 1;
    border-color: rgb(207 75 0/var(--tw-border-opacity, 1));
  }
  .data-\[status\=done\]\:border-interactive-blue[data-status=done] {
    border-color: var(--interactive-blue);
  }
  .data-\[status\=error\]\:border-\[\#e7001d\][data-status=error] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 29/var(--tw-border-opacity, 1));
  }
  .data-\[status\=error\]\:border-feedback-light-red[data-status=error] {
    border-color: var(--feedback-light-red);
  }
  .data-\[active\=true\]\:bg-\[\#ededed\][data-active=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[active\=true\]\:bg-interaction-light-bold-green-18[data-active=true] {
    background-color: var(--interaction-light-bold-green-18);
  }
  .data-\[disabled\=true\]\:bg-\[\#f8f8f8\][data-disabled=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1));
  }
  .data-\[disabled\=true\]\:bg-interaction-cyan-8[data-disabled=true] {
    background-color: var(--interaction-cyan-8);
  }
  .data-\[disabled\=true\]\:data-\[focus\=true\]\:bg-\[\#f8f8f8\][data-focus=true][data-disabled=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1));
  }
  .data-\[disabled\=true\]\:data-\[focus\=true\]\:bg-interaction-cyan-8[data-focus=true][data-disabled=true] {
    background-color: var(--interaction-cyan-8);
  }
  .data-\[focus\=true\]\:bg-\[\#ededed\][data-focus=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[focus\=true\]\:bg-interaction-light-bold-green-18[data-focus=true] {
    background-color: var(--interaction-light-bold-green-18);
  }
  .data-\[invalid\=true\]\:bg-\[\#ededed\][data-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[invalid\=true\]\:bg-data-red-100[data-invalid=true] {
    background-color: var(--data-red-100);
  }
  .data-\[invalid\=true\]\:data-\[active\=true\]\:bg-\[\#ededed\][data-active=true][data-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[invalid\=true\]\:data-\[active\=true\]\:bg-data-red-100[data-active=true][data-invalid=true] {
    background-color: var(--data-red-100);
  }
  .data-\[invalid\=true\]\:data-\[focus\=true\]\:bg-\[\#ededed\][data-focus=true][data-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[invalid\=true\]\:data-\[focus\=true\]\:bg-data-red-100[data-focus=true][data-invalid=true] {
    background-color: var(--data-red-100);
  }
  .data-\[range\=true\]\:bg-interaction-light-teal-74[data-range=true] {
    background-color: var(--interaction-light-teal-74);
  }
  .data-\[read-only\=true\]\:bg-\[\#ededed\][data-read-only=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[read-only\=true\]\:bg-white[data-read-only=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .data-\[read-only\=true\]\:data-\[focus\=true\]\:bg-\[\#ededed\][data-focus=true][data-read-only=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[read-only\=true\]\:data-\[focus\=true\]\:bg-white[data-focus=true][data-read-only=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .data-\[selected\=true\]\:bg-\[\#cf4b00\][data-selected=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(207 75 0/var(--tw-bg-opacity, 1));
  }
  .data-\[selected\=true\]\:bg-interaction-light-teal-90[data-selected=true] {
    background-color: var(--interaction-light-teal-90);
  }
  .data-\[status\=active\]\:bg-\[\#ec6602\][data-status=active] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 102 2/var(--tw-bg-opacity, 1));
  }
  .data-\[status\=active\]\:bg-interaction-light-teal[data-status=active] {
    background-color: var(--interaction-light-teal);
  }
  .data-\[status\=default\]\:bg-\[\#666666\][data-status=default] {
    --tw-bg-opacity: 1;
    background-color: rgb(102 102 102/var(--tw-bg-opacity, 1));
  }
  .data-\[status\=default\]\:bg-secondary-deep-blue-70[data-status=default] {
    background-color: var(--secondary-deep-blue-70);
  }
  .data-\[status\=disabled\]\:bg-\[\#ededed\][data-status=disabled] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[status\=disabled\]\:bg-secondary-deep-blue-30[data-status=disabled] {
    background-color: var(--secondary-deep-blue-30);
  }
  .data-\[status\=done\]\:bg-\[\#cf4b00\][data-status=done] {
    --tw-bg-opacity: 1;
    background-color: rgb(207 75 0/var(--tw-bg-opacity, 1));
  }
  .data-\[status\=done\]\:bg-interactive-blue[data-status=done] {
    background-color: var(--interactive-blue);
  }
  .data-\[status\=error\]\:bg-\[\#e7001d\][data-status=error] {
    --tw-bg-opacity: 1;
    background-color: rgb(231 0 29/var(--tw-bg-opacity, 1));
  }
  .data-\[status\=error\]\:bg-feedback-light-red[data-status=error] {
    background-color: var(--feedback-light-red);
  }
  .data-\[square\=true\]\:\!p-3[data-square=true] {
    padding: 0.75rem !important;
  }
  .data-\[size\=sm\]\:\!px-3[data-size=sm] {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .data-\[size\=sm\]\:\!py-1\.5[data-size=sm] {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .data-\[float-label\=true\]\:pb-0[data-float-label=true] {
    padding-bottom: 0px;
  }
  .data-\[float-label\=true\]\:pt-4[data-float-label=true] {
    padding-top: 1rem;
  }
  .data-\[float\=false\]\:text-base[data-float=false] {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .data-\[float\=true\]\:text-xs[data-float=true] {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .data-\[range\=true\]\:font-semibold[data-range=true] {
    font-weight: 600;
  }
  .data-\[selected\=true\]\:font-semibold[data-selected=true] {
    font-weight: 600;
  }
  .data-\[current\=true\]\:text-solid-deep-blue[data-current=true] {
    color: var(--solid-deep-blue);
  }
  .data-\[disabled\=true\]\:text-secondary-deep-blue-60[data-disabled=true] {
    color: var(--secondary-deep-blue-60);
  }
  .data-\[interactive\=true\]\:text-interactive-blue[data-interactive=true] {
    color: var(--interactive-blue);
  }
  .data-\[range\=true\]\:text-white[data-range=true] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .data-\[selected\=true\]\:text-white[data-selected=true] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .data-\[status\=active\]\:text-\[\#ec6602\][data-status=active] {
    --tw-text-opacity: 1;
    color: rgb(236 102 2/var(--tw-text-opacity, 1));
  }
  .data-\[status\=active\]\:text-interaction-light-teal[data-status=active] {
    color: var(--interaction-light-teal);
  }
  .data-\[status\=default\]\:text-\[\#666666\][data-status=default] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[status\=default\]\:text-secondary-deep-blue-70[data-status=default] {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[status\=default\]\:text-solid-deep-blue[data-status=default] {
    color: var(--solid-deep-blue);
  }
  .data-\[status\=disabled\]\:text-\[\#ededed\][data-status=disabled] {
    --tw-text-opacity: 1;
    color: rgb(237 237 237/var(--tw-text-opacity, 1));
  }
  .data-\[status\=disabled\]\:text-secondary-deep-blue-30[data-status=disabled] {
    color: var(--secondary-deep-blue-30);
  }
  .data-\[status\=done\]\:text-\[\#cf4b00\][data-status=done] {
    --tw-text-opacity: 1;
    color: rgb(207 75 0/var(--tw-text-opacity, 1));
  }
  .data-\[status\=done\]\:text-interactive-blue[data-status=done] {
    color: var(--interactive-blue);
  }
  .data-\[status\=error\]\:text-\[\#e7001d\][data-status=error] {
    --tw-text-opacity: 1;
    color: rgb(231 0 29/var(--tw-text-opacity, 1));
  }
  .data-\[status\=error\]\:text-feedback-light-red[data-status=error] {
    color: var(--feedback-light-red);
  }
  .data-\[focus\=true\]\:outline[data-focus=true] {
    outline-style: solid;
  }
  .data-\[focus\=true\]\:outline-offset-2[data-focus=true] {
    outline-offset: 2px;
  }
  .data-\[focus\=true\]\:outline-blue-500[data-focus=true] {
    outline-color: #3b82f6;
  }
  .data-\[focus\=true\]\:ring-0[data-focus=true] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
  }
  .data-\[disabled\=true\]\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-70[data-focus=true][data-disabled=true]::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[disabled\=true\]\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-70[data-focus=true][data-disabled=true]::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[disabled\=true\]\:placeholder\:text-secondary-deep-blue-70[data-disabled=true]::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[disabled\=true\]\:placeholder\:text-secondary-deep-blue-70[data-disabled=true]::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[focus\=true\]\:placeholder\:text-\[\#666666\][data-focus=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[focus\=true\]\:placeholder\:text-\[\#666666\][data-focus=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-70[data-focus=true]::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-70[data-focus=true]::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[invalid\=true\]\:data-\[active\=true\]\:placeholder\:text-\[\#666666\][data-active=true][data-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:data-\[active\=true\]\:placeholder\:text-\[\#666666\][data-active=true][data-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:data-\[active\=true\]\:placeholder\:text-solid-deep-blue[data-active=true][data-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[invalid\=true\]\:data-\[active\=true\]\:placeholder\:text-solid-deep-blue[data-active=true][data-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[invalid\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#666666\][data-focus=true][data-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#666666\][data-focus=true][data-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:data-\[focus\=true\]\:placeholder\:text-solid-deep-blue[data-focus=true][data-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[invalid\=true\]\:data-\[focus\=true\]\:placeholder\:text-solid-deep-blue[data-focus=true][data-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[invalid\=true\]\:placeholder\:text-\[\#666666\][data-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:placeholder\:text-\[\#666666\][data-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:placeholder\:text-solid-deep-blue[data-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[invalid\=true\]\:placeholder\:text-solid-deep-blue[data-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[read-only\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#666666\][data-focus=true][data-read-only=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[read-only\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#666666\][data-focus=true][data-read-only=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[read-only\=true\]\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-70[data-focus=true][data-read-only=true]::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[read-only\=true\]\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-70[data-focus=true][data-read-only=true]::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[read-only\=true\]\:placeholder\:text-\[\#666666\][data-read-only=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[read-only\=true\]\:placeholder\:text-\[\#666666\][data-read-only=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[read-only\=true\]\:placeholder\:text-secondary-deep-blue-70[data-read-only=true]::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[read-only\=true\]\:placeholder\:text-secondary-deep-blue-70[data-read-only=true]::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .invalid\:data-\[active\=true\]\:border-\[\#e7001e\][data-active=true]:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .invalid\:data-\[active\=true\]\:border-feedback-light-red[data-active=true]:invalid {
    border-color: var(--feedback-light-red);
  }
  .invalid\:data-\[focus\=true\]\:border-\[\#e7001e\][data-focus=true]:invalid {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .invalid\:data-\[focus\=true\]\:border-feedback-light-red[data-focus=true]:invalid {
    border-color: var(--feedback-light-red);
  }
  .invalid\:data-\[active\=true\]\:bg-\[\#ededed\][data-active=true]:invalid {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .invalid\:data-\[active\=true\]\:bg-data-red-100[data-active=true]:invalid {
    background-color: var(--data-red-100);
  }
  .invalid\:data-\[focus\=true\]\:bg-\[\#ededed\][data-focus=true]:invalid {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .invalid\:data-\[focus\=true\]\:bg-data-red-100[data-focus=true]:invalid {
    background-color: var(--data-red-100);
  }
  .invalid\:data-\[active\=true\]\:placeholder\:text-\[\#666666\][data-active=true]:invalid::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:data-\[active\=true\]\:placeholder\:text-\[\#666666\][data-active=true]:invalid::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:data-\[active\=true\]\:placeholder\:text-solid-deep-blue[data-active=true]:invalid::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .invalid\:data-\[active\=true\]\:placeholder\:text-solid-deep-blue[data-active=true]:invalid::placeholder {
    color: var(--solid-deep-blue);
  }
  .invalid\:data-\[focus\=true\]\:placeholder\:text-\[\#666666\][data-focus=true]:invalid::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:data-\[focus\=true\]\:placeholder\:text-\[\#666666\][data-focus=true]:invalid::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .invalid\:data-\[focus\=true\]\:placeholder\:text-solid-deep-blue[data-focus=true]:invalid::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .invalid\:data-\[focus\=true\]\:placeholder\:text-solid-deep-blue[data-focus=true]:invalid::placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[disabled\=true\]\:hover\:border-\[\#c2c2c2\]:hover[data-disabled=true] {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .data-\[disabled\=true\]\:hover\:border-secondary-deep-blue-20:hover[data-disabled=true] {
    border-color: var(--secondary-deep-blue-20);
  }
  .data-\[invalid\=true\]\:hover\:border-\[\#e7001e\]:hover[data-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .data-\[invalid\=true\]\:hover\:border-feedback-light-red:hover[data-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .data-\[read-only\=true\]\:hover\:border-\[\#666666\]:hover[data-read-only=true] {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102/var(--tw-border-opacity, 1));
  }
  .data-\[read-only\=true\]\:hover\:border-secondary-deep-blue-20:hover[data-read-only=true] {
    border-color: var(--secondary-deep-blue-20);
  }
  .data-\[disabled\=true\]\:hover\:bg-\[\#f8f8f8\]:hover[data-disabled=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1));
  }
  .data-\[disabled\=true\]\:hover\:bg-interaction-cyan-8:hover[data-disabled=true] {
    background-color: var(--interaction-cyan-8);
  }
  .data-\[disabled\=true\]\:hover\:bg-transparent:hover[data-disabled=true] {
    background-color: transparent;
  }
  .data-\[interactive\=true\]\:hover\:bg-interaction-light-bold-green-18:hover[data-interactive=true] {
    background-color: var(--interaction-light-bold-green-18);
  }
  .data-\[invalid\=true\]\:hover\:bg-\[\#ededed\]:hover[data-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[invalid\=true\]\:hover\:bg-data-red-100:hover[data-invalid=true] {
    background-color: var(--data-red-100);
  }
  .data-\[read-only\=true\]\:hover\:bg-\[\#ededed\]:hover[data-read-only=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[read-only\=true\]\:hover\:bg-white:hover[data-read-only=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .data-\[interactive\=true\]\:hover\:text-interaction-light-teal:hover[data-interactive=true] {
    color: var(--interaction-light-teal);
  }
  .data-\[disabled\=true\]\:hover\:placeholder\:text-secondary-deep-blue-70:hover[data-disabled=true]::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[disabled\=true\]\:hover\:placeholder\:text-secondary-deep-blue-70:hover[data-disabled=true]::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[invalid\=true\]\:hover\:placeholder\:text-\[\#666666\]:hover[data-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:hover\:placeholder\:text-\[\#666666\]:hover[data-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:hover\:placeholder\:text-solid-deep-blue:hover[data-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[invalid\=true\]\:hover\:placeholder\:text-solid-deep-blue:hover[data-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[read-only\=true\]\:hover\:placeholder\:text-\[\#666666\]:hover[data-read-only=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[read-only\=true\]\:hover\:placeholder\:text-\[\#666666\]:hover[data-read-only=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[read-only\=true\]\:hover\:placeholder\:text-secondary-deep-blue-70:hover[data-read-only=true]::-moz-placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[read-only\=true\]\:hover\:placeholder\:text-secondary-deep-blue-70:hover[data-read-only=true]::placeholder {
    color: var(--secondary-deep-blue-70);
  }
  .data-\[invalid\=true\]\:focus\:border-\[\#e7001e\]:focus[data-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .data-\[invalid\=true\]\:focus\:border-feedback-light-red:focus[data-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .data-\[invalid\=true\]\:focus\:bg-\[\#ededed\]:focus[data-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[invalid\=true\]\:focus\:bg-data-red-100:focus[data-invalid=true] {
    background-color: var(--data-red-100);
  }
  .data-\[invalid\=true\]\:focus\:placeholder\:text-\[\#666666\]:focus[data-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:focus\:placeholder\:text-\[\#666666\]:focus[data-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:focus\:placeholder\:text-solid-deep-blue:focus[data-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[invalid\=true\]\:focus\:placeholder\:text-solid-deep-blue:focus[data-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[interactive\=true\]\:focus-visible\:outline-interaction-focus-blue:focus-visible[data-interactive=true] {
    outline-color: var(--interaction-focus-blue);
  }
  .data-\[invalid\=true\]\:active\:border-\[\#e7001e\]:active[data-invalid=true] {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .data-\[invalid\=true\]\:active\:border-feedback-light-red:active[data-invalid=true] {
    border-color: var(--feedback-light-red);
  }
  .data-\[interactive\=true\]\:active\:bg-interaction-light-bold-green-18:active[data-interactive=true] {
    background-color: var(--interaction-light-bold-green-18);
  }
  .data-\[invalid\=true\]\:active\:bg-\[\#ededed\]:active[data-invalid=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .data-\[invalid\=true\]\:active\:bg-data-red-100:active[data-invalid=true] {
    background-color: var(--data-red-100);
  }
  .data-\[interactive\=true\]\:active\:text-interaction-light-teal:active[data-interactive=true] {
    color: var(--interaction-light-teal);
  }
  .data-\[invalid\=true\]\:active\:placeholder\:text-\[\#666666\]:active[data-invalid=true]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:active\:placeholder\:text-\[\#666666\]:active[data-invalid=true]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .data-\[invalid\=true\]\:active\:placeholder\:text-solid-deep-blue:active[data-invalid=true]::-moz-placeholder {
    color: var(--solid-deep-blue);
  }
  .data-\[invalid\=true\]\:active\:placeholder\:text-solid-deep-blue:active[data-invalid=true]::placeholder {
    color: var(--solid-deep-blue);
  }
  .peer[data-invalid=true] ~ .peer-data-\[invalid\=true\]\:text-\[\#e7001e\] {
    --tw-text-opacity: 1;
    color: rgb(231 0 30/var(--tw-text-opacity, 1));
  }
  .peer[data-invalid=true] ~ .peer-data-\[invalid\=true\]\:text-feedback-light-red-text {
    color: var(--feedback-light-red-text);
  }
  .peer[data-invalid=true]:hover ~ .peer-data-\[invalid\=true\]\:peer-hover\:text-feedback-light-red-text {
    color: var(--feedback-light-red-text);
  }
  .peer[data-invalid=true]:focus ~ .peer-data-\[invalid\=true\]\:peer-focus\:text-feedback-light-red-text {
    color: var(--feedback-light-red-text);
  }
  .dark\:block:is([data-mode=dark] *) {
    display: block;
  }
  .dark\:hidden:is([data-mode=dark] *) {
    display: none;
  }
  .dark\:divide-white:is([data-mode=dark] *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-divide-opacity, 1));
  }
  .dark\:border-\[\#373750\]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(55 55 80/var(--tw-border-opacity, 1));
  }
  .dark\:border-\[\#3d3d3d\]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61/var(--tw-border-opacity, 1));
  }
  .dark\:border-\[\#4d4d4d\]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(77 77 77/var(--tw-border-opacity, 1));
  }
  .dark\:border-\[\#808080\]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(128 128 128/var(--tw-border-opacity, 1));
  }
  .dark\:border-\[\#999999\]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:border-\[\#999\]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:border-\[\#ec6602\]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .dark\:border-\[\#ededed\]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(237 237 237/var(--tw-border-opacity, 1));
  }
  .dark\:border-feedback-dark-red:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:border-interactive-coral:is([data-mode=dark] *) {
    border-color: var(--interactive-coral);
  }
  .dark\:border-secondary-deep-blue-30:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-30);
  }
  .dark\:border-secondary-deep-blue-55:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-55);
  }
  .dark\:border-secondary-deep-blue-85:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-85);
  }
  .dark\:border-solid-bold-green:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:border-white:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
  }
  .dark\:border-l-solid-bold-green:is([data-mode=dark] *) {
    border-left-color: var(--solid-bold-green);
  }
  .dark\:bg-\[\#08082E\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(8 8 46/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[\#1A1A1A\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[\#1a1a1a\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[\#23233C\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 60/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[\#333333\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[\#37374D\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 55 77/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[\#4d4d4d\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(77 77 77/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[\#4d4d54\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(77 77 84/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[\#666\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(102 102 102/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-\[var\(--dark-bg\)\]:is([data-mode=dark] *) {
    background-color: var(--dark-bg);
  }
  .dark\:bg-black:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
  }
  .dark\:bg-feedback-dark-red:is([data-mode=dark] *) {
    background-color: var(--feedback-dark-red);
  }
  .dark\:bg-interaction-bold-green-12-db:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:bg-interaction-light-teal:is([data-mode=dark] *) {
    background-color: var(--interaction-light-teal);
  }
  .dark\:bg-interactive-coral:is([data-mode=dark] *) {
    background-color: var(--interactive-coral);
  }
  .dark\:bg-interactive-coral-12-db:is([data-mode=dark] *) {
    background-color: var(--interactive-coral-12-db);
  }
  .dark\:bg-secondary-deep-blue-55:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-55);
  }
  .dark\:bg-secondary-deep-blue-60:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-60);
  }
  .dark\:bg-secondary-deep-blue-80:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-80);
  }
  .dark\:bg-secondary-deep-blue-85:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-85);
  }
  .dark\:bg-solid-bold-green:is([data-mode=dark] *) {
    background-color: var(--solid-bold-green);
  }
  .dark\:bg-solid-deep-blue:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:bg-solid-light-sand:is([data-mode=dark] *) {
    background-color: var(--solid-light-sand);
  }
  .dark\:bg-transparent:is([data-mode=dark] *) {
    background-color: transparent;
  }
  .dark\:bg-opacity-\[45\%\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 45%;
  }
  .dark\:stroke-interactive-coral:is([data-mode=dark] *) {
    stroke: var(--interactive-coral);
  }
  .dark\:text-\[\#3d3d3d\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(61 61 61/var(--tw-text-opacity, 1));
  }
  .dark\:text-\[\#666666\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
  }
  .dark\:text-\[\#999999\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:text-\[\#E6E6E6\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity, 1));
  }
  .dark\:text-\[\#e6e6e6\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity, 1));
  }
  .dark\:text-\[\#e7001e\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(231 0 30/var(--tw-text-opacity, 1));
  }
  .dark\:text-\[\#ec6602\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(236 102 2/var(--tw-text-opacity, 1));
  }
  .dark\:text-\[\#ededed\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(237 237 237/var(--tw-text-opacity, 1));
  }
  .dark\:text-feedback-dark-blue:is([data-mode=dark] *) {
    color: var(--feedback-dark-blue);
  }
  .dark\:text-feedback-dark-green:is([data-mode=dark] *) {
    color: var(--feedback-dark-green);
  }
  .dark\:text-feedback-dark-orange:is([data-mode=dark] *) {
    color: var(--feedback-dark-orange);
  }
  .dark\:text-feedback-dark-red:is([data-mode=dark] *) {
    color: var(--feedback-dark-red);
  }
  .dark\:text-feedback-dark-red-text:is([data-mode=dark] *) {
    color: var(--feedback-dark-red-text);
  }
  .dark\:text-gray-300:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1));
  }
  .dark\:text-interactive-coral:is([data-mode=dark] *) {
    color: var(--interactive-coral);
  }
  .dark\:text-secondary-deep-blue-10:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-10);
  }
  .dark\:text-secondary-deep-blue-20:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-20);
  }
  .dark\:text-secondary-deep-blue-30:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:text-secondary-deep-blue-40:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-40);
  }
  .dark\:text-secondary-deep-blue-55:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:text-solid-bold-green:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .dark\:text-solid-deep-blue:is([data-mode=dark] *) {
    color: var(--solid-deep-blue);
  }
  .dark\:text-white:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:placeholder\:text-\[\#999999\]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:placeholder\:text-\[\#999999\]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:placeholder\:text-secondary-deep-blue-30:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:placeholder\:text-secondary-deep-blue-30:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:before\:border-\[\#1a1a1a\]:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(26 26 26/var(--tw-border-opacity, 1));
  }
  .dark\:before\:border-secondary-deep-blue-55:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    border-color: var(--secondary-deep-blue-55);
  }
  .dark\:before\:bg-\[\#999\]:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153/var(--tw-bg-opacity, 1));
  }
  .dark\:before\:bg-solid-deep-blue:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    background-color: var(--solid-deep-blue);
  }
  .dark\:checked\:border-\[\#D45C01\]:checked:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(212 92 1/var(--tw-border-opacity, 1));
  }
  .dark\:checked\:border-\[\#ec6602\]:checked:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .dark\:checked\:border-solid-bold-green:checked:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:checked\:bg-\[\#D45C01\]:checked:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(212 92 1/var(--tw-bg-opacity, 1));
  }
  .dark\:checked\:bg-\[\#ec6602\]:checked:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(236 102 2/var(--tw-bg-opacity, 1));
  }
  .dark\:checked\:bg-solid-bold-green:checked:is([data-mode=dark] *) {
    background-color: var(--solid-bold-green);
  }
  .dark\:checked\:before\:border-\[\#ec6602\]:checked:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .dark\:checked\:before\:border-solid-bold-green:checked:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    border-color: var(--solid-bold-green);
  }
  .dark\:checked\:before\:bg-white:checked:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .dark\:invalid\:border-\[\#e7001e\]:invalid:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:invalid\:border-feedback-dark-red:invalid:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:invalid\:bg-\[\#1a1a1a\]:invalid:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:invalid\:bg-interaction-dark-red:invalid:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:invalid\:placeholder\:text-\[\#999999\]:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:placeholder\:text-\[\#999999\]:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:placeholder\:text-white:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:placeholder\:text-white:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:-moz-read-only\:border-\[\#999999\]:-moz-read-only:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:read-only\:border-\[\#999999\]:read-only:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:-moz-read-only\:border-secondary-deep-blue-80:-moz-read-only:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:read-only\:border-secondary-deep-blue-80:read-only:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:-moz-read-only\:bg-\[\#1a1a1a\]:-moz-read-only:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:read-only\:bg-\[\#1a1a1a\]:read-only:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:-moz-read-only\:bg-solid-deep-blue:-moz-read-only:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:read-only\:bg-solid-deep-blue:read-only:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:read-only\:placeholder\:text-\[\#999999\]:read-only:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:-moz-read-only\:placeholder\:text-\[\#999999\]:-moz-read-only:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:read-only\:placeholder\:text-\[\#999999\]:read-only:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:read-only\:placeholder\:text-secondary-deep-blue-30:read-only:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:-moz-read-only\:placeholder\:text-secondary-deep-blue-30:-moz-read-only:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:read-only\:placeholder\:text-secondary-deep-blue-30:read-only:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:hover\:border-\[\#999999\]:hover:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:hover\:border-\[\#d51e34\]:hover:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(213 30 52/var(--tw-border-opacity, 1));
  }
  .dark\:hover\:border-interaction-bold-green-90-db:hover:is([data-mode=dark] *) {
    border-color: var(--interaction-bold-green-90-db);
  }
  .dark\:hover\:border-solid-bold-green:hover:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:hover\:bg-\[\#1a1a1a\]:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-\[\#313131\]:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(49 49 49/var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-\[\#37374D\]:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 55 77/var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-\[\#474747\]:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(71 71 71/var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-\[\#4d4d4d\]:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(77 77 77/var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-\[\#d51e34\]:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(213 30 52/var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-interaction-bold-green-12-db:hover:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:hover\:bg-interaction-light-teal:hover:is([data-mode=dark] *) {
    background-color: var(--interaction-light-teal);
  }
  .dark\:hover\:bg-interactive-coral:hover:is([data-mode=dark] *) {
    background-color: var(--interactive-coral);
  }
  .dark\:hover\:bg-interactive-coral-50-db:hover:is([data-mode=dark] *) {
    background-color: var(--interactive-coral-50-db);
  }
  .dark\:hover\:bg-secondary-deep-blue-40:hover:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-40);
  }
  .dark\:hover\:bg-secondary-deep-blue-85:hover:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-85);
  }
  .dark\:hover\:bg-solid-bold-green:hover:is([data-mode=dark] *) {
    background-color: var(--solid-bold-green);
  }
  .dark\:hover\:bg-transparent:hover:is([data-mode=dark] *) {
    background-color: transparent;
  }
  .dark\:hover\:text-\[\#E6E6E6\]:hover:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity, 1));
  }
  .dark\:hover\:text-\[\#e6e6e6\]:hover:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity, 1));
  }
  .dark\:hover\:text-interaction-bold-green-90-db:hover:is([data-mode=dark] *) {
    color: var(--interaction-bold-green-90-db);
  }
  .dark\:hover\:text-solid-bold-green:hover:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .dark\:hover\:text-white:hover:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:hover\:placeholder\:text-\[\#999999\]:hover:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:hover\:placeholder\:text-\[\#999999\]:hover:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:hover\:placeholder\:text-white:hover:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:hover\:placeholder\:text-white:hover:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:before\:hover\:border-\[\#1a1a1a\]:hover:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(26 26 26/var(--tw-border-opacity, 1));
  }
  .dark\:before\:hover\:border-secondary-deep-blue-40:hover:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    border-color: var(--secondary-deep-blue-40);
  }
  .dark\:hover\:checked\:border-\[\#D45C01\]:checked:hover:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(212 92 1/var(--tw-border-opacity, 1));
  }
  .dark\:hover\:checked\:border-interaction-bold-green-90-db:checked:hover:is([data-mode=dark] *) {
    border-color: var(--interaction-bold-green-90-db);
  }
  .dark\:checked\:hover\:bg-\[\#ec6602\]:hover:checked:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(236 102 2/var(--tw-bg-opacity, 1));
  }
  .dark\:checked\:hover\:bg-interaction-bold-green-90-db:hover:checked:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-90-db);
  }
  .dark\:hover\:checked\:bg-\[\#D45C01\]:checked:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(212 92 1/var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:checked\:bg-interaction-bold-green-90-db:checked:hover:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-90-db);
  }
  .dark\:checked\:before\:hover\:border-\[\#ec6602\]:hover:checked:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .dark\:checked\:before\:hover\:border-interaction-bold-green-90-db:hover:checked:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    border-color: var(--interaction-bold-green-90-db);
  }
  .dark\:invalid\:hover\:border-\[\#e7001e\]:hover:invalid:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:invalid\:hover\:border-feedback-dark-red:hover:invalid:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:invalid\:hover\:bg-\[\#1a1a1a\]:hover:invalid:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:invalid\:hover\:bg-interaction-dark-red:hover:invalid:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:invalid\:hover\:placeholder\:text-\[\#999999\]:hover:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:hover\:placeholder\:text-\[\#999999\]:hover:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:hover\:placeholder\:text-white:hover:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:hover\:placeholder\:text-white:hover:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:-moz-read-only\:hover\:border-\[\#999999\]:hover:-moz-read-only:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:read-only\:hover\:border-\[\#999999\]:hover:read-only:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:-moz-read-only\:hover\:border-secondary-deep-blue-80:hover:-moz-read-only:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:read-only\:hover\:border-secondary-deep-blue-80:hover:read-only:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:-moz-read-only\:hover\:bg-\[\#1a1a1a\]:hover:-moz-read-only:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:read-only\:hover\:bg-\[\#1a1a1a\]:hover:read-only:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:-moz-read-only\:hover\:bg-solid-deep-blue:hover:-moz-read-only:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:read-only\:hover\:bg-solid-deep-blue:hover:read-only:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:read-only\:hover\:placeholder\:text-\[\#999999\]:hover:read-only:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:-moz-read-only\:hover\:placeholder\:text-\[\#999999\]:hover:-moz-read-only:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:read-only\:hover\:placeholder\:text-\[\#999999\]:hover:read-only:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:read-only\:hover\:placeholder\:text-secondary-deep-blue-30:hover:read-only:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:-moz-read-only\:hover\:placeholder\:text-secondary-deep-blue-30:hover:-moz-read-only:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:read-only\:hover\:placeholder\:text-secondary-deep-blue-30:hover:read-only:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:focus\:border-\[\#999999\]:focus:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:focus\:border-solid-bold-green:focus:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:focus\:border-white:focus:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
  }
  .dark\:focus\:bg-\[\#1a1a1a\]:focus:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:focus\:bg-interaction-bold-green-12-db:focus:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:focus\:text-solid-bold-green:focus:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .dark\:focus\:placeholder\:text-\[\#999999\]:focus:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:focus\:placeholder\:text-\[\#999999\]:focus:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:focus\:placeholder\:text-secondary-deep-blue-30:focus:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:focus\:placeholder\:text-secondary-deep-blue-30:focus:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:focus\:checked\:border-\[\#D45C01\]:checked:focus:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(212 92 1/var(--tw-border-opacity, 1));
  }
  .dark\:focus\:checked\:border-solid-bold-green:checked:focus:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:focus\:checked\:bg-\[\#D45C01\]:checked:focus:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(212 92 1/var(--tw-bg-opacity, 1));
  }
  .dark\:focus\:checked\:bg-solid-bold-green:checked:focus:is([data-mode=dark] *) {
    background-color: var(--solid-bold-green);
  }
  .dark\:invalid\:focus\:border-\[\#e7001e\]:focus:invalid:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:invalid\:focus\:border-feedback-dark-red:focus:invalid:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:invalid\:focus\:bg-\[\#1a1a1a\]:focus:invalid:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:invalid\:focus\:bg-interaction-dark-red:focus:invalid:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:invalid\:focus\:placeholder\:text-\[\#999999\]:focus:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:focus\:placeholder\:text-\[\#999999\]:focus:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:focus\:placeholder\:text-white:focus:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:focus\:placeholder\:text-white:focus:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:-moz-read-only\:focus\:border-\[\#999999\]:focus:-moz-read-only:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:read-only\:focus\:border-\[\#999999\]:focus:read-only:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:-moz-read-only\:focus\:border-secondary-deep-blue-80:focus:-moz-read-only:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:read-only\:focus\:border-secondary-deep-blue-80:focus:read-only:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:-moz-read-only\:focus\:bg-\[\#1a1a1a\]:focus:-moz-read-only:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:read-only\:focus\:bg-\[\#1a1a1a\]:focus:read-only:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:-moz-read-only\:focus\:bg-solid-deep-blue:focus:-moz-read-only:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:read-only\:focus\:bg-solid-deep-blue:focus:read-only:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:read-only\:focus\:placeholder\:text-\[\#999999\]:focus:read-only:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:-moz-read-only\:focus\:placeholder\:text-\[\#999999\]:focus:-moz-read-only:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:read-only\:focus\:placeholder\:text-\[\#999999\]:focus:read-only:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:read-only\:focus\:placeholder\:text-secondary-deep-blue-30:focus:read-only:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:-moz-read-only\:focus\:placeholder\:text-secondary-deep-blue-30:focus:-moz-read-only:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:read-only\:focus\:placeholder\:text-secondary-deep-blue-30:focus:read-only:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:focus-visible\:bg-interactive-coral:focus-visible:is([data-mode=dark] *) {
    background-color: var(--interactive-coral);
  }
  .dark\:focus-visible\:bg-interactive-coral-50-db:focus-visible:is([data-mode=dark] *) {
    background-color: var(--interactive-coral-50-db);
  }
  .dark\:active\:border-\[\#999999\]:active:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:active\:border-solid-bold-green:active:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:active\:bg-\[\#1a1a1a\]:active:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:active\:bg-\[\#b41a2d\]:active:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(180 26 45/var(--tw-bg-opacity, 1));
  }
  .dark\:active\:bg-interaction-bold-green-12-db:active:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:active\:bg-interaction-bold-green-90-db:active:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-90-db);
  }
  .dark\:active\:bg-transparent:active:is([data-mode=dark] *) {
    background-color: transparent;
  }
  .dark\:invalid\:active\:border-\[\#e7001e\]:active:invalid:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:invalid\:active\:border-feedback-dark-red:active:invalid:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:invalid\:active\:bg-\[\#1a1a1a\]:active:invalid:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:invalid\:active\:bg-interaction-dark-red:active:invalid:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:invalid\:active\:placeholder\:text-\[\#999999\]:active:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:active\:placeholder\:text-\[\#999999\]:active:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:active\:placeholder\:text-white:active:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:active\:placeholder\:text-white:active:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:enabled\:hover\:border-solid-bold-green:hover:enabled:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:enabled\:hover\:bg-interaction-bold-green-12-db:hover:enabled:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:enabled\:hover\:text-solid-bold-green:hover:enabled:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .dark\:enabled\:active\:border-solid-bold-green:active:enabled:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:enabled\:active\:bg-transparent:active:enabled:is([data-mode=dark] *) {
    background-color: transparent;
  }
  .dark\:enabled\:active\:text-solid-bold-green:active:enabled:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .dark\:disabled\:border-\[\#3d3d3d\]:disabled:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61/var(--tw-border-opacity, 1));
  }
  .dark\:disabled\:border-\[\#C2C2C2\]:disabled:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .dark\:disabled\:border-secondary-deep-blue-55:disabled:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:border-secondary-deep-blue-70:disabled:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-70);
  }
  .dark\:disabled\:border-secondary-deep-blue-80:disabled:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:disabled\:bg-\[\#0a0a0a\]:disabled:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10/var(--tw-bg-opacity, 1));
  }
  .dark\:disabled\:bg-secondary-deep-blue-80:disabled:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-80);
  }
  .dark\:disabled\:bg-secondary-deep-blue-85:disabled:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-85);
  }
  .dark\:disabled\:bg-solid-deep-blue:disabled:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:disabled\:bg-transparent:disabled:is([data-mode=dark] *) {
    background-color: transparent;
  }
  .dark\:disabled\:text-\[\#999999\]:disabled:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:disabled\:text-secondary-deep-blue-55:disabled:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:placeholder\:text-\[\#999999\]:disabled:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:disabled\:placeholder\:text-\[\#999999\]:disabled:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:disabled\:placeholder\:text-secondary-deep-blue-55:disabled:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:placeholder\:text-secondary-deep-blue-55:disabled:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:before\:border-black:disabled:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity, 1));
  }
  .dark\:disabled\:before\:border-secondary-deep-blue-80:disabled:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:disabled\:before\:bg-secondary-deep-blue-55:disabled:is([data-mode=dark] *)::before {
    content: var(--tw-content);
    background-color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:checked\:bg-secondary-deep-blue-55:checked:disabled:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:hover\:border-\[\#3d3d3d\]:hover:disabled:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61/var(--tw-border-opacity, 1));
  }
  .dark\:disabled\:hover\:border-\[\#C2C2C2\]:hover:disabled:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194/var(--tw-border-opacity, 1));
  }
  .dark\:disabled\:hover\:border-secondary-deep-blue-55:hover:disabled:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:hover\:border-secondary-deep-blue-70:hover:disabled:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-70);
  }
  .dark\:disabled\:hover\:bg-\[\#0a0a0a\]:hover:disabled:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10/var(--tw-bg-opacity, 1));
  }
  .dark\:disabled\:hover\:bg-secondary-deep-blue-85:hover:disabled:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-85);
  }
  .dark\:disabled\:hover\:bg-transparent:hover:disabled:is([data-mode=dark] *) {
    background-color: transparent;
  }
  .dark\:disabled\:hover\:placeholder\:text-\[\#999999\]:hover:disabled:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:disabled\:hover\:placeholder\:text-\[\#999999\]:hover:disabled:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:disabled\:hover\:placeholder\:text-secondary-deep-blue-55:hover:disabled:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:hover\:placeholder\:text-secondary-deep-blue-55:hover:disabled:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:checked\:hover\:bg-secondary-deep-blue-80:hover:checked:disabled:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-80);
  }
  .dark\:disabled\:focus\:border-\[\#3d3d3d\]:focus:disabled:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61/var(--tw-border-opacity, 1));
  }
  .dark\:disabled\:focus\:border-secondary-deep-blue-70:focus:disabled:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-70);
  }
  .dark\:disabled\:focus\:bg-\[\#0a0a0a\]:focus:disabled:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10/var(--tw-bg-opacity, 1));
  }
  .dark\:disabled\:focus\:bg-secondary-deep-blue-85:focus:disabled:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-85);
  }
  .dark\:disabled\:focus\:placeholder\:text-\[\#999999\]:focus:disabled:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:disabled\:focus\:placeholder\:text-\[\#999999\]:focus:disabled:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:disabled\:focus\:placeholder\:text-secondary-deep-blue-55:focus:disabled:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:disabled\:focus\:placeholder\:text-secondary-deep-blue-55:focus:disabled:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .group:hover .dark\:group-hover\:bg-\[\#1a1a1a\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .group:hover .dark\:group-hover\:bg-interaction-bold-green-12-db:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .group:focus .dark\:group-focus\:bg-\[\#1a1a1a\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .group:focus .dark\:group-focus\:bg-interaction-bold-green-12-db:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .group:focus .dark\:group-focus\:text-solid-bold-green:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .peer:checked ~ .dark\:peer-checked\:text-\[\#E6E6E6\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity, 1));
  }
  .peer:checked ~ .dark\:peer-checked\:text-white:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .peer:invalid ~ .dark\:peer-invalid\:text-\[\#e7001e\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(231 0 30/var(--tw-text-opacity, 1));
  }
  .peer:invalid ~ .dark\:peer-invalid\:text-feedback-dark-red-text:is([data-mode=dark] *) {
    color: var(--feedback-dark-red-text);
  }
  .peer:-moz-read-only ~ .dark\:peer-read-only\:text-secondary-deep-blue-40:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-40);
  }
  .peer:read-only ~ .dark\:peer-read-only\:text-secondary-deep-blue-40:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-40);
  }
  .peer:hover ~ .dark\:peer-hover\:text-\[\#E6E6E6\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity, 1));
  }
  .peer:hover ~ .dark\:peer-hover\:text-white:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .peer:invalid:hover ~ .dark\:peer-invalid\:peer-hover\:text-feedback-dark-red-text:is([data-mode=dark] *) {
    color: var(--feedback-dark-red-text);
  }
  .peer:-moz-read-only:hover ~ .dark\:peer-read-only\:peer-hover\:text-white:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .peer:read-only:hover ~ .dark\:peer-read-only\:peer-hover\:text-white:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .peer:focus ~ .dark\:peer-focus\:text-solid-bold-green:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .peer:invalid:focus ~ .dark\:peer-invalid\:peer-focus\:text-feedback-dark-red-text:is([data-mode=dark] *) {
    color: var(--feedback-dark-red-text);
  }
  .peer:-moz-read-only:focus ~ .dark\:peer-read-only\:peer-focus\:text-white:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .peer:read-only:focus ~ .dark\:peer-read-only\:peer-focus\:text-white:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .peer:active ~ .dark\:peer-active\:text-solid-bold-green:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .peer:disabled ~ .dark\:peer-disabled\:text-\[\#5C5C5C\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(92 92 92/var(--tw-text-opacity, 1));
  }
  .peer:disabled ~ .dark\:peer-disabled\:text-\[\#999999\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .peer:disabled ~ .dark\:peer-disabled\:text-secondary-deep-blue-55:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-55);
  }
  .peer:disabled:hover ~ .dark\:peer-disabled\:peer-hover\:text-secondary-deep-blue-55:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-55);
  }
  .peer:disabled:focus ~ .dark\:peer-disabled\:peer-focus\:text-secondary-deep-blue-55:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:aria-\[invalid\=true\]\:border-\[\#e7001e\][aria-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:border-feedback-dark-red[aria-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:aria-\[invalid\=true\]\:bg-\[\#1a1a1a\][aria-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:bg-interaction-dark-red[aria-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:aria-\[invalid\=true\]\:placeholder\:text-\[\#999999\][aria-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:placeholder\:text-\[\#999999\][aria-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:placeholder\:text-white[aria-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:placeholder\:text-white[aria-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:hover\:border-\[\#e7001e\]:hover[aria-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:hover\:border-feedback-dark-red:hover[aria-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:aria-\[invalid\=true\]\:hover\:bg-\[\#1a1a1a\]:hover[aria-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:hover\:bg-interaction-dark-red:hover[aria-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:aria-\[invalid\=true\]\:hover\:placeholder\:text-\[\#999999\]:hover[aria-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:hover\:placeholder\:text-\[\#999999\]:hover[aria-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:hover\:placeholder\:text-white:hover[aria-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:hover\:placeholder\:text-white:hover[aria-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:focus\:border-\[\#e7001e\]:focus[aria-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:focus\:border-feedback-dark-red:focus[aria-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:aria-\[invalid\=true\]\:focus\:bg-\[\#1a1a1a\]:focus[aria-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:focus\:bg-interaction-dark-red:focus[aria-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:aria-\[invalid\=true\]\:focus\:placeholder\:text-\[\#999999\]:focus[aria-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:focus\:placeholder\:text-\[\#999999\]:focus[aria-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:focus\:placeholder\:text-white:focus[aria-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:focus\:placeholder\:text-white:focus[aria-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:active\:border-\[\#e7001e\]:active[aria-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:active\:border-feedback-dark-red:active[aria-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:aria-\[invalid\=true\]\:active\:bg-\[\#1a1a1a\]:active[aria-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:active\:bg-interaction-dark-red:active[aria-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:aria-\[invalid\=true\]\:active\:placeholder\:text-\[\#999999\]:active[aria-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:active\:placeholder\:text-\[\#999999\]:active[aria-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:active\:placeholder\:text-white:active[aria-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:aria-\[invalid\=true\]\:active\:placeholder\:text-white:active[aria-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[active\=true\]\:border-\[\#999999\][data-active=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[active\=true\]\:border-solid-bold-green[data-active=true]:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:data-\[disabled\=true\]\:border-\[\#3d3d3d\][data-disabled=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:border-secondary-deep-blue-70[data-disabled=true]:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-70);
  }
  .dark\:data-\[disabled\=true\]\:data-\[focus\=true\]\:border-\[\#3d3d3d\][data-focus=true][data-disabled=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:data-\[focus\=true\]\:border-secondary-deep-blue-70[data-focus=true][data-disabled=true]:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-70);
  }
  .dark\:data-\[focus\=true\]\:border-\[\#999999\][data-focus=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[focus\=true\]\:border-solid-bold-green[data-focus=true]:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:data-\[invalid\=true\]\:border-\[\#e7001e\][data-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:border-feedback-dark-red[data-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:data-\[invalid\=true\]\:data-\[active\=true\]\:border-\[\#e7001e\][data-active=true][data-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[active\=true\]\:border-feedback-dark-red[data-active=true][data-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:data-\[invalid\=true\]\:data-\[focus\=true\]\:border-\[\#e7001e\][data-focus=true][data-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[focus\=true\]\:border-feedback-dark-red[data-focus=true][data-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:data-\[read-only\=true\]\:border-\[\#999999\][data-read-only=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:border-secondary-deep-blue-80[data-read-only=true]:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:data-\[read-only\=true\]\:data-\[focus\=true\]\:border-\[\#999999\][data-focus=true][data-read-only=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:data-\[focus\=true\]\:border-secondary-deep-blue-80[data-focus=true][data-read-only=true]:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:data-\[status\=active\]\:border-\[\#ec6602\][data-status=active]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(236 102 2/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[status\=active\]\:border-solid-bold-green[data-status=active]:is([data-mode=dark] *) {
    border-color: var(--solid-bold-green);
  }
  .dark\:data-\[status\=default\]\:border-secondary-deep-blue-30[data-status=default]:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[status\=default\]\:border-white[data-status=default]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[status\=disabled\]\:border-\[\#ededed\][data-status=disabled]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(237 237 237/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[status\=disabled\]\:border-secondary-deep-blue-55[data-status=disabled]:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[status\=done\]\:border-\[\#cf4b00\][data-status=done]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(207 75 0/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[status\=done\]\:border-interactive-coral[data-status=done]:is([data-mode=dark] *) {
    border-color: var(--interactive-coral);
  }
  .dark\:data-\[status\=error\]\:border-\[\#e7001d\][data-status=error]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 29/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[status\=error\]\:border-feedback-dark-red-text[data-status=error]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red-text);
  }
  .dark\:data-\[active\=true\]\:bg-\[\#1a1a1a\][data-active=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[active\=true\]\:bg-interaction-bold-green-12-db[data-active=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:data-\[disabled\=true\]\:bg-\[\#0a0a0a\][data-disabled=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:bg-secondary-deep-blue-85[data-disabled=true]:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-85);
  }
  .dark\:data-\[disabled\=true\]\:data-\[focus\=true\]\:bg-\[\#0a0a0a\][data-focus=true][data-disabled=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:data-\[focus\=true\]\:bg-secondary-deep-blue-85[data-focus=true][data-disabled=true]:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-85);
  }
  .dark\:data-\[focus\=true\]\:bg-\[\#1a1a1a\][data-focus=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[focus\=true\]\:bg-interaction-bold-green-12-db[data-focus=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:data-\[invalid\=true\]\:bg-\[\#1a1a1a\][data-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:bg-interaction-dark-red[data-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:data-\[invalid\=true\]\:data-\[active\=true\]\:bg-\[\#1a1a1a\][data-active=true][data-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[active\=true\]\:bg-interaction-dark-red[data-active=true][data-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:data-\[invalid\=true\]\:data-\[focus\=true\]\:bg-\[\#1a1a1a\][data-focus=true][data-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[focus\=true\]\:bg-interaction-dark-red[data-focus=true][data-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:data-\[range\=true\]\:bg-interaction-bold-green-55-db[data-range=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-55-db);
  }
  .dark\:data-\[read-only\=true\]\:bg-\[\#1a1a1a\][data-read-only=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:bg-solid-deep-blue[data-read-only=true]:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:data-\[read-only\=true\]\:data-\[focus\=true\]\:bg-\[\#1a1a1a\][data-focus=true][data-read-only=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:data-\[focus\=true\]\:bg-solid-deep-blue[data-focus=true][data-read-only=true]:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:data-\[selected\=true\]\:bg-\[\#cf4b00\][data-selected=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(207 75 0/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[selected\=true\]\:bg-solid-bold-green[data-selected=true]:is([data-mode=dark] *) {
    background-color: var(--solid-bold-green);
  }
  .dark\:data-\[status\=active\]\:bg-\[\#ec6602\][data-status=active]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(236 102 2/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[status\=active\]\:bg-solid-bold-green[data-status=active]:is([data-mode=dark] *) {
    background-color: var(--solid-bold-green);
  }
  .dark\:data-\[status\=default\]\:bg-secondary-deep-blue-30[data-status=default]:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[status\=default\]\:bg-white[data-status=default]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[status\=disabled\]\:bg-\[\#ededed\][data-status=disabled]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(237 237 237/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[status\=disabled\]\:bg-secondary-deep-blue-55[data-status=disabled]:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[status\=done\]\:bg-\[\#cf4b00\][data-status=done]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(207 75 0/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[status\=done\]\:bg-interactive-coral[data-status=done]:is([data-mode=dark] *) {
    background-color: var(--interactive-coral);
  }
  .dark\:data-\[status\=error\]\:bg-\[\#e7001d\][data-status=error]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(231 0 29/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[status\=error\]\:bg-feedback-dark-red-text[data-status=error]:is([data-mode=dark] *) {
    background-color: var(--feedback-dark-red-text);
  }
  .dark\:data-\[range\=true\]\:font-semibold[data-range=true]:is([data-mode=dark] *) {
    font-weight: 600;
  }
  .dark\:data-\[selected\=true\]\:font-semibold[data-selected=true]:is([data-mode=dark] *) {
    font-weight: 600;
  }
  .dark\:data-\[current\=true\]\:text-white[data-current=true]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:text-secondary-deep-blue-40[data-disabled=true]:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-40);
  }
  .dark\:data-\[interactive\=true\]\:text-interactive-coral[data-interactive=true]:is([data-mode=dark] *) {
    color: var(--interactive-coral);
  }
  .dark\:data-\[range\=true\]\:text-solid-deep-blue[data-range=true]:is([data-mode=dark] *) {
    color: var(--solid-deep-blue);
  }
  .dark\:data-\[selected\=true\]\:text-solid-deep-blue[data-selected=true]:is([data-mode=dark] *) {
    color: var(--solid-deep-blue);
  }
  .dark\:data-\[selected\=true\]\:text-white[data-selected=true]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[status\=active\]\:text-\[\#ec6602\][data-status=active]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(236 102 2/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[status\=active\]\:text-solid-bold-green[data-status=active]:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .dark\:data-\[status\=default\]\:text-secondary-deep-blue-30[data-status=default]:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[status\=default\]\:text-white[data-status=default]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[status\=disabled\]\:text-\[\#ededed\][data-status=disabled]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(237 237 237/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[status\=disabled\]\:text-secondary-deep-blue-55[data-status=disabled]:is([data-mode=dark] *) {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[status\=done\]\:text-\[\#cf4b00\][data-status=done]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(207 75 0/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[status\=done\]\:text-interactive-coral[data-status=done]:is([data-mode=dark] *) {
    color: var(--interactive-coral);
  }
  .dark\:data-\[status\=error\]\:text-\[\#e7001d\][data-status=error]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(231 0 29/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[status\=error\]\:text-feedback-dark-red-text[data-status=error]:is([data-mode=dark] *) {
    color: var(--feedback-dark-red-text);
  }
  .dark\:data-\[disabled\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true][data-disabled=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true][data-disabled=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-55[data-focus=true][data-disabled=true]:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[disabled\=true\]\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-55[data-focus=true][data-disabled=true]:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[disabled\=true\]\:placeholder\:text-\[\#999999\][data-disabled=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:placeholder\:text-\[\#999999\][data-disabled=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:placeholder\:text-secondary-deep-blue-55[data-disabled=true]:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[disabled\=true\]\:placeholder\:text-secondary-deep-blue-55[data-disabled=true]:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-30[data-focus=true]:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-30[data-focus=true]:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[invalid\=true\]\:data-\[active\=true\]\:placeholder\:text-\[\#999999\][data-active=true][data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[active\=true\]\:placeholder\:text-\[\#999999\][data-active=true][data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[active\=true\]\:placeholder\:text-white[data-active=true][data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[active\=true\]\:placeholder\:text-white[data-active=true][data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true][data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true][data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[focus\=true\]\:placeholder\:text-white[data-focus=true][data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:data-\[focus\=true\]\:placeholder\:text-white[data-focus=true][data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:placeholder\:text-\[\#999999\][data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:placeholder\:text-\[\#999999\][data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:placeholder\:text-white[data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:placeholder\:text-white[data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true][data-read-only=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true][data-read-only=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-30[data-focus=true][data-read-only=true]:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[read-only\=true\]\:data-\[focus\=true\]\:placeholder\:text-secondary-deep-blue-30[data-focus=true][data-read-only=true]:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[read-only\=true\]\:placeholder\:text-\[\#999999\][data-read-only=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:placeholder\:text-\[\#999999\][data-read-only=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:placeholder\:text-secondary-deep-blue-30[data-read-only=true]:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[read-only\=true\]\:placeholder\:text-secondary-deep-blue-30[data-read-only=true]:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:invalid\:data-\[active\=true\]\:border-\[\#e7001e\][data-active=true]:invalid:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:invalid\:data-\[active\=true\]\:border-feedback-dark-red[data-active=true]:invalid:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:invalid\:data-\[focus\=true\]\:border-\[\#e7001e\][data-focus=true]:invalid:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:invalid\:data-\[focus\=true\]\:border-feedback-dark-red[data-focus=true]:invalid:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:invalid\:data-\[active\=true\]\:bg-\[\#1a1a1a\][data-active=true]:invalid:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:invalid\:data-\[active\=true\]\:bg-interaction-dark-red[data-active=true]:invalid:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:invalid\:data-\[focus\=true\]\:bg-\[\#1a1a1a\][data-focus=true]:invalid:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:invalid\:data-\[focus\=true\]\:bg-interaction-dark-red[data-focus=true]:invalid:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:invalid\:data-\[active\=true\]\:placeholder\:text-\[\#999999\][data-active=true]:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:data-\[active\=true\]\:placeholder\:text-\[\#999999\][data-active=true]:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:data-\[active\=true\]\:placeholder\:text-white[data-active=true]:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:data-\[active\=true\]\:placeholder\:text-white[data-active=true]:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true]:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:data-\[focus\=true\]\:placeholder\:text-\[\#999999\][data-focus=true]:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:data-\[focus\=true\]\:placeholder\:text-white[data-focus=true]:invalid:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:invalid\:data-\[focus\=true\]\:placeholder\:text-white[data-focus=true]:invalid:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:hover\:border-\[\#3d3d3d\]:hover[data-disabled=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(61 61 61/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:hover\:border-secondary-deep-blue-70:hover[data-disabled=true]:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-70);
  }
  .dark\:data-\[invalid\=true\]\:hover\:border-\[\#e7001e\]:hover[data-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:hover\:border-feedback-dark-red:hover[data-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:data-\[read-only\=true\]\:hover\:border-\[\#999999\]:hover[data-read-only=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:hover\:border-secondary-deep-blue-80:hover[data-read-only=true]:is([data-mode=dark] *) {
    border-color: var(--secondary-deep-blue-80);
  }
  .dark\:data-\[disabled\=true\]\:hover\:bg-\[\#0a0a0a\]:hover[data-disabled=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:hover\:bg-secondary-deep-blue-85:hover[data-disabled=true]:is([data-mode=dark] *) {
    background-color: var(--secondary-deep-blue-85);
  }
  .dark\:data-\[interactive\=true\]\:hover\:bg-interaction-bold-green-12-db:hover[data-interactive=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:data-\[invalid\=true\]\:hover\:bg-\[\#1a1a1a\]:hover[data-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:hover\:bg-interaction-dark-red:hover[data-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:data-\[read-only\=true\]\:hover\:bg-\[\#1a1a1a\]:hover[data-read-only=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:hover\:bg-solid-deep-blue:hover[data-read-only=true]:is([data-mode=dark] *) {
    background-color: var(--solid-deep-blue);
  }
  .dark\:data-\[interactive\=true\]\:hover\:text-solid-bold-green:hover[data-interactive=true]:is([data-mode=dark] *) {
    color: var(--solid-bold-green);
  }
  .dark\:data-\[disabled\=true\]\:hover\:placeholder\:text-\[\#999999\]:hover[data-disabled=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:hover\:placeholder\:text-\[\#999999\]:hover[data-disabled=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[disabled\=true\]\:hover\:placeholder\:text-secondary-deep-blue-55:hover[data-disabled=true]:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[disabled\=true\]\:hover\:placeholder\:text-secondary-deep-blue-55:hover[data-disabled=true]:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-55);
  }
  .dark\:data-\[invalid\=true\]\:hover\:placeholder\:text-\[\#999999\]:hover[data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:hover\:placeholder\:text-\[\#999999\]:hover[data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:hover\:placeholder\:text-white:hover[data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:hover\:placeholder\:text-white:hover[data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:hover\:placeholder\:text-\[\#999999\]:hover[data-read-only=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:hover\:placeholder\:text-\[\#999999\]:hover[data-read-only=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[read-only\=true\]\:hover\:placeholder\:text-secondary-deep-blue-30:hover[data-read-only=true]:is([data-mode=dark] *)::-moz-placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[read-only\=true\]\:hover\:placeholder\:text-secondary-deep-blue-30:hover[data-read-only=true]:is([data-mode=dark] *)::placeholder {
    color: var(--secondary-deep-blue-30);
  }
  .dark\:data-\[invalid\=true\]\:focus\:border-\[\#e7001e\]:focus[data-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:focus\:border-feedback-dark-red:focus[data-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:data-\[invalid\=true\]\:focus\:bg-\[\#1a1a1a\]:focus[data-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:focus\:bg-interaction-dark-red:focus[data-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:data-\[invalid\=true\]\:focus\:placeholder\:text-\[\#999999\]:focus[data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:focus\:placeholder\:text-\[\#999999\]:focus[data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:focus\:placeholder\:text-white:focus[data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:focus\:placeholder\:text-white:focus[data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:active\:border-\[\#e7001e\]:active[data-invalid=true]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(231 0 30/var(--tw-border-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:active\:border-feedback-dark-red:active[data-invalid=true]:is([data-mode=dark] *) {
    border-color: var(--feedback-dark-red);
  }
  .dark\:data-\[interactive\=true\]\:active\:bg-interaction-bold-green-12-db:active[data-interactive=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-bold-green-12-db);
  }
  .dark\:data-\[invalid\=true\]\:active\:bg-\[\#1a1a1a\]:active[data-invalid=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 26/var(--tw-bg-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:active\:bg-interaction-dark-red:active[data-invalid=true]:is([data-mode=dark] *) {
    background-color: var(--interaction-dark-red);
  }
  .dark\:data-\[invalid\=true\]\:active\:placeholder\:text-\[\#999999\]:active[data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:active\:placeholder\:text-\[\#999999\]:active[data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:active\:placeholder\:text-white:active[data-invalid=true]:is([data-mode=dark] *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .dark\:data-\[invalid\=true\]\:active\:placeholder\:text-white:active[data-invalid=true]:is([data-mode=dark] *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
  }
  .peer[data-invalid=true] ~ .dark\:peer-data-\[invalid\=true\]\:text-\[\#e7001e\]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(231 0 30/var(--tw-text-opacity, 1));
  }
  .peer[data-invalid=true] ~ .dark\:peer-data-\[invalid\=true\]\:text-feedback-dark-red-text:is([data-mode=dark] *) {
    color: var(--feedback-dark-red-text);
  }
  .peer[data-invalid=true]:hover ~ .dark\:peer-data-\[invalid\=true\]\:peer-hover\:text-feedback-dark-red-text:is([data-mode=dark] *) {
    color: var(--feedback-dark-red-text);
  }
  .peer[data-invalid=true]:focus ~ .dark\:peer-data-\[invalid\=true\]\:peer-focus\:text-feedback-dark-red-text:is([data-mode=dark] *) {
    color: var(--feedback-dark-red-text);
  }
  @media (min-width: 640px) {
    .sm\:mt-0 {
      margin-top: 0px;
    }
    .sm\:inline-block {
      display: inline-block;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:justify-start {
      justify-content: flex-start;
    }
    .sm\:gap-0 {
      gap: 0px;
    }
    .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(1px * var(--tw-divide-x-reverse));
      border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
    }
    .sm\:px-0 {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  @media (min-width: 768px) {
    .md\:block {
      display: block;
    }
    .md\:hidden {
      display: none;
    }
  }
  .rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right;
  }
  .\[\&\:\:-webkit-calendar-picker-indicator\]\:appearance-none::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    appearance: none;
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity, 1));
  }
  .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-secondary-deep-blue-80:is([data-mode=dark] *)::-webkit-scrollbar-thumb {
    background-color: var(--secondary-deep-blue-80);
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-100::-webkit-scrollbar-track {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1));
  }
  .dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-\[\#3333534D\]:is([data-mode=dark] *)::-webkit-scrollbar-track {
    background-color: rgba(51, 51, 83, 0.3019607843);
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
    width: 0.5rem;
  }
  .\[\&\>\*\]\:enabled\:text-\[\#cf4b00\]:enabled > * {
    --tw-text-opacity: 1;
    color: rgb(207 75 0/var(--tw-text-opacity, 1));
  }
  .\[\&\>\*\]\:dark\:enabled\:text-\[\#e6e6e6\]:enabled:is([data-mode=dark] *) > * {
    --tw-text-opacity: 1;
    color: rgb(230 230 230/var(--tw-text-opacity, 1));
  }
  @font-face {
    font-family: "Siemens_UI_Icons_Webfont-v394";
    src: url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.eot);
    src:
      url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.eot) format("eot"),
      url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.svg) format("svg"),
      url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.ttf) format("ttf"),
      url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  [class^=icon-],
  [class*=" icon-"] {
    font-family: "Siemens_UI_Icons_Webfont-v394" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-apps:before {
    content: "\e900";
  }
  .icon-chevron-down:before {
    content: "\e901";
  }
  .icon-chevron-left:before {
    content: "\e902";
  }
  .icon-chevron-right:before {
    content: "\e903";
  }
  .icon-chevron-up:before {
    content: "\e904";
  }
  .icon-back:before {
    content: "\e905";
  }
  .icon-bookmark:before {
    content: "\e906";
  }
  .icon-menu:before {
    content: "\e907";
  }
  .icon-calendar:before {
    content: "\e908";
  }
  .icon-chat-1:before {
    content: "\e909";
  }
  .icon-checkmark-large:before {
    content: "\e90a";
  }
  .icon-close:before {
    content: "\e90b";
  }
  .icon-document:before {
    content: "\e90c";
  }
  .icon-download:before {
    content: "\e90d";
  }
  .icon-dropdown:before {
    content: "\e90e";
  }
  .icon-edit:before {
    content: "\e90f";
  }
  .icon-email:before {
    content: "\e910";
  }
  .icon-view:before {
    content: "\e911";
  }
  .icon-facebook:before {
    content: "\e912";
  }
  .icon-favorite:before {
    content: "\e913";
  }
  .icon-filter:before {
    content: "\e914";
  }
  .icon-full-screen-exit:before {
    content: "\e915";
  }
  .icon-full-screen:before {
    content: "\e916";
  }
  .icon-region:before {
    content: "\e917";
  }
  .icon-history:before {
    content: "\e918";
  }
  .icon-home:before {
    content: "\e919";
  }
  .icon-image:before {
    content: "\e91a";
  }
  .icon-circle-information:before {
    content: "\e91b";
  }
  .icon-instagram:before {
    content: "\e91c";
  }
  .icon-link-extern:before {
    content: "\e91d";
  }
  .icon-login:before {
    content: "\e91e";
  }
  .icon-link:before {
    content: "\e91f";
  }
  .icon-linkedin:before {
    content: "\e920";
  }
  .icon-location:before {
    content: "\e921";
  }
  .icon-maximize:before {
    content: "\e922";
  }
  .icon-microphone:before {
    content: "\e923";
  }
  .icon-minimize:before {
    content: "\e924";
  }
  .icon-minus-large:before {
    content: "\e925";
  }
  .icon-notification:before {
    content: "\e926";
  }
  .icon-options-vertical:before {
    content: "\e927";
  }
  .icon-pause:before {
    content: "\e928";
  }
  .icon-document-pdf:before {
    content: "\e929";
  }
  .icon-phone:before {
    content: "\e92a";
  }
  .icon-play:before {
    content: "\e92b";
  }
  .icon-plus-large:before {
    content: "\e92c";
  }
  .icon-reading-time:before {
    content: "\e92d";
  }
  .icon-refresh:before {
    content: "\e92e";
  }
  .icon-search:before {
    content: "\e92f";
  }
  .icon-settings:before {
    content: "\e930";
  }
  .icon-share-standard:before {
    content: "\e931";
  }
  .icon-shopping-cart:before {
    content: "\e932";
  }
  .icon-support:before {
    content: "\e933";
  }
  .icon-x-social-media:before {
    content: "\e934";
  }
  .icon-user:before {
    content: "\e935";
  }
  .icon-circle-warning:before {
    content: "\e936";
  }
  .icon-youtube:before {
    content: "\e937";
  }
  .icon-yammer:before {
    content: "\e938";
  }
  .icon-close-small:before {
    content: "\e939";
  }
  .icon-checkmark-medium:before {
    content: "\e93a";
  }
  .icon-search-small:before {
    content: "\e93b";
  }
  .icon-plus-small:before {
    content: "\e93c";
  }
  .icon-home-small:before {
    content: "\e93d";
  }
  .icon-attach:before {
    content: "\e93e";
  }
  .icon-chart-bar:before {
    content: "\e93f";
  }
  .icon-configuration:before {
    content: "\e940";
  }
  .icon-copy:before {
    content: "\e941";
  }
  .icon-cut:before {
    content: "\e942";
  }
  .icon-document-success:before {
    content: "\e943";
  }
  .icon-circle-error:before {
    content: "\e944";
  }
  .icon-folder-new:before {
    content: "\e945";
  }
  .icon-folder-open:before {
    content: "\e946";
  }
  .icon-folder:before {
    content: "\e947";
  }
  .icon-view-off:before {
    content: "\e948";
  }
  .icon-hourglass:before {
    content: "\e949";
  }
  .icon-chart-line:before {
    content: "\e94a";
  }
  .icon-optimize:before {
    content: "\e94b";
  }
  .icon-paste:before {
    content: "\e94c";
  }
  .icon-plant:before {
    content: "\e94d";
  }
  .icon-help:before {
    content: "\e94e";
  }
  .icon-redo:before {
    content: "\e94f";
  }
  .icon-reset:before {
    content: "\e950";
  }
  .icon-save:before {
    content: "\e951";
  }
  .icon-skip-back:before {
    content: "\e952";
  }
  .icon-skip-forward:before {
    content: "\e953";
  }
  .icon-sort-ascending:before {
    content: "\e954";
  }
  .icon-sort-descending:before {
    content: "\e955";
  }
  .icon-sort:before {
    content: "\e956";
  }
  .icon-stop:before {
    content: "\e957";
  }
  .icon-circle-checkmark:before {
    content: "\e958";
  }
  .icon-delete:before {
    content: "\e959";
  }
  .icon-undo:before {
    content: "\e95a";
  }
  .icon-zoom-in:before {
    content: "\e95b";
  }
  .icon-zoom-out:before {
    content: "\e95c";
  }
  .icon-acknowledge-events:before {
    content: "\e95d";
  }
  .icon-circle-add:before {
    content: "\e95e";
  }
  .icon-chevron-double-left:before {
    content: "\e95f";
  }
  .icon-chevron-double-righ:before {
    content: "\e960";
  }
  .icon-browse-all:before {
    content: "\e961";
  }
  .icon-close-large:before {
    content: "\e962";
  }
  .icon-configure:before {
    content: "\e963";
  }
  .icon-explore:before {
    content: "\e964";
  }
  .icon-interaction-click:before {
    content: "\e965";
  }
  .icon-interaction-touch-:before {
    content: "\e966";
  }
  .icon-logout:before {
    content: "\e967";
  }
  .icon-monitor:before {
    content: "\e968";
  }
  .icon-navigation-left:before {
    content: "\e969";
  }
  .icon-navigation-right:before {
    content: "\e96a";
  }
  .icon-options-horizontal:before {
    content: "\e96b";
  }
  .icon-caret-sort-down:before {
    content: "\e96c";
  }
  .icon-caret-sort-up:before {
    content: "\e96d";
  }
  .icon-sort1:before {
    content: "\e96e";
  }
  .icon-volume-up:before {
    content: "\e96f";
  }
  .icon-volume-down:before {
    content: "\e970";
  }
  .icon-volume-mute:before {
    content: "\e971";
  }
  .icon-lock:before {
    content: "\e972";
  }
  .icon-lock-open:before {
    content: "\e973";
  }
  .icon-buildings:before {
    content: "\e974";
  }
  .icon-document-doc:before {
    content: "\e975";
  }
  .icon-document-mp4:before {
    content: "\e976";
  }
  .icon-document-ppt:before {
    content: "\e977";
  }
  .icon-document-txt:before {
    content: "\e978";
  }
  .icon-document-xls:before {
    content: "\e979";
  }
  .icon-qr-code:before {
    content: "\e97a";
  }
  .icon-pin:before {
    content: "\e97b";
  }
  .icon-pin-filled:before {
    content: "\e97c";
  }
  .icon-arrow-down:before {
    content: "\e97d";
  }
  .icon-arrow-left:before {
    content: "\e97e";
  }
  .icon-arrow-right:before {
    content: "\e97f";
  }
  .icon-arrow-up:before {
    content: "\e980";
  }
  .icon-resize:before {
    content: "\e981";
  }
  .icon-drag-and-drop:before {
    content: "\e982";
  }
  .icon-source-code:before {
    content: "\e983";
  }
  .icon-user-group:before {
    content: "\e984";
  }
  .icon-print:before {
    content: "\e985";
  }
  .icon-upload:before {
    content: "\e986";
  }
  .icon-social-feed:before {
    content: "\e987";
  }
  .icon-favorite_filled:before {
    content: "\e988";
  }
  .icon-capacity:before {
    content: "\e989";
  }
  .icon-point-study:before {
    content: "\e98a";
  }
  .icon-chart-pie:before {
    content: "\e98b";
  }
  .icon-audio-description-1:before {
    content: "\e98c";
  }
  .icon-audio-description-2:before {
    content: "\e98d";
  }
  .icon-sign-language:before {
    content: "\e98e";
  }
  .icon-tiktok:before {
    content: "\e98f";
  }
  .icon-telegram:before {
    content: "\e990";
  }
  .icon-wechat:before {
    content: "\e991";
  }
  .icon-weibo:before {
    content: "\e992";
  }
  .icon-vk:before {
    content: "\e993";
  }
  .icon-bilibili:before {
    content: "\e994";
  }
  .icon-like:before {
    content: "\e995";
  }
  .icon-like-filled:before {
    content: "\e996";
  }
  .icon-document-information:before {
    content: "\e997";
  }
  .icon-chat-2:before {
    content: "\e998";
  }
  .icon-terms-conditions:before {
    content: "\e999";
  }
  .icon-radio-waves-connected:before {
    content: "\e99a";
  }
  .icon-radio-waves-disconnected:before {
    content: "\e99b";
  }
  .icon-wifi-high:before {
    content: "\e99c";
  }
  .icon-wifi-medium:before {
    content: "\e99d";
  }
  .icon-wifi-low:before {
    content: "\e99e";
  }
  .icon-wifi-disconnected:before {
    content: "\e99f";
  }
  .icon-document-zip:before {
    content: "\e9a0";
  }
  .icon-mastodon:before {
    content: "\e9a1";
  }
  .icon-checkmark-small:before {
    content: "\e9a2";
  }
  .icon-minus-small:before {
    content: "\e9a3";
  }
  .icon-appearance:before {
    content: "\e9a4";
  }
  .icon-bookmark-filled:before {
    content: "\e9a5";
  }
  .icon-github:before {
    content: "\e9a6";
  }
  .icon-moon-filled:before {
    content: "\e9a7";
  }
  .icon-moon:before {
    content: "\e9a8";
  }
  .icon-share-apple-os:before {
    content: "\e9a9";
  }
  .icon-sun-filled:before {
    content: "\e9aa";
  }
  .icon-sun:before {
    content: "\e9ab";
  }
  .icon-threads:before {
    content: "\e9ac";
  }
  .icon-viva-engage:before {
    content: "\e9ad";
  }
}
@font-face {
  font-family: "Siemens Sans";
  src: url(/assets/fonts/SiemensSans_Prof_Roman.woff2) format("woff2");
}
@font-face {
  font-family: "Siemens Sans Black";
  src: url(/assets/fonts/SiemensSans_Prof_Black.woff2) format("woff2");
}
@font-face {
  font-family: "Siemens Sans";
  src: url(/assets/fonts/SiemensSans_Prof_Roman.woff2) format("woff2");
}
@font-face {
  font-family: "Siemens Sans Black";
  src: url(/assets/fonts/SiemensSans_Prof_Black.woff2) format("woff2");
}
@font-face {
  font-family: "Siemens_UI_Icons_Webfont-v394";
  src: url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.eot?cqkchb);
  src:
    url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.eot?cqkchb#iefix) format("embedded-opentype"),
    url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.ttf?cqkchb) format("truetype"),
    url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.woff?cqkchb) format("woff"),
    url(/assets/fonts/Siemens_UI_Icons_Webfont-v394.svg?cqkchb#Siemens_UI_Icons_Webfont-v394) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "Siemens_UI_Icons_Webfont-v394" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-apps:before {
  content: "\e900";
}
.icon-chevron-down:before {
  content: "\e901";
}
.icon-chevron-left:before {
  content: "\e902";
}
.icon-chevron-right:before {
  content: "\e903";
}
.icon-chevron-up:before {
  content: "\e904";
}
.icon-back:before {
  content: "\e905";
}
.icon-bookmark:before {
  content: "\e906";
}
.icon-menu:before {
  content: "\e907";
}
.icon-calendar:before {
  content: "\e908";
}
.icon-chat-1:before {
  content: "\e909";
}
.icon-checkmark-large:before {
  content: "\e90a";
}
.icon-close:before {
  content: "\e90b";
}
.icon-document:before {
  content: "\e90c";
}
.icon-download:before {
  content: "\e90d";
}
.icon-dropdown:before {
  content: "\e90e";
}
.icon-edit:before {
  content: "\e90f";
}
.icon-email:before {
  content: "\e910";
}
.icon-view:before {
  content: "\e911";
}
.icon-facebook:before {
  content: "\e912";
}
.icon-favorite:before {
  content: "\e913";
}
.icon-filter:before {
  content: "\e914";
}
.icon-full-screen-exit:before {
  content: "\e915";
}
.icon-full-screen:before {
  content: "\e916";
}
.icon-region:before {
  content: "\e917";
}
.icon-history:before {
  content: "\e918";
}
.icon-home:before {
  content: "\e919";
}
.icon-image:before {
  content: "\e91a";
}
.icon-circle-information:before {
  content: "\e91b";
}
.icon-instagram:before {
  content: "\e91c";
}
.icon-link-extern:before {
  content: "\e91d";
}
.icon-login:before {
  content: "\e91e";
}
.icon-link:before {
  content: "\e91f";
}
.icon-linkedin:before {
  content: "\e920";
}
.icon-location:before {
  content: "\e921";
}
.icon-maximize:before {
  content: "\e922";
}
.icon-microphone:before {
  content: "\e923";
}
.icon-minimize:before {
  content: "\e924";
}
.icon-minus-large:before {
  content: "\e925";
}
.icon-notification:before {
  content: "\e926";
}
.icon-options-vertical:before {
  content: "\e927";
}
.icon-pause:before {
  content: "\e928";
}
.icon-document-pdf:before {
  content: "\e929";
}
.icon-phone:before {
  content: "\e92a";
}
.icon-play:before {
  content: "\e92b";
}
.icon-plus-large:before {
  content: "\e92c";
}
.icon-reading-time:before {
  content: "\e92d";
}
.icon-refresh:before {
  content: "\e92e";
}
.icon-search:before {
  content: "\e92f";
}
.icon-settings:before {
  content: "\e930";
}
.icon-share-standard:before {
  content: "\e931";
}
.icon-shopping-cart:before {
  content: "\e932";
}
.icon-support:before {
  content: "\e933";
}
.icon-x-social-media:before {
  content: "\e934";
}
.icon-user:before {
  content: "\e935";
}
.icon-circle-warning:before {
  content: "\e936";
}
.icon-youtube:before {
  content: "\e937";
}
.icon-yammer:before {
  content: "\e938";
}
.icon-close-small:before {
  content: "\e939";
}
.icon-checkmark-medium:before {
  content: "\e93a";
}
.icon-search-small:before {
  content: "\e93b";
}
.icon-plus-small:before {
  content: "\e93c";
}
.icon-home-small:before {
  content: "\e93d";
}
.icon-attach:before {
  content: "\e93e";
}
.icon-chart-bar:before {
  content: "\e93f";
}
.icon-configuration:before {
  content: "\e940";
}
.icon-copy:before {
  content: "\e941";
}
.icon-cut:before {
  content: "\e942";
}
.icon-document-success:before {
  content: "\e943";
}
.icon-circle-error:before {
  content: "\e944";
}
.icon-folder-new:before {
  content: "\e945";
}
.icon-folder-open:before {
  content: "\e946";
}
.icon-folder:before {
  content: "\e947";
}
.icon-view-off:before {
  content: "\e948";
}
.icon-hourglass:before {
  content: "\e949";
}
.icon-chart-line:before {
  content: "\e94a";
}
.icon-optimize:before {
  content: "\e94b";
}
.icon-paste:before {
  content: "\e94c";
}
.icon-plant:before {
  content: "\e94d";
}
.icon-help:before {
  content: "\e94e";
}
.icon-redo:before {
  content: "\e94f";
}
.icon-reset:before {
  content: "\e950";
}
.icon-save:before {
  content: "\e951";
}
.icon-skip-back:before {
  content: "\e952";
}
.icon-skip-forward:before {
  content: "\e953";
}
.icon-sort-ascending:before {
  content: "\e954";
}
.icon-sort-descending:before {
  content: "\e955";
}
.icon-sort:before {
  content: "\e956";
}
.icon-stop:before {
  content: "\e957";
}
.icon-circle-checkmark:before {
  content: "\e958";
}
.icon-delete:before {
  content: "\e959";
}
.icon-undo:before {
  content: "\e95a";
}
.icon-zoom-in:before {
  content: "\e95b";
}
.icon-zoom-out:before {
  content: "\e95c";
}
.icon-acknowledge-events:before {
  content: "\e95d";
}
.icon-circle-add:before {
  content: "\e95e";
}
.icon-chevron-double-left:before {
  content: "\e95f";
}
.icon-chevron-double-righ:before {
  content: "\e960";
}
.icon-browse-all:before {
  content: "\e961";
}
.icon-close-large:before {
  content: "\e962";
}
.icon-configure:before {
  content: "\e963";
}
.icon-explore:before {
  content: "\e964";
}
.icon-interaction-click:before {
  content: "\e965";
}
.icon-interaction-touch-:before {
  content: "\e966";
}
.icon-logout:before {
  content: "\e967";
}
.icon-monitor:before {
  content: "\e968";
}
.icon-navigation-left:before {
  content: "\e969";
}
.icon-navigation-right:before {
  content: "\e96a";
}
.icon-options-horizontal:before {
  content: "\e96b";
}
.icon-caret-sort-down:before {
  content: "\e96c";
}
.icon-caret-sort-up:before {
  content: "\e96d";
}
.icon-sort1:before {
  content: "\e96e";
}
.icon-volume-up:before {
  content: "\e96f";
}
.icon-volume-down:before {
  content: "\e970";
}
.icon-volume-mute:before {
  content: "\e971";
}
.icon-lock:before {
  content: "\e972";
}
.icon-lock-open:before {
  content: "\e973";
}
.icon-buildings:before {
  content: "\e974";
}
.icon-document-doc:before {
  content: "\e975";
}
.icon-document-mp4:before {
  content: "\e976";
}
.icon-document-ppt:before {
  content: "\e977";
}
.icon-document-txt:before {
  content: "\e978";
}
.icon-document-xls:before {
  content: "\e979";
}
.icon-qr-code:before {
  content: "\e97a";
}
.icon-pin:before {
  content: "\e97b";
}
.icon-pin-filled:before {
  content: "\e97c";
}
.icon-arrow-down:before {
  content: "\e97d";
}
.icon-arrow-left:before {
  content: "\e97e";
}
.icon-arrow-right:before {
  content: "\e97f";
}
.icon-arrow-up:before {
  content: "\e980";
}
.icon-resize:before {
  content: "\e981";
}
.icon-drag-and-drop:before {
  content: "\e982";
}
.icon-source-code:before {
  content: "\e983";
}
.icon-user-group:before {
  content: "\e984";
}
.icon-print:before {
  content: "\e985";
}
.icon-upload:before {
  content: "\e986";
}
.icon-social-feed:before {
  content: "\e987";
}
.icon-favorite_filled:before {
  content: "\e988";
}
.icon-capacity:before {
  content: "\e989";
}
.icon-point-study:before {
  content: "\e98a";
}
.icon-chart-pie:before {
  content: "\e98b";
}
.icon-audio-description-1:before {
  content: "\e98c";
}
.icon-audio-description-2:before {
  content: "\e98d";
}
.icon-sign-language:before {
  content: "\e98e";
}
.icon-tiktok:before {
  content: "\e98f";
}
.icon-telegram:before {
  content: "\e990";
}
.icon-wechat:before {
  content: "\e991";
}
.icon-weibo:before {
  content: "\e992";
}
.icon-vk:before {
  content: "\e993";
}
.icon-bilibili:before {
  content: "\e994";
}
.icon-like:before {
  content: "\e995";
}
.icon-like-filled:before {
  content: "\e996";
}
.icon-document-information:before {
  content: "\e997";
}
.icon-chat-2:before {
  content: "\e998";
}
.icon-terms-conditions:before {
  content: "\e999";
}
.icon-radio-waves-connected:before {
  content: "\e99a";
}
.icon-radio-waves-disconnected:before {
  content: "\e99b";
}
.icon-wifi-high:before {
  content: "\e99c";
}
.icon-wifi-medium:before {
  content: "\e99d";
}
.icon-wifi-low:before {
  content: "\e99e";
}
.icon-wifi-disconnected:before {
  content: "\e99f";
}
.icon-document-zip:before {
  content: "\e9a0";
}
.icon-mastodon:before {
  content: "\e9a1";
}
.icon-checkmark-small:before {
  content: "\e9a2";
}
.icon-minus-small:before {
  content: "\e9a3";
}
.icon-appearance:before {
  content: "\e9a4";
}
.icon-bookmark-filled:before {
  content: "\e9a5";
}
.icon-github:before {
  content: "\e9a6";
}
.icon-moon-filled:before {
  content: "\e9a7";
}
.icon-moon:before {
  content: "\e9a8";
}
.icon-share-apple-os:before {
  content: "\e9a9";
}
.icon-sun-filled:before {
  content: "\e9aa";
}
.icon-sun:before {
  content: "\e9ab";
}
.icon-threads:before {
  content: "\e9ac";
}
.icon-viva-engage:before {
  content: "\e9ad";
}
* {
  font-family:
    "Siemens Sans",
    Arial,
    Helvetica,
    sans-serif;
}
*::-webkit-scrollbar {
  border-radius: 9999px;
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background-color: rgb(209, 213, 219);
}
*::-webkit-scrollbar-track {
  background-color: rgb(243, 244, 246);
}
.dark *::-webkit-scrollbar-thumb {
  background-color: #333353;
}
.dark *::-webkit-scrollbar-track {
  background-color: rgba(51, 51, 83, 0.3019607843);
}
.strong {
  font-family:
    "Siemens Sans Black",
    Arial,
    Helvetica,
    sans-serif;
}
body {
  --label-font-size: 14px;
  --input-font-size: 18px;
  margin: 0;
}
html,
body {
  height: 100%;
  font-family:
    "Siemens Sans",
    Arial,
    Helvetica,
    sans-serif;
}
:root {
  --element-body-font-family: "SiemensSans Pro", sans-serif;
  --element-button-radius: 2px;
  --element-button-focus-width: 2px;
  --element-button-focus-overlay-width: 1px;
  --element-button-focus-overlay-color: rgba(255, 255, 255, 0.7);
  --element-input-radius: 2px;
  --element-brand-logo: url("data:image/svg+xml,%3Csvg viewBox='0 0 142.315 22.5' fill='%23009999' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M125.878 21.704v-4.378c2.53.806 4.718 1.209 6.566 1.209 2.53 0 3.795-.674 3.795-2.02 0-.49-.183-.898-.549-1.225-.43-.388-1.419-.903-2.971-1.545-2.735-1.113-4.5-2.006-5.296-2.68-1.325-1.121-1.99-2.581-1.99-4.376 0-2.235.873-3.94 2.617-5.113C129.623.525 131.744 0 134.418 0c2.143 0 4.21.27 6.198.811v4.194c-2.172-.838-4.116-1.255-5.83-1.255-2.276 0-3.415.647-3.415 1.942 0 .522.247.94.737 1.257.417.265 1.53.786 3.335 1.561 2.725 1.174 4.522 2.194 5.388 3.061.989.99 1.484 2.301 1.484 3.934 0 2.5-1.03 4.356-3.09 5.571-1.612.949-3.755 1.424-6.43 1.424-2.489 0-4.796-.266-6.917-.796m-22.913.352V.367h7.101l7.469 14.097V.367h4.349v21.69h-6.859L107.31 7.744v14.311h-4.345zm-19.73 0V.367H99v3.964h-9.705V9.2h8.45v3.581h-8.45v5.096h9.935v4.18H83.235zm-31.837 0V.367h7.913l5.434 13.607L70.378.367h7.546v21.69h-5.939V7.238L65.679 22.27h-3.781L55.76 7.239v14.817h-4.362zm-19.775 0V.367h15.78v3.964H37.7V9.2h8.45v3.581H37.7v5.096h9.919v4.18H31.623zM20.05.367h6.29v21.69h-6.29V.366zM.443 21.704v-4.378c2.52.806 4.71 1.209 6.567 1.209 2.531 0 3.796-.674 3.796-2.02 0-.49-.185-.898-.551-1.225-.419-.388-1.414-.903-2.985-1.545-2.704-1.103-4.464-1.995-5.28-2.68C.663 9.944 0 8.484 0 6.689c0-2.235.873-3.94 2.618-5.113C4.178.525 6.3 0 8.984 0c2.142 0 4.211.27 6.2.811v4.194C12.989 4.167 11.046 3.75 9.35 3.75c-2.275 0-3.412.647-3.412 1.942 0 .512.249.93.749 1.257.408.265 1.516.786 3.323 1.561 2.724 1.174 4.519 2.194 5.387 3.061.99.99 1.486 2.301 1.486 3.934 0 2.5-1.036 4.356-3.109 5.571-1.601.949-3.74 1.424-6.414 1.424-2.49 0-4.795-.266-6.918-.796' /%3E%3C/svg%3E%0A");
  --element-brand-logo-width: 101px;
  --element-brand-logo-height: 16px;
  --element-brand-logo-text: "Siemens logo";
  --element-brand-ai-key-visual: url("data:image/svg+xml,%3Csvg%20width%3D%22168%22%20height%3D%22168%22%20viewBox%3D%220%200%20168%20168%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.04%22%20d%3D%22M28.8972%2020.6006C63.9115%20-9.83171%20116.967%20-6.11721%20147.399%2028.8972C177.832%2063.9115%20174.117%20116.967%20139.103%20147.399C104.088%20177.832%2051.033%20174.117%2020.6006%20139.103C-9.8317%20104.088%20-6.11722%2051.033%2028.8972%2020.6006Z%22%20fill%3D%22url(%23paint0_linear_32824_14379)%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M38.7707%2031.9824C67.419%207.08329%20110.828%2010.1225%20135.727%2038.7707C160.626%2067.4189%20157.587%20110.828%20128.939%20135.727C100.291%20160.627%2056.8818%20157.587%2031.9825%20128.939C7.08326%20100.291%2010.1225%2056.8817%2038.7707%2031.9824Z%22%20fill%3D%22url(%23paint1_linear_32824_14379)%22%2F%3E%3Cpath%20opacity%3D%220.1%22%20d%3D%22M48.9805%2043.7008C71.2625%2024.3347%20105.025%2026.6985%20124.391%2048.9805C143.757%2071.2626%20141.394%20105.025%20119.111%20124.391C96.8294%20143.757%2063.0669%20141.394%2043.7008%20119.111C24.3347%2096.8294%2026.6986%2063.0669%2048.9805%2043.7008Z%22%20fill%3D%22url(%23paint2_linear_32824_14379)%22%2F%3E%3Cpath%20opacity%3D%220.2%22%20d%3D%22M58.8539%2055.0826C74.7695%2041.2498%2098.8855%2042.9382%20112.718%2058.8538C126.551%2074.7695%20124.863%2098.8855%20108.947%20112.718C93.0316%20126.551%2068.9156%20124.863%2055.0827%20108.947C41.2498%2093.0316%2042.9382%2068.9155%2058.8539%2055.0826Z%22%20fill%3D%22url(%23paint3_linear_32824_14379)%22%2F%3E%3Cpath%20d%3D%22M97.2819%2076.1142L95.3187%2076.5196C94.4108%2076.7071%2093.7007%2077.4165%2093.5132%2078.3251L93.1077%2080.2884C92.971%2080.9493%2092.0272%2080.9493%2091.8905%2080.2884L91.4851%2078.3251C91.2976%2077.4173%2090.5882%2076.7071%2089.6796%2076.5196L87.7163%2076.1142C87.0554%2075.9774%2087.0554%2075.0337%2087.7163%2074.897L89.6796%2074.4915C90.5874%2074.304%2091.2976%2073.5946%2091.4851%2072.686L91.8905%2070.7228C92.0272%2070.0618%2092.971%2070.0618%2093.1077%2070.7228L93.5132%2072.686C93.7007%2073.5938%2094.4101%2074.304%2095.3187%2074.4915L97.2819%2074.897C97.9429%2075.0337%2097.9429%2075.9774%2097.2819%2076.1142Z%22%20fill%3D%22%2300CCCC%22%2F%3E%3Cpath%20d%3D%22M91.3179%2086.7454L87.046%2087.979C85.8296%2088.3306%2084.8788%2089.2813%2084.5288%2090.4978L83.2976%2094.772C83.0241%2095.722%2081.678%2095.722%2081.4046%2094.772L80.1733%2090.4978C79.8226%2089.2813%2078.8726%2088.3298%2077.6562%2087.979L73.3843%2086.7454C72.4351%2086.4712%2072.4351%2085.1267%2073.3843%2084.8524L77.6562%2083.6188C78.8726%2083.2673%2079.8233%2082.3165%2080.1733%2081.1001L81.4046%2076.8259C81.678%2075.8759%2083.0241%2075.8759%2083.2976%2076.8259L84.5288%2081.1001C84.8796%2082.3165%2085.8296%2083.2681%2087.046%2083.6188L91.3179%2084.8524C92.2671%2085.1267%2092.2671%2086.4712%2091.3179%2086.7454Z%22%20fill%3D%22%2300CCCC%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_32824_14379%22%20x1%3D%2228.897%22%20y1%3D%2220.6005%22%20x2%3D%22139.103%22%20y2%3D%22147.399%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300CCCC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300CCCC%22%20stop-opacity%3D%220.08%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_32824_14379%22%20x1%3D%2238.7704%22%20y1%3D%2231.9824%22%20x2%3D%22128.939%22%20y2%3D%22135.727%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300CCCC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300CCCC%22%20stop-opacity%3D%220.08%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_32824_14379%22%20x1%3D%2248.9804%22%20y1%3D%2243.7008%22%20x2%3D%22119.112%22%20y2%3D%22124.391%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300CCCC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300CCCC%22%20stop-opacity%3D%220.08%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint3_linear_32824_14379%22%20x1%3D%2258.8537%22%20y1%3D%2255.0826%22%20x2%3D%22108.947%22%20y2%3D%22112.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300CCCC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300CCCC%22%20stop-opacity%3D%220.08%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  --element-company-name: "Siemens";
  --element-radius-0: 0;
  --element-radius-1: 2px;
  --element-radius-2: 4px;
  --element-radius-3: 8px;
  --element-ui-0: #006b80;
  --element-ui-1: #000028;
  --element-ui-2: #66667e;
  --element-ui-3: #9999a9;
  --element-ui-4: #e5e5e9;
  --element-ui-5: #ffffff;
  --element-ui-6: #000000;
  --element-ui-0-hover: #005159;
  --element-base-0: #f5f5f5;
  --element-base-1: #ffffff;
  --element-base-2: #ffffff;
  --element-base-3: #ffffff;
  --element-base-4: #f0f0ef;
  --element-base-1-hover: #ededed;
  --element-base-1-selected: #e0e0de;
  --element-base-information: #d2e2f7;
  --element-base-success: #c1f2d6;
  --element-base-caution: #fff2ba;
  --element-base-warning: #fee1cc;
  --element-base-danger: #fcccd7;
  --element-base-critical: #edd6f2;
  --element-base-translucent-1: rgba(0, 0, 0, 0.3);
  --element-base-translucent-2: rgba(0, 0, 40, 0.88);
  --element-base-input-experimental: #fafafa;
  --element-action-primary: #006b80;
  --element-action-primary-hover: #005159;
  --element-action-primary-text: #ffffff;
  --element-action-primary-active: #16565c;
  --element-action-secondary: rgba(0, 0, 0, 0);
  --element-action-secondary-hover: #d1fff2;
  --element-action-secondary-text: #006b80;
  --element-action-secondary-active: #c2ffee;
  --element-action-secondary-text-hover: #196269;
  --element-action-secondary-border: #006b80;
  --element-action-secondary-border-hover: #196269;
  --element-action-secondary-warning: #a84100;
  --element-action-secondary-danger: #d72339;
  --element-action-warning: #c75300;
  --element-action-warning-hover: #a84100;
  --element-action-warning-text: #ffffff;
  --element-action-warning-active: #8f3700;
  --element-action-danger: #d72339;
  --element-action-danger-hover: #bf162e;
  --element-action-danger-text: #ffffff;
  --element-action-danger-active: #a60823;
  --element-action-disabled-opacity: 0.5;
  --element-text-primary: #000028;
  --element-text-secondary: #4c4c68;
  --element-text-disabled: #7d8099;
  --element-text-inverse: #ffffff;
  --element-text-active: #006b80;
  --element-text-information: #1e5299;
  --element-text-success: #1c703f;
  --element-text-caution: #4d3901;
  --element-text-warning: #a84100;
  --element-text-danger: #a60823;
  --element-text-critical: #740089;
  --element-status-information: #206ed9;
  --element-status-information-contrast: #ffffff;
  --element-status-success: #1c703f;
  --element-status-success-contrast: #ffffff;
  --element-status-caution: #edbf00;
  --element-status-caution-contrast: #000028;
  --element-status-warning: #c75300;
  --element-status-warning-contrast: #ffffff;
  --element-status-danger: #d72339;
  --element-status-danger-contrast: #ffffff;
  --element-status-critical: #a733bc;
  --element-status-critical-contrast: #ffffff;
  --element-focus-default: #199fff;
  --element-box-shadow-color-1: rgba(0, 0, 0, 0.16);
  --element-box-shadow-color-2: rgba(0, 0, 0, 0.08);
  --element-data-1: #009999;
  --element-data-2: #005159;
  --element-data-3: #00890e;
  --element-data-4: #1a747d;
  --element-data-5: #3664c6;
  --element-data-6: #002949;
  --element-data-7: #7353e5;
  --element-data-8: #553ba3;
  --element-data-9: #740089;
  --element-data-10: #d72339;
  --element-data-11: #4f153d;
  --element-data-12: #c04774;
  --element-data-13: #00237a;
  --element-data-14: #801100;
  --element-data-15: #805800;
  --element-data-16: #757563;
  --element-data-17: #4c4c68;
  --element-data-avocado-1: #9ec625;
  --element-data-avocado-2: #637d17;
  --element-data-avocado-3: #435410;
  --element-data-avocado-4: #2e3a0a;
  --element-data-green-1: #01d65a;
  --element-data-green-2: #00a327;
  --element-data-green-3: #00890e;
  --element-data-green-4: #005700;
  --element-data-turquoise-1: #00d7a0;
  --element-data-turquoise-2: #00af8e;
  --element-data-turquoise-3: #1a747d;
  --element-data-turquoise-4: #005159;
  --element-data-interactive-coral-1: #00cccc;
  --element-data-interactive-coral-2: #00a3ab;
  --element-data-interactive-coral-3: #007082;
  --element-data-interactive-coral-4: #002949;
  --element-data-blue-1: #4dd1e7;
  --element-data-blue-2: #00bedc;
  --element-data-blue-3: #0087be;
  --element-data-blue-4: #00557c;
  --element-data-royal-blue-1: #97c7ff;
  --element-data-royal-blue-2: #6895f6;
  --element-data-royal-blue-3: #3664c6;
  --element-data-royal-blue-4: #00237a;
  --element-data-purple-1: #a68dff;
  --element-data-purple-2: #805cff;
  --element-data-purple-3: #7353e5;
  --element-data-purple-4: #553ba3;
  --element-data-orchid-1: #b95cc9;
  --element-data-orchid-2: #a733bc;
  --element-data-orchid-3: #740089;
  --element-data-orchid-4: #52245c;
  --element-data-plum-1: #e5659b;
  --element-data-plum-2: #c04774;
  --element-data-plum-3: #9f1853;
  --element-data-plum-4: #4f153d;
  --element-data-red-1: #ff6779;
  --element-data-red-2: #ff2640;
  --element-data-red-3: #d72339;
  --element-data-red-4: #990000;
  --element-data-orange-1: #ffbc66;
  --element-data-orange-2: #ff9000;
  --element-data-orange-3: #e57700;
  --element-data-orange-4: #be5925;
  --element-data-yellow-1: #ffd732;
  --element-data-yellow-2: #e5bd19;
  --element-data-yellow-3: #b28a00;
  --element-data-yellow-4: #805800;
  --element-data-sand-1: #c5c5b8;
  --element-data-sand-2: #aaaa96;
  --element-data-sand-3: #757563;
  --element-data-sand-4: #5e5e4a;
  --element-data-deep-blue-1: #9999a9;
  --element-data-deep-blue-2: #7d8099;
  --element-data-deep-blue-3: #4c4c68;
  --element-data-deep-blue-4: #262648;
  --element-color-passed: #1c703f;
  --element-color-failed: #9f1853;
  --element-color-cooling: #0087be;
  --element-color-heating: #e57700;
  --element-color-comfort: #b28a00;
  --element-color-economy: #1e5299;
  --element-color-off: #7d8099;
  --element-color-on: #28bf66;
  --element-color-default: #40405e;
  --element-color-bad: #d72339;
  --element-color-poor: #e37200;
  --element-color-average: #edbf00;
  --element-color-good: #9ec625;
  --element-color-excellent: #00a327;
  --element-range-danger:
    linear-gradient(
      90deg,
      #e5e5e9,
      #d72339);
  --element-range-warning:
    linear-gradient(
      90deg,
      #e5e5e9,
      #a84100);
  --element-range-caution:
    linear-gradient(
      90deg,
      #e5e5e9,
      #edbf00);
  --element-range-information:
    linear-gradient(
      90deg,
      #e5e5e9,
      #206ed9);
  --element-range-success:
    linear-gradient(
      90deg,
      #e5e5e9,
      #00a327);
  --element-range-temp-heating:
    linear-gradient(
      90deg,
      #e5e5e9,
      #e57700);
  --element-range-temp-cooling:
    linear-gradient(
      90deg,
      #e5e5e9,
      #0087be);
  --element-range-comfort:
    linear-gradient(
      90deg,
      #e5e5e9,
      #b28a00);
  --element-range-temperature:
    linear-gradient(
      90deg,
      #e57700,
      #e5e5e9,
      #0087be);
  --element-range-humidity:
    linear-gradient(
      90deg,
      #c04774,
      #e5e5e9,
      #3664c6);
  --element-feedback-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d72339' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-89.8c0-11.05 8.95-20 20-20s20 8.95 20 20v89.8c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3C/svg%3E%0A");
  --element-feedback-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c75300' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-79.14c0-11.05 8.95-20 20-20s20 8.95 20 20v79.14c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3Cpath d='M441.77 338.25c-.03-.06-.06-.11-.1-.17L295.72 94.42c-13.28-21.9-41.91-28.91-63.81-15.63a46.637 46.637 0 0 0-15.63 15.63l-.03.06-145.92 243.6c-.03.05-.07.11-.1.17-12.81 22.18-5.18 50.65 17 63.46 6.9 3.98 14.75 6.13 22.72 6.22H402.05c12.41-.14 24.02-5.1 32.7-13.97 8.68-8.87 13.38-20.59 13.24-33a46.602 46.602 0 0 0-6.22-22.72Zm-32.76 30.54c-1.96 2.01-4.48 3.09-7.28 3.14H110.26c-1.77-.03-3.51-.52-5.03-1.4-2.44-1.41-4.12-3.61-4.85-6.36-.72-2.7-.4-5.39.95-7.79L247.1 113.02c.86-1.4 2.06-2.59 3.47-3.44 1.63-.99 3.47-1.51 5.35-1.51 3.79 0 7.08 1.83 9.02 5.02l145.74 243.3c.84 1.51 1.3 3.22 1.32 4.97.03 2.83-1 5.4-2.98 7.43Z'/%3E%3C/svg%3E");
  --element-feedback-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231c703f' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M222.25 345.88c-5.12 0-10.24-1.95-14.14-5.86l-56.25-56.25c-7.81-7.81-7.81-20.47 0-28.28s20.47-7.81 28.28 0l42.11 42.11 109.61-109.61c7.81-7.81 20.47-7.81 28.28 0s7.81 20.47 0 28.28L236.39 340.02a19.92 19.92 0 0 1-14.14 5.86Z'/%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3C/svg%3E");
  --element-launchpad-app-background: #00c1b6;
  --element-launchpad-app-color: #000000;
  --element-action-primary: #007993;
  --element-action-primary-active: #005159;
  --element-action-secondary-text: #007993;
  --element-action-secondary-border: #007993;
  --element-action-secondary-text-hover: #005159;
  --element-action-secondary-border-hover: #005159;
  --element-text-secondary: #66667e;
  --element-text-active: #007993;
  --element-ui-0: #007993;
  --element-base-1: #f3f3f0;
  --element-base-1-hover: #e8e8e3;
  --element-base-1-selected: #d1fff2;
  --element-base-4: #f3f3f0;
  --element-focus-default: #1491eb;
}
:root.dark {
  --element-body-font-family: "SiemensSans Pro", sans-serif;
  --element-button-radius: 2px;
  --element-button-focus-width: 2px;
  --element-button-focus-overlay-width: 1px;
  --element-button-focus-overlay-color: rgba(0, 0, 40, 0.7);
  --element-input-radius: 2px;
  --element-brand-logo: url("data:image/svg+xml,%3Csvg viewBox='0 0 142.315 22.5' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M125.878 21.704v-4.378c2.53.806 4.718 1.209 6.566 1.209 2.53 0 3.795-.674 3.795-2.02 0-.49-.183-.898-.549-1.225-.43-.388-1.419-.903-2.971-1.545-2.735-1.113-4.5-2.006-5.296-2.68-1.325-1.121-1.99-2.581-1.99-4.376 0-2.235.873-3.94 2.617-5.113C129.623.525 131.744 0 134.418 0c2.143 0 4.21.27 6.198.811v4.194c-2.172-.838-4.116-1.255-5.83-1.255-2.276 0-3.415.647-3.415 1.942 0 .522.247.94.737 1.257.417.265 1.53.786 3.335 1.561 2.725 1.174 4.522 2.194 5.388 3.061.989.99 1.484 2.301 1.484 3.934 0 2.5-1.03 4.356-3.09 5.571-1.612.949-3.755 1.424-6.43 1.424-2.489 0-4.796-.266-6.917-.796m-22.913.352V.367h7.101l7.469 14.097V.367h4.349v21.69h-6.859L107.31 7.744v14.311h-4.345zm-19.73 0V.367H99v3.964h-9.705V9.2h8.45v3.581h-8.45v5.096h9.935v4.18H83.235zm-31.837 0V.367h7.913l5.434 13.607L70.378.367h7.546v21.69h-5.939V7.238L65.679 22.27h-3.781L55.76 7.239v14.817h-4.362zm-19.775 0V.367h15.78v3.964H37.7V9.2h8.45v3.581H37.7v5.096h9.919v4.18H31.623zM20.05.367h6.29v21.69h-6.29V.366zM.443 21.704v-4.378c2.52.806 4.71 1.209 6.567 1.209 2.531 0 3.796-.674 3.796-2.02 0-.49-.185-.898-.551-1.225-.419-.388-1.414-.903-2.985-1.545-2.704-1.103-4.464-1.995-5.28-2.68C.663 9.944 0 8.484 0 6.689c0-2.235.873-3.94 2.618-5.113C4.178.525 6.3 0 8.984 0c2.142 0 4.211.27 6.2.811v4.194C12.989 4.167 11.046 3.75 9.35 3.75c-2.275 0-3.412.647-3.412 1.942 0 .512.249.93.749 1.257.408.265 1.516.786 3.323 1.561 2.724 1.174 4.519 2.194 5.387 3.061.99.99 1.486 2.301 1.486 3.934 0 2.5-1.036 4.356-3.109 5.571-1.601.949-3.74 1.424-6.414 1.424-2.49 0-4.795-.266-6.918-.796' /%3E%3C/svg%3E%0A");
  --element-brand-logo-width: 101px;
  --element-brand-logo-height: 16px;
  --element-brand-logo-text: "Siemens logo";
  --element-brand-ai-key-visual: url("data:image/svg+xml,%3Csvg%20width%3D%22168%22%20height%3D%22168%22%20viewBox%3D%220%200%20168%20168%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.04%22%20d%3D%22M28.8972%2020.6006C63.9115%20-9.83171%20116.967%20-6.11721%20147.399%2028.8972C177.832%2063.9115%20174.117%20116.967%20139.103%20147.399C104.088%20177.832%2051.033%20174.117%2020.6006%20139.103C-9.8317%20104.088%20-6.11722%2051.033%2028.8972%2020.6006Z%22%20fill%3D%22url(%23paint0_linear_32824_14371)%22%2F%3E%3Cpath%20opacity%3D%220.07%22%20d%3D%22M38.7707%2031.9824C67.419%207.08329%20110.828%2010.1225%20135.727%2038.7707C160.626%2067.4189%20157.587%20110.828%20128.939%20135.727C100.291%20160.627%2056.8818%20157.587%2031.9825%20128.939C7.08326%20100.291%2010.1225%2056.8817%2038.7707%2031.9824Z%22%20fill%3D%22url(%23paint1_linear_32824_14371)%22%2F%3E%3Cpath%20opacity%3D%220.1%22%20d%3D%22M48.9805%2043.7008C71.2625%2024.3347%20105.025%2026.6985%20124.391%2048.9805C143.757%2071.2626%20141.394%20105.025%20119.111%20124.391C96.8294%20143.757%2063.0669%20141.394%2043.7008%20119.111C24.3347%2096.8295%2026.6986%2063.0669%2048.9805%2043.7008Z%22%20fill%3D%22url(%23paint2_linear_32824_14371)%22%2F%3E%3Cpath%20opacity%3D%220.2%22%20d%3D%22M58.8539%2055.0826C74.7695%2041.2498%2098.8855%2042.9382%20112.718%2058.8538C126.551%2074.7695%20124.863%2098.8855%20108.947%20112.718C93.0316%20126.551%2068.9156%20124.863%2055.0827%20108.947C41.2498%2093.0316%2042.9382%2068.9155%2058.8539%2055.0826Z%22%20fill%3D%22url(%23paint3_linear_32824_14371)%22%2F%3E%3Cpath%20d%3D%22M97.2819%2076.1142L95.3187%2076.5196C94.4108%2076.7071%2093.7007%2077.4165%2093.5132%2078.3251L93.1077%2080.2884C92.971%2080.9493%2092.0272%2080.9493%2091.8905%2080.2884L91.4851%2078.3251C91.2976%2077.4173%2090.5882%2076.7071%2089.6796%2076.5196L87.7163%2076.1142C87.0554%2075.9774%2087.0554%2075.0337%2087.7163%2074.897L89.6796%2074.4915C90.5874%2074.304%2091.2976%2073.5946%2091.4851%2072.686L91.8905%2070.7228C92.0272%2070.0618%2092.971%2070.0618%2093.1077%2070.7228L93.5132%2072.686C93.7007%2073.5938%2094.4101%2074.304%2095.3187%2074.4915L97.2819%2074.897C97.9429%2075.0337%2097.9429%2075.9774%2097.2819%2076.1142Z%22%20fill%3D%22%2300FFB9%22%2F%3E%3Cpath%20d%3D%22M91.3179%2086.7454L87.046%2087.979C85.8296%2088.3306%2084.8788%2089.2813%2084.5288%2090.4978L83.2976%2094.772C83.0241%2095.722%2081.678%2095.722%2081.4046%2094.772L80.1733%2090.4978C79.8226%2089.2813%2078.8726%2088.3298%2077.6562%2087.979L73.3843%2086.7454C72.4351%2086.4712%2072.4351%2085.1267%2073.3843%2084.8524L77.6562%2083.6188C78.8726%2083.2673%2079.8233%2082.3165%2080.1733%2081.1001L81.4046%2076.8259C81.678%2075.8759%2083.0241%2075.8759%2083.2976%2076.8259L84.5288%2081.1001C84.8796%2082.3165%2085.8296%2083.2681%2087.046%2083.6188L91.3179%2084.8524C92.2671%2085.1267%2092.2671%2086.4712%2091.3179%2086.7454Z%22%20fill%3D%22%2300FFB9%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_32824_14371%22%20x1%3D%2228.8972%22%20y1%3D%2220.6006%22%20x2%3D%22139.103%22%20y2%3D%22147.399%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300FFB9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300996F%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_32824_14371%22%20x1%3D%2238.7705%22%20y1%3D%2231.9823%22%20x2%3D%22128.939%22%20y2%3D%22135.727%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300FFB9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300996F%22%20stop-opacity%3D%220.16%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_32824_14371%22%20x1%3D%2248.9807%22%20y1%3D%2243.701%22%20x2%3D%22119.111%22%20y2%3D%22124.391%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300FFB9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300996F%22%20stop-opacity%3D%220.08%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint3_linear_32824_14371%22%20x1%3D%2258.8537%22%20y1%3D%2255.0826%22%20x2%3D%22108.947%22%20y2%3D%22112.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300FFB9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300996F%22%20stop-opacity%3D%220.08%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  --element-company-name: "Siemens";
  --element-radius-0: 0;
  --element-radius-1: 2px;
  --element-radius-2: 4px;
  --element-radius-3: 8px;
  --element-ui-0: #00cccc;
  --element-ui-1: #ffffff;
  --element-ui-2: #9999a9;
  --element-ui-3: #66667e;
  --element-ui-4: #4c4c68;
  --element-ui-5: #23233c;
  --element-ui-6: #000000;
  --element-ui-0-hover: #00ffb9;
  --element-base-0: #000028;
  --element-base-1: #23233c;
  --element-base-2: #000028;
  --element-base-3: #2d2d45;
  --element-base-4: #12122e;
  --element-base-1-hover: #333353;
  --element-base-1-selected: #40405e;
  --element-base-information: #193966;
  --element-base-success: #12331f;
  --element-base-caution: #322501;
  --element-base-warning: #421a00;
  --element-base-danger: #42000c;
  --element-base-critical: #52245c;
  --element-base-translucent-1: rgba(0, 0, 0, 0.7);
  --element-base-translucent-2: rgba(255, 255, 255, 0.88);
  --element-base-input-experimental: #161632;
  --element-action-primary: #00cccc;
  --element-action-primary-hover: #00ffb9;
  --element-action-primary-text: #000028;
  --element-action-primary-active: #00e5aa;
  --element-action-secondary: rgba(0, 0, 0, 0);
  --element-action-secondary-hover: #00333e;
  --element-action-secondary-text: #00cccc;
  --element-action-secondary-active: #001f39;
  --element-action-secondary-text-hover: #00ffb9;
  --element-action-secondary-border: #00cccc;
  --element-action-secondary-border-hover: #00ffb9;
  --element-action-secondary-warning: #ffa525;
  --element-action-secondary-danger: #ff8e9c;
  --element-action-warning: #ff9000;
  --element-action-warning-hover: #e37200;
  --element-action-warning-text: #000028;
  --element-action-warning-active: #c75300;
  --element-action-danger: #d72339;
  --element-action-danger-hover: #bf162e;
  --element-action-danger-text: #ffffff;
  --element-action-danger-active: #a60823;
  --element-action-disabled-opacity: 0.5;
  --element-text-primary: #ffffff;
  --element-text-secondary: #b3b3be;
  --element-text-disabled: #66667e;
  --element-text-inverse: #000028;
  --element-text-active: #00cccc;
  --element-text-information: #a9c7f1;
  --element-text-success: #72e6a3;
  --element-text-caution: #ffd732;
  --element-text-warning: #ffa525;
  --element-text-danger: #ff8e9c;
  --element-text-critical: #d59cde;
  --element-status-information: #206ed9;
  --element-status-information-contrast: #ffffff;
  --element-status-success: #28bf66;
  --element-status-success-contrast: #000028;
  --element-status-caution: #ffd732;
  --element-status-caution-contrast: #000028;
  --element-status-warning: #ff9000;
  --element-status-warning-contrast: #000028;
  --element-status-danger: #d72339;
  --element-status-danger-contrast: #ffffff;
  --element-status-critical: #a733bc;
  --element-status-critical-contrast: #ffffff;
  --element-focus-default: #199fff;
  --element-box-shadow-color-1: rgba(0, 0, 0, 0.4);
  --element-box-shadow-color-2: rgba(0, 0, 0, 0.2);
  --element-data-1: #00c1b6;
  --element-data-2: #00ffb9;
  --element-data-3: #01d65a;
  --element-data-4: #85e9d2;
  --element-data-5: #6895f6;
  --element-data-6: #ccf5f5;
  --element-data-7: #805cff;
  --element-data-8: #bfb0f3;
  --element-data-9: #b95cc9;
  --element-data-10: #ff2640;
  --element-data-11: #e5659b;
  --element-data-12: #ff98c4;
  --element-data-13: #97c7ff;
  --element-data-14: #ff9000;
  --element-data-15: #ffd732;
  --element-data-16: #aaaa96;
  --element-data-17: #7d8099;
  --element-data-avocado-1: #d1e98a;
  --element-data-avocado-2: #9ec625;
  --element-data-avocado-3: #637d17;
  --element-data-avocado-4: #435410;
  --element-data-green-1: #80ebac;
  --element-data-green-2: #01d65a;
  --element-data-green-3: #00a327;
  --element-data-green-4: #00890e;
  --element-data-turquoise-1: #47e2bb;
  --element-data-turquoise-2: #00d7a0;
  --element-data-turquoise-3: #00af8e;
  --element-data-turquoise-4: #1a747d;
  --element-data-interactive-coral-1: #66e0e0;
  --element-data-interactive-coral-2: #00cccc;
  --element-data-interactive-coral-3: #00a3ab;
  --element-data-interactive-coral-4: #007082;
  --element-data-blue-1: #80dfed;
  --element-data-blue-2: #4dd1e7;
  --element-data-blue-3: #00bedc;
  --element-data-blue-4: #0087be;
  --element-data-royal-blue-1: #b2e0ff;
  --element-data-royal-blue-2: #97c7ff;
  --element-data-royal-blue-3: #6895f6;
  --element-data-royal-blue-4: #3664c6;
  --element-data-purple-1: #bfb0f3;
  --element-data-purple-2: #a68dff;
  --element-data-purple-3: #805cff;
  --element-data-purple-4: #7353e5;
  --element-data-orchid-1: #d59cde;
  --element-data-orchid-2: #b95cc9;
  --element-data-orchid-3: #a733bc;
  --element-data-orchid-4: #740089;
  --element-data-plum-1: #ff98c4;
  --element-data-plum-2: #e5659b;
  --element-data-plum-3: #c04774;
  --element-data-plum-4: #9f1853;
  --element-data-red-1: #ffa8b3;
  --element-data-red-2: #ff6779;
  --element-data-red-3: #ff2640;
  --element-data-red-4: #d72339;
  --element-data-orange-1: #ffbc66;
  --element-data-orange-2: #ff9000;
  --element-data-orange-3: #e57700;
  --element-data-orange-4: #be5925;
  --element-data-yellow-1: #ffe784;
  --element-data-yellow-2: #ffd732;
  --element-data-yellow-3: #e5bd19;
  --element-data-yellow-4: #b28a00;
  --element-data-sand-1: #dfdfd9;
  --element-data-sand-2: #c5c5b8;
  --element-data-sand-3: #aaaa96;
  --element-data-sand-4: #757563;
  --element-data-deep-blue-1: #ccccd4;
  --element-data-deep-blue-2: #9999a9;
  --element-data-deep-blue-3: #7d8099;
  --element-data-deep-blue-4: #4c4c68;
  --element-color-passed: #28bf66;
  --element-color-failed: #c04774;
  --element-color-cooling: #0087be;
  --element-color-heating: #e57700;
  --element-color-comfort: #b28a00;
  --element-color-economy: #1e5299;
  --element-color-off: #7d8099;
  --element-color-on: #28bf66;
  --element-color-default: #40405e;
  --element-color-bad: #d72339;
  --element-color-poor: #e37200;
  --element-color-average: #edbf00;
  --element-color-good: #9ec625;
  --element-color-excellent: #00a327;
  --element-range-danger:
    linear-gradient(
      90deg,
      #e5e5e9,
      #d72339);
  --element-range-warning:
    linear-gradient(
      90deg,
      #e5e5e9,
      #a84100);
  --element-range-caution:
    linear-gradient(
      90deg,
      #e5e5e9,
      #edbf00);
  --element-range-information:
    linear-gradient(
      90deg,
      #e5e5e9,
      #206ed9);
  --element-range-success:
    linear-gradient(
      90deg,
      #e5e5e9,
      #00a327);
  --element-range-temp-heating:
    linear-gradient(
      90deg,
      #e5e5e9,
      #e57700);
  --element-range-temp-cooling:
    linear-gradient(
      90deg,
      #e5e5e9,
      #0087be);
  --element-range-comfort:
    linear-gradient(
      90deg,
      #e5e5e9,
      #b28a00);
  --element-range-temperature:
    linear-gradient(
      90deg,
      #e57700,
      #e5e5e9,
      #0087be);
  --element-range-humidity:
    linear-gradient(
      90deg,
      #c04774,
      #e5e5e9,
      #3664c6);
  --element-feedback-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d72339' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-89.8c0-11.05 8.95-20 20-20s20 8.95 20 20v89.8c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3C/svg%3E%0A");
  --element-feedback-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff9000' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M256 279.12c-11.05 0-20-8.95-20-20v-79.14c0-11.05 8.95-20 20-20s20 8.95 20 20v79.14c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/%3E%3Cpath d='M441.77 338.25c-.03-.06-.06-.11-.1-.17L295.72 94.42c-13.28-21.9-41.91-28.91-63.81-15.63a46.637 46.637 0 0 0-15.63 15.63l-.03.06-145.92 243.6c-.03.05-.07.11-.1.17-12.81 22.18-5.18 50.65 17 63.46 6.9 3.98 14.75 6.13 22.72 6.22H402.05c12.41-.14 24.02-5.1 32.7-13.97 8.68-8.87 13.38-20.59 13.24-33a46.602 46.602 0 0 0-6.22-22.72Zm-32.76 30.54c-1.96 2.01-4.48 3.09-7.28 3.14H110.26c-1.77-.03-3.51-.52-5.03-1.4-2.44-1.41-4.12-3.61-4.85-6.36-.72-2.7-.4-5.39.95-7.79L247.1 113.02c.86-1.4 2.06-2.59 3.47-3.44 1.63-.99 3.47-1.51 5.35-1.51 3.79 0 7.08 1.83 9.02 5.02l145.74 243.3c.84 1.51 1.3 3.22 1.32 4.97.03 2.83-1 5.4-2.98 7.43Z'/%3E%3C/svg%3E");
  --element-feedback-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2328bf66' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M222.25 345.88c-5.12 0-10.24-1.95-14.14-5.86l-56.25-56.25c-7.81-7.81-7.81-20.47 0-28.28s20.47-7.81 28.28 0l42.11 42.11 109.61-109.61c7.81-7.81 20.47-7.81 28.28 0s7.81 20.47 0 28.28L236.39 340.02a19.92 19.92 0 0 1-14.14 5.86Z'/%3E%3Cpath d='M256 448c-105.87 0-192-86.13-192-192S150.13 64 256 64s192 86.13 192 192-86.13 192-192 192Zm0-348c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/%3E%3C/svg%3E");
  --element-launchpad-app-background: #00c1b6;
  --element-launchpad-app-color: #000000;
  --element-text-secondary: #9999a9;
  --element-base-1-hover: #37374d;
  --element-base-1-selected: #001f39;
  --element-base-3: #23233c;
  --element-base-4: #08082e;
  --element-action-secondary-hover: #001f39;
  --element-focus-default: #1491eb;
}
.ag-cell {
  text-align: left;
}
app-user-gck-assignment .ag-center-cols-viewport {
  min-height: 300px !important;
}
.ag-body-horizontal-scroll {
  min-height: 12px !important;
  height: 12px !important;
}
.ag-body-horizontal-scroll-viewport {
  min-height: 12px !important;
  height: 12px !important;
  background-color: #e8e8e3;
}
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
  height: 12px;
}
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
  border-radius: 9999px;
  background-color: rgb(180, 180, 180);
}
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
  background-color: #e8e8e3;
}
.ag-body-horizontal-scroll-container {
  min-height: 12px !important;
  height: 12px !important;
}
si-ag-date-input {
  display: block;
}
si-ag-date-input si-calendar-button {
  --si-action-icon-offset: 24px;
  position: relative;
  display: block;
  width: 100%;
}
si-ag-date-input .form-control {
  --border-color: var(--element-ui-2);
  display: block;
  width: 100%;
  height: calc(1.5em + 16px);
  padding: 7px calc(var(--si-action-icon-offset) + 7px) 7px 7px;
  color: var(--element-text-primary);
  background-color: var(--element-base-1);
  border: 1px solid var(--border-color);
  border-radius: var(--element-input-radius, 2px);
}
si-ag-date-input .form-control:is(:focus, :hover) {
  --border-color: var(--element-ui-1);
}
si-ag-date-input .form-control:focus {
  outline: 2px solid var(--element-focus-default);
  outline-offset: 2px;
}
si-ag-date-input .form-control::placeholder {
  color: var(--element-text-secondary);
  opacity: 1;
}
si-ag-date-input .btn {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-block-start: 8px;
  margin-inline-end: 8px;
  padding: 0;
  color: var(--element-action-secondary-text);
  background: transparent;
  border: 0;
  border-radius: var(--element-button-radius, 2px);
}
si-ag-date-input .btn:hover {
  color: var(--element-action-secondary-text-hover);
  background: var(--element-action-secondary-hover);
}
si-datepicker-overlay {
  display: flex;
  align-items: stretch;
  margin-block-start: 4px;
  overflow: auto;
  border-radius: var(--element-radius-2);
  box-shadow: 0 0 8px var(--element-box-shadow-color-1), 0 8px 8px var(--element-box-shadow-color-2);
}
si-datepicker-overlay .flex-fill {
  flex: 1 1 auto;
}
si-datepicker-overlay .mx-4 {
  margin-inline: 8px;
}
si-datepicker-overlay .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  color: var(--element-action-secondary-text);
  background: transparent;
  border: 0;
  border-radius: var(--element-button-radius, 2px);
}
si-datepicker-overlay .btn:not(:disabled):hover {
  color: var(--element-action-secondary-text-hover);
  background: var(--element-action-secondary-hover);
}
si-datepicker-overlay .btn:disabled {
  pointer-events: none;
  opacity: var(--element-action-disabled-opacity);
}
si-datepicker-overlay .btn-circle {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
}
.dark .ag-body-horizontal-scroll-viewport {
  background-color: #1a1a3a;
}
.dark .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
  background-color: #55557a;
}
.dark .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
  background-color: #1a1a3a;
}
.progress-fill-indeterminate {
  width: 40%;
  animation: progress-indeterminate 1.5s ease-in-out infinite;
}
@keyframes progress-indeterminate {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(250%);
  }
}
.cell-invalid {
  border: 1px solid #dc2626 !important;
  background-color: rgba(220, 38, 38, 0.06);
}
.product-table-disabled {
  opacity: 0.7;
}
.product-table-disabled .ag-checkbox-input-wrapper {
  pointer-events: none;
}
.ag-popup .ag-popup-editor {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}
.ag-popup app-date-cell-editor {
  display: block;
}
.ag-popup app-date-cell-editor si-datepicker {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--element-ui-4, #e0e0e0);
}
.ag-popup app-date-cell-editor si-datepicker .header {
  justify-content: center;
}
.ag-popup app-date-cell-editor si-datepicker .footer {
  justify-content: center;
}
.ag-popup app-date-cell-editor si-datepicker .today-button {
  color: var(--element-text-active);
}
@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-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@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-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { 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; }
@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-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-font-weight: initial;
      --tw-tracking: 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;
      --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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
    }
  }
}

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