/* src/styles.css */
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      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;
    --spacing: 1rem;
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --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);
    --text-body-xs: var(--text-body-xs);
    --text-body-sm: var(--text-body-sm);
    --text-body-md: var(--text-body-md);
    --text-body-lg: var(--text-body-lg);
    --text-heading-H1: var(--text-heading-H1);
    --text-heading-H2: var(--text-heading-H2);
    --text-heading-H3: var(--text-heading-H3);
    --text-heading-H4: var(--text-heading-H4);
    --text-heading-H5: var(--text-heading-H5);
    --animate-pulse-centered: pulse-centered 2.5s ease-in-out infinite;
    --font-icon: "Material Symbols rounded";
    --icon-size-xs: 1em;
    --icon-size-sm: 1.25em;
    --icon-size-md: 1.5em;
    --icon-size-lg: 2em;
    --icon-size-xl: 3em;
    --spacing-3xs: 2px;
    --spacing-2xs: 4px;
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --radius-none: 0px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-round: 100px;
    --color-orange-500: #be3a14;
    --color-red-400: #d56b6b;
    --color-red-500: #ca4646;
    --color-red-800: #6f2727;
    --color-yellow-50: #fef7e8;
    --color-yellow-800: #875e0f;
    --color-yellow-900: #67470c;
    --color-success-500: #428354;
    --color-success-800: #24482e;
    --color-primary-50: #f7fbf8;
    --color-primary-100: #eff8f2;
    --color-primary-200: #def1e4;
    --color-primary-300: #bee2ca;
    --color-primary-400: #95d0a8;
    --color-primary-500: #5cb77a;
    --color-primary-700: #408055;
    --color-primary-800: #2e5b3d;
    --color-primary-900: #20402b;
    --color-gray-50: #f6f6f6;
    --color-gray-100: #e6e6e5;
    --color-gray-200: #cdcdcb;
    --color-gray-300: #b3b3b0;
    --color-gray-400: #6f6f6a;
    --color-gray-500: #565650;
    --color-gray-700: #343430;
    --color-info-500: #456DC9;
    --color-info-800: #263C6F;
    --color-background-green-light: var(--color-primary-50);
    --color-surface-highcontrast-grey: transparent;
    --color-surface-highcontrast-none: transparent;
    --color-surface-state-warning: var(--color-yellow-50);
    --color-surface-disabled: var(--color-gray-50);
    --color-surface-action-primary: var(--color-primary-500);
    --color-surface-action-primary-hover: var(--color-primary-700);
    --color-surface-action-onGreenBG-hover: var(--color-primary-400);
    --color-surface-action-primary-subtle: var(--color-primary-100);
    --color-surface-action-primary-hover-dark: var(--color-primary-700);
    --color-surface-action-secondary: var(--color-gray-100);
    --color-surface-action-secondary-hover: var(--color-gray-200);
    --color-border-none: transparent;
    --color-border-white: var(--color-white);
    --color-border-primary-dark: var(--color-gray-200);
    --color-border-primary-light: var(--color-gray-100);
    --color-border-secondary-dark: var(--color-primary-300);
    --color-border-action-disabled: var(--color-gray-300);
    --color-border-action-primary: var(--color-primary-500);
    --color-border-action-primary-hover: var(--color-primary-700);
    --color-border-action-secondary: var(--color-gray-500);
    --color-border-action-tertiary: var(--color-gray-200);
    --color-border-action-tertiary-hover: var(--color-gray-300);
    --color-border-action-focus: var(--color-primary-200);
    --color-border-state-success: var(--color-success-500);
    --color-border-state-error: var(--color-red-500);
    --color-content-text-heading: var(--color-gray-700);
    --color-content-text-body-primary: var(--color-gray-500);
    --color-content-text-body-secondary: var(--color-gray-400);
    --color-content-action-primary: var(--color-primary-500);
    --color-content-action-primary-hover: var(--color-primary-700);
    --color-content-action-secondary: var(--color-gray-500);
    --color-content-action-secondary-hover: var(--color-gray-700);
    --color-content-action-on-action: var(--color-white);
    --color-content-text-on-disabled: var(--color-gray-400);
    --color-content-state-information: var(--color-info-500);
    --color-content-state-success: var(--color-success-500);
    --color-content-state-error: var(--color-red-500);
    --color-content-state-warning: var(--color-yellow-800);
    --color-content-state-warning-dark: var(--color-yellow-900);
    --color-status-color-state-success: var(--color-success-500);
    --color-status-color-state-error: var(--color-red-500);
    --color-white: #fff;
    --color-black: #000;
    --modal-overlay-sm: 480px;
    --modal-overlay-md: 600px;
    --modal-overlay-lg: 720px;
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-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 {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .end-md {
    inset-inline-end: var(--spacing-md);
  }
  .top-50 {
    top: calc(var(--spacing) * 50);
  }
  .top-md {
    top: var(--spacing-md);
  }
  .left-md {
    left: var(--spacing-md);
  }
  .container {
    width: 100%;
  }
  @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;
    }
  }
  .container-md {
    max-width: 880px;
    margin: auto;
    min-height: 100%;
  }
  .mb-md {
    margin-bottom: var(--spacing-md);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-full {
    height: 100%;
  }
  .\!min-h-\[calc\(100\%-147px\)\] {
    min-height: calc(100% - 147px) !important;
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[485px\] {
    max-width: 485px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-2xs {
    gap: var(--spacing-2xs);
  }
  .gap-3xs {
    gap: var(--spacing-3xs);
  }
  .gap-lg {
    gap: var(--spacing-lg);
  }
  .gap-md {
    gap: var(--spacing-md);
  }
  .gap-sm {
    gap: var(--spacing-sm);
  }
  .gap-xl {
    gap: var(--spacing-xl);
  }
  .gap-xs {
    gap: var(--spacing-xs);
  }
  .gap-x-md {
    column-gap: var(--spacing-md);
  }
  .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-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-e-1 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-border-primary-dark {
    border-color: var(--color-border-primary-dark);
  }
  .border-border-primary-light {
    border-color: var(--color-border-primary-light);
  }
  .border-border-secondary-dark {
    border-color: var(--color-border-secondary-dark);
  }
  .bg-background-green-light {
    background-color: var(--color-background-green-light);
  }
  .bg-surface-action-primary {
    background-color: var(--color-surface-action-primary);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-lg {
    padding: var(--spacing-lg);
  }
  .p-md {
    padding: var(--spacing-md);
  }
  .p-sm {
    padding: var(--spacing-sm);
  }
  .px-md {
    padding-inline: var(--spacing-md);
  }
  .px-sm {
    padding-inline: var(--spacing-sm);
  }
  .py-lg {
    padding-block: var(--spacing-lg);
  }
  .py-sm {
    padding-block: var(--spacing-sm);
  }
  .py-xs {
    padding-block: var(--spacing-xs);
  }
  .pe-4\.5 {
    padding-inline-end: calc(var(--spacing) * 4.5);
  }
  .pt-lg {
    padding-top: var(--spacing-lg);
  }
  .pb-xl {
    padding-bottom: var(--spacing-xl);
  }
  .pb-xs {
    padding-bottom: var(--spacing-xs);
  }
  .text-center {
    text-align: center;
  }
  .body-md {
    font-size: var(--text-body-md);
    font-style: normal;
    font-weight: 400;
  }
  .body-sm {
    font-size: var(--text-body-sm);
    font-style: normal;
    font-weight: 400;
  }
  .body-xs {
    font-size: var(--text-body-xs);
    font-style: normal;
    font-weight: 400;
  }
  .link-md {
    font-size: var(--text-body-md);
    text-decoration: underline;
    font-weight: 400;
    text-decoration-style: solid;
    text-underline-position: from-font;
  }
  .text-parent {
    font-size: 1em;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-content-action-primary {
    color: var(--color-content-action-primary);
  }
  .text-content-state-error {
    color: var(--color-content-state-error);
  }
  .text-content-text-body-primary {
    color: var(--color-content-text-body-primary);
  }
  .text-content-text-body-secondary {
    color: var(--color-content-text-body-secondary);
  }
  .text-white {
    color: var(--color-white);
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
  }
  .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);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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,);
  }
  .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,
      visibility,
      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));
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .md\:inline-block {
      display: inline-block;
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }
  }
}
@layer components {
  /*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
  @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-rotate-x: initial;
        --tw-rotate-y: initial;
        --tw-rotate-z: initial;
        --tw-skew-x: initial;
        --tw-skew-y: initial;
        --tw-border-style: solid;
        --tw-font-weight: initial;
        --tw-leading: 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-outline-style: solid;
        --tw-blur: initial;
        --tw-brightness: initial;
        --tw-contrast: initial;
        --tw-grayscale: initial;
        --tw-hue-rotate: initial;
        --tw-invert: initial;
        --tw-opacity: initial;
        --tw-saturate: initial;
        --tw-sepia: initial;
        --tw-drop-shadow: initial;
        --tw-drop-shadow-color: initial;
        --tw-drop-shadow-alpha: 100%;
        --tw-drop-shadow-size: initial;
        --tw-duration: initial;
        --tw-ease: initial;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-content: "";
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-scale-z: 1;
      }
    }
  }
  @layer theme {
    :root,
    :host {
      --font-sans:
        ui-sans-serif,system-ui,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;
      --spacing: 1rem;
      --font-weight-light: 300;
      --font-weight-medium: 500;
      --font-weight-bold: 700;
      --ease-in-out: cubic-bezier(.4,0,.2,1);
      --default-transition-duration: .15s;
      --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
      --default-font-family: var(--font-sans);
      --default-mono-font-family: var(--font-mono);
      --text-body-xs: var(--text-body-xs);
      --text-body-sm: var(--text-body-sm);
      --text-body-md: var(--text-body-md);
      --text-body-lg: var(--text-body-lg);
      --text-heading-H1: var(--text-heading-H1);
      --text-heading-H2: var(--text-heading-H2);
      --text-heading-H3: var(--text-heading-H3);
      --text-heading-H4: var(--text-heading-H4);
      --text-heading-H5: var(--text-heading-H5);
      --animate-pulse-centered: pulse-centered 2.5s ease-in-out infinite;
      --font-icon: "Material Symbols rounded";
      --icon-size-xs: 1em;
      --icon-size-sm: 1.25em;
      --icon-size-md: 1.5em;
      --icon-size-lg: 2em;
      --icon-size-xl: 3em;
      --spacing-3xs: 2px;
      --spacing-2xs: 4px;
      --spacing-xs: 8px;
      --spacing-sm: 12px;
      --spacing-md: 16px;
      --spacing-lg: 24px;
      --spacing-2xl: 48px;
      --radius-none: 0px;
      --radius-md: 8px;
      --radius-lg: 16px;
      --radius-round: 100px;
      --color-orange-500: #be3a14;
      --color-red-50: #faeded;
      --color-red-400: #d56b6b;
      --color-red-500: #ca4646;
      --color-red-800: #6f2727;
      --color-yellow-50: #fef7e8;
      --color-yellow-500: #f5aa1c;
      --color-yellow-800: #875e0f;
      --color-yellow-900: #67470c;
      --color-success-50: #ecf3ee;
      --color-success-500: #428354;
      --color-success-800: #24482e;
      --color-primary-50: #f7fbf8;
      --color-primary-100: #eff8f2;
      --color-primary-200: #def1e4;
      --color-primary-300: #bee2ca;
      --color-primary-400: #95d0a8;
      --color-primary-500: #5cb77a;
      --color-primary-700: #408055;
      --color-primary-800: #2e5b3d;
      --color-primary-900: #20402b;
      --color-gray-50: #f6f6f6;
      --color-gray-100: #e6e6e5;
      --color-gray-200: #cdcdcb;
      --color-gray-300: #b3b3b0;
      --color-gray-400: #6f6f6a;
      --color-gray-500: #565650;
      --color-gray-700: #343430;
      --color-info-50: #ecf0fa;
      --color-info-500: #456dc9;
      --color-info-800: #263c6f;
      --color-surface-highcontrast-grey: transparent;
      --color-surface-highcontrast-none: transparent;
      --color-surface-state-warning: var(--color-yellow-50);
      --color-surface-disabled: var(--color-gray-50);
      --color-surface-action-primary: var(--color-primary-500);
      --color-surface-action-primary-hover: var(--color-primary-700);
      --color-surface-action-onGreenBG-hover: var(--color-primary-400);
      --color-surface-action-primary-subtle: var(--color-primary-100);
      --color-surface-action-primary-hover-dark: var(--color-primary-700);
      --color-surface-action-secondary: var(--color-gray-100);
      --color-surface-action-secondary-hover: var(--color-gray-200);
      --color-border-none: transparent;
      --color-border-white: var(--color-white);
      --color-border-primary-light: var(--color-gray-100);
      --color-border-secondary-dark: var(--color-primary-300);
      --color-border-action-disabled: var(--color-gray-300);
      --color-border-action-primary: var(--color-primary-500);
      --color-border-action-primary-hover: var(--color-primary-700);
      --color-border-action-secondary: var(--color-gray-500);
      --color-border-action-tertiary: var(--color-gray-200);
      --color-border-action-tertiary-hover: var(--color-gray-300);
      --color-border-action-focus: var(--color-primary-200);
      --color-border-state-success: var(--color-success-500);
      --color-border-state-error: var(--color-red-500);
      --color-content-text-body-primary: var(--color-gray-500);
      --color-content-text-body-secondary: var(--color-gray-400);
      --color-content-action-primary: var(--color-primary-500);
      --color-content-action-primary-hover: var(--color-primary-700);
      --color-content-action-secondary: var(--color-gray-500);
      --color-content-action-secondary-hover: var(--color-gray-700);
      --color-content-action-on-action: var(--color-white);
      --color-content-text-on-disabled: var(--color-gray-400);
      --color-content-state-information: var(--color-info-500);
      --color-content-state-success: var(--color-success-500);
      --color-content-state-error: var(--color-red-500);
      --color-content-state-warning: var(--color-yellow-800);
      --color-content-state-warning-dark: var(--color-yellow-900);
      --color-status-color-state-success: var(--color-success-500);
      --color-status-color-state-error: var(--color-red-500);
      --color-white: #fff;
      --color-black: #000;
      --modal-overlay-sm: 480px;
      --modal-overlay-md: 600px;
      --modal-overlay-lg: 720px;
    }
  }
  @layer base {
    *,
    :after,
    :before,
    ::backdrop {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0;
    }
    ::file-selector-button {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0;
    }
    html,
    :host {
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      line-height: 1.5;
      font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
      font-feature-settings: var(--default-font-feature-settings,normal);
      font-variation-settings: var(--default-font-variation-settings,normal);
      -webkit-tap-highlight-color: transparent;
    }
    hr {
      height: 0;
      color: inherit;
      border-top-width: 1px;
    }
    abbr:where([title]) {
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: inherit;
      font-weight: inherit;
    }
    a {
      color: inherit;
      -webkit-text-decoration: inherit;
      -webkit-text-decoration: 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 {
      vertical-align: baseline;
      font-size: 75%;
      line-height: 0;
      position: relative;
    }
    sub {
      bottom: -.25em;
    }
    sup {
      top: -.5em;
    }
    table {
      text-indent: 0;
      border-color: inherit;
      border-collapse: collapse;
    }
    :-moz-focusring {
      outline: auto;
    }
    progress {
      vertical-align: baseline;
    }
    summary {
      display: list-item;
    }
    ol,
    ul,
    menu {
      list-style: none;
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
      vertical-align: middle;
      display: block;
    }
    img,
    video {
      max-width: 100%;
      height: auto;
    }
    button,
    input,
    select,
    optgroup,
    textarea {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0;
    }
    ::file-selector-button {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0;
    }
    :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: currentcolor;
        }
        @supports (color: color-mix(in lab, red, red)) {
           {
            color: color-mix(in oklab, currentcolor 50%, transparent);
          }
        }
      }
    }
    textarea {
      resize: vertical;
    }
    ::-webkit-search-decoration {
      -webkit-appearance: none;
    }
    ::-webkit-date-and-time-value {
      min-height: 1lh;
      text-align: inherit;
    }
    ::-webkit-datetime-edit {
      display: inline-flex;
    }
    ::-webkit-datetime-edit-fields-wrapper {
      padding: 0;
    }
    ::-webkit-datetime-edit {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-year-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-month-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-day-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-hour-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-minute-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-second-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-millisecond-field {
      padding-block: 0;
    }
    ::-webkit-datetime-edit-meridiem-field {
      padding-block: 0;
    }
    :-moz-ui-invalid {
      box-shadow: none;
    }
    button,
    input:where([type=button], [type=reset], [type=submit]) {
      appearance: button;
    }
    ::file-selector-button {
      appearance: button;
    }
    ::-webkit-inner-spin-button {
      height: auto;
    }
    ::-webkit-outer-spin-button {
      height: auto;
    }
    [hidden]:where(:not([hidden=until-found])) {
      display: none !important;
    }
    [high-contrast=true] {
      --color-background--white: var(--color-white);
      --color-background-neutral-light: var(--color-white);
      --color-background-neutral-dark: var(--color-white);
      --color-background-green-light: var(--color-white);
      --color-background-green-dark: var(--color-white);
      --color-surface-highcontrast-grey: var(--color-gray-100);
      --color-surface-highcontrast-none: var(--color-white);
      --color-surface-disabled: var(--color-gray-100);
      --color-surface-action-primary: var(--color-primary-800);
      --color-surface-action-primary-hover: var(--color-black);
      --color-surface-action-primary-subtle: var(--color-gray-50);
      --color-surface-action-primary-hover-dark: var(--color-black);
      --color-surface-action-secondary-hover: var(--color-gray-300);
      --color-border-none: var(--color-gray-500);
      --color-border-white: var(--color-gray-500);
      --color-border-primary-dark: var(--color-gray-500);
      --color-border-primary-light: var(--color-gray-300);
      --color-border-secondary-dark: var(--color-primary-800);
      --color-border-secondary-light: var(--color-primary-500);
      --color-border-action-disabled: var(--color-gray-500);
      --color-border-action-primary: var(--color-primary-800);
      --color-border-action-primary-hover: var(--color-primary-900);
      --color-border-action-tertiary: var(--color-gray-500);
      --color-border-action-tertiary-hover: var(--color-gray-700);
      --color-border-action-focus: var(--color-primary-500);
      --color-border-state-information: var(--color-info-800);
      --color-border-state-success: var(--color-success-800);
      --color-border-state-error: var(--color-red-800);
      --color-border-state-warning: var(--color-yellow-900);
      --color-content-icon-primary: var(--color-black);
      --color-content-icon-secondary: var(--color-black);
      --color-content-text-heading: var(--color-black);
      --color-content-text-body-primary: var(--color-black);
      --color-content-text-body-secondary: var(--color-black);
      --color-content-action-primary: var(--color-primary-800);
      --color-content-action-primary-hover: var(--color-black);
      --color-content-action-secondary: var(--color-gray-700);
      --color-content-action-secondary-hover: var(--color-black);
      --color-content-action-on-action: var(--color-white);
      --color-content-text-on-disabled: var(--color-gray-500);
      --color-content-icon-on-disabled: var(--color-gray-500);
      --color-content-state-information: var(--color-info-800);
      --color-content-state-information-dark: var(--color-info-800);
      --color-content-state-success: var(--color-success-800);
      --color-content-state-success-dark: var(--color-success-800);
      --color-content-state-error: var(--color-red-800);
      --color-content-state-error-dark: var(--color-red-800);
      --color-content-state-warning: var(--color-yellow-900);
      --color-content-state-warning-dark: var(--color-yellow-900);
      --color-status-colors-state-information: var(--color-info-800);
      --color-status-color-state-information-dark: var(--color-info-800);
      --color-status-color-state-success: var(--color-success-800);
      --color-status-color-state-success-dark: var(--color-success-800);
      --color-status-color-state-error: var(--color-red-800);
      --color-status-color-state-error-dark: var(--color-red-800);
      --color-status-color-state-warning: var(--color-yellow-900);
      --color-status-color-state-warning-dark: var(--color-yellow-900);
    }
    * {
      font-family: var(--fonts-font-family-primary,"Poppins",sans-serif);
    }
    :is(* :focus-visible, * .focused):not(:disabled) {
      outline-style: var(--tw-outline-style);
      outline-offset: 0px;
      outline-width: 2px;
      outline-color: var(--color-border-action-focus);
    }
  }
  @layer components {
    @layer components {
      .svs-btn {
        cursor: pointer;
        column-gap: calc(var(--spacing)*.5);
        border-style: var(--tw-border-style);
        --tw-border-style: solid;
        padding: var(--spacing-xs);
        padding-inline: var(--spacing-sm);
        color: var(--color-white);
        border: 1px solid #0000;
        display: flex;
        border-radius: 8px !important;
      }
      .svs-btn.svs-btn-sm {
        padding: var(--spacing-2xs);
        padding-inline: var(--spacing-xs);
        font-size: var(--text-body-sm);
        --tw-leading: 24px;
        line-height: 24px;
      }
      .svs-btn:disabled {
        cursor: default;
        border-color: #0000;
        background-color: var(--color-surface-disabled) !important;
        color: var(--color-content-text-on-disabled) !important;
      }
      .svs-btn.svs-btn-icon {
        padding-inline: var(--spacing-xs);
      }
      .svs-btn.svs-btn-primary {
        background-color: var(--color-surface-action-primary);
        color: var(--color-content-action-on-action);
      }
      .svs-btn.svs-btn-primary:hover:not([disabled]) {
        background-color: var(--color-surface-action-primary-hover-dark);
      }
      .svs-btn.svs-btn-on-green {
        border-color: var(--color-border-white);
        background-color: var(--color-surface-action-primary);
        color: var(--color-content-action-on-action);
      }
      .svs-btn.svs-btn-on-green:hover:not([disabled]) {
        background-color: var(--color-surface-action-onGreenBG-hover);
      }
      .svs-btn.svs-btn-on-green:focus-visible {
        border-color: var(--color-border-white);
      }
      .svs-btn.svs-btn-secondary {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-action-secondary);
        background-color: var(--color-surface-highcontrast-none);
        color: var(--color-content-action-secondary);
        --tw-border-style: solid !important;
        border-style: solid !important;
      }
      .svs-btn.svs-btn-ghost {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-none);
        background-color: var(--color-surface-highcontrast-none);
        color: var(--color-content-action-secondary);
      }
      .svs-btn.svs-btn-ghost:focus-visible {
        border-color: #0000;
      }
      .svs-btn:focus-visible {
        border-color: var(--color-surface-action-primary);
        outline-style: var(--tw-outline-style);
        outline-offset: 0px;
        outline-width: 2px;
        outline-color: var(--color-border-action-focus);
      }
      .svs-btn:hover:not([disabled]) {
        background-color: var(--color-surface-action-secondary);
      }
      .svs-utility-button {
        cursor: pointer;
        align-items: center;
        gap: var(--spacing-sm);
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-none);
        width: 100%;
        padding-inline: var(--spacing-sm);
        padding-block: var(--spacing-xs);
        text-align: left;
        display: flex;
        position: relative;
        overflow: hidden;
      }
      .svs-utility-button .icon-hover-bg {
        aspect-ratio: 1;
        border-radius: var(--radius-round);
        background-color: var(--color-surface-action-primary-subtle);
        width: 40px;
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        position: absolute;
      }
      .svs-utility-button .svs-utility-button-icon {
        z-index: 1;
        padding: var(--spacing-xs);
        color: var(--color-content-action-primary);
      }
      .svs-utility-button .svs-utility-button-text {
        z-index: 1;
        font-size: var(--text-body-sm);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-content-action-secondary);
      }
      .svs-utility-button:not(.svs-utility-button-disabled):hover > .icon-hover-bg {
        --tw-translate-x: calc(var(--spacing)*-1);
        width: 110%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
      }
      .svs-utility-button:active > * {
        color: var(--color-white);
        transition-property: none !important;
      }
      .svs-utility-button:active > .icon-hover-bg {
        background-color: var(--color-surface-action-primary);
      }
      .svs-utility-button.svs-utility-button-disabled {
        cursor: default;
      }
      .svs-utility-button.svs-utility-button-disabled > * {
        color: var(--color-content-text-on-disabled);
      }
      .svs-utility-button.svs-utility-button-disabled .icon-hover-bg {
        background-color: var(--color-surface-disabled);
      }
      .svs-utility-button.svs-utility-icon-button {
        max-width: 42px;
        padding: calc(var(--spacing)*0);
      }
      .svs-utility-button.svs-utility-icon-button:not(.svs-utility-button-disabled):hover > .icon-hover-bg {
        width: 150%;
      }
      .svs-input-container {
        position: relative;
      }
      .svs-input-container .svs-input-icon {
        pointer-events: none;
        border-style: var(--tw-border-style);
        padding-inline: var(--spacing-sm);
        padding-block: var(--spacing-xs);
        color: var(--color-content-action-secondary);
        border-width: 1px;
        border-color: #0000;
        position: absolute;
      }
      .svs-input-container .svs-form-input {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-action-tertiary);
        width: 100%;
        padding: calc(var(--spacing)*1);
        padding-block: calc(var(--spacing)*.5);
      }
      .svs-input-container .svs-form-input:hover {
        border-color: var(--color-border-action-tertiary-hover);
      }
      .svs-input-container .svs-form-input:focus {
        border-color: var(--color-border-action-primary);
      }
      .svs-input-container .svs-form-input:disabled {
        background-color: var(--color-surface-disabled);
        border-color: #0000;
      }
      .svs-input-container-error .svs-form-input {
        border-color: var(--color-border-state-error) !important;
      }
      .svs-input-container-error .svs-form-input:hover {
        border-color: var(--color-border-state-error);
      }
      .svs-input-container-error .svs-input-icon {
        color: var(--color-status-color-state-error);
      }
      .svs-input-container-success .svs-form-input {
        border-color: var(--color-border-state-success) !important;
      }
      .svs-input-container-success .svs-form-input:hover {
        border-color: var(--color-border-state-success);
      }
      .svs-input-container-success .svs-input-icon {
        color: var(--color-status-color-state-success);
      }
      .svs-chip {
        cursor: pointer;
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-action-tertiary);
        padding-inline: var(--spacing-xs);
        padding-block: var(--spacing-2xs);
        font-size: var(--text-body-sm);
        text-wrap: nowrap;
        display: inline-block;
      }
      .svs-checkbox-container {
        align-items: center;
        gap: var(--spacing-2xs);
        display: flex;
      }
      .svs-checkbox-item {
        margin: var(--spacing-2xs);
        aspect-ratio: 1;
        appearance: none;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-action-tertiary);
        border-radius: 2px;
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        position: relative;
      }
      .svs-checkbox-item:after {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        font-family: var(--font-icon);
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
        color: var(--color-white);
        position: absolute;
        top: 50%;
        left: 50%;
      }
      .svs-checkbox-item:not(:disabled):hover {
        border-color: var(--color-border-action-tertiary-hover);
        background-image: none;
      }
      .svs-checkbox-item:not(:disabled):active {
        border-color: var(--color-border-action-primary);
        background-color: var(--color-surface-action-primary);
      }
      .svs-checkbox-item:not(:disabled):focus {
        border-color: var(--color-border-action-primary);
      }
      .svs-checkbox-item:checked {
        border-color: var(--color-border-action-primary);
        background-color: var(--color-surface-action-primary);
      }
      .svs-checkbox-item:checked:hover {
        border-color: var(--color-border-action-primary-hover);
        background-color: var(--color-surface-action-primary-hover-dark);
      }
      .svs-checkbox-item:checked:after {
        --tw-content: "check";
        content: var(--tw-content);
      }
      .svs-checkbox-item:indeterminate:not(:disabled) {
        border-color: var(--color-border-action-primary);
        background-color: var(--color-surface-action-primary);
      }
      .svs-checkbox-item:indeterminate:not(:disabled):hover {
        border-color: var(--color-border-action-primary-hover);
        background-color: var(--color-surface-action-primary-hover-dark);
      }
      .svs-checkbox-item:indeterminate:after {
        --tw-content: "remove";
        content: var(--tw-content);
      }
      .svs-checkbox-item:disabled {
        border-color: var(--color-border-action-disabled);
        background-color: var(--color-surface-disabled);
      }
      .svs-checkbox-item:disabled:checked,
      .svs-checkbox-item:disabled:indeterminate {
        border-color: var(--color-content-text-on-disabled);
        background-color: var(--color-content-text-on-disabled);
      }
      .svs-radio-button-container {
        align-items: center;
        gap: var(--spacing-2xs);
        display: flex;
      }
      .svs-radio-button-container .svs-radio-button-outline {
        margin: var(--spacing-2xs);
        appearance: none;
        border-radius: var(--radius-round);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-action-tertiary);
        width: 16px;
        height: 16px;
      }
      .svs-radio-button-container .svs-radio-button-outline:not(:disabled):hover {
        border-color: var(--color-border-action-tertiary-hover);
        background-image: none;
      }
      .svs-radio-button-container .svs-radio-button-outline:not(:disabled):active {
        border-color: var(--color-border-action-primary);
        background-color: var(--color-surface-action-primary);
      }
      .svs-radio-button-container .svs-radio-button-outline:not(:disabled):focus {
        border-color: var(--color-border-action-primary);
      }
      .svs-radio-button-container .svs-radio-button-outline:checked {
        border-color: var(--color-border-action-primary);
        background-color: var(--color-surface-action-primary);
        position: relative;
      }
      .svs-radio-button-container .svs-radio-button-outline:checked:hover {
        border-color: var(--color-border-action-primary-hover);
        background-color: var(--color-surface-action-primary-hover-dark);
      }
      .svs-radio-button-container .svs-radio-button-outline:checked:after {
        border-radius: var(--radius-round);
        background-color: var(--color-white);
        --tw-content: "";
        content: var(--tw-content);
        width: 8px;
        height: 8px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .svs-radio-button-container .svs-radio-button-outline:disabled {
        border-color: var(--color-border-action-disabled);
        background-color: var(--color-surface-disabled);
      }
      .svs-radio-button-container .svs-radio-button-outline:disabled + label {
        color: var(--color-content-text-on-disabled);
      }
      .svs-radio-button-container .svs-radio-button-outline:disabled:checked {
        border-color: var(--color-content-text-on-disabled);
        background-color: var(--color-content-text-on-disabled);
      }
      .svs-toggle-size-md .svs-toggle-slider {
        width: 52px;
        height: 32px;
      }
      .svs-toggle-size-md .svs-toggle-slider:before {
        width: 24px;
        height: 24px;
        bottom: 2px;
        left: 2px;
      }
      .svs-toggle-size-md input:checked + .svs-toggle-slider:before {
        --tw-translate-x: 20px;
        translate: var(--tw-translate-x)var(--tw-translate-y);
      }
      .svs-toggle-size-sm .svs-toggle-slider {
        width: 39px;
        height: 24px;
      }
      .svs-toggle-size-sm .svs-toggle-slider:before {
        width: 16px;
        height: 16px;
        bottom: 2px;
        left: 2px;
      }
      .svs-toggle-size-sm input:checked + .svs-toggle-slider:before {
        --tw-translate-x: 16px;
        translate: var(--tw-translate-x)var(--tw-translate-y);
      }
      .svs-toggle-slider {
        cursor: pointer;
        border-radius: var(--radius-round);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-border-action-secondary);
        transition-property: background-color;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .4s;
        transition-duration: .4s;
        display: inline-block;
        position: relative;
      }
      .svs-toggle-slider:before {
        border-radius: var(--radius-round);
        background-color: var(--color-content-action-secondary);
        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,
          visibility,
          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));
        --tw-duration: .4s;
        --tw-content: "";
        content: var(--tw-content);
        transition-duration: .4s;
        position: absolute;
      }
      input:checked + .svs-toggle-slider {
        border-color: var(--color-surface-action-primary);
        background-color: var(--color-surface-action-primary);
      }
      input:checked + .svs-toggle-slider:before {
        background-color: var(--color-white);
      }
      input:disabled:checked + .svs-toggle-slider {
        cursor: default;
        border-color: var(--color-surface-disabled);
        background-color: var(--color-surface-disabled);
      }
      input:disabled:checked + .svs-toggle-slider:before {
        background-color: var(--color-white);
      }
      input:disabled:not(:checked) + .svs-toggle-slider {
        cursor: default;
        border-color: var(--color-border-action-disabled);
        background-color: var(--color-white);
      }
      input:disabled:not(:checked) + .svs-toggle-slider:before {
        background-color: var(--color-surface-disabled);
      }
      input:focus-visible + .svs-toggle-slider {
        border-color: var(--color-surface-action-primary);
        outline-style: var(--tw-outline-style);
        outline-offset: 0px;
        outline-width: 2px;
        outline-color: var(--color-border-action-focus);
      }
      .svs-internal-floating {
        z-index: 100;
        position: absolute;
      }
      .svs-popover {
        max-width: var(--modal-overlay-sm);
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-none);
        background-color: var(--color-white);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
        box-shadow:
          var(--tw-inset-shadow),
          var(--tw-inset-ring-shadow),
          var(--tw-ring-offset-shadow),
          var(--tw-ring-shadow),
          var(--tw-shadow);
        position: absolute;
      }
      .svs-dropdown-select {
        cursor: pointer;
        gap: var(--spacing-2xs);
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-action-tertiary);
        padding-inline: var(--spacing-sm);
        padding-block: var(--spacing-xs);
        color: var(--color-content-action-secondary);
        display: flex;
      }
      .svs-dropdown-select:hover {
        border-color: var(--color-border-action-tertiary-hover);
      }
      .svs-dropdown-options {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-action-tertiary);
        background-color: var(--color-white);
        padding: var(--spacing-xs);
      }
      .svs-dropdown-options .svs-dropdown-option-item {
        cursor: pointer;
        border-radius: var(--radius-md);
        padding: var(--spacing-2xs);
      }
      .svs-dropdown-options .svs-dropdown-option-item:hover {
        background-color: var(--color-surface-action-secondary);
      }
      .svs-dropdown-option-item {
        cursor: pointer;
        gap: var(--spacing-2xs);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-border-primary-light);
        padding-inline: var(--spacing-md);
        padding-block: var(--spacing-sm);
        color: var(--color-content-text-body-primary);
        display: flex;
      }
      .svs-dropdown-option-item:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
      }
      @media (hover:hover) {
        .svs-dropdown-option-item:hover {
          background-color: var(--color-surface-action-secondary-hover);
        }
      }
      .svs-modal-window {
        pointer-events: auto;
        width: 100vw;
        max-height: calc(100dvh - 64px);
        max-width: var(--modal-overlay-sm);
        border-radius: var(--radius-lg);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: var(--radius-none);
        border-bottom-left-radius: var(--radius-none);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-none);
        background-color: var(--color-white);
        overflow-y: auto;
      }
      @media (min-width:48rem) {
        .svs-modal-window {
          border-radius: var(--radius-lg);
        }
      }
      .svs-modal-window .svs-modal-header {
        top: calc(var(--spacing)*0);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-border-primary-light);
        background-color: var(--color-white);
        padding-inline: var(--spacing-lg);
        padding-block: var(--spacing-3xs);
        justify-content: space-between;
        align-items: center;
        display: flex;
        position: sticky;
      }
      .svs-modal-window .svs-modal-footer {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-border-primary-light);
      }
      .svs-modal-backdrop {
        z-index: 99;
        background-color: #0006;
        place-items: center;
        display: grid;
        position: fixed;
        inset: 0;
      }
      @supports (color:color-mix(in lab, red, red)) {
        .svs-modal-backdrop {
          background-color: color-mix(in srgb, #00040%, transparent);
        }
        @supports (color: color-mix(in lab, red, red)) {
          .svs-modal-backdrop {
            background-color: color-mix(in oklab, var(--color-black)40%, transparent);
          }
        }
      }
      .svs-modal-default-footer {
        justify-content: flex-end;
        gap: var(--spacing-xs);
        padding-inline: var(--spacing-md);
        padding-block: var(--spacing-sm);
        display: flex;
      }
      @media (min-width:48rem) {
        .svs-modal-default-footer {
          padding-inline: var(--spacing-lg);
        }
      }
      .svs-modal-container {
        pointer-events: none;
        top: calc(var(--spacing)*0);
        right: calc(var(--spacing)*0);
        bottom: calc(var(--spacing)*0);
        left: calc(var(--spacing)*0);
        z-index: 100;
        justify-content: center;
        align-items: flex-end;
        display: flex;
        position: fixed;
      }
      @media (min-width:48rem) {
        .svs-modal-container {
          align-items: center;
        }
      }
      .svs-modal-container:not(:last-of-type) {
        display: none;
      }
      .svs-modal-container > * {
        transition-property:
          transform,
          translate,
          scale,
          rotate;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .1s;
        transition-duration: .1s;
      }
      @media (min-width:48rem) {
        .svs-modal-container.svs-modal-dismiss-disabled > * {
          --tw-scale-x: 102%;
          --tw-scale-y: 102%;
          --tw-scale-z: 102%;
          scale: var(--tw-scale-x)var(--tw-scale-y);
        }
      }
      .svs-tooltip {
        z-index: 100;
      }
      .svs-tooltip [slot=floating] {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-none);
        background-color: var(--color-white);
        padding-inline: var(--spacing-sm);
        padding-block: var(--spacing-xs);
        font-size: var(--text-body-xs);
        color: var(--color-content-text-body-primary);
        filter: drop-shadow(1px 1px 8px #0003);
        font-style: normal;
        font-weight: 400;
      }
      .svs-tooltip [slot=floating] .floating-arrow {
        position: absolute;
      }
      .svs-dot-loader {
        border-radius: var(--radius-round);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-border-secondary-dark);
        width: 24px;
        height: 24px;
        display: inline-block;
        position: relative;
      }
      .svs-dot-loader:after {
        width: 16px;
        height: 16px;
        animation: var(--animate-pulse-centered);
        border-radius: var(--radius-round);
        background-color: var(--color-surface-action-primary);
        --tw-content: "";
        content: var(--tw-content);
        position: absolute;
        top: 50%;
        left: 50%;
      }
      .svs-chip-container .svs-chip {
        cursor: pointer;
        appearance: none;
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border-action-tertiary);
        padding-inline: var(--spacing-xs);
        padding-block: var(--spacing-2xs);
        font-size: var(--text-body-sm);
        text-wrap: nowrap;
        align-items: center;
        display: flex;
      }
      .svs-chip-container input:not(:disabled):hover + .svs-chip {
        border-color: var(--color-border-action-tertiary-hover);
        background-color: var(--color-surface-highcontrast-grey);
      }
      .svs-chip-container input:checked:not(:disabled) + .svs-chip {
        background-color: var(--color-surface-action-primary);
        color: var(--color-white);
      }
      .svs-chip-container input:checked:not(:disabled) + .svs-chip:hover {
        background-color: var(--color-surface-action-primary-hover);
        color: var(--color-white);
      }
      .svs-chip-container input:disabled + .svs-chip {
        cursor: default;
        border-style: var(--tw-border-style);
        --tw-border-style: none;
        background-color: var(--color-surface-disabled);
        color: var(--color-content-text-on-disabled);
        border-style: none;
        border-width: 0;
      }
      .svs-chip-container input:focus-visible + .svs-chip {
        border-color: var(--color-border-action-primary);
        outline-style: var(--tw-outline-style);
        outline-offset: 0px;
        outline-width: 2px;
        outline-color: var(--color-border-action-focus);
      }
      .svs-chip-container-lg .svs-chip {
        padding-block: var(--spacing-xs);
      }
    }
    a,
    .link {
      cursor: pointer;
      align-items: center;
      gap: var(--spacing-2xs);
      font-size: var(--text-body-md);
      text-underline-position: from-font;
      color: var(--color-content-action-primary);
      font-weight: 400;
      text-decoration: underline;
      display: inline-flex;
    }
    :is(a, .link):hover {
      color: var(--color-content-action-primary-hover);
    }
    :is(a, .link).link-disabled {
      pointer-events: none;
      cursor: default;
      color: var(--color-content-text-on-disabled);
      text-decoration-line: none !important;
    }
    :is(a, .link).link-secondary {
      color: var(--color-content-action-secondary);
    }
    :is(a, .link).link-secondary:hover {
      color: var(--color-content-action-secondary-hover);
    }
  }
  @layer utilities {
    .pointer-events-none {
      pointer-events: none;
    }
    .visible {
      visibility: visible;
    }
    .sr-only {
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
    .absolute {
      position: absolute;
    }
    .relative {
      position: relative;
    }
    .static {
      position: static;
    }
    .right-0 {
      right: calc(var(--spacing)*0);
    }
    .bottom-0 {
      bottom: calc(var(--spacing)*0);
    }
    .z-98 {
      z-index: 98;
    }
    .z-99 {
      z-index: 99;
    }
    .container {
      width: 100%;
    }
    @media (min-width:40rem) {
      .container {
        max-width: 40rem;
      }
    }
    @media (min-width:48rem) {
      .container {
        max-width: 48rem;
      }
    }
    @media (min-width:64rem) {
      .container {
        max-width: 64rem;
      }
    }
    @media (min-width:80rem) {
      .container {
        max-width: 80rem;
      }
    }
    @media (min-width:96rem) {
      .container {
        max-width: 96rem;
      }
    }
    .mt-2 {
      margin-top: calc(var(--spacing)*2);
    }
    .mb-2 {
      margin-bottom: calc(var(--spacing)*2);
    }
    .block {
      display: block;
    }
    .flex {
      display: flex;
    }
    .hidden {
      display: none;
    }
    .inline-block {
      display: inline-block;
    }
    .table {
      display: table;
    }
    .size-\[300px\] {
      width: 300px;
      height: 300px;
    }
    .size-full {
      width: 100%;
      height: 100%;
    }
    .h-\[40px\] {
      height: 40px;
    }
    .h-\[300px\] {
      height: 300px;
    }
    .h-\[600px\] {
      height: 600px;
    }
    .h-full {
      height: 100%;
    }
    .min-h-2xl {
      min-height: var(--spacing-2xl);
    }
    .icon-lg {
      font-size: var(--icon-size-lg) !important;
      width: 1em !important;
    }
    .icon-md {
      font-size: var(--icon-size-md) !important;
      width: 1em !important;
    }
    .icon-sm {
      font-size: var(--icon-size-sm) !important;
      width: 1em !important;
    }
    .icon-xl {
      font-size: var(--icon-size-xl) !important;
      width: 1em !important;
    }
    .icon-xs {
      font-size: var(--icon-size-xs) !important;
      width: 1em !important;
    }
    .w-full {
      width: 100%;
    }
    .max-w-\[342px\] {
      max-width: 342px;
    }
    .grow,
    .grow-1 {
      flex-grow: 1;
    }
    .table-auto {
      table-layout: auto;
    }
    .transform {
      transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
    }
    .resize {
      resize: both;
    }
    .list-disc {
      list-style-type: disc;
    }
    .items-baseline {
      align-items: baseline;
    }
    .items-center {
      align-items: center;
    }
    .justify-center {
      justify-content: center;
    }
    .justify-end {
      justify-content: flex-end;
    }
    .gap-2xs {
      gap: var(--spacing-2xs);
    }
    .gap-3xs {
      gap: var(--spacing-3xs);
    }
    .gap-sm {
      gap: var(--spacing-sm);
    }
    .gap-xs {
      gap: var(--spacing-xs);
    }
    .overflow-hidden {
      overflow: hidden;
    }
    .overflow-y-auto {
      overflow-y: auto;
    }
    .rounded-md {
      border-radius: var(--radius-md);
    }
    .border-e-1 {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
    .border-t-1 {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .border-b-1 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .border-border-primary-light {
      border-color: var(--color-border-primary-light);
    }
    .border-red-400 {
      border-color: var(--color-red-400);
    }
    .border-surface-action-primary {
      border-color: var(--color-surface-action-primary);
    }
    .border-yellow-900\/10 {
      border-color: #67470c1a;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .border-yellow-900\/10 {
        border-color: color-mix(in srgb, #67470c10%, transparent);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .border-yellow-900\/10 {
          border-color: color-mix(in oklab, var(--color-yellow-900)10%, transparent);
        }
      }
    }
    .bg-black\/40 {
      background-color: #0006;
    }
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/40 {
        background-color: color-mix(in srgb, #00040%, transparent);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/40 {
          background-color: color-mix(in oklab, var(--color-black)40%, transparent);
        }
      }
    }
    .bg-surface-action-primary-subtle {
      background-color: var(--color-surface-action-primary-subtle);
    }
    .bg-surface-state-warning {
      background-color: var(--color-surface-state-warning);
    }
    .bg-white {
      background-color: var(--color-white);
    }
    .bg-\[url\(\'\.\.\/assets\/dev-banner\/mobile\.svg\'\)\] {
      background-image: url("./media/mobile.svg");
    }
    .bg-cover {
      background-size: cover;
    }
    .bg-no-repeat {
      background-repeat: no-repeat;
    }
    .object-contain {
      object-fit: contain;
    }
    .p-2 {
      padding: calc(var(--spacing)*2);
    }
    .p-3 {
      padding: calc(var(--spacing)*3);
    }
    .p-lg {
      padding: var(--spacing-lg);
    }
    .p-md {
      padding: var(--spacing-md);
    }
    .p-sm {
      padding: var(--spacing-sm);
    }
    .px-2xs {
      padding-inline: var(--spacing-2xs);
    }
    .px-md {
      padding-inline: var(--spacing-md);
    }
    .px-sm {
      padding-inline: var(--spacing-sm);
    }
    .py-sm {
      padding-block: var(--spacing-sm);
    }
    .py-xs {
      padding-block: var(--spacing-xs);
    }
    .ps-2\.25 {
      padding-inline-start: calc(var(--spacing)*2.25);
    }
    .pr-sm {
      padding-right: var(--spacing-sm);
    }
    .pl-5 {
      padding-left: calc(var(--spacing)*5);
    }
    .button-md {
      font-size: var(--text-body-md);
      --tw-font-weight: var(--font-weight-medium);
      font-style: normal;
      font-weight: 400;
      font-weight: var(--font-weight-medium);
    }
    .button-sm {
      font-size: var(--text-body-sm);
      --tw-font-weight: var(--font-weight-medium);
      font-style: normal;
      font-weight: 400;
      font-weight: var(--font-weight-medium);
    }
    .body-lg {
      font-size: var(--text-body-lg);
      font-style: normal;
      font-weight: 400;
    }
    .body-md {
      font-size: var(--text-body-md);
      font-style: normal;
      font-weight: 400;
    }
    .body-sm {
      font-size: var(--text-body-sm);
      font-style: normal;
      font-weight: 400;
    }
    .body-xs {
      font-size: var(--text-body-xs);
      font-style: normal;
      font-weight: 400;
    }
    .link-md {
      font-size: var(--text-body-md);
      text-underline-position: from-font;
      font-weight: 400;
      text-decoration: underline;
    }
    .link-sm {
      font-size: var(--text-body-sm);
      text-underline-position: from-font;
      font-weight: 400;
      text-decoration: underline;
    }
    .link-xs {
      font-size: var(--text-body-xs);
      text-underline-position: from-font;
      font-weight: 400;
      text-decoration: underline;
    }
    .text-body-md {
      font-size: var(--text-body-md);
    }
    .text-body-sm {
      font-size: var(--text-body-sm);
    }
    .leading-0 {
      --tw-leading: calc(var(--spacing)*0);
      line-height: calc(var(--spacing)*0);
    }
    .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);
    }
    .text-content-state-error {
      color: var(--color-content-state-error);
    }
    .text-content-state-information {
      color: var(--color-content-state-information);
    }
    .text-content-state-success {
      color: var(--color-content-state-success);
    }
    .text-content-state-warning {
      color: var(--color-content-state-warning);
    }
    .text-content-state-warning-dark {
      color: var(--color-content-state-warning-dark);
    }
    .text-content-text-body-primary {
      color: var(--color-content-text-body-primary);
    }
    .text-content-text-body-secondary {
      color: var(--color-content-text-body-secondary);
    }
    .text-content-text-on-disabled {
      color: var(--color-content-text-on-disabled);
    }
    .text-orange-500 {
      color: var(--color-orange-500);
    }
    .text-red-400 {
      color: var(--color-red-400);
    }
    .lowercase {
      text-transform: lowercase;
    }
    .uppercase {
      text-transform: uppercase;
    }
    .shadow {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .outline {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    .filter {
      filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);
    }
    .duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }
    .select-none {
      -webkit-user-select: none;
      user-select: none;
    }
    @media (min-width:48rem) {
      .md\:hidden {
        display: none;
      }
      .md\:inline-block {
        display: inline-block;
      }
      .md\:modal-overlay-lg {
        width: var(--modal-overlay-lg);
        max-width: var(--modal-overlay-lg);
      }
      .md\:modal-overlay-md {
        width: var(--modal-overlay-md);
        max-width: var(--modal-overlay-md);
      }
      .md\:modal-overlay-sm {
        width: var(--modal-overlay-sm);
        max-width: var(--modal-overlay-sm);
      }
      .md\:w-auto {
        width: auto;
      }
      .md\:grow-0 {
        flex-grow: 0;
      }
      .md\:bg-\[url\(\'\.\.\/assets\/dev-banner\/desktop\.svg\'\)\] {
        background-image: url("./media/desktop.svg");
      }
      .md\:bg-contain {
        background-size: contain;
      }
    }
    .high-contrast\:block:where(body[high-contrast=true] *) {
      display: block;
    }
    .high-contrast\:hidden:where(body[high-contrast=true] *) {
      display: none;
    }
  }
  @font-face {
    font-family: Material Symbols Rounded;
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url("./media/material-symbols-rounded.woff2")format("woff2");
  }
  .material-symbols-rounded {
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga";
    direction: ltr;
    font-family: Material Symbols Rounded;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
  }
  :root {
    --fonts-font-family-primary: "Poppins",sans-serif;
    --text-body-xs: .75em;
    --text-body-sm: .875em;
    --text-body-md: 1em;
    --text-body-lg: 1.125em;
    --text-heading-H1: 2.25em;
    --text-heading-H2: 2em;
    --text-heading-H3: 1.75em;
    --text-heading-H4: 1.5em;
    --text-heading-H5: 1.125em;
    --fonts-line-height-heading-H1: 1.222em;
    --fonts-line-height-heading-H2: 1.1875em;
    --fonts-line-height-heading-H3: 1.1428em;
    --fonts-line-height-heading-H4: 1.1666em;
    --fonts-line-height-heading-H5: 1.333em;
    --fonts-line-height-body-xs: 1.333em;
    --fonts-line-height-body-sm: 1.25em;
    --fonts-line-height-body-md: 1.375em;
    --fonts-line-height-body-lg: 1.333em;
    --fonts-paragraph-spacing-body-xs: 1rem;
    --fonts-paragraph-spacing-body-sm: 1rem;
    --fonts-paragraph-spacing-body-md: 1.25rem;
    --fonts-paragraph-spacing-body-lg: 1.5rem;
  }
  @media (max-width:48rem) {
    :root {
      --text-body-xs: .625rem;
      --text-body-sm: .75rem;
      --text-body-md: .875rem;
      --text-body-lg: 1rem;
      --text-heading-H1: 2rem;
      --text-heading-H2: 1.75rem;
      --text-heading-H3: 1.5rem;
      --text-heading-H4: 1.25rem;
      --text-heading-H5: 1rem;
      --fonts-line-height-heading-H1: 2.375rem;
      --fonts-line-height-heading-H2: 2rem;
      --fonts-line-height-heading-H3: 1.75rem;
      --fonts-line-height-heading-H4: 1.5rem;
      --fonts-line-height-heading-H5: 1.5rem;
      --fonts-line-height-body-xs: 1rem;
      --fonts-line-height-body-sm: 1rem;
      --fonts-line-height-body-md: 1.25rem;
      --fonts-line-height-body-lg: 1.375rem;
      --fonts-paragraph-spacing-body-xs: 1rem;
      --fonts-paragraph-spacing-body-sm: 1rem;
      --fonts-paragraph-spacing-body-md: 1rem;
      --fonts-paragraph-spacing-body-lg: 1.25rem;
    }
  }
  h1 {
    font-size: var(--text-heading-H1,36px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fonts-line-height-heading-H1,44px);
  }
  h2 {
    font-size: var(--text-heading-H2,32px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fonts-line-height-heading-H2,38px);
  }
  h3 {
    font-size: var(--text-heading-H3,28px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fonts-line-height-heading-H3,32px);
  }
  h4 {
    font-size: var(--text-heading-H4,24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fonts-line-height-heading-H4,28px);
  }
  h5 {
    font-size: var(--text-heading-H5,18px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fonts-line-height-heading-H5,24px);
  }
  p.body-xs {
    padding-bottom: var(--fonts-paragraph-spacing-body-xs);
  }
  p.body-sm {
    padding-bottom: var(--fonts-paragraph-spacing-body-sm);
  }
  p.body-md {
    padding-bottom: var(--fonts-paragraph-spacing-body-md);
  }
  p.body-lg {
    padding-bottom: var(--fonts-paragraph-spacing-body-lg);
  }
  @font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./media/Poppins-400-ext.woff2")format("woff2");
    unicode-range:
      U+100-2BA,
      U+2BD-2C5,
      U+2C7-2CC,
      U+2CE-2D7,
      U+2DD-2FF,
      U+304,
      U+308,
      U+329,
      U+1D00-1DBF,
      U+1E00-1E9F,
      U+1EF2-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20C0,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./media/Poppins-400.woff2")format("woff2");
    unicode-range:
      U+??,
      U+131,
      U+152-153,
      U+2BB-2BC,
      U+2C6,
      U+2DA,
      U+2DC,
      U+304,
      U+308,
      U+329,
      U+2000-206F,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
  @font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./media/Poppins-500-ext.woff2")format("woff2");
    unicode-range:
      U+100-2BA,
      U+2BD-2C5,
      U+2C7-2CC,
      U+2CE-2D7,
      U+2DD-2FF,
      U+304,
      U+308,
      U+329,
      U+1D00-1DBF,
      U+1E00-1E9F,
      U+1EF2-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20C0,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./media/Poppins-500.woff2")format("woff2");
    unicode-range:
      U+??,
      U+131,
      U+152-153,
      U+2BB-2BC,
      U+2C6,
      U+2DA,
      U+2DC,
      U+304,
      U+308,
      U+329,
      U+2000-206F,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
  @font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./media/Poppins-700-ext.woff2")format("woff2");
    unicode-range:
      U+100-2BA,
      U+2BD-2C5,
      U+2C7-2CC,
      U+2CE-2D7,
      U+2DD-2FF,
      U+304,
      U+308,
      U+329,
      U+1D00-1DBF,
      U+1E00-1E9F,
      U+1EF2-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20C0,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./media/Poppins-700.woff2")format("woff2");
    unicode-range:
      U+??,
      U+131,
      U+152-153,
      U+2BB-2BC,
      U+2C6,
      U+2DA,
      U+2DC,
      U+304,
      U+308,
      U+329,
      U+2000-206F,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
  @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-border-style { syntax: "*"; inherits: false; initial-value: solid; }
  @property --tw-font-weight { syntax: "*"; inherits: false; }
  @property --tw-leading { 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: 0; }
  @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-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
  @property --tw-blur { syntax: "*"; inherits: false; }
  @property --tw-brightness { syntax: "*"; inherits: false; }
  @property --tw-contrast { syntax: "*"; inherits: false; }
  @property --tw-grayscale { syntax: "*"; inherits: false; }
  @property --tw-hue-rotate { syntax: "*"; inherits: false; }
  @property --tw-invert { syntax: "*"; inherits: false; }
  @property --tw-opacity { syntax: "*"; inherits: false; }
  @property --tw-saturate { syntax: "*"; inherits: false; }
  @property --tw-sepia { syntax: "*"; inherits: false; }
  @property --tw-drop-shadow { syntax: "*"; inherits: false; }
  @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
  @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
  @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
  @property --tw-duration { syntax: "*"; inherits: false; }
  @property --tw-ease { syntax: "*"; inherits: false; }
  @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-content { syntax: "*"; inherits: false; initial-value: ""; }
  @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; }
  @keyframes pulse-centered {
    0%, to {
      transform: translate(-50%, -50%)scale(1);
    }
    50% {
      transform: translate(-50%, -50%)scale(.5);
    }
  }
}
:root {
  --fonts-font-family-primary: "Poppins", sans-serif;
  --text-body-xs: 0.75em;
  --text-body-sm: 0.875em;
  --text-body-md: 1em;
  --text-body-lg: 1.125em;
  --text-heading-H1: 2.25em;
  --text-heading-H2: 2em;
  --text-heading-H3: 1.75em;
  --text-heading-H4: 1.5em;
  --text-heading-H5: 1.125em;
  --fonts-line-height-heading-H1: 1.222em;
  --fonts-line-height-heading-H2: 1.1875em;
  --fonts-line-height-heading-H3: 1.1428em;
  --fonts-line-height-heading-H4: 1.1666em;
  --fonts-line-height-heading-H5: 1.333em;
  --fonts-line-height-body-xs: 1.333em;
  --fonts-line-height-body-sm: 1.25em;
  --fonts-line-height-body-md: 1.375em;
  --fonts-line-height-body-lg: 1.333em;
  --fonts-paragraph-spacing-body-xs: 1rem;
  --fonts-paragraph-spacing-body-sm: 1rem;
  --fonts-paragraph-spacing-body-md: 1.25rem;
  --fonts-paragraph-spacing-body-lg: 1.5rem;
}
@media (width <= 48rem) {
  :root {
    --text-body-xs: 0.625rem;
    --text-body-sm: 0.75rem;
    --text-body-md: 0.875rem;
    --text-body-lg: 1rem;
    --text-heading-H1: 2rem;
    --text-heading-H2: 1.75rem;
    --text-heading-H3: 1.5rem;
    --text-heading-H4: 1.25rem;
    --text-heading-H5: 1rem;
    --fonts-line-height-heading-H1: 2.375rem;
    --fonts-line-height-heading-H2: 2rem;
    --fonts-line-height-heading-H3: 1.75rem;
    --fonts-line-height-heading-H4: 1.5rem;
    --fonts-line-height-heading-H5: 1.5rem;
    --fonts-line-height-body-xs: 1rem;
    --fonts-line-height-body-sm: 1rem;
    --fonts-line-height-body-md: 1.25rem;
    --fonts-line-height-body-lg: 1.375rem;
    --fonts-paragraph-spacing-body-xs: 1rem;
    --fonts-paragraph-spacing-body-sm: 1rem;
    --fonts-paragraph-spacing-body-md: 1rem;
    --fonts-paragraph-spacing-body-lg: 1.25rem;
  }
}
h1 {
  font-size: var(--text-heading-H1, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--fonts-line-height-heading-H1, 44px);
}
h2 {
  font-size: var(--text-heading-H2, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--fonts-line-height-heading-H2, 38px);
}
h3 {
  font-size: var(--text-heading-H3, 28px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--fonts-line-height-heading-H3, 32px);
}
h4 {
  font-size: var(--text-heading-H4, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--fonts-line-height-heading-H4, 28px);
}
h5 {
  font-size: var(--text-heading-H5, 18px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--fonts-line-height-heading-H5, 24px);
}
p.body-xs {
  padding-bottom: var(--fonts-paragraph-spacing-body-xs);
}
p.body-sm {
  padding-bottom: var(--fonts-paragraph-spacing-body-sm);
}
p.body-md {
  padding-bottom: var(--fonts-paragraph-spacing-body-md);
}
p.body-lg {
  padding-bottom: var(--fonts-paragraph-spacing-body-lg);
}
@layer base {
  [high-contrast=true] {
    --color-background--white: var(--color-white);
    --color-background-neutral-light: var(--color-white);
    --color-background-neutral-dark: var(--color-white);
    --color-background-green-light: var(--color-white);
    --color-background-green-dark: var(--color-white);
    --color-surface-highcontrast-grey: var(--color-gray-100);
    --color-surface-highcontrast-none: var(--color-white);
    --color-surface-disabled: var(--color-gray-100);
    --color-surface-action-primary: var(--color-primary-800);
    --color-surface-action-primary-hover: var(--color-black);
    --color-surface-action-primary-subtle: var(--color-gray-50);
    --color-surface-action-primary-hover-dark: var(--color-black);
    --color-surface-action-secondary-hover: var(--color-gray-300);
    --color-border-none: var(--color-gray-500);
    --color-border-white: var(--color-gray-500);
    --color-border-primary-dark: var(--color-gray-500);
    --color-border-primary-light: var(--color-gray-300);
    --color-border-secondary-dark: var(--color-primary-800);
    --color-border-secondary-light: var(--color-primary-500);
    --color-border-action-disabled: var(--color-gray-500);
    --color-border-action-primary: var(--color-primary-800);
    --color-border-action-primary-hover: var(--color-primary-900);
    --color-border-action-tertiary: var(--color-gray-500);
    --color-border-action-tertiary-hover: var(--color-gray-700);
    --color-border-action-focus: var(--color-primary-500);
    --color-border-state-information: var(--color-info-800);
    --color-border-state-success: var(--color-success-800);
    --color-border-state-error: var(--color-red-800);
    --color-border-state-warning: var(--color-yellow-900);
    --color-content-icon-primary: var(--color-black);
    --color-content-icon-secondary: var(--color-black);
    --color-content-text-heading: var(--color-black);
    --color-content-text-body-primary: var(--color-black);
    --color-content-text-body-secondary: var(--color-black);
    --color-content-action-primary: var(--color-primary-800);
    --color-content-action-primary-hover: var(--color-black);
    --color-content-action-secondary: var(--color-gray-700);
    --color-content-action-secondary-hover: var(--color-black);
    --color-content-action-on-action: var(--color-white);
    --color-content-text-on-disabled: var(--color-gray-500);
    --color-content-icon-on-disabled: var(--color-gray-500);
    --color-content-state-information: var(--color-info-800);
    --color-content-state-information-dark: var(--color-info-800);
    --color-content-state-success: var(--color-success-800);
    --color-content-state-success-dark: var(--color-success-800);
    --color-content-state-error: var(--color-red-800);
    --color-content-state-error-dark: var(--color-red-800);
    --color-content-state-warning: var(--color-yellow-900);
    --color-content-state-warning-dark: var(--color-yellow-900);
    --color-status-colors-state-information: var(--color-info-800);
    --color-status-color-state-information-dark: var(--color-info-800);
    --color-status-color-state-success: var(--color-success-800);
    --color-status-color-state-success-dark: var(--color-success-800);
    --color-status-color-state-error: var(--color-red-800);
    --color-status-color-state-error-dark: var(--color-red-800);
    --color-status-color-state-warning: var(--color-yellow-900);
    --color-status-color-state-warning-dark: var(--color-yellow-900);
  }
}
html,
body {
  height: 100%;
}
.markdown {
  color: var(--color-content-text-body-primary);
}
.markdown ol,
.markdown ul {
  margin-inline-start: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}
:is(.markdown ol, .markdown ul) li {
  padding-inline-start: var(--spacing-xs);
}
.markdown ol {
  list-style: decimal;
}
.markdown ul {
  list-style: disc;
}
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  padding-bottom: var(--spacing-xs);
  color: var(--color-content-text-heading);
}
.markdown hr {
  border-color: var(--color-border-primary-light);
  padding-bottom: var(--spacing-md);
}
.markdown a {
  color: var(--color-content-action-primary);
}
.markdown p {
  padding-bottom: var(--spacing-md);
}
@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-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { 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-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse-centered {
  0%, 100% {
    transform: translate(-50%, -50%)scale(1);
  }
  50% {
    transform: translate(-50%, -50%)scale(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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

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