/*! tailwindcss v4.3.0 | 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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scrollbar-thumb: #0000;
      --tw-scrollbar-track: #0000;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-outline-style: solid;
    }
  }
}

@layer theme;

@layer base {
  .font-semi-bold {
    font-family: HelveticaNeueLTPro-Hv;
    font-weight: 400;
  }

  .font-bold {
    font-family: HelveticaNeueLTPro-Hv;
    font-weight: 700;
  }
}

@layer components {
  h1, h2, h3, h4, h5 {
    letter-spacing: var(--tracking-tighter);
    line-height: var(--leading-tight);
  }
}

@layer utilities;

@layer ual-design-system {
  .ual-wrapper {
    max-inline-size: var(--wrapper-max-width);
    grid-template-columns: repeat(25, 1fr);
    margin-inline: auto;
    display: grid;
    container-type: inline-size;
  }

  .ual-wrapper > .ual-grid {
    grid-column: 2 / 25;
  }

  .ual-grid {
    column-gap: var(--spacing-grid);
    row-gap: var(--spacing-grid);
    grid-template-columns: repeat(12, 1fr);
    display: grid;
  }

  .ual-grid[data-auto-cols] {
    grid-template-columns: repeat(var(--grid-placement, auto-fill), minmax(var(--grid-min-item-size, 16rem), 1fr));
  }

  .ual-grid[data-auto-cols="one"] {
    grid-template-columns: 1fr;
  }

  .ual-grid[data-auto-cols="two"] {
    --grid-placement: auto-fill;
    --grid-min-item-size: clamp(16rem, 50%, 32rem);
  }

  .ual-grid[data-auto-cols="three"] {
    --grid-placement: auto-fill;
    --grid-min-item-size: clamp(12rem, 33.3333%, 24rem);
  }

  .ual-grid[data-auto-cols="four"] {
    --grid-placement: auto-fill;
    --grid-min-item-size: clamp(10rem, 25%, 18rem);
  }

  .ual-wrapper > .ual-grid[data-auto-cols="two"] {
    --grid-min-item-size: clamp(16rem, 46%, 32rem);
  }

  .ual-wrapper > .ual-grid[data-auto-cols="three"] {
    --grid-min-item-size: clamp(12rem, 30.3333%, 24rem);
  }

  .ual-wrapper > .ual-grid[data-auto-cols="four"] {
    --grid-min-item-size: clamp(10rem, 23%, 18rem);
  }

  .ual-grid > [data-col-width="1/2"] {
    grid-column: span 6;
  }

  .ual-grid > [data-col-width="1/3"] {
    grid-column: span 4;
  }

  .ual-grid > [data-col-width="1/4"] {
    grid-column: span 3;
  }

  .ual-grid[data-grid-demo="true"] {
    min-block-size: var(--spacing-6xl);
    position: relative;
  }

  .ual-grid[data-grid-demo="true"]:before {
    background: repeating-linear-gradient(to right, oklch(70% .15 40 / .15) 0, oklch(70% .15 40 / .15) calc((100% - 11 * var(--spacing-grid)) / 12), transparent calc((100% - 11 * var(--spacing-grid)) / 12), transparent calc((100% - 11 * var(--spacing-grid)) / 12 + var(--spacing-grid)));
    content: "";
    pointer-events: none;
    z-index: 1;
    position: absolute;
    inset: 0;
  }

  @layer base {
    .ual-design-system *, .ual-design-system :after, .ual-design-system :before, .ual-design-system ::backdrop {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0;
    }

    .ual-design-system ::file-selector-button {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0;
    }

    .ual-design-system html, .ual-design-system :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;
    }

    .ual-design-system hr {
      height: 0;
      color: inherit;
      border-top-width: 1px;
    }

    .ual-design-system abbr:where([title]) {
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted;
    }

    .ual-design-system h1, .ual-design-system h2, .ual-design-system h3, .ual-design-system h4, .ual-design-system h5, .ual-design-system h6 {
      font-size: inherit;
      font-weight: inherit;
    }

    .ual-design-system a {
      color: inherit;
      -webkit-text-decoration: inherit;
      -webkit-text-decoration: inherit;
      -webkit-text-decoration: inherit;
      text-decoration: inherit;
    }

    .ual-design-system b, .ual-design-system strong {
      font-weight: bolder;
    }

    .ual-design-system code, .ual-design-system kbd, .ual-design-system samp, .ual-design-system 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;
    }

    .ual-design-system small {
      font-size: 80%;
    }

    .ual-design-system sub, .ual-design-system sup {
      vertical-align: baseline;
      font-size: 75%;
      line-height: 0;
      position: relative;
    }

    .ual-design-system sub {
      bottom: -.25em;
    }

    .ual-design-system sup {
      top: -.5em;
    }

    .ual-design-system table {
      text-indent: 0;
      border-color: inherit;
      border-collapse: collapse;
    }

    .ual-design-system :-moz-focusring {
      outline: auto;
    }

    .ual-design-system progress {
      vertical-align: baseline;
    }

    .ual-design-system summary {
      display: list-item;
    }

    .ual-design-system ol, .ual-design-system ul, .ual-design-system menu {
      list-style: none;
    }

    .ual-design-system img, .ual-design-system svg, .ual-design-system video, .ual-design-system canvas, .ual-design-system audio, .ual-design-system iframe, .ual-design-system embed, .ual-design-system object {
      vertical-align: middle;
      display: block;
    }

    .ual-design-system img, .ual-design-system video {
      max-width: 100%;
      height: auto;
    }

    .ual-design-system button, .ual-design-system input, .ual-design-system select, .ual-design-system optgroup, .ual-design-system textarea {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0;
    }

    .ual-design-system ::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;
    }

    .ual-design-system :where(select:is([multiple], [size])) optgroup {
      font-weight: bolder;
    }

    .ual-design-system :where(select:is([multiple], [size])) optgroup option {
      padding-inline-start: 20px;
    }

    .ual-design-system ::file-selector-button {
      margin-inline-end: 4px;
    }

    .ual-design-system ::placeholder {
      opacity: 1;
    }

    @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
      .ual-design-system ::placeholder {
        color: currentColor;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .ual-design-system ::placeholder {
          color: color-mix(in oklab, currentcolor 50%, transparent);
        }
      }
    }

    .ual-design-system textarea {
      resize: vertical;
    }

    .ual-design-system ::-webkit-search-decoration {
      -webkit-appearance: none;
    }

    .ual-design-system ::-webkit-date-and-time-value {
      min-height: 1lh;
      text-align: inherit;
    }

    .ual-design-system ::-webkit-datetime-edit {
      display: inline-flex;
    }

    .ual-design-system ::-webkit-datetime-edit-fields-wrapper {
      padding: 0;
    }

    .ual-design-system ::-webkit-datetime-edit {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-datetime-edit-year-field {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-datetime-edit-month-field {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-datetime-edit-day-field {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-datetime-edit-hour-field {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-datetime-edit-minute-field {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-datetime-edit-second-field {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-datetime-edit-millisecond-field {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-datetime-edit-meridiem-field {
      padding-block: 0;
    }

    .ual-design-system ::-webkit-calendar-picker-indicator {
      line-height: 1;
    }

    .ual-design-system :-moz-ui-invalid {
      box-shadow: none;
    }

    .ual-design-system button, .ual-design-system input:where([type="button"], [type="reset"], [type="submit"]) {
      appearance: button;
    }

    .ual-design-system ::file-selector-button {
      appearance: button;
    }

    .ual-design-system ::-webkit-inner-spin-button {
      height: auto;
    }

    .ual-design-system ::-webkit-outer-spin-button {
      height: auto;
    }

    .ual-design-system [hidden]:where(:not([hidden="until-found"])) {
      display: none !important;
    }
  }

  .ual-design-system .pointer-events-none {
    pointer-events: none;
  }

  .ual-design-system .collapse {
    visibility: collapse;
  }

  .ual-design-system .visible {
    visibility: visible;
  }

  .ual-design-system .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .ual-design-system .absolute {
    position: absolute;
  }

  .ual-design-system .fixed {
    position: fixed;
  }

  .ual-design-system .relative {
    position: relative;
  }

  .ual-design-system .static {
    position: static;
  }

  .ual-design-system .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .ual-design-system .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .ual-design-system .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .ual-design-system .top-1\/2 {
    top: 50%;
  }

  .ual-design-system .right-xs {
    right: var(--spacing-xs);
  }

  .ual-design-system .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .ual-design-system .bottom-14 {
    bottom: calc(var(--spacing) * 14);
  }

  .ual-design-system .bottom-full {
    bottom: 100%;
  }

  .ual-design-system .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .ual-design-system .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .ual-design-system .left-\[2px\] {
    left: 2px;
  }

  .ual-design-system .z-1 {
    z-index: 1;
  }

  .ual-design-system .z-10 {
    z-index: 10;
  }

  .ual-design-system .z-20 {
    z-index: 20;
  }

  .ual-design-system .col-span-7 {
    grid-column: span 7 / span 7;
  }

  .ual-design-system .col-span-full {
    grid-column: 1 / -1;
  }

  .ual-design-system .col-start-2 {
    grid-column-start: 2;
  }

  .ual-design-system .col-end-25 {
    grid-column-end: 25;
  }

  .ual-design-system .container {
    width: 100%;
  }

  @media (min-width: 37.5rem) {
    .ual-design-system .container {
      max-width: 37.5rem;
    }
  }

  @media (min-width: 40rem) {
    .ual-design-system .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 63rem) {
    .ual-design-system .container {
      max-width: 63rem;
    }
  }

  @media (min-width: 90rem) {
    .ual-design-system .container {
      max-width: 90rem;
    }
  }

  @media (min-width: 96rem) {
    .ual-design-system .container {
      max-width: 96rem;
    }
  }

  .ual-design-system .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .ual-design-system .m-2xs {
    margin: var(--spacing-2xs);
  }

  .ual-design-system .mx-auto {
    margin-inline: auto;
  }

  .ual-design-system .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .ual-design-system .-mbs-2xl\! {
    margin-block-start: calc(var(--spacing-2xl) * -1) !important;
  }

  .ual-design-system .-mbs-3xl\! {
    margin-block-start: calc(var(--spacing-3xl) * -1) !important;
  }

  .ual-design-system .mbs-0\! {
    margin-block-start: calc(var(--spacing) * 0) !important;
  }

  .ual-design-system .mbs-2xl {
    margin-block-start: var(--spacing-2xl);
  }

  .ual-design-system .mbs-4xl {
    margin-block-start: var(--spacing-4xl);
  }

  .ual-design-system .mbs-xl {
    margin-block-start: var(--spacing-xl);
  }

  .ual-design-system .mbs-xs {
    margin-block-start: var(--spacing-xs);
  }

  .ual-design-system .mbe-2xl {
    margin-block-end: var(--spacing-2xl);
  }

  .ual-design-system .mbe-4xl {
    margin-block-end: var(--spacing-4xl);
  }

  .ual-design-system .mbe-md {
    margin-block-end: var(--spacing-md);
  }

  .ual-design-system .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .ual-design-system .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .ual-design-system .mt-lg {
    margin-top: var(--spacing-lg);
  }

  .ual-design-system .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .ual-design-system .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .ual-design-system .block {
    display: block;
  }

  .ual-design-system .contents {
    display: contents;
  }

  .ual-design-system .flex {
    display: flex;
  }

  .ual-design-system .grid {
    display: grid;
  }

  .ual-design-system .hidden {
    display: none;
  }

  .ual-design-system .inline {
    display: inline;
  }

  .ual-design-system .inline-block {
    display: inline-block;
  }

  .ual-design-system .inline-flex {
    display: inline-flex;
  }

  .ual-design-system .aspect-3\/2 {
    aspect-ratio: 3 / 2;
  }

  .ual-design-system .aspect-\[3\/4\] {
    aspect-ratio: 3 / 4;
  }

  .ual-design-system .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .ual-design-system .aspect-\[9\/16\] {
    aspect-ratio: 9 / 16;
  }

  .ual-design-system .aspect-square {
    aspect-ratio: 1;
  }

  .ual-design-system .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .ual-design-system .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .ual-design-system .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .ual-design-system .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .ual-design-system .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .ual-design-system .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .ual-design-system .h-\[1em\] {
    height: 1em;
  }

  .ual-design-system .h-\[34px\] {
    height: 34px;
  }

  .ual-design-system .h-full {
    height: 100%;
  }

  .ual-design-system .max-h-\[50\%\] {
    max-height: 50%;
  }

  .ual-design-system .min-h-87\.5 {
    min-height: calc(var(--spacing) * 87.5);
  }

  .ual-design-system .min-h-150 {
    min-height: calc(var(--spacing) * 150);
  }

  .ual-design-system .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .ual-design-system .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .ual-design-system .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .ual-design-system .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .ual-design-system .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .ual-design-system .w-\[1em\] {
    width: 1em;
  }

  .ual-design-system .w-fit {
    width: fit-content;
  }

  .ual-design-system .w-full {
    width: 100%;
  }

  .ual-design-system .w-max {
    width: max-content;
  }

  .ual-design-system .max-w-97\.5 {
    max-width: calc(var(--spacing) * 97.5);
  }

  .ual-design-system .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }

  .ual-design-system .max-w-\[75\%\] {
    max-width: 75%;
  }

  .ual-design-system .max-w-measure-tight {
    max-width: var(--spacing-measure-tight);
  }

  .ual-design-system .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .ual-design-system .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .ual-design-system .min-w-50 {
    min-width: calc(var(--spacing) * 50);
  }

  .ual-design-system .flex-1 {
    flex: 1;
  }

  .ual-design-system .shrink-0 {
    flex-shrink: 0;
  }

  .ual-design-system .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .ual-design-system .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .ual-design-system .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .ual-design-system .rotate-180 {
    rotate: 180deg;
  }

  .ual-design-system .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .ual-design-system .cursor-pointer {
    cursor: pointer;
  }

  .ual-design-system .scrollbar-thin {
    scrollbar-width: thin;
  }

  .ual-design-system .scrollbar-thumb-content-default {
    --tw-scrollbar-thumb: var(--color-content-default);
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }

  .ual-design-system .scrollbar-track-surface-default {
    --tw-scrollbar-track: var(--color-surface-default);
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }

  .ual-design-system .list-none {
    list-style-type: none;
  }

  .ual-design-system .appearance-none {
    appearance: none;
  }

  .ual-design-system .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ual-design-system .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }

  .ual-design-system .grid-cols-\[repeat\(auto-fit\,minmax\(8rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  }

  .ual-design-system .grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  .ual-design-system .flex-col {
    flex-direction: column;
  }

  .ual-design-system .flex-wrap {
    flex-wrap: wrap;
  }

  .ual-design-system .items-baseline {
    align-items: baseline;
  }

  .ual-design-system .items-center {
    align-items: center;
  }

  .ual-design-system .items-start {
    align-items: flex-start;
  }

  .ual-design-system .justify-between {
    justify-content: space-between;
  }

  .ual-design-system .justify-center {
    justify-content: center;
  }

  .ual-design-system .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .ual-design-system .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .ual-design-system .gap-2xs {
    gap: var(--spacing-2xs);
  }

  .ual-design-system .gap-3xs {
    gap: var(--spacing-3xs);
  }

  .ual-design-system .gap-lg {
    gap: var(--spacing-lg);
  }

  .ual-design-system .gap-md {
    gap: var(--spacing-md);
  }

  .ual-design-system .gap-sm {
    gap: var(--spacing-sm);
  }

  .ual-design-system .gap-xs {
    gap: var(--spacing-xs);
  }

  :where(.ual-design-system .space-y-md > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-md) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-md) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.ual-design-system .space-y-xs > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-xs) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-xs) * calc(1 - var(--tw-space-y-reverse)));
  }

  .ual-design-system .gap-x-xl {
    column-gap: var(--spacing-xl);
  }

  .ual-design-system .gap-y-xs {
    row-gap: var(--spacing-xs);
  }

  .ual-design-system .self-start {
    align-self: flex-start;
  }

  .ual-design-system .overflow-hidden {
    overflow: hidden;
  }

  .ual-design-system .overflow-x-hidden {
    overflow-x: hidden;
  }

  .ual-design-system .overflow-y-auto {
    overflow-y: auto;
  }

  .ual-design-system .rounded {
    border-radius: .25rem;
  }

  .ual-design-system .rounded-\[50px\] {
    border-radius: 50px;
  }

  .ual-design-system .rounded-full {
    border-radius: 3.40282e38px;
  }

  .ual-design-system .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .ual-design-system .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .ual-design-system .border-s-\[0\.3em\] {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: .3em;
  }

  .ual-design-system .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .ual-design-system .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .ual-design-system .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .ual-design-system .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }

  .ual-design-system .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .ual-design-system .border-content-danger {
    border-color: var(--color-content-danger);
  }

  .ual-design-system .border-content-default {
    border-color: var(--color-content-default);
  }

  .ual-design-system .border-current {
    border-color: currentColor;
  }

  .ual-design-system .border-line-default {
    border-color: var(--color-line-default);
  }

  .ual-design-system .border-switch-icon-line-off {
    border-color: var(--color-switch-icon-line-off);
  }

  .ual-design-system .border-white {
    border-color: var(--color-white);
  }

  .ual-design-system .bg-black {
    background-color: var(--color-black);
  }

  .ual-design-system .bg-black\/85 {
    background-color: #000000d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ual-design-system .bg-black\/85 {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }

  .ual-design-system .bg-content-on-inverse {
    background-color: var(--color-content-on-inverse);
  }

  .ual-design-system .bg-filter-surface-default {
    background-color: var(--color-filter-surface-default);
  }

  .ual-design-system .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }

  .ual-design-system .bg-surface-default {
    background-color: var(--color-surface-default);
  }

  .ual-design-system .bg-surface-elevated {
    background-color: var(--color-surface-elevated);
  }

  .ual-design-system .bg-switch-icon-content-off {
    background-color: var(--color-switch-icon-content-off);
  }

  .ual-design-system .bg-switch-icon-surface-off {
    background-color: var(--color-switch-icon-surface-off);
  }

  .ual-design-system .bg-switch-surface-default {
    background-color: var(--color-switch-surface-default);
  }

  .ual-design-system .bg-white {
    background-color: var(--color-white);
  }

  .ual-design-system .object-cover {
    object-fit: cover;
  }

  .ual-design-system .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .ual-design-system .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .ual-design-system .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .ual-design-system .p-sm {
    padding: var(--spacing-sm);
  }

  .ual-design-system .p-sm-xl {
    padding: var(--spacing-sm-xl);
  }

  .ual-design-system .p-xs {
    padding: var(--spacing-xs);
  }

  .ual-design-system .px-2xs {
    padding-inline: var(--spacing-2xs);
  }

  .ual-design-system .px-sm {
    padding-inline: var(--spacing-sm);
  }

  .ual-design-system .px-xs {
    padding-inline: var(--spacing-xs);
  }

  .ual-design-system .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .ual-design-system .py-2xs {
    padding-block: var(--spacing-2xs);
  }

  .ual-design-system .py-3xs {
    padding-block: var(--spacing-3xs);
  }

  .ual-design-system .py-lg-xl {
    padding-block: var(--spacing-lg-xl);
  }

  .ual-design-system .py-xs {
    padding-block: var(--spacing-xs);
  }

  .ual-design-system .ps-\[1lh\] {
    padding-inline-start: 1lh;
  }

  .ual-design-system .pbs-lg {
    padding-block-start: var(--spacing-lg);
  }

  .ual-design-system .pt-xs {
    padding-top: var(--spacing-xs);
  }

  .ual-design-system .pr-xl {
    padding-right: var(--spacing-xl);
  }

  .ual-design-system .pb-md {
    padding-bottom: var(--spacing-md);
  }

  .ual-design-system .pb-xs {
    padding-bottom: var(--spacing-xs);
  }

  .ual-design-system .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .ual-design-system .pl-xs {
    padding-left: var(--spacing-xs);
  }

  .ual-design-system .font-body {
    font-family: var(--font-body);
  }

  .ual-design-system .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .ual-design-system .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .ual-design-system .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .ual-design-system .text-micro {
    font-size: var(--text-micro);
  }

  .ual-design-system .text-step--1 {
    font-size: var(--text-step--1);
  }

  .ual-design-system .text-step-0 {
    font-size: var(--text-step-0);
  }

  .ual-design-system .text-step-1 {
    font-size: var(--text-step-1);
  }

  .ual-design-system .text-step-2 {
    font-size: var(--text-step-2);
  }

  .ual-design-system .text-step-5 {
    font-size: var(--text-step-5);
  }

  .ual-design-system .leading-body {
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
  }

  .ual-design-system .leading-none {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }

  .ual-design-system .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .ual-design-system .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .ual-design-system .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .ual-design-system .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .ual-design-system .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .ual-design-system .wrap-break-word {
    overflow-wrap: break-word;
  }

  .ual-design-system .text-black {
    color: var(--color-black);
  }

  .ual-design-system .text-blue-600 {
    color: var(--color-blue-600);
  }

  .ual-design-system .text-content-danger {
    color: var(--color-content-danger);
  }

  .ual-design-system .text-content-default {
    color: var(--color-content-default);
  }

  .ual-design-system .text-content-primary {
    color: var(--color-content-primary);
  }

  .ual-design-system .text-content-secondary {
    color: var(--color-content-secondary);
  }

  .ual-design-system .text-filter-content-default {
    color: var(--color-filter-content-default);
  }

  .ual-design-system .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .ual-design-system .text-surface-elevated {
    color: var(--color-surface-elevated);
  }

  .ual-design-system .text-switch-content-default {
    color: var(--color-switch-content-default);
  }

  .ual-design-system .text-white {
    color: var(--color-white);
  }

  .ual-design-system .capitalize {
    text-transform: capitalize;
  }

  .ual-design-system .lowercase {
    text-transform: lowercase;
  }

  .ual-design-system .uppercase {
    text-transform: uppercase;
  }

  .ual-design-system .no-underline {
    text-decoration-line: none;
  }

  .ual-design-system .underline {
    text-decoration-line: underline;
  }

  .ual-design-system .decoration-1 {
    text-decoration-thickness: 1px;
  }

  .ual-design-system .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .ual-design-system .opacity-0 {
    opacity: 0;
  }

  .ual-design-system .opacity-100 {
    opacity: 1;
  }

  .ual-design-system .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);
  }

  .ual-design-system .outline-offset-2 {
    outline-offset: 2px;
  }

  .ual-design-system .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, );
  }

  .ual-design-system .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, );
  }

  .ual-design-system .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .ual-design-system .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .ual-design-system .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ual-design-system .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ual-design-system .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ual-design-system .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ual-design-system .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .ual-design-system .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .ual-design-system .group-focus-within\:text-hover:is(:where(.group):focus-within *) {
    color: var(--color-hover);
  }

  @media (hover: hover) {
    .ual-design-system .group-hover\:text-hover:is(:where(.group):hover *) {
      color: var(--color-hover);
    }

    .ual-design-system .group-hover\/link\:decoration-2:is(:where(.group\/link):hover *) {
      text-decoration-thickness: 2px;
    }

    .ual-design-system .group-hover\/link\:underline-offset-4:is(:where(.group\/link):hover *) {
      text-underline-offset: 4px;
    }
  }

  .ual-design-system .group-focus\/link\:decoration-2:is(:where(.group\/link):focus *) {
    text-decoration-thickness: 2px;
  }

  .ual-design-system .group-focus\/link\:underline-offset-4:is(:where(.group\/link):focus *) {
    text-underline-offset: 4px;
  }

  .ual-design-system .group-active\/link\:decoration-2:is(:where(.group\/link):active *) {
    text-decoration-thickness: 2px;
  }

  .ual-design-system .group-active\/link\:underline-offset-2:is(:where(.group\/link):active *) {
    text-underline-offset: 2px;
  }

  .ual-design-system .peer-checked\:translate-x-\[20px\]:is(:where(.peer):checked ~ *) {
    --tw-translate-x: 20px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .ual-design-system .peer-checked\:border-switch-icon-line-on:is(:where(.peer):checked ~ *) {
    border-color: var(--color-switch-icon-line-on);
  }

  .ual-design-system .peer-checked\:bg-switch-icon-content-on:is(:where(.peer):checked ~ *) {
    background-color: var(--color-switch-icon-content-on);
  }

  .ual-design-system .peer-checked\:bg-switch-icon-surface-on:is(:where(.peer):checked ~ *) {
    background-color: var(--color-switch-icon-surface-on);
  }

  .ual-design-system .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) {
    opacity: 1;
  }

  .ual-design-system .placeholder\:text-content-disabled::placeholder {
    color: var(--color-content-disabled);
  }

  .ual-design-system .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .ual-design-system .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .ual-design-system .before\:inset-0:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .ual-design-system .before\:inset-0\.75:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * .75);
  }

  .ual-design-system .before\:z-0:before {
    content: var(--tw-content);
    z-index: 0;
  }

  .ual-design-system .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .ual-design-system .before\:bg-\[rgba\(42\,42\,42\,0\.75\)\]:before {
    content: var(--tw-content);
    background-color: #2a2a2abf;
  }

  .ual-design-system .before\:bg-content-default:before {
    content: var(--tw-content);
    background-color: var(--color-content-default);
  }

  .ual-design-system .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }

  .ual-design-system .before\:opacity-100:before {
    content: var(--tw-content);
    opacity: 1;
  }

  .ual-design-system .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .ual-design-system .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .ual-design-system .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .ual-design-system .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .ual-design-system .checked\:before\:opacity-100:checked:before {
    content: var(--tw-content);
    opacity: 1;
  }

  .ual-design-system .focus-within\:bg-hover:focus-within {
    background-color: var(--color-hover);
  }

  .ual-design-system .focus-within\:text-hover:focus-within {
    color: var(--color-hover);
  }

  @media (hover: hover) {
    .ual-design-system .hover\:cursor-pointer:hover {
      cursor: pointer;
    }

    .ual-design-system .hover\:bg-filter-surface-hover:hover {
      background-color: var(--color-filter-surface-hover);
    }

    .ual-design-system .hover\:bg-hover:hover {
      background-color: var(--color-hover);
    }

    .ual-design-system .hover\:bg-switch-surface-hover:hover {
      background-color: var(--color-switch-surface-hover);
    }

    .ual-design-system .hover\:text-black:hover {
      color: var(--color-black);
    }

    .ual-design-system .hover\:text-filter-content-hover:hover {
      color: var(--color-filter-content-hover);
    }

    .ual-design-system .hover\:text-hover:hover {
      color: var(--color-hover);
    }

    .ual-design-system .hover\:text-orange-700:hover {
      color: var(--color-orange-700);
    }

    .ual-design-system .hover\:text-switch-content-hover:hover {
      color: var(--color-switch-content-hover);
    }

    .ual-design-system .hover\:no-underline:hover {
      text-decoration-line: none;
    }

    .ual-design-system .hover\:decoration-2:hover {
      text-decoration-thickness: 2px;
    }

    .ual-design-system .hover\:underline-offset-4:hover {
      text-underline-offset: 4px;
    }
  }

  .ual-design-system .focus\:bg-hover:focus {
    background-color: var(--color-hover);
  }

  .ual-design-system .focus\:text-black:focus {
    color: var(--color-black);
  }

  .ual-design-system .focus\:text-hover:focus {
    color: var(--color-hover);
  }

  .ual-design-system .focus\:text-orange-700:focus {
    color: var(--color-orange-700);
  }

  .ual-design-system .focus\:no-underline:focus {
    text-decoration-line: none;
  }

  .ual-design-system .focus\:decoration-2:focus {
    text-decoration-thickness: 2px;
  }

  .ual-design-system .focus\:underline-offset-4:focus {
    text-underline-offset: 4px;
  }

  .ual-design-system .focus\:ring:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ual-design-system .focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .ual-design-system .focus\:outline-content-default:focus {
    outline-color: var(--color-content-default);
  }

  .ual-design-system .active\:border-b-2:active {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .ual-design-system .active\:border-filter-line-pressed:active {
    border-color: var(--color-filter-line-pressed);
  }

  .ual-design-system .active\:border-switch-line-pressed:active {
    border-color: var(--color-switch-line-pressed);
  }

  .ual-design-system .active\:bg-active:active {
    background-color: var(--color-active);
  }

  .ual-design-system .active\:bg-filter-surface-pressed:active {
    background-color: var(--color-filter-surface-pressed);
  }

  .ual-design-system .active\:bg-switch-surface-pressed:active {
    background-color: var(--color-switch-surface-pressed);
  }

  .ual-design-system .active\:text-active:active {
    color: var(--color-active);
  }

  .ual-design-system .active\:text-black:active {
    color: var(--color-black);
  }

  .ual-design-system .active\:text-filter-content-pressed:active {
    color: var(--color-filter-content-pressed);
  }

  .ual-design-system .active\:text-switch-content-pressed:active {
    color: var(--color-switch-content-pressed);
  }

  .ual-design-system .active\:decoration-2:active {
    text-decoration-thickness: 2px;
  }

  .ual-design-system .active\:underline-offset-2:active {
    text-underline-offset: 2px;
  }

  .ual-design-system .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .ual-design-system .disabled\:border-content-disabled:disabled {
    border-color: var(--color-content-disabled);
  }

  .ual-design-system .disabled\:bg-surface-disabled:disabled {
    background-color: var(--color-surface-disabled);
  }

  .ual-design-system .disabled\:text-content-disabled:disabled {
    color: var(--color-content-disabled);
  }

  .ual-design-system .aria-expanded\:border-filter-line-selected[aria-expanded="true"] {
    border-color: var(--color-filter-line-selected);
  }

  .ual-design-system .aria-expanded\:bg-filter-surface-selected[aria-expanded="true"] {
    background-color: var(--color-filter-surface-selected);
  }

  .ual-design-system .aria-expanded\:text-filter-content-selected[aria-expanded="true"] {
    color: var(--color-filter-content-selected);
  }

  @media (min-width: 37.5rem) {
    .ual-design-system .md\:col-start-2 {
      grid-column-start: 2;
    }

    .ual-design-system .md\:col-end-12 {
      grid-column-end: 12;
    }

    .ual-design-system .md\:-mbs-4xl\! {
      margin-block-start: calc(var(--spacing-4xl) * -1) !important;
    }

    .ual-design-system .md\:-mbs-6xl\! {
      margin-block-start: calc(var(--spacing-6xl) * -1) !important;
    }

    .ual-design-system .md\:block {
      display: block;
    }

    .ual-design-system .md\:hidden {
      display: none;
    }

    .ual-design-system .md\:w-1\/2 {
      width: 50%;
    }

    .ual-design-system .md\:flex-row {
      flex-direction: row;
    }

    .ual-design-system .md\:gap-md {
      gap: var(--spacing-md);
    }

    .ual-design-system .md\:px-sm {
      padding-inline: var(--spacing-sm);
    }
  }

  @media (min-width: 63rem) {
    .ual-design-system .lg\:max-h-62\.5 {
      max-height: calc(var(--spacing) * 62.5);
    }

    .ual-design-system .lg\:min-h-50 {
      min-height: calc(var(--spacing) * 50);
    }

    .ual-design-system .lg\:w-1\/3 {
      width: 33.3333%;
    }

    .ual-design-system .lg\:flex-row {
      flex-direction: row;
    }

    .ual-design-system .lg\:justify-end {
      justify-content: flex-end;
    }

    .ual-design-system .lg\:gap-md {
      gap: var(--spacing-md);
    }

    .ual-design-system .lg\:self-stretch {
      align-self: stretch;
    }
  }

  @media (min-width: 90rem) {
    .ual-design-system .xl\:col-start-3 {
      grid-column-start: 3;
    }

    .ual-design-system .xl\:col-end-11 {
      grid-column-end: 11;
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .ual-design-system .dark\:hover\:text-orange-700:hover {
        color: var(--color-orange-700);
      }
    }

    .ual-design-system .dark\:focus\:text-orange-700:focus {
      color: var(--color-orange-700);
    }
  }

  .ual-design-system .has-\[button\[aria-expanded\=\'true\'\]\]\:\[\&\>figcaption\]\:block:has(:is(button[aria-expanded="true"])) > figcaption {
    display: block;
  }

  .ual-design-system .has-\[button\[aria-expanded\=\'true\'\]\]\:\[\&\>img\]\:brightness-15:has(:is(button[aria-expanded="true"])) > img {
    --tw-brightness: brightness(15%);
    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, );
  }

  .ual-design-system .bg-button {
    background-color: var(--color-orange-700);
    color: var(--color-black);
    word-break: break-word;
    max-width: 100%;
    margin-block-start: 0;
  }

  .ual-design-system {
    background-color: var(--color-surface-default);
    color: var(--color-content-primary);
    line-height: var(--leading-body);
  }

  .ual-design-system h1 {
    font-size: var(--text-step-4);
    font-family: HelveticaNeueLTPro-Hv;
    line-height: var(--leading-tight);
  }

  .ual-design-system h2 {
    font-size: var(--text-step-3);
    font-family: HelveticaNeueLTPro-Hv;
    line-height: var(--leading-tight);
  }

  .ual-design-system h3 {
    font-size: var(--text-step-2);
    line-height: var(--leading-tight);
  }

  .ual-design-system h4 {
    font-size: var(--text-step-1);
    line-height: var(--leading-tight);
  }

  .ual-design-system :where(ul):not([class]) {
    padding-inline-start: 1lh;
    list-style: square;
  }

  .ual-design-system :where(ol):not([class]) {
    padding-inline-start: 1lh;
    list-style: decimal;
  }

  .ual-design-system a:not([class]) {
    text-decoration: underline;
  }

  .ual-design-system a:not([class]):hover, .ual-design-system a:not([class]):focus {
    color: var(--color-hover);
    text-decoration: none;
  }

  .ual-design-system a:not([class]):active {
    color: var(--color-pressed);
    --tw-prose-links: var(--color-pressed);
    text-decoration: none;
  }
}

:root, :host {
  --text-base: 1rem;
  --text-micro: 1rem;
  --text-step--1: clamp(.8752rem, .8553rem + .0886vw, .935rem);
  --text-step-0: clamp(1.0625rem, 1.0208rem + .1852vw, 1.1875rem);
  --text-step-1: clamp(1.2899rem, 1.2171rem + .3233vw, 1.5081rem);
  --text-step-2: clamp(1.5659rem, 1.4494rem + .5176vw, 1.9153rem);
  --text-step-3: clamp(1.901rem, 1.7239rem + .7873vw, 2.4325rem);
  --text-step-4: clamp(2.3078rem, 2.0474rem + 1.1576vw, 3.0892rem);
  --text-step-5: clamp(2.8017rem, 2.4278rem + 1.6616vw, 3.9233rem);
  --spacing-3xs: clamp(.25rem, .2292rem + .0926vw, .3125rem);
  --spacing-2xs: clamp(.5625rem, .5417rem + .0926vw, .625rem);
  --spacing-xs: clamp(.8125rem, .7917rem + .0926vw, .875rem);
  --spacing-sm: clamp(1.0625rem, 1.0208rem + .1852vw, 1.1875rem);
  --spacing-md: clamp(1.625rem, 1.5625rem + .2778vw, 1.8125rem);
  --spacing-lg: clamp(2.125rem, 2.0417rem + .3704vw, 2.375rem);
  --spacing-xl: clamp(2.6875rem, 2.5833rem + .463vw, 3rem);
  --spacing-2xl: clamp(3.1875rem, 3.0625rem + .5556vw, 3.5625rem);
  --spacing-3xl: clamp(4.25rem, 4.0833rem + .7407vw, 4.75rem);
  --spacing-4xl: clamp(5.3125rem, 5.1042rem + .9259vw, 5.9375rem);
  --spacing-6xl: clamp(8.5rem, 8.1667rem + 1.4815vw, 9.5rem);
  --spacing-lg-xl: clamp(2.125rem, 1.8333rem + 1.2963vw, 3rem);
  --spacing-sm-xl: clamp(1.0625rem, .4167rem + 2.8704vw, 3rem);
  --spacing-measure-tight: 60ch;
  --spacing-grid: clamp(.9rem, 0rem + 4vw, 4rem);
  --font-body: "HelveticaNeueLTPro-Md";
  --tracking-tighter: -.012em;
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.4;
  --leading-body: 1.5;
  --color-white: #fff;
  --color-neutral-100: #f6f6f6;
  --color-neutral-200: #d1d1d1;
  --color-neutral-400: gray;
  --color-neutral-600: #3b3b3b;
  --color-neutral-700: #171717;
  --color-neutral-800: #0a0a0a;
  --color-black: #000;
  --color-orange-400: #ff8500;
  --color-orange-700: #ff5000;
  --color-green-400: #1aeb25;
  --color-green-700: #008400;
  --color-red-400: #ff3737;
  --color-red-700: #ff3737;
  --color-surface-default: var(--color-neutral-100);
  --color-surface-elevated: var(--color-white);
  --color-content-default: var(--color-black);
  --color-content-primary: var(--color-neutral-700);
  --color-content-secondary: var(--color-neutral-600);
  --color-surface-disabled: var(--color-neutral-200);
  --color-content-disabled: var(--color-neutral-400);
  --color-content-on-inverse: var(--color-white);
  --color-content-danger: var(--color-red-700);
  --color-line-default: var(--color-neutral-700);
  --color-hover: var(--color-orange-700);
  --color-active: var(--color-orange-400);
  --color-filter-surface-default: var(--color-neutral-100);
  --color-filter-surface-hover: var(--color-white);
  --color-filter-surface-pressed: var(--color-neutral-200);
  --color-filter-surface-selected: var(--color-black);
  --color-filter-content-default: var(--color-black);
  --color-filter-content-hover: var(--color-black);
  --color-filter-content-pressed: var(--color-black);
  --color-filter-content-selected: var(--color-white);
  --color-filter-line-pressed: var(--color-neutral-700);
  --color-filter-line-selected: var(--color-neutral-700);
  --color-switch-surface-default: var(--color-neutral-100);
  --color-switch-surface-hover: var(--color-white);
  --color-switch-surface-pressed: var(--color-neutral-200);
  --color-switch-content-default: var(--color-black);
  --color-switch-content-hover: var(--color-black);
  --color-switch-content-pressed: var(--color-black);
  --color-switch-line-pressed: var(--color-neutral-700);
  --color-switch-icon-surface-off: var(--color-neutral-100);
  --color-switch-icon-surface-on: var(--color-black);
  --color-switch-icon-line-off: var(--color-neutral-700);
  --color-switch-icon-line-on: var(--color-neutral-700);
  --color-switch-icon-content-off: var(--color-black);
  --color-switch-icon-content-on: var(--color-white);
  --wrapper-max-width: 1600px;
  --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-blue-600: oklch(54.6% .245 262.881);
  --spacing: .25rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base--line-height: calc(1.5 / 1);
  --font-weight-bold: 700;
  --leading-normal: 1.5;
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --aspect-video: 16 / 9;
  --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);
}

@font-face {
  font-family: HelveticaNeueLTPro-Md;
  src: url("https://static.arts.ac.uk/assets/fonts/3726C7_0_0.eot");
  src: url("https://static.arts.ac.uk/assets/fonts/3726C7_0_0.eot?#iefix") format("embedded-opentype"), url("https://static.arts.ac.uk/assets/fonts/3726C7_0_0.woff2") format("woff2"), url("https://static.arts.ac.uk/assets/fonts/3726C7_0_0.woff") format("woff"), url("https://static.arts.ac.uk/assets/fonts/3726C7_0_0.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: HelveticaNeueLTPro-Hv;
  src: url("https://static.arts.ac.uk/assets/fonts/3726C7_1_0.eot");
  src: url("https://static.arts.ac.uk/assets/fonts/3726C7_1_0.eot?#iefix") format("embedded-opentype"), url("https://static.arts.ac.uk/assets/fonts/3726C7_1_0.woff2") format("woff2"), url("https://static.arts.ac.uk/assets/fonts/3726C7_1_0.woff") format("woff"), url("https://static.arts.ac.uk/assets/fonts/3726C7_1_0.ttf") format("truetype"), url("/Helvetica%20Neue%2075%20Bold.ttf") format("truetype");
  font-display: swap;
}

body, html {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-family: HelveticaNeueLTPro-Md, Helvetica, Arial, sans-serif;
}

#storybook-root, .sb-show-main, .sb-main-padded {
  font-family: HelveticaNeueLTPro-Md, Helvetica, Arial, sans-serif;
}

.ual-design-system :not(.ual-wrapper):not(.ual-grid) > :is(div:not([class]), h1, h2, h3, h4, ul, ol, p, a, blockquote) + :is(div:not([class]), h1, h2, h3, h4, ul, ol, p, a, blockquote) {
  --flow-space: 1em;
  margin-block-start: var(--flow-space);
  margin-block-end: 0;
}

.ual-design-system :is(h1, h2, h3) {
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ual-design-system.has-lead > p:first-of-type {
  font-size: var(--text-step-1);
}

.ual-design-system.has-lead > p:first-of-type + * {
  --flow-space: var(--spacing-md);
}

.ual-design-system :is(p, li, dl, figcaption, blockquote) {
  text-wrap: pretty;
}

.ual-design-system :is(figure, table), .ual-design-system :is(figure, table) + * {
  --flow-space: var(--spacing-lg);
}

.ual-design-system * + :is(h1, h2, h3, h4):not([class]), .ual-design-system * + div:not([class]):has( > :is(h1, h2, h3, h4):not([class])) {
  --flow-space: 1.5em;
}

.ual-design-system :is(h1 + *, div:not([class]):has( > h1) + *) {
  --flow-space: var(--spacing-sm);
}

.ual-design-system :is(h2 + *, div:not([class]):has( > h2) + *) {
  --flow-space: var(--spacing-xs);
}

.ual-design-system :is(h3 + *, div:not([class]):has( > h3) + *) {
  --flow-space: var(--spacing-2xs);
}

.ual-design-system :is(h4 + *, div:not([class]):has( > h4) + *) {
  --flow-space: var(--spacing-3xs);
}

.ual-design-system :is(h1 + h2, h2 + h3, h3 + h4):not([class]), .ual-design-system div:not([class]):has( > h1) + div:not([class]):has( > h2), .ual-design-system div:not([class]):has( > h2) + div:not([class]):has( > h3), .ual-design-system div:not([class]):has( > h3) + div:not([class]):has( > h4) {
  --flow-space: .75em;
}

.ual-design-system :where(* + ul, * + ol), .ual-design-system :is(ul, ol):not([class]) li + li, .ual-design-system :is(ul, ol):not([class]) li > :is(ol, ul) {
  --flow-space: var(--spacing-2xs);
}

.ual-design-system ul li {
  margin-block-start: var(--spacing-2xs);
}

.ual-design-system hr {
  --flow-space: var(--spacing-xl);
}

.ual-design-system blockquote {
  border-inline-start: .3em solid;
  padding-inline-start: 1lh;
}

.ual-design-system br {
  display: none !important;
}

.dark .ual-design-system blockquote {
  color: #fff;
  border-color: #fff;
}

.dark {
  --color-surface-default: var(--color-neutral-700);
  --color-surface-elevated: var(--color-neutral-800);
  --color-surface-inverse: var(--color-white);
  --color-content-default: var(--color-white);
  --color-content-primary: var(--color-neutral-100);
  --color-content-secondary: var(--color-neutral-200);
  --color-surface-disabled: var(--color-neutral-600);
  --color-content-disabled: var(--color-neutral-400);
  --color-content-on-inverse: var(--color-black);
  --color-content-success: var(--color-green-400);
  --color-content-danger: var(--color-red-400);
  --color-content-success-on-inverse: var(--color-green-700);
  --color-content-danger-on-inverse: var(--color-red-700);
  --color-line-default: var(--color-neutral-100);
  --color-filter-surface-default: var(--color-neutral-700);
  --color-filter-surface-hover: var(--color-neutral-600);
  --color-filter-surface-pressed: var(--color-neutral-800);
  --color-filter-surface-selected: var(--color-white);
  --color-filter-content-default: var(--color-white);
  --color-filter-content-hover: var(--color-white);
  --color-filter-content-pressed: var(--color-white);
  --color-filter-content-selected: var(--color-black);
  --color-filter-line-default: var(--color-neutral-100);
  --color-filter-line-hover: var(--color-neutral-100);
  --color-filter-line-pressed: var(--color-neutral-100);
  --color-filter-line-selected: var(--color-neutral-100);
  --color-filter-icon-default: var(--color-white);
  --color-filter-icon-hover: var(--color-white);
  --color-filter-icon-pressed: var(--color-white);
  --color-filter-icon-selected: var(--color-black);
  --color-switch-surface-default: var(--color-neutral-700);
  --color-switch-surface-hover: var(--color-neutral-600);
  --color-switch-surface-pressed: var(--color-neutral-800);
  --color-switch-surface-selected: var(--color-black);
  --color-switch-content-default: var(--color-white);
  --color-switch-content-hover: var(--color-white);
  --color-switch-content-pressed: var(--color-white);
  --color-switch-content-selected: var(--color-white);
  --color-switch-line-default: var(--color-neutral-100);
  --color-switch-line-hover: var(--color-neutral-100);
  --color-switch-line-pressed: var(--color-neutral-100);
  --color-switch-line-selected: var(--color-neutral-100);
  --color-switch-icon-surface-off: var(--color-neutral-700);
  --color-switch-icon-surface-on: var(--color-white);
  --color-switch-icon-line-off: var(--color-neutral-100);
  --color-switch-icon-line-on: var(--color-neutral-100);
  --color-switch-icon-content-off: var(--color-white);
  --color-switch-icon-content-on: var(--color-black);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scrollbar-thumb {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-scrollbar-track {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 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-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-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}