/*! tailwindcss v4.1.11 | 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;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --radius-sm: 0.25rem;
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --animate-spin: spin 1s linear infinite;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@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 {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .z-50 {
    z-index: 50;
  }
  .container {
    width: 100%;
    @media (width >= 1440px) {
      max-width: 1440px;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-shapes-icon-size-md {
    width: var(--shapes-icon-size-md);
    height: var(--shapes-icon-size-md);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[36px\] {
    height: 36px;
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-23 {
    width: calc(var(--spacing) * 23);
  }
  .w-\[81px\] {
    width: 81px;
  }
  .w-\[710px\] {
    width: 710px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .list-outside {
    list-style-position: outside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .appearance-auto {
    appearance: auto;
  }
  .appearance-none {
    appearance: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-spacing-gap-soft-4px {
    gap: var(--spacing-gap-soft-4px);
  }
  .gap-spacing-gap-soft-6px {
    gap: var(--spacing-gap-soft-6px);
  }
  .gap-spacing-gap-soft-8px {
    gap: var(--spacing-gap-soft-8px);
  }
  .gap-spacing-gap-soft-12px {
    gap: var(--spacing-gap-soft-12px);
  }
  .gap-spacing-gap-y {
    gap: var(--spacing-gap-y);
  }
  .self-end {
    align-self: flex-end;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-radius-button {
    border-radius: var(--radius-button);
  }
  .rounded-radius-card-inner {
    border-radius: var(--radius-card-inner);
  }
  .rounded-radius-tooltip {
    border-radius: var(--radius-tooltip);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-borders-default {
    border-color: var(--borders-default);
  }
  .border-borders-form-error {
    border-color: var(--borders-form-error);
  }
  .border-buttons-primary {
    border-color: var(--buttons-primary);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-t-blue-600 {
    border-top-color: var(--color-blue-600);
  }
  .bg-\[\#F4333D\] {
    background-color: #F4333D;
  }
  .bg-buttons-base {
    background-color: var(--buttons-base);
  }
  .bg-buttons-disable {
    background-color: var(--buttons-disable);
  }
  .bg-buttons-primary {
    background-color: var(--buttons-primary);
  }
  .bg-colors-neutral-white {
    background-color: var(--colors-neutral-white);
  }
  .bg-highlights-gray-light {
    background-color: var(--highlights-gray-light);
  }
  .bg-highlights-green-light {
    background-color: var(--highlights-green-light);
  }
  .bg-highlights-red-light {
    background-color: var(--highlights-red-light);
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-campaign-blue-4 {
    --tw-gradient-from: var(--campaign-blue-4);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-campaign-blue-2 {
    --tw-gradient-to: var(--campaign-blue-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-spacing-gap-soft-12px {
    padding: var(--spacing-gap-soft-12px);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-button-padding-regular-x-icon {
    padding-inline: var(--button-padding-regular-x-icon);
  }
  .px-spacing-padding-section-x {
    padding-inline: var(--spacing-padding-section-x);
  }
  .px-spacing-padding-soft-12px {
    padding-inline: var(--spacing-padding-soft-12px);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-spacing-gap-section-y {
    padding-block: var(--spacing-gap-section-y);
  }
  .py-spacing-gap-y {
    padding-block: var(--spacing-gap-y);
  }
  .pt-spacing-padding-y {
    padding-top: var(--spacing-padding-y);
  }
  .pr-spacing-padding-soft-12px {
    padding-right: var(--spacing-padding-soft-12px);
  }
  .pl-\[32px\] {
    padding-left: 32px;
  }
  .text-center {
    text-align: center;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-font-size-body-1 {
    font-size: var(--font-size-body-1);
  }
  .text-font-size-body-2 {
    font-size: var(--font-size-body-2);
  }
  .text-font-size-bullet-1 {
    font-size: var(--font-size-bullet-1);
  }
  .text-font-size-bullet-2 {
    font-size: var(--font-size-bullet-2);
  }
  .text-font-size-button-1 {
    font-size: var(--font-size-button-1);
  }
  .text-font-size-caption {
    font-size: var(--font-size-caption);
  }
  .text-font-size-display-2 {
    font-size: var(--font-size-display-2);
  }
  .text-font-size-form-input {
    font-size: var(--font-size-form-input);
  }
  .text-font-size-form-label {
    font-size: var(--font-size-form-label);
  }
  .text-font-size-title-1 {
    font-size: var(--font-size-title-1);
  }
  .text-font-size-title-2 {
    font-size: var(--font-size-title-2);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-line-height-body-1 {
    --tw-leading: var(--line-height-body-1);
    line-height: var(--line-height-body-1);
  }
  .leading-line-height-body-2 {
    --tw-leading: var(--line-height-body-2);
    line-height: var(--line-height-body-2);
  }
  .leading-line-height-body-2-relaxed {
    --tw-leading: var(--line-height-body-2-relaxed);
    line-height: var(--line-height-body-2-relaxed);
  }
  .leading-line-height-bullet-1 {
    --tw-leading: var(--line-height-bullet-1);
    line-height: var(--line-height-bullet-1);
  }
  .leading-line-height-bullet-2 {
    --tw-leading: var(--line-height-bullet-2);
    line-height: var(--line-height-bullet-2);
  }
  .leading-line-height-caption {
    --tw-leading: var(--line-height-caption);
    line-height: var(--line-height-caption);
  }
  .leading-line-height-display-2 {
    --tw-leading: var(--line-height-display-2);
    line-height: var(--line-height-display-2);
  }
  .leading-line-height-form-input {
    --tw-leading: var(--line-height-form-input);
    line-height: var(--line-height-form-input);
  }
  .leading-line-height-form-label {
    --tw-leading: var(--line-height-form-label);
    line-height: var(--line-height-form-label);
  }
  .leading-line-height-title-1 {
    --tw-leading: var(--line-height-title-1);
    line-height: var(--line-height-title-1);
  }
  .leading-line-height-title-2 {
    --tw-leading: var(--line-height-title-2);
    line-height: var(--line-height-title-2);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-font-weight-body-1 {
    --tw-font-weight: var(--font-weight-body-1);
    font-weight: var(--font-weight-body-1);
  }
  .font-font-weight-body-2 {
    --tw-font-weight: var(--font-weight-body-2);
    font-weight: var(--font-weight-body-2);
  }
  .font-font-weight-bullet-1 {
    --tw-font-weight: var(--font-weight-bullet-1);
    font-weight: var(--font-weight-bullet-1);
  }
  .font-font-weight-bullet-2 {
    --tw-font-weight: var(--font-weight-bullet-2);
    font-weight: var(--font-weight-bullet-2);
  }
  .font-font-weight-caption {
    --tw-font-weight: var(--font-weight-caption);
    font-weight: var(--font-weight-caption);
  }
  .font-font-weight-display-2 {
    --tw-font-weight: var(--font-weight-display-2);
    font-weight: var(--font-weight-display-2);
  }
  .font-font-weight-form-input {
    --tw-font-weight: var(--font-weight-form-input);
    font-weight: var(--font-weight-form-input);
  }
  .font-font-weight-form-label {
    --tw-font-weight: var(--font-weight-form-label);
    font-weight: var(--font-weight-form-label);
  }
  .font-font-weight-title-1 {
    --tw-font-weight: var(--font-weight-title-1);
    font-weight: var(--font-weight-title-1);
  }
  .font-font-weight-title-2 {
    --tw-font-weight: var(--font-weight-title-2);
    font-weight: var(--font-weight-title-2);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-highlights-gray-dark {
    color: var(--highlights-gray-dark);
  }
  .text-highlights-green-dark {
    color: var(--highlights-green-dark);
  }
  .text-highlights-red-dark {
    color: var(--highlights-red-dark);
  }
  .text-text-accent {
    color: var(--text-accent);
  }
  .text-text-disabled {
    color: var(--text-disabled);
  }
  .text-text-on-dark {
    color: var(--text-on-dark);
  }
  .text-text-primary {
    color: var(--text-primary);
  }
  .text-text-secondary {
    color: var(--text-secondary);
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .peer-checked\:border-buttons-primary {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--buttons-primary);
    }
  }
  .peer-checked\:bg-buttons-primary {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--buttons-primary);
    }
  }
  .placeholder\:text-red-500 {
    &::placeholder {
      color: var(--color-red-500);
    }
  }
  .\31 \.5xl\:py-5 {
    @media (width >= 1440px) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .md\:bottom-2\.5 {
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 2.5);
    }
  }
  .md\:h-11 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .md\:h-\[44px\] {
    @media (width >= 48rem) {
      height: 44px;
    }
  }
  .md\:w-35 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 35);
    }
  }
  .md\:w-\[92px\] {
    @media (width >= 48rem) {
      width: 92px;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:pl-\[36px\] {
    @media (width >= 48rem) {
      padding-left: 36px;
    }
  }
  .md\:leading-6 {
    @media (width >= 48rem) {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }
}
.theme-singsaver {
  --brand: ss;
  --buttons-cta: #ef6c00;
  --buttons-primary: #04709b;
  --buttons-cta-hover: #e65100;
  --buttons-disable: #bdbdbd;
  --buttons-neutral: #757575;
  --buttons-primary-hover: #004a68;
  --buttons-neutral-hover: #212121;
  --buttons-base: #ffffff;
  --buttons-neutral-dark: #212121;
  --buttons-secondary: #5d8433;
  --buttons-secondary-hover: #3d6a01;
  --fill-alternative-1: #f5f5f5;
  --fill-primary-dark: #004a68;
  --fill-card: #ffffff;
  --fill-base: #fafafa;
  --fill-alternative-2: #eeeeee;
  --fill-primary-light: #e0f4f8;
  --fill-secondary-light: #daeac7;
  --fill-secondary-dark: #3d6a01;
  --fill-alternative-3: #e0e0e0;
  --fill-primary: #04709b;
  --fill-secondary: #5d8433;
  --text-on-dark: #ffffff;
  --text-accent: #004a68;
  --text-primary: #212121;
  --text-secondary: #424242;
  --text-disabled: #9e9e9e;
  --text-on-dark-2: #b7e7f2;
  --text-secondary-lighter: #616161;
  --text-link: #04709b;
  --borders-default: #e0e0e0;
  --borders-form-default: #bdbdbd;
  --borders-form-hover: #757575;
  --borders-form-error: #f44336;
  --highlights-green-light: #e8f5e9;
  --highlights-gray-light: #f5f5f5;
  --highlights-blue-light: #e0f4f8;
  --highlights-orange-light: #fff3e0;
  --highlights-yellow-light: #fffbce;
  --highlights-red-light: #ffebee;
  --highlights-gray-dark: #424242;
  --highlights-orange-dark: #bf360c;
  --highlights-blue-dark: #004a68;
  --highlights-yellow-dark: #6a4a19;
  --highlights-red-dark: #b71c1c;
  --highlights-green-dark: #33691e;
  --campaign-green-1: #e3f9d4;
  --campaign-green-2: #009688;
  --campaign-orange-1: #ffebce;
  --campaign-orange-2: #ff9800;
  --campaign-blue-1: #e1fff6;
  --campaign-blue-2: #26c6da;
  --campaign-yellow-1: #fffcce;
  --campaign-yellow-2: #ffd54f;
  --campaign-red-1: #ffdddd;
  --campaign-red-2: #ec407a;
  --campaign-green-4: #005d52;
  --campaign-orange-4: #822700;
  --campaign-blue-4: #004a68;
  --campaign-yellow-4: #583600;
  --campaign-red-4: #510000;
  --campaign-blue-complimentary: #e3f9d4;
  --campaign-red-complimentary: #ffd54f;
  --campaign-orange-complimentary: #ffd54f;
  --campaign-yellow-complimentary: #ff9800;
  --campaign-green-complimentary: #26c6da;
  --campaign-red-3: #c70000;
  --campaign-blue-3: #04709b;
  --campaign-green-3: #5d8433;
  --campaign-yellow-3: #af6a00;
  --campaign-orange-3: #de4e00;
  --button-singpass: ##F4333D;
}
@media (min-width: 1280px) and (max-width: 1439px) {
  :root {
    --button-gap: var(--gap-1);
    --button-padding-regular-x-icon: var(--spacing-3);
    --button-padding-regular-x: var(--spacing-3-plus);
    --button-padding-small-x-icon: var(--spacing-2-plus);
    --button-padding-small-x: var(--spacing-3);
    --button-padding-toggle: var(--spacing-1);
    --button-size-regular: var(--size-button-lg);
    --button-size-small: var(--size-button-sm);
    --columns-page: var(--columns-12);
    --columns-section-2: var(--columns-2);
    --columns-section-3: var(--columns-3);
    --columns-section-4: var(--columns-4);
    --columns-section-6: var(--columns-3);
    --columns-section-8: var(--columns-4);
    --font-size-badge: var(--font-size-sm);
    --font-size-body-1: var(--font-size-lg);
    --font-size-body-2: var(--font-size-md);
    --font-size-breadcrumb: var(--font-size-sm);
    --font-size-bullet-1: var(--font-size-lg);
    --font-size-bullet-2: var(--font-size-md);
    --font-size-button-1: var(--font-size-lg-plus);
    --font-size-button-2: var(--font-size-md);
    --font-size-caption: var(--font-size-md);
    --font-size-display-1: var(--font-size-2xl);
    --font-size-display-2: var(--font-size-3xl);
    --font-size-display-3: var(--font-size-4xl);
    --font-size-display-4: var(--font-size-5xl);
    --font-size-display-5: var(--font-size-6xl);
    --font-size-form-input: var(--font-size-lg);
    --font-size-form-label: var(--font-size-lg);
    --font-size-overline: var(--font-size-xl);
    --font-size-subheading-1: var(--font-size-2xl);
    --font-size-subheading-2: var(--font-size-xl);
    --font-size-table-cell-primary: var(--font-size-sm-plus);
    --font-size-table-cell: var(--font-size-sm);
    --font-size-table-header: var(--font-size-sm-plus);
    --font-size-tag: var(--font-size-md);
    --font-size-title-1: var(--font-size-2xl);
    --font-size-title-2: var(--font-size-xl);
    --font-weight-badge: var(--font-weight-medium);
    --font-weight-body-1: var(--font-weight-medium);
    --font-weight-body-2: var(--font-weight-medium);
    --font-weight-breadcrumb: var(--font-weight-medium);
    --font-weight-bullet-1: var(--font-weight-semibold);
    --font-weight-bullet-2: var(--font-weight-semibold);
    --font-weight-button-1: var(--font-weight-semibold);
    --font-weight-button-2: var(--font-weight-semibold);
    --font-weight-caption: var(--font-weight-medium);
    --font-weight-display-1: var(--font-weight-bold);
    --font-weight-display-2: var(--font-weight-bold);
    --font-weight-display-3: var(--font-weight-bold);
    --font-weight-display-4: var(--font-weight-bold);
    --font-weight-display-5: var(--font-weight-bold);
    --font-weight-form-input: var(--font-weight-semibold);
    --font-weight-form-label: var(--font-weight-medium);
    --font-weight-overline: var(--font-weight-semibold);
    --font-weight-subheading-1: var(--font-weight-semibold);
    --font-weight-subheading-2: var(--font-weight-semibold);
    --font-weight-table-cell-normal: var(--font-weight-medium);
    --font-weight-table-cell-primary: var(--font-weight-bold);
    --font-weight-table-cell-strong: var(--font-weight-bold);
    --font-weight-table-header: var(--font-weight-bold);
    --font-weight-tag: var(--font-weight-medium);
    --font-weight-title-1: var(--font-weight-bold);
    --font-weight-title-2: var(--font-weight-bold);
    --form-check-radio-inner-size: var(--size-radio-lg);
    --form-check-radio-size: var(--size-radio-lg);
    --form-chip-min-height: var(--form-chip-height-md);
    --form-inner-element-padding: var(--form-padding-lg);
    --form-size: var(--size-input-lg);
    --general-1-col-width: var(--breakpoints-col-size-md-col-1-width);
    --general-2-col-width: var(--breakpoints-col-size-md-col-2-width);
    --general-3-col-width: var(--breakpoints-col-size-md-col-3-width);
    --general-4-col-width: var(--breakpoints-col-size-md-col-4-width);
    --general-5-col-width: var(--breakpoints-col-size-md-col-5-width);
    --general-6-col-width: var(--breakpoints-col-size-md-col-6-width);
    --general-content-max-width: var(--breakpoints-content-md);
    --general-narrow-content-max-width-1: var(--breakpoints-content-narrow-1-lg);
    --general-narrow-content-max-width-2: var(--breakpoints-content-narrow-2-lg);
    --general-narrow-content-max-width-3: var(--breakpoints-content-narrow-3-lg);
    --general-narrow-image-height: var(--breakpoints-image-height-narrow-height-md);
    --general-size: var(--breakpoints-md);
    --general-top-nav-height: var(--size-top-nav-3);
    --line-height-badge: var(--line-height-sm);
    --line-height-body-1-relaxed: var(--line-height-lg-relaxed);
    --line-height-body-1: var(--line-height-lg-relaxed);
    --line-height-body-2-relaxed: var(--line-height-md-relaxed);
    --line-height-body-2: var(--line-height-md);
    --line-height-breadcrumb: var(--line-height-sm);
    --line-height-bullet-1: var(--line-height-lg);
    --line-height-bullet-2: var(--line-height-md);
    --line-height-button-1: var(--line-height-lg-plus);
    --line-height-button-2: var(--line-height-md);
    --line-height-caption: var(--line-height-md);
    --line-height-display-1: var(--line-height-2xl);
    --line-height-display-2: var(--line-height-3xl);
    --line-height-display-3: var(--line-height-4xl);
    --line-height-display-4: var(--line-height-5xl);
    --line-height-display-5: var(--line-height-6xl);
    --line-height-form-input: var(--line-height-lg);
    --line-height-form-label: var(--line-height-lg);
    --line-height-overline: var(--line-height-xl);
    --line-height-subheading-1: var(--line-height-2xl);
    --line-height-subheading-2: var(--line-height-xl);
    --line-height-table-cell-primary: var(--line-height-sm-plus);
    --line-height-table-cell: var(--line-height-sm);
    --line-height-table-header: var(--line-height-sm-plus);
    --line-height-tag: var(--line-height-sm-relaxed);
    --line-height-title-1: var(--line-height-2xl);
    --line-height-title-2: var(--line-height-xl);
    --provider-asset-card-container-max-height: var(--breakpoints-provider-asset-card-container-height-md);
    --provider-asset-cell-asset-card-height: var(--breakpoints-provider-asset-cell-asset-card-height-md);
    --provider-asset-cell-asset-card-width: var(--breakpoints-provider-asset-cell-asset-card-width-md);
    --provider-asset-cell-asset-logo-height: var(--breakpoints-provider-asset-cell-asset-logo-height-md);
    --provider-asset-cell-asset-logo-width: var(--breakpoints-provider-asset-cell-asset-logo-width-md);
    --provider-asset-logo-container-max-height: var(--breakpoints-provider-asset-logo-container-height-md);
    --provider-asset-logo-container-max-width: var(--breakpoints-provider-asset-container-width-md);
    --provider-asset-max-height: var(--breakpoints-provider-asset-max-height-md);
    --provider-asset-max-width: var(--breakpoints-provider-asset-max-width-md);
    --provider-asset-size-1: var(--breakpoints-provider-asset-width-1-md);
    --radius-button: var(--roundness-lg);
    --radius-card-inner: var(--roundness-2xl);
    --radius-card: var(--roundness-3xl);
    --radius-none: var(--roundness-none);
    --radius-table: var(--roundness-lg);
    --radius-tooltip: var(--roundness-lg);
    --shapes-icon-size-lg: var(--size-icon-xl);
    --shapes-icon-size-md: var(--size-icon-lg);
    --shapes-icon-size-sm: var(--size-icon-sm);
    --shapes-pictogram-lg: var(--size-picogram-5);
    --shapes-pictogram-md: var(--size-picogram-4);
    --shapes-pictogram-sm: var(--size-picogram-3);
    --shapes-spinner-lg: var(--spinner-size-9);
    --shapes-spinner-md: var(--spinner-size-6);
    --shapes-spinner-sm: var(--spinner-size-3);
    --shapes-stepper-circle: var(--size-picogram-2);
    --spacing-gap-section-y-lg: var(--gap-12);
    --spacing-gap-section-y: var(--gap-7);
    --spacing-gap-soft-12px: var(--spacing-3);
    --spacing-gap-soft-4px: var(--spacing-1);
    --spacing-gap-soft-6px: var(--spacing-1-plus);
    --spacing-gap-soft-8px: var(--spacing-2);
    --spacing-gap-x-sm: var(--gap-4);
    --spacing-gap-x-xs: var(--gap-2);
    --spacing-gap-x: var(--gap-6);
    --spacing-gap-y-sm: var(--gap-4);
    --spacing-gap-y-xs: var(--gap-2);
    --spacing-gap-y: var(--gap-6);
    --spacing-margin-x: var(--spacing-6);
    --spacing-margin-y: var(--spacing-6);
    --spacing-padding-section-x-lg: var(--spacing-8);
    --spacing-padding-section-x: var(--spacing-8);
    --spacing-padding-section-y-lg: var(--spacing-16);
    --spacing-padding-section-y: var(--spacing-12);
    --spacing-padding-soft-12px: var(--spacing-3);
    --spacing-padding-soft-4px: var(--spacing-1);
    --spacing-padding-soft-6px: var(--spacing-1-plus);
    --spacing-padding-soft-8px: var(--spacing-2);
    --spacing-padding-x-sm: var(--spacing-4);
    --spacing-padding-x-xs: var(--spacing-3);
    --spacing-padding-x: var(--spacing-6);
    --spacing-padding-y-sm: var(--spacing-4);
    --spacing-padding-y-xs: var(--spacing-3);
    --spacing-padding-y: var(--spacing-6);
    --table-cell-min-height-small: var(--spacing-12);
    --table-cell-min-height: var(--spacing-18);
    --tag-padding-icon: var(--spacing-1);
    --tag-padding-x: var(--spacing-3);
    --tag-size: var(--size-tag-lg);
    --text-style-letter-spacing: var(--letter-spacing-normal);
    --text-style-paragraph-indent: var(--paragraph-indent-normal);
    --text-style-paragraph-spacing: var(--paragraph-spacing-normal);
  }
}
@media (min-width: 1440px) {
  :root {
    --button-gap: var(--gap-1);
    --button-padding-regular-x-icon: var(--spacing-3);
    --button-padding-regular-x: var(--spacing-3-plus);
    --button-padding-small-x-icon: var(--spacing-2-plus);
    --button-padding-small-x: var(--spacing-3);
    --button-padding-toggle: var(--spacing-1);
    --button-size-regular: var(--size-button-lg);
    --button-size-small: var(--size-button-sm);
    --columns-page: var(--columns-12);
    --columns-section-2: var(--columns-2);
    --columns-section-3: var(--columns-3);
    --columns-section-4: var(--columns-4);
    --columns-section-6: var(--columns-6);
    --columns-section-8: var(--columns-8);
    --font-size-badge: var(--font-size-sm);
    --font-size-body-1: var(--font-size-lg);
    --font-size-body-2: var(--font-size-md);
    --font-size-breadcrumb: var(--font-size-sm);
    --font-size-bullet-1: var(--font-size-lg);
    --font-size-bullet-2: var(--font-size-md);
    --font-size-button-1: var(--font-size-lg-plus);
    --font-size-button-2: var(--font-size-md);
    --font-size-caption: var(--font-size-md);
    --font-size-display-1: var(--font-size-2xl);
    --font-size-display-2: var(--font-size-3xl);
    --font-size-display-3: var(--font-size-4xl);
    --font-size-display-4: var(--font-size-5xl);
    --font-size-display-5: var(--font-size-6xl);
    --font-size-form-input: var(--font-size-lg);
    --font-size-form-label: var(--font-size-lg);
    --font-size-overline: var(--font-size-xl);
    --font-size-subheading-1: var(--font-size-2xl);
    --font-size-subheading-2: var(--font-size-xl);
    --font-size-table-cell-primary: var(--font-size-sm-plus);
    --font-size-table-cell: var(--font-size-sm);
    --font-size-table-header: var(--font-size-sm-plus);
    --font-size-tag: var(--font-size-md);
    --font-size-title-1: var(--font-size-2xl);
    --font-size-title-2: var(--font-size-xl);
    --font-weight-badge: var(--font-weight-medium);
    --font-weight-body-1: var(--font-weight-medium);
    --font-weight-body-2: var(--font-weight-medium);
    --font-weight-breadcrumb: var(--font-weight-medium);
    --font-weight-bullet-1: var(--font-weight-semibold);
    --font-weight-bullet-2: var(--font-weight-semibold);
    --font-weight-button-1: var(--font-weight-semibold);
    --font-weight-button-2: var(--font-weight-semibold);
    --font-weight-caption: var(--font-weight-medium);
    --font-weight-display-1: var(--font-weight-bold);
    --font-weight-display-2: var(--font-weight-bold);
    --font-weight-display-3: var(--font-weight-bold);
    --font-weight-display-4: var(--font-weight-bold);
    --font-weight-display-5: var(--font-weight-bold);
    --font-weight-form-input: var(--font-weight-semibold);
    --font-weight-form-label: var(--font-weight-medium);
    --font-weight-overline: var(--font-weight-semibold);
    --font-weight-subheading-1: var(--font-weight-semibold);
    --font-weight-subheading-2: var(--font-weight-semibold);
    --font-weight-table-cell-normal: var(--font-weight-medium);
    --font-weight-table-cell-primary: var(--font-weight-bold);
    --font-weight-table-cell-strong: var(--font-weight-bold);
    --font-weight-table-header: var(--font-weight-bold);
    --font-weight-tag: var(--font-weight-medium);
    --font-weight-title-1: var(--font-weight-bold);
    --font-weight-title-2: var(--font-weight-bold);
    --form-check-radio-inner-size: var(--size-radio-lg);
    --form-check-radio-size: var(--size-radio-lg);
    --form-chip-min-height: var(--form-chip-height-lg);
    --form-inner-element-padding: var(--form-padding-lg);
    --form-size: var(--size-input-lg);
    --general-1-col-width: var(--breakpoints-col-size-lg-col-1-width);
    --general-2-col-width: var(--breakpoints-col-size-lg-col-2-width);
    --general-3-col-width: var(--breakpoints-col-size-lg-col-3-width);
    --general-4-col-width: var(--breakpoints-col-size-lg-col-4-width);
    --general-5-col-width: var(--breakpoints-col-size-lg-col-5-width);
    --general-6-col-width: var(--breakpoints-col-size-lg-col-6-width);
    --general-content-max-width: var(--breakpoints-content-lg);
    --general-narrow-content-max-width-1: var(--breakpoints-content-narrow-1-lg);
    --general-narrow-content-max-width-2: var(--breakpoints-content-narrow-2-lg);
    --general-narrow-content-max-width-3: var(--breakpoints-content-narrow-3-lg);
    --general-narrow-image-height: var(--breakpoints-image-height-narrow-height-lg);
    --general-size: var(--breakpoints-lg);
    --general-top-nav-height: var(--size-top-nav-4);
    --line-height-badge: var(--line-height-sm);
    --line-height-body-1-relaxed: var(--line-height-lg-relaxed);
    --line-height-body-1: var(--line-height-lg);
    --line-height-body-2-relaxed: var(--line-height-md-relaxed);
    --line-height-body-2: var(--line-height-md);
    --line-height-breadcrumb: var(--line-height-sm);
    --line-height-bullet-1: var(--line-height-lg);
    --line-height-bullet-2: var(--line-height-md);
    --line-height-button-1: var(--line-height-lg-plus);
    --line-height-button-2: var(--line-height-md);
    --line-height-caption: var(--line-height-md);
    --line-height-display-1: var(--line-height-2xl);
    --line-height-display-2: var(--line-height-3xl);
    --line-height-display-3: var(--line-height-4xl);
    --line-height-display-4: var(--line-height-5xl);
    --line-height-display-5: var(--line-height-6xl);
    --line-height-form-input: var(--line-height-lg);
    --line-height-form-label: var(--line-height-lg);
    --line-height-overline: var(--line-height-xl);
    --line-height-subheading-1: var(--line-height-2xl);
    --line-height-subheading-2: var(--line-height-xl);
    --line-height-table-cell-primary: var(--line-height-sm-plus);
    --line-height-table-cell: var(--line-height-sm);
    --line-height-table-header: var(--line-height-sm-plus);
    --line-height-tag: var(--line-height-sm-relaxed);
    --line-height-title-1: var(--line-height-2xl);
    --line-height-title-2: var(--line-height-xl);
    --provider-asset-card-container-max-height: var(--breakpoints-provider-asset-card-container-height-lg);
    --provider-asset-cell-asset-card-height: var(--breakpoints-provider-asset-cell-asset-card-height-md);
    --provider-asset-cell-asset-card-width: var(--breakpoints-provider-asset-cell-asset-card-width-md);
    --provider-asset-cell-asset-logo-height: var(--breakpoints-provider-asset-cell-asset-logo-height-md);
    --provider-asset-cell-asset-logo-width: var(--breakpoints-provider-asset-cell-asset-logo-width-md);
    --provider-asset-logo-container-max-height: var(--breakpoints-provider-asset-logo-container-height-lg);
    --provider-asset-logo-container-max-width: var(--breakpoints-provider-asset-container-width-lg);
    --provider-asset-max-height: var(--breakpoints-provider-asset-max-height-lg);
    --provider-asset-max-width: var(--breakpoints-provider-asset-max-width-lg);
    --provider-asset-size-1: var(--breakpoints-provider-asset-width-1-lg);
    --radius-button: var(--roundness-lg);
    --radius-card-inner: var(--roundness-2xl);
    --radius-card: var(--roundness-3xl);
    --radius-none: var(--roundness-none);
    --radius-table: var(--roundness-lg);
    --radius-tooltip: var(--roundness-lg);
    --shapes-icon-size-lg: var(--size-icon-xl);
    --shapes-icon-size-md: var(--size-icon-lg);
    --shapes-icon-size-sm: var(--size-icon-sm);
    --shapes-pictogram-lg: var(--size-picogram-5);
    --shapes-pictogram-md: var(--size-picogram-4);
    --shapes-pictogram-sm: var(--size-picogram-3);
    --shapes-spinner-lg: var(--spinner-size-9);
    --shapes-spinner-md: var(--spinner-size-6);
    --shapes-spinner-sm: var(--spinner-size-3);
    --shapes-stepper-circle: var(--size-picogram-2);
    --spacing-gap-section-y-lg: var(--gap-12);
    --spacing-gap-section-y: var(--gap-8);
    --spacing-gap-soft-12px: var(--spacing-3);
    --spacing-gap-soft-4px: var(--spacing-1);
    --spacing-gap-soft-6px: var(--spacing-1-plus);
    --spacing-gap-soft-8px: var(--spacing-2);
    --spacing-gap-x-sm: var(--gap-4);
    --spacing-gap-x-xs: var(--gap-2);
    --spacing-gap-x: var(--gap-6);
    --spacing-gap-y-sm: var(--gap-4);
    --spacing-gap-y-xs: var(--gap-2);
    --spacing-gap-y: var(--gap-6);
    --spacing-margin-x: var(--spacing-6);
    --spacing-margin-y: var(--spacing-6);
    --spacing-padding-section-x-lg: var(--spacing-10);
    --spacing-padding-section-x: var(--spacing-10);
    --spacing-padding-section-y-lg: var(--spacing-16);
    --spacing-padding-section-y: var(--spacing-12);
    --spacing-padding-soft-12px: var(--spacing-3);
    --spacing-padding-soft-4px: var(--spacing-1);
    --spacing-padding-soft-6px: var(--spacing-1-plus);
    --spacing-padding-soft-8px: var(--spacing-2);
    --spacing-padding-x-sm: var(--spacing-4);
    --spacing-padding-x-xs: var(--spacing-3);
    --spacing-padding-x: var(--spacing-6);
    --spacing-padding-y-sm: var(--spacing-4);
    --spacing-padding-y-xs: var(--spacing-3);
    --spacing-padding-y: var(--spacing-6);
    --table-cell-min-height-small: var(--spacing-12);
    --table-cell-min-height: var(--spacing-18);
    --tag-padding-icon: var(--spacing-1);
    --tag-padding-x: var(--spacing-3);
    --tag-size: var(--size-tag-lg);
    --text-style-letter-spacing: var(--letter-spacing-normal);
    --text-style-paragraph-indent: var(--paragraph-indent-normal);
    --text-style-paragraph-spacing: var(--paragraph-spacing-normal);
  }
}
@media (max-width: 767px) {
  :root {
    --button-gap: var(--gap-1);
    --button-padding-regular-x-icon: var(--spacing-2);
    --button-padding-regular-x: var(--spacing-3);
    --button-padding-small-x-icon: var(--spacing-1-plus);
    --button-padding-small-x: var(--spacing-2);
    --button-padding-toggle: var(--spacing-half);
    --button-size-regular: var(--size-button-sm);
    --button-size-small: var(--size-button-xs);
    --columns-page: var(--columns-2);
    --columns-section-2: var(--columns-1);
    --columns-section-3: var(--columns-1);
    --columns-section-4: var(--columns-1);
    --columns-section-6: var(--columns-1);
    --columns-section-8: var(--columns-2);
    --font-size-badge: var(--font-size-xs);
    --font-size-body-1: var(--font-size-md);
    --font-size-body-2: var(--font-size-sm);
    --font-size-breadcrumb: var(--font-size-xs);
    --font-size-bullet-1: var(--font-size-md);
    --font-size-bullet-2: var(--font-size-sm);
    --font-size-button-1: var(--font-size-md);
    --font-size-button-2: var(--font-size-sm);
    --font-size-caption: var(--font-size-xs);
    --font-size-display-1: var(--font-size-lg-plus);
    --font-size-display-2: var(--font-size-2xl);
    --font-size-display-3: var(--font-size-3xl);
    --font-size-display-4: var(--font-size-3xl);
    --font-size-display-5: var(--font-size-4xl);
    --font-size-form-input: var(--font-size-md);
    --font-size-form-label: var(--font-size-md);
    --font-size-overline: var(--font-size-sm);
    --font-size-subheading-1: var(--font-size-lg);
    --font-size-subheading-2: var(--font-size-md);
    --font-size-table-cell-primary: var(--font-size-sm);
    --font-size-table-cell: var(--font-size-xs-plus);
    --font-size-table-header: var(--font-size-sm);
    --font-size-tag: var(--font-size-sm);
    --font-size-title-1: var(--font-size-lg);
    --font-size-title-2: var(--font-size-md);
    --font-weight-badge: var(--font-weight-medium);
    --font-weight-body-1: var(--font-weight-medium);
    --font-weight-body-2: var(--font-weight-medium);
    --font-weight-breadcrumb: var(--font-weight-medium);
    --font-weight-bullet-1: var(--font-weight-semibold);
    --font-weight-bullet-2: var(--font-weight-semibold);
    --font-weight-button-1: var(--font-weight-semibold);
    --font-weight-button-2: var(--font-weight-semibold);
    --font-weight-caption: var(--font-weight-medium);
    --font-weight-display-1: var(--font-weight-bold);
    --font-weight-display-2: var(--font-weight-bold);
    --font-weight-display-3: var(--font-weight-bold);
    --font-weight-display-4: var(--font-weight-bold);
    --font-weight-display-5: var(--font-weight-bold);
    --font-weight-form-input: var(--font-weight-semibold);
    --font-weight-form-label: var(--font-weight-medium);
    --font-weight-overline: var(--font-weight-semibold);
    --font-weight-subheading-1: var(--font-weight-semibold);
    --font-weight-subheading-2: var(--font-weight-semibold);
    --font-weight-table-cell-normal: var(--font-weight-medium);
    --font-weight-table-cell-primary: var(--font-weight-bold);
    --font-weight-table-cell-strong: var(--font-weight-bold);
    --font-weight-table-header: var(--font-weight-bold);
    --font-weight-tag: var(--font-weight-medium);
    --font-weight-title-1: var(--font-weight-bold);
    --font-weight-title-2: var(--font-weight-bold);
    --form-check-radio-inner-size: var(--size-radio-sm);
    --form-check-radio-size: var(--size-radio-md);
    --form-chip-min-height: var(--form-chip-height-sm);
    --form-inner-element-padding: var(--form-padding-sm);
    --form-size: var(--size-input-sm);
    --general-1-col-width: var(--breakpoints-col-size-xs-col-1-width);
    --general-2-col-width: var(--breakpoints-col-size-xs-col-2-width);
    --general-3-col-width: var(--breakpoints-col-size-xs-col-3-width);
    --general-4-col-width: var(--breakpoints-col-size-xs-col-4-width);
    --general-5-col-width: var(--breakpoints-col-size-xs-col-5-width);
    --general-6-col-width: var(--breakpoints-col-size-xs-col-6-width);
    --general-content-max-width: var(--breakpoints-content-xs);
    --general-narrow-content-max-width-1: var(--breakpoints-content-narrow-1-xs);
    --general-narrow-content-max-width-2: var(--breakpoints-content-narrow-2-xs);
    --general-narrow-content-max-width-3: var(--breakpoints-content-narrow-3-xs);
    --general-narrow-image-height: var(--breakpoints-image-height-narrow-height-xs);
    --general-size: var(--breakpoints-xs);
    --general-top-nav-height: var(--size-top-nav-1);
    --line-height-badge: var(--line-height-xs);
    --line-height-body-1-relaxed: var(--line-height-md-relaxed);
    --line-height-body-1: var(--line-height-md);
    --line-height-body-2-relaxed: var(--line-height-sm-relaxed);
    --line-height-body-2: var(--line-height-sm);
    --line-height-breadcrumb: var(--line-height-xs);
    --line-height-bullet-1: var(--line-height-md);
    --line-height-bullet-2: var(--line-height-sm);
    --line-height-button-1: var(--line-height-md);
    --line-height-button-2: var(--line-height-sm);
    --line-height-caption: var(--line-height-xs);
    --line-height-display-1: var(--line-height-lg-plus);
    --line-height-display-2: var(--line-height-2xl);
    --line-height-display-3: var(--line-height-3xl);
    --line-height-display-4: var(--line-height-3xl);
    --line-height-display-5: var(--line-height-4xl);
    --line-height-form-input: var(--line-height-md);
    --line-height-form-label: var(--line-height-md);
    --line-height-overline: var(--line-height-sm);
    --line-height-subheading-1: var(--line-height-lg);
    --line-height-subheading-2: var(--line-height-md);
    --line-height-table-cell-primary: var(--line-height-sm);
    --line-height-table-cell: var(--line-height-xs-plus);
    --line-height-table-header: var(--line-height-sm);
    --line-height-tag: var(--line-height-xs-relaxed);
    --line-height-title-1: var(--line-height-lg);
    --line-height-title-2: var(--line-height-md);
    --provider-asset-card-container-max-height: var(--breakpoints-provider-asset-card-container-height-xs);
    --provider-asset-cell-asset-card-height: var(--breakpoints-provider-asset-cell-asset-card-height-sm);
    --provider-asset-cell-asset-card-width: var(--breakpoints-provider-asset-cell-asset-card-width-sm);
    --provider-asset-cell-asset-logo-height: var(--breakpoints-provider-asset-cell-asset-logo-height-sm);
    --provider-asset-cell-asset-logo-width: var(--breakpoints-provider-asset-cell-asset-logo-width-sm);
    --provider-asset-logo-container-max-height: var(--breakpoints-provider-asset-logo-container-height-xs);
    --provider-asset-logo-container-max-width: var(--breakpoints-provider-asset-container-width-xs);
    --provider-asset-max-height: var(--breakpoints-provider-asset-max-height-xs);
    --provider-asset-max-width: var(--breakpoints-provider-asset-max-width-xs);
    --provider-asset-size-1: var(--breakpoints-provider-asset-width-1-xs);
    --radius-button: var(--roundness-md);
    --radius-card-inner: var(--roundness-lg);
    --radius-card: var(--roundness-xl);
    --radius-none: var(--roundness-none);
    --radius-table: var(--roundness-md);
    --radius-tooltip: var(--roundness-s);
    --shapes-icon-size-lg: var(--size-icon-md);
    --shapes-icon-size-md: var(--size-icon-sm);
    --shapes-icon-size-sm: var(--size-icon-xs);
    --shapes-pictogram-lg: var(--size-picogram-3);
    --shapes-pictogram-md: var(--size-picogram-2);
    --shapes-pictogram-sm: var(--size-picogram-1);
    --shapes-spinner-lg: var(--spinner-size-7);
    --shapes-spinner-md: var(--spinner-size-4);
    --shapes-spinner-sm: var(--spinner-size-1);
    --shapes-stepper-circle: var(--size-picogram-1);
    --spacing-gap-section-y-lg: var(--gap-8);
    --spacing-gap-section-y: var(--gap-4);
    --spacing-gap-soft-12px: var(--spacing-2);
    --spacing-gap-soft-4px: var(--spacing-half);
    --spacing-gap-soft-6px: var(--spacing-1);
    --spacing-gap-soft-8px: var(--spacing-1-plus);
    --spacing-gap-x-sm: var(--gap-2);
    --spacing-gap-x-xs: var(--gap-1);
    --spacing-gap-x: var(--gap-4);
    --spacing-gap-y-sm: var(--gap-2);
    --spacing-gap-y-xs: var(--gap-1);
    --spacing-gap-y: var(--gap-4);
    --spacing-margin-x: var(--spacing-4);
    --spacing-margin-y: var(--spacing-4);
    --spacing-padding-section-x-lg: var(--spacing-4);
    --spacing-padding-section-x: var(--spacing-4);
    --spacing-padding-section-y-lg: var(--spacing-8);
    --spacing-padding-section-y: var(--spacing-6);
    --spacing-padding-soft-12px: var(--spacing-2);
    --spacing-padding-soft-4px: var(--spacing-half);
    --spacing-padding-soft-6px: var(--spacing-1);
    --spacing-padding-soft-8px: var(--spacing-1-plus);
    --spacing-padding-x-sm: var(--spacing-3);
    --spacing-padding-x-xs: var(--spacing-1);
    --spacing-padding-x: var(--spacing-4);
    --spacing-padding-y-sm: var(--spacing-3);
    --spacing-padding-y-xs: var(--spacing-1);
    --spacing-padding-y: var(--spacing-4);
    --table-cell-min-height-small: var(--spacing-9);
    --table-cell-min-height: var(--spacing-12);
    --tag-padding-icon: var(--spacing-1);
    --tag-padding-x: var(--spacing-2);
    --tag-size: var(--size-tag-sm);
    --text-style-letter-spacing: var(--letter-spacing-normal);
    --text-style-paragraph-indent: var(--paragraph-indent-normal);
    --text-style-paragraph-spacing: var(--paragraph-spacing-normal);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  :root {
    --button-gap: var(--gap-1);
    --button-padding-regular-x-icon: var(--spacing-3);
    --button-padding-regular-x: var(--spacing-3-plus);
    --button-padding-small-x-icon: var(--spacing-2-plus);
    --button-padding-small-x: var(--spacing-3);
    --button-padding-toggle: var(--spacing-half);
    --button-size-regular: var(--size-button-md);
    --button-size-small: var(--size-button-sm);
    --columns-page: var(--columns-4);
    --columns-section-2: var(--columns-2);
    --columns-section-3: var(--columns-3);
    --columns-section-4: var(--columns-2);
    --columns-section-6: var(--columns-3);
    --columns-section-8: var(--columns-4);
    --font-size-badge: var(--font-size-sm);
    --font-size-body-1: var(--font-size-lg);
    --font-size-body-2: var(--font-size-md);
    --font-size-breadcrumb: var(--font-size-sm);
    --font-size-bullet-1: var(--font-size-lg);
    --font-size-bullet-2: var(--font-size-md);
    --font-size-button-1: var(--font-size-lg-plus);
    --font-size-button-2: var(--font-size-md);
    --font-size-caption: var(--font-size-sm);
    --font-size-display-1: var(--font-size-2xl);
    --font-size-display-2: var(--font-size-3xl);
    --font-size-display-3: var(--font-size-4xl);
    --font-size-display-4: var(--font-size-5xl);
    --font-size-display-5: var(--font-size-6xl);
    --font-size-form-input: var(--font-size-lg);
    --font-size-form-label: var(--font-size-md);
    --font-size-overline: var(--font-size-md);
    --font-size-subheading-1: var(--font-size-2xl);
    --font-size-subheading-2: var(--font-size-lg);
    --font-size-table-cell-primary: var(--font-size-sm-plus);
    --font-size-table-cell: var(--font-size-sm);
    --font-size-table-header: var(--font-size-sm-plus);
    --font-size-tag: var(--font-size-sm);
    --font-size-title-1: var(--font-size-xl);
    --font-size-title-2: var(--font-size-lg);
    --font-weight-badge: var(--font-weight-medium);
    --font-weight-body-1: var(--font-weight-medium);
    --font-weight-body-2: var(--font-weight-medium);
    --font-weight-breadcrumb: var(--font-weight-medium);
    --font-weight-bullet-1: var(--font-weight-semibold);
    --font-weight-bullet-2: var(--font-weight-semibold);
    --font-weight-button-1: var(--font-weight-semibold);
    --font-weight-button-2: var(--font-weight-semibold);
    --font-weight-caption: var(--font-weight-medium);
    --font-weight-display-1: var(--font-weight-bold);
    --font-weight-display-2: var(--font-weight-bold);
    --font-weight-display-3: var(--font-weight-bold);
    --font-weight-display-4: var(--font-weight-bold);
    --font-weight-display-5: var(--font-weight-bold);
    --font-weight-form-input: var(--font-weight-semibold);
    --font-weight-form-label: var(--font-weight-medium);
    --font-weight-overline: var(--font-weight-semibold);
    --font-weight-subheading-1: var(--font-weight-semibold);
    --font-weight-subheading-2: var(--font-weight-semibold);
    --font-weight-table-cell-normal: var(--font-weight-medium);
    --font-weight-table-cell-primary: var(--font-weight-bold);
    --font-weight-table-cell-strong: var(--font-weight-bold);
    --font-weight-table-header: var(--font-weight-bold);
    --font-weight-tag: var(--font-weight-medium);
    --font-weight-title-1: var(--font-weight-bold);
    --font-weight-title-2: var(--font-weight-bold);
    --form-check-radio-inner-size: var(--size-radio-sm);
    --form-check-radio-size: var(--size-radio-md);
    --form-chip-min-height: var(--form-chip-height-sm);
    --form-inner-element-padding: var(--form-padding-md);
    --form-size: var(--size-input-md);
    --general-1-col-width: var(--breakpoints-col-size-sm-col-1-width);
    --general-2-col-width: var(--breakpoints-col-size-sm-col-2-width);
    --general-3-col-width: var(--breakpoints-col-size-sm-col-3-width);
    --general-4-col-width: var(--breakpoints-col-size-sm-col-4-width);
    --general-5-col-width: var(--breakpoints-col-size-sm-col-5-width);
    --general-6-col-width: var(--breakpoints-col-size-sm-col-6-width);
    --general-content-max-width: var(--breakpoints-content-sm);
    --general-narrow-content-max-width-1: var(--breakpoints-content-narrow-1-sm);
    --general-narrow-content-max-width-2: var(--breakpoints-content-narrow-2-sm);
    --general-narrow-content-max-width-3: var(--breakpoints-content-narrow-3-sm);
    --general-narrow-image-height: var(--breakpoints-image-height-narrow-height-sm);
    --general-size: var(--breakpoints-sm);
    --general-top-nav-height: var(--size-top-nav-2);
    --line-height-badge: var(--line-height-sm);
    --line-height-body-1-relaxed: var(--line-height-lg-relaxed);
    --line-height-body-1: var(--line-height-lg);
    --line-height-body-2-relaxed: var(--line-height-md-relaxed);
    --line-height-body-2: var(--line-height-md);
    --line-height-breadcrumb: var(--line-height-sm);
    --line-height-bullet-1: var(--line-height-lg);
    --line-height-bullet-2: var(--line-height-md);
    --line-height-button-1: var(--line-height-lg-plus);
    --line-height-button-2: var(--line-height-md);
    --line-height-caption: var(--line-height-sm);
    --line-height-display-1: var(--line-height-2xl);
    --line-height-display-2: var(--line-height-3xl);
    --line-height-display-3: var(--line-height-4xl);
    --line-height-display-4: var(--line-height-5xl);
    --line-height-display-5: var(--line-height-6xl);
    --line-height-form-input: var(--line-height-lg);
    --line-height-form-label: var(--line-height-md);
    --line-height-overline: var(--line-height-md);
    --line-height-subheading-1: var(--line-height-2xl);
    --line-height-subheading-2: var(--line-height-lg);
    --line-height-table-cell-primary: var(--line-height-sm-plus);
    --line-height-table-cell: var(--line-height-sm);
    --line-height-table-header: var(--line-height-sm-plus);
    --line-height-tag: var(--line-height-xs-relaxed);
    --line-height-title-1: var(--line-height-xl);
    --line-height-title-2: var(--line-height-lg);
    --provider-asset-card-container-max-height: var(--breakpoints-provider-asset-card-container-height-sm);
    --provider-asset-cell-asset-card-height: var(--breakpoints-provider-asset-cell-asset-card-height-md);
    --provider-asset-cell-asset-card-width: var(--breakpoints-provider-asset-cell-asset-card-width-md);
    --provider-asset-cell-asset-logo-height: var(--breakpoints-provider-asset-cell-asset-logo-height-md);
    --provider-asset-cell-asset-logo-width: var(--breakpoints-provider-asset-cell-asset-logo-width-md);
    --provider-asset-logo-container-max-height: var(--breakpoints-provider-asset-logo-container-height-sm);
    --provider-asset-logo-container-max-width: var(--breakpoints-provider-asset-container-width-sm);
    --provider-asset-max-height: var(--breakpoints-provider-asset-max-height-sm);
    --provider-asset-max-width: var(--breakpoints-provider-asset-max-width-sm);
    --provider-asset-size-1: var(--breakpoints-provider-asset-width-1-sm);
    --radius-button: var(--roundness-lg);
    --radius-card-inner: var(--roundness-2xl);
    --radius-card: var(--roundness-3xl);
    --radius-none: var(--roundness-none);
    --radius-table: var(--roundness-lg);
    --radius-tooltip: var(--roundness-md);
    --shapes-icon-size-lg: var(--size-icon-xl);
    --shapes-icon-size-md: var(--size-icon-lg);
    --shapes-icon-size-sm: var(--size-icon-sm);
    --shapes-pictogram-lg: var(--size-picogram-4);
    --shapes-pictogram-md: var(--size-picogram-3);
    --shapes-pictogram-sm: var(--size-picogram-2);
    --shapes-spinner-lg: var(--spinner-size-8);
    --shapes-spinner-md: var(--spinner-size-5);
    --shapes-spinner-sm: var(--spinner-size-2);
    --shapes-stepper-circle: var(--size-picogram-2);
    --spacing-gap-section-y-lg: var(--gap-10);
    --spacing-gap-section-y: var(--gap-6);
    --spacing-gap-soft-12px: var(--spacing-2-plus);
    --spacing-gap-soft-4px: var(--spacing-1);
    --spacing-gap-soft-6px: var(--spacing-1-plus);
    --spacing-gap-soft-8px: var(--spacing-2);
    --spacing-gap-x-sm: var(--gap-3);
    --spacing-gap-x-xs: var(--gap-2);
    --spacing-gap-x: var(--gap-5);
    --spacing-gap-y-sm: var(--gap-4);
    --spacing-gap-y-xs: var(--gap-2);
    --spacing-gap-y: var(--gap-6);
    --spacing-margin-x: var(--spacing-4);
    --spacing-margin-y: var(--spacing-4);
    --spacing-padding-section-x-lg: var(--spacing-6);
    --spacing-padding-section-x: var(--spacing-6);
    --spacing-padding-section-y-lg: var(--spacing-10);
    --spacing-padding-section-y: var(--spacing-8);
    --spacing-padding-soft-12px: var(--spacing-2-plus);
    --spacing-padding-soft-4px: var(--spacing-1);
    --spacing-padding-soft-6px: var(--spacing-1-plus);
    --spacing-padding-soft-8px: var(--spacing-2);
    --spacing-padding-x-sm: var(--spacing-3);
    --spacing-padding-x-xs: var(--spacing-2);
    --spacing-padding-x: var(--spacing-4);
    --spacing-padding-y-sm: var(--spacing-3);
    --spacing-padding-y-xs: var(--spacing-2);
    --spacing-padding-y: var(--spacing-4);
    --table-cell-min-height-small: var(--spacing-12);
    --table-cell-min-height: var(--spacing-18);
    --tag-padding-icon: var(--spacing-1);
    --tag-padding-x: var(--spacing-2);
    --tag-size: var(--size-tag-md);
    --text-style-letter-spacing: var(--letter-spacing-normal);
    --text-style-paragraph-indent: var(--paragraph-indent-normal);
    --text-style-paragraph-spacing: var(--paragraph-spacing-normal);
  }
}
:root {
  --colors-neutral-white: #ffffff;
  --colors-neutral-black: #000000;
  --colors-neutral-gray-50: #fafafa;
  --colors-neutral-gray-100: #f5f5f5;
  --colors-neutral-gray-200: #eeeeee;
  --colors-neutral-gray-300: #e0e0e0;
  --colors-neutral-gray-400: #bdbdbd;
  --colors-neutral-gray-500: #9e9e9e;
  --colors-neutral-gray-600: #757575;
  --colors-neutral-gray-700: #616161;
  --colors-neutral-gray-800: #424242;
  --colors-neutral-gray-900: #212121;
  --colors-brand-default-primary-50: #e0f4f8;
  --colors-brand-default-primary-dark: #004a68;
  --colors-brand-default-primary: #04709b;
  --colors-brand-default-secondary-light: #daeac7;
  --colors-brand-default-secondary-dark: #3d6a01;
  --colors-brand-default-secondary: #5d8433;
  --colors-brand-default-cta: #ef6c00;
  --colors-brand-default-cta-light: #fb8c00;
  --colors-brand-default-cta-dark: #e65100;
  --colors-brand-default-primary-100: #b7e7f2;
  --colors-brand-moneyhero-secondary: #ffaf26;
  --colors-brand-moneyhero-primary: #2257b8;
  --colors-brand-moneyhero-primary-50: #e7ebf6;
  --colors-brand-moneyhero-primary-dark: #002981;
  --colors-brand-moneyhero-secondary-light: #fef69d;
  --colors-brand-moneyhero-secondary-dark: #8d4501;
  --colors-brand-moneyhero-cta: #ef6c00;
  --colors-brand-moneyhero-cta-light: #fb8c00;
  --colors-brand-moneyhero-cta-dark: #e65100;
  --colors-brand-moneyhero-primary-100: #c2cbe9;
  --colors-supplementary-red-light: #ffebee;
  --colors-supplementary-red-dark: #b71c1c;
  --colors-supplementary-red: #f44336;
  --colors-supplementary-green: #4caf50;
  --colors-supplementary-green-light: #e8f5e9;
  --colors-supplementary-green-dark: #33691e;
  --colors-supplementary-blue: #1ca1ce;
  --colors-supplementary-blue-light: #e0f4f8;
  --colors-supplementary-blue-dark: #004a68;
  --colors-supplementary-yellow: #ffdf37;
  --colors-supplementary-yellow-light: #fffbce;
  --colors-supplementary-yellow-dark: #6a4a19;
  --colors-supplementary-orange: #ff7043;
  --colors-supplementary-orange-light: #fff3e0;
  --colors-supplementary-orange-dark: #bf360c;
  --colors-campaign-red-1: #ffdddd;
  --colors-campaign-blue-1: #e1fff6;
  --colors-campaign-blue-2: #26c6da;
  --colors-campaign-yellow-1: #fffcce;
  --colors-campaign-yellow-2: #ffd54f;
  --colors-campaign-red-2: #ec407a;
  --colors-campaign-orange-1: #ffebce;
  --colors-campaign-orange-2: #ff9800;
  --colors-campaign-green-1: #e3f9d4;
  --colors-campaign-green-2: #009688;
  --colors-campaign-blue-4: #004a68;
  --colors-campaign-yellow-4: #583600;
  --colors-campaign-red-4: #510000;
  --colors-campaign-orange-4: #822700;
  --colors-campaign-green-4: #005d52;
  --colors-campaign-blue-3: #04709b;
  --colors-campaign-yellow-3: #af6a00;
  --colors-campaign-red-3: #c70000;
  --colors-campaign-orange-3: #de4e00;
  --colors-campaign-green-3: #5d8433;
  --type-face-english: Albert Sans;
  --type-face-traditional-chinese: Noto Sans TC;
  --language-code-cantonese-hk: zh-hk;
  --language-code-english-sg: en-sg;
  --language-code-mandarin-tw: zh-tw;
  --language-code-english-hk: en-hk;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-8: 32px;
  --spacing-9: 36px;
  --spacing-10: 40px;
  --spacing-11: 44px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-18: 72px;
  --spacing-20: 80px;
  --spacing-24: 96px;
  --spacing-27: 108px;
  --spacing-none: 0px;
  --spacing-half: 2px;
  --spacing-1-plus: 6px;
  --spacing-2-plus: 10px;
  --spacing-3-plus: 14px;
  --spacing-4-plus: 18px;
  --roundness-s: 4px;
  --roundness-lg: 8px;
  --roundness-2xl: 12px;
  --roundness-3xl: 16px;
  --roundness-none: 0px;
  --roundness-xl: 10px;
  --roundness-md: 6px;
  --stroke-none: 0px;
  --stroke-default: 1px;
  --stroke-double: 2px;
  --gap-0: 0px;
  --gap-1: 4px;
  --gap-2: 8px;
  --gap-3: 12px;
  --gap-4: 16px;
  --gap-5: 20px;
  --gap-6: 24px;
  --gap-7: 28px;
  --gap-8: 32px;
  --gap-9: 36px;
  --gap-10: 40px;
  --gap-11: 44px;
  --gap-12: 48px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-size-2xl: 24px;
  --font-size-3xl: 28px;
  --font-size-4xl: 34px;
  --font-size-5xl: 42px;
  --font-size-xs: 12px;
  --font-size-6xl: 48px;
  --font-size-sm-plus: 15px;
  --font-size-lg-plus: 20px;
  --font-size-xs-plus: 13px;
  --opacity-0: 0px;
  --opacity-25: 25px;
  --opacity-50: 50px;
  --opacity-75: 75px;
  --opacity-100: 100px;
  --line-height-sm: 18px;
  --line-height-md: 20px;
  --line-height-lg: 22px;
  --line-height-xl: 28px;
  --line-height-2xl: 31px;
  --line-height-xs: 16px;
  --line-height-3xl: 36px;
  --line-height-4xl: 40px;
  --line-height-5xl: 52px;
  --line-height-6xl: 58px;
  --line-height-xs-relaxed: 19px;
  --line-height-sm-relaxed: 23px;
  --line-height-md-relaxed: 26px;
  --line-height-sm-plus: 21px;
  --line-height-lg-plus: 24px;
  --line-height-lg-relaxed: 27px;
  --line-height-xs-plus: 17px;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --letter-spacing-normal: 0px;
  --paragraph-spacing-normal: 0px;
  --paragraph-indent-normal: 0px;
  --size-button-sm: 36px;
  --size-button-md: 40px;
  --size-button-lg: 44px;
  --size-icon-sm: 18px;
  --size-icon-lg: 24px;
  --size-icon-xl: 26px;
  --size-tag-sm: 20px;
  --size-tag-md: 24px;
  --size-tag-lg: 28px;
  --size-icon-md: 22px;
  --size-radio-sm: 18px;
  --size-radio-md: 20px;
  --size-radio-lg: 24px;
  --size-picogram-3: 64px;
  --size-picogram-4: 80px;
  --size-picogram-5: 96px;
  --size-picogram-1: 32px;
  --size-picogram-2: 48px;
  --size-input-sm: 36px;
  --size-input-md: 40px;
  --size-input-lg: 44px;
  --size-top-nav-1: 48px;
  --size-top-nav-2: 64px;
  --size-top-nav-3: 72px;
  --size-top-nav-4: 80px;
  --size-icon-xs: 16px;
  --size-button-xs: 30px;
  --breakpoints-xs: 360px;
  --breakpoints-sm: 768px;
  --breakpoints-md: 1280px;
  --breakpoints-lg: 1440px;
  --breakpoints-content-narrow-3-xs: 328px;
  --breakpoints-content-narrow-3-sm: 720px;
  --breakpoints-content-narrow-3-md: 1010px;
  --breakpoints-content-narrow-3-lg: 1130px;
  --breakpoints-content-xs: 328px;
  --breakpoints-content-sm: 720px;
  --breakpoints-content-md: 1216px;
  --breakpoints-content-lg: 1360px;
  --breakpoints-content-narrow-2-xs: 328px;
  --breakpoints-content-narrow-2-sm: 720px;
  --breakpoints-content-narrow-2-md: 928px;
  --breakpoints-content-narrow-2-lg: 960px;
  --breakpoints-content-narrow-1-md: 880px;
  --breakpoints-content-narrow-1-lg: 896px;
  --breakpoints-content-narrow-1-xs: 312px;
  --breakpoints-content-narrow-1-sm: 680px;
  --breakpoints-image-height-narrow-height-xs: 184px;
  --breakpoints-image-height-narrow-height-sm: 405px;
  --breakpoints-image-height-narrow-height-md: 505px;
  --breakpoints-image-height-narrow-height-lg: 505px;
  --breakpoints-col-size-xs-col-1-width: 70px;
  --breakpoints-col-size-xs-col-2-width: 156px;
  --breakpoints-col-size-sm-col-1-width: 76px;
  --breakpoints-col-size-sm-col-2-width: 168px;
  --breakpoints-col-size-md-col-1-width: 80px;
  --breakpoints-col-size-md-col-2-width: 184px;
  --breakpoints-col-size-lg-col-1-width: 90px;
  --breakpoints-col-size-lg-col-2-width: 206px;
  --breakpoints-col-size-xs-col-3-width: 242px;
  --breakpoints-col-size-sm-col-3-width: 260px;
  --breakpoints-col-size-md-col-4-width: 390px;
  --breakpoints-col-size-lg-col-4-width: 438px;
  --breakpoints-col-size-md-col-3-width: 286px;
  --breakpoints-col-size-lg-col-3-width: 322px;
  --breakpoints-col-size-xs-col-4-width: 328px;
  --breakpoints-col-size-sm-col-4-width: 352px;
  --breakpoints-col-size-xs-col-5-width: 328px;
  --breakpoints-col-size-sm-col-5-width: 444px;
  --breakpoints-col-size-md-col-5-width: 492px;
  --breakpoints-col-size-lg-col-5-width: 554px;
  --breakpoints-col-size-xs-col-6-width: 328px;
  --breakpoints-col-size-sm-col-6-width: 536px;
  --breakpoints-col-size-md-col-6-width: 596px;
  --breakpoints-col-size-lg-col-6-width: 668px;
  --breakpoints-provider-asset-container-width-xs: 296px;
  --breakpoints-provider-asset-container-width-sm: 320px;
  --breakpoints-provider-asset-container-width-md: 342px;
  --breakpoints-provider-asset-container-width-lg: 390px;
  --breakpoints-provider-asset-logo-container-height-xs: 80px;
  --breakpoints-provider-asset-logo-container-height-sm: 88px;
  --breakpoints-provider-asset-logo-container-height-md: 112px;
  --breakpoints-provider-asset-logo-container-height-lg: 120px;
  --breakpoints-provider-asset-max-height-xs: 48px;
  --breakpoints-provider-asset-max-height-sm: 56px;
  --breakpoints-provider-asset-max-height-md: 64px;
  --breakpoints-provider-asset-max-height-lg: 72px;
  --breakpoints-provider-asset-max-width-md: 272px;
  --breakpoints-provider-asset-max-width-lg: 272px;
  --breakpoints-provider-asset-max-width-xs: 192px;
  --breakpoints-provider-asset-max-width-sm: 200px;
  --breakpoints-provider-asset-width-1-xs: 120px;
  --breakpoints-provider-asset-width-1-sm: 140px;
  --breakpoints-provider-asset-width-1-md: 160px;
  --breakpoints-provider-asset-width-1-lg: 180px;
  --breakpoints-provider-asset-card-container-height-xs: 96px;
  --breakpoints-provider-asset-card-container-height-sm: 128px;
  --breakpoints-provider-asset-card-container-height-md: 160px;
  --breakpoints-provider-asset-card-container-height-lg: 192px;
  --breakpoints-provider-asset-cell-asset-logo-width-sm: 56px;
  --breakpoints-provider-asset-cell-asset-logo-height-sm: 20px;
  --breakpoints-provider-asset-cell-asset-card-width-sm: 50px;
  --breakpoints-provider-asset-cell-asset-card-height-sm: 32px;
  --breakpoints-provider-asset-cell-asset-logo-width-md: 88px;
  --breakpoints-provider-asset-cell-asset-logo-height-md: 30px;
  --breakpoints-provider-asset-cell-asset-card-width-md: 78px;
  --breakpoints-provider-asset-cell-asset-card-height-md: 50px;
  --spinner-size-1: 20px;
  --spinner-size-2: 22px;
  --spinner-size-3: 24px;
  --spinner-size-4: 32px;
  --spinner-size-5: 40px;
  --spinner-size-6: 48px;
  --spinner-size-7: 56px;
  --spinner-size-8: 80px;
  --spinner-size-9: 112px;
  --spinner-thickness-1: 2px;
  --spinner-thickness-2: 3px;
  --spinner-thickness-3: 4px;
  --columns-1: 1px;
  --columns-2: 2px;
  --columns-3: 3px;
  --columns-4: 4px;
  --columns-6: 6px;
  --columns-8: 8px;
  --columns-12: 12px;
  --form-padding-sm: 10px;
  --form-padding-md: 12px;
  --form-padding-lg: 12px;
  --form-chip-height-sm: 28px;
  --form-chip-height-md: 34px;
  --form-chip-height-lg: 34px;
}
::placeholder {
  color: var(--text-disabled) !important;
  opacity: 1;
}
::-moz-placeholder {
  color: var(--text-disabled) !important;
  opacity: 1;
}
::-ms-input-placeholder {
  color: var(--text-disabled) !important;
}
.tooltip-container {
  position: relative;
  display: inline-block;
}
.tooltip {
  visibility: hidden;
  width: 322px;
  background-color: white;
  color: #000;
  text-align: left;
  border-radius: var(--radius-radius-tooltip);
  padding: var(--spacing-padding-soft-12px);
  position: absolute;
  z-index: 1000;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: var(--text-font-size-table-cell);
  line-height: 1.4;
  white-space: normal;
  box-shadow: var(--shadow-md);
  line-height: var(--leading-line-height-table-cell);
}
@media (max-width: 640px) {
  .tooltip {
    left: -290px;
    transform: none;
    margin: 0 auto;
    bottom: auto;
    top: 100%;
  }
}
.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}
.tooltip-container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.body-2-relaxed {
  font-size: var(--font-size-body-2);
  font-weight: var(--font-weight-body-2);
  line-height: var(--line-height-body-2-relaxed);
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@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-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: 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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
    }
  }
}