@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');/*! tailwindcss v4.3.3 | 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)))) {
    :root, :host {
      --shimmer-angle: 20deg;
    }

    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-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-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "SF Pro Text", "San Francisco Text", SFproText, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "SF Pro Text", "San Francisco Text", SFproText, -apple-system, BlinkMacSystemFont, sans-serif;
    --default-mono-font-family: var(--font-mono);
  }
}

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

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

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

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

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

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

  img, video {
    max-width: 100%;
    height: auto;
  }

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

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

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

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

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

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

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

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

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  html {
    font-family: SF Pro Text, San Francisco Text, SFproText, -apple-system, BlinkMacSystemFont, sans-serif;
  }

  button:not(:disabled), [role="button"]:not([aria-disabled="true"]), a[href], label[for], summary, select:not(:disabled), input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled), input[type="submit"]:not(:disabled) {
    cursor: pointer;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .top-0 {
    top: 0;
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

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

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .right-0 {
    right: 0;
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }

  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }

  .bottom-0 {
    bottom: 0;
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }

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

  .left-9 {
    left: calc(var(--spacing) * 9);
  }

  .left-17 {
    left: calc(var(--spacing) * 17);
  }

  .left-\[50px\] {
    left: 50px;
  }

  .left-\[54px\] {
    left: 54px;
  }

  .left-\[70px\] {
    left: 70px;
  }

  .left-\[94px\] {
    left: 94px;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .container {
    width: 100%;
  }

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

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

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

  .m-0 {
    margin: 0;
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-\[5px\] {
    margin-inline: 5px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

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

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

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

  .mt-auto {
    margin-top: auto;
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

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

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .list-item {
    display: list-item;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .size-1 {
    width: var(--spacing);
    height: var(--spacing);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7\.5 {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-13\.5 {
    width: calc(var(--spacing) * 13.5);
    height: calc(var(--spacing) * 13.5);
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }

  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }

  .size-\[52px\] {
    width: 52px;
    height: 52px;
  }

  .size-\[54px\] {
    width: 54px;
    height: 54px;
  }

  .size-\[59\%\] {
    width: 59%;
    height: 59%;
  }

  .size-\[62px\] {
    width: 62px;
    height: 62px;
  }

  .size-\[64px\] {
    width: 64px;
    height: 64px;
  }

  .size-\[200px\] {
    width: 200px;
    height: 200px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-0 {
    height: 0;
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

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

  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }

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

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

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

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

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-105 {
    height: calc(var(--spacing) * 105);
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-\[54px\] {
    height: 54px;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[108px\] {
    height: 108px;
  }

  .h-\[294\%\] {
    height: 294%;
  }

  .h-\[640px\] {
    height: 640px;
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[400px\] {
    max-height: 400px;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }

  .min-h-\[760px\] {
    min-height: 760px;
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-18\.75 {
    width: calc(var(--spacing) * 18.75);
  }

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

  .w-27 {
    width: calc(var(--spacing) * 27);
  }

  .w-\[11\.9\%\] {
    width: 11.9%;
  }

  .w-\[23\.6\%\] {
    width: 23.6%;
  }

  .w-\[52\%\] {
    width: 52%;
  }

  .w-\[58\%\] {
    width: 58%;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[68\%\] {
    width: 68%;
  }

  .w-\[75px\] {
    width: 75px;
  }

  .w-\[76\%\] {
    width: 76%;
  }

  .w-\[84\%\] {
    width: 84%;
  }

  .w-\[88\%\] {
    width: 88%;
  }

  .w-\[92\%\] {
    width: 92%;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[124px\] {
    width: 124px;
  }

  .w-\[148px\] {
    width: 148px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[361px\] {
    width: 361px;
  }

  .w-\[370px\] {
    width: 370px;
  }

  .w-\[377px\] {
    width: 377px;
  }

  .w-\[393px\] {
    width: 393px;
  }

  .w-\[820px\] {
    width: 820px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-70 {
    max-width: calc(var(--spacing) * 70);
  }

  .max-w-112\.5 {
    max-width: calc(var(--spacing) * 112.5);
  }

  .max-w-120 {
    max-width: calc(var(--spacing) * 120);
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[329px\] {
    max-width: 329px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[1120px\] {
    max-width: 1120px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-94\.25 {
    min-width: calc(var(--spacing) * 94.25);
  }

  .min-w-\[168px\] {
    min-width: 168px;
  }

  .min-w-\[var\(--anchor-width\)\] {
    min-width: var(--anchor-width);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .origin-\[var\(--transform-origin\)\] {
    transform-origin: var(--transform-origin);
  }

  .origin-center {
    transform-origin: center;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

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

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

  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-\[0\.62\] {
    scale: .62;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[35deg\] {
    rotate: 35deg;
  }

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

  .animate-\[\.\.\.\] {
    animation: ...;
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

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

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

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-content-center {
    place-content: center;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }

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

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-\[inherit\] {
    gap: inherit;
  }

  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }

  .self-center {
    align-self: center;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) * 1.8);
  }

  .rounded-3xl {
    border-radius: calc(var(--radius) * 2.2);
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

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

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) * .8);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: calc(var(--radius) * .6);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) * 1.4);
  }

  .rounded-t-2xl {
    border-top-left-radius: calc(var(--radius) * 1.8);
    border-top-right-radius: calc(var(--radius) * 1.8);
  }

  .rounded-t-\[24px\] {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }

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

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

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

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

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#218FB7\] {
    border-color: #218fb7;
  }

  .border-\[\#A8B0C2\] {
    border-color: #a8b0c2;
  }

  .border-\[color-mix\(in_srgb\,var\(--destructive\)_40\%\,white\)\] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--destructive\)_40\%\,white\)\] {
      border-color: color-mix(in srgb,var(--destructive) 40%,white);
    }
  }

  .border-\[oklch\(from_var\(--destructive\)_0\.96_calc\(c_\*_0\.3\)_h\)\] {
    border-color: oklch(from var(--destructive) .96 calc(c * .3) h);
  }

  .border-\[oklch\(from_var\(--primary\)_0\.96_calc\(c_\*_0\.3\)_h\)\] {
    border-color: oklch(from var(--primary) .96 calc(c * .3) h);
  }

  .border-bank-icon-border\/25 {
    border-color: var(--bank-icon-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-bank-icon-border\/25 {
      border-color: color-mix(in oklab, var(--bank-icon-border) 25%, transparent);
    }
  }

  .border-border {
    border-color: var(--border);
  }

  .border-destructive {
    border-color: var(--destructive);
  }

  .border-input {
    border-color: var(--input);
  }

  .border-merchant-header-border {
    border-color: var(--merchant-header-border);
  }

  .border-muted-foreground {
    border-color: var(--muted-foreground);
  }

  .border-primary {
    border-color: var(--primary);
  }

  .border-radio-border {
    border-color: var(--radio-border);
  }

  .border-red-400\/60 {
    border-color: #ff656899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-400\/60 {
      border-color: color-mix(in oklab, var(--color-red-400) 60%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

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

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-\(--success\,\#569f3c\) {
    background-color: var(--success, #569f3c);
  }

  .bg-\[\#1C2430\] {
    background-color: #1c2430;
  }

  .bg-\[\#218FB7\] {
    background-color: #218fb7;
  }

  .bg-\[\#569f3c\] {
    background-color: #569f3c;
  }

  .bg-\[oklch\(from_var\(--destructive\)_0\.96_calc\(c_\*_0\.3\)_h\)\] {
    background-color: oklch(from var(--destructive) .96 calc(c * .3) h);
  }

  .bg-\[oklch\(from_var\(--primary\)_0\.96_calc\(c_\*_0\.3\)_h\)\] {
    background-color: oklch(from var(--primary) .96 calc(c * .3) h);
  }

  .bg-\[var\(--success\,\#569f3c\)\] {
    background-color: var(--success, #569f3c);
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-black\/40 {
    background-color: #0006;
  }

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

  .bg-black\/50 {
    background-color: #00000080;
  }

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

  .bg-border {
    background-color: var(--border);
  }

  .bg-card, .bg-card\/70 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/70 {
      background-color: color-mix(in oklab, var(--card) 70%, transparent);
    }
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-merchant-header-background {
    background-color: var(--merchant-header-background);
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted-foreground\/35 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/35 {
      background-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
    }
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-primary-foreground {
    background-color: var(--primary-foreground);
  }

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-radio-border {
    background-color: var(--radio-border);
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-transparent {
    background-color: #0000;
  }

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

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/50 {
    background-color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/50 {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[repeating-linear-gradient\(to_bottom\,var\(--primary\)_0_6px\,transparent_6px_12px\)\] {
    background-image: repeating-linear-gradient(to bottom,var(--primary) 0 6px,transparent 6px 12px);
  }

  .from-\[\#734EE5\] {
    --tw-gradient-from: #734ee5;
    --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));
  }

  .from-80\% {
    --tw-gradient-from-position: 80%;
  }

  .to-\[\#FF9000\] {
    --tw-gradient-to: #ff9000;
    --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));
  }

  .fill-card {
    fill: var(--card);
  }

  .fill-muted {
    fill: var(--muted);
  }

  .stroke-bank-icon-border, .stroke-bank-icon-border\/25 {
    stroke: var(--bank-icon-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .stroke-bank-icon-border\/25 {
      stroke: color-mix(in oklab, var(--bank-icon-border) 25%, transparent);
    }
  }

  .stroke-border {
    stroke: var(--border);
  }

  .stroke-primary {
    stroke: var(--primary);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

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

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-\[6px\] {
    padding: 6px;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

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

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-\[108px\] {
    padding-bottom: 108px;
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

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

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .pl-\[52px\] {
    padding-left: 52px;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: SF Pro Text, San Francisco Text, SFproText, -apple-system, BlinkMacSystemFont, sans-serif;
  }

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

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

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

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

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

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-heading-xl {
    font-size: 1.375rem;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-18 {
    --tw-leading: 1.125rem;
    line-height: 1.125rem;
  }

  .leading-22 {
    --tw-leading: 1.375rem;
    line-height: 1.375rem;
  }

  .leading-26 {
    --tw-leading: 1.625rem;
    line-height: 1.625rem;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

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

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[overflow-wrap\:anywhere\], .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .text-\[\#218FB7\] {
    color: #218fb7;
  }

  .text-\[\#734ee5\] {
    color: #734ee5;
  }

  .text-\[\#A8B0C2\] {
    color: #a8b0c2;
  }

  .text-\[\#D3DAE5\] {
    color: #d3dae5;
  }

  .text-\[\#F5F5FB\] {
    color: #f5f5fb;
  }

  .text-\[oklch\(from_var\(--destructive\)_0\.38_c_h\)\] {
    color: oklch(from var(--destructive) .38 c h);
  }

  .text-\[oklch\(from_var\(--primary\)_0\.38_c_h\)\] {
    color: oklch(from var(--primary) .38 c h);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-current {
    color: currentColor;
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-inherit {
    color: inherit;
  }

  .text-merchant-header-amount {
    color: var(--merchant-header-amount);
  }

  .text-merchant-header-name {
    color: var(--merchant-header-name);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

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

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-100 {
    opacity: 1;
  }

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

  .shadow-\[0_3px_6px_0_rgba\(0\,0\,0\,0\.12\)\,0_7px_14px_0_rgba\(42\,54\,73\,0\.08\)\] {
    --tw-shadow: 0 3px 6px 0 var(--tw-shadow-color, #0000001f), 0 7px 14px 0 var(--tw-shadow-color, #2a364914);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_12px_0_rgba\(0\,0\,0\,0\.20\)\] {
    --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0003);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_-2px_8px_0px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0px -2px 8px 0px 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);
  }

  .shadow-\[0px_1px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_2px_4px_0px_rgba\(42\,54\,73\,0\.06\)\] {
    --tw-shadow: 0px 1px 1px 0px var(--tw-shadow-color, #00000008), 0px 2px 4px 0px var(--tw-shadow-color, #2a36490f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_1px_3px_0px_rgba\(42\,54\,73\,0\.16\)\] {
    --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, #2a364929);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_2px_4px_-2px_rgba\(42\,54\,73\,0\.06\)\,0px_4px_8px_-2px_rgba\(42\,54\,73\,0\.1\)\] {
    --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #2a36490f), 0px 4px 8px -2px var(--tw-shadow-color, #2a36491a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_2px_4px_0px_rgba\(0\,0\,0\,0\.08\)\,0px_6px_10px_0px_rgba\(42\,54\,73\,0\.1\)\] {
    --tw-shadow: 0px 2px 4px 0px var(--tw-shadow-color, #00000014), 0px 6px 10px 0px var(--tw-shadow-color, #2a36491a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_2px_6px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_12px_32px_-2px_rgba\(42\,54\,73\,0\.15\)\] {
    --tw-shadow: 0px 2px 6px 0px var(--tw-shadow-color, #0000001a), 0px 12px 32px -2px var(--tw-shadow-color, #2a364926);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_2px_6px_0px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0px 2px 6px 0px var(--tw-shadow-color, #0000001f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px 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);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, var(--foreground));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-xs {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, color-mix(in oklch, var(--foreground) 5%, transparent));
    }
  }

  .shadow-xs {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs\! {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, var(--foreground)) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-xs\! {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, color-mix(in oklch, var(--foreground) 5%, transparent)) !important;
    }
  }

  .shadow-xs\! {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring, .ring-1 {
    --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);
  }

  .ring-bank-icon-border\/25 {
    --tw-ring-color: var(--bank-icon-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-bank-icon-border\/25 {
      --tw-ring-color: color-mix(in oklab, var(--bank-icon-border) 25%, transparent);
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin-top\] {
    transition-property: margin-top;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\] {
    transition-property: margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,background-color\] {
    transition-property: transform, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

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

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .delay-100 {
    transition-delay: .1s;
  }

  .delay-150 {
    transition-delay: .15s;
  }

  .delay-200 {
    transition-delay: .2s;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

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

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

  .duration-400 {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

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

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[160ms\] {
    --tw-duration: .16s;
    transition-duration: .16s;
  }

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

  .\[transition-timing-function\:var\(--ease-drawer\)\] {
    transition-timing-function: var(--ease-drawer);
  }

  .\[transition-timing-function\:var\(--ease-out\)\] {
    transition-timing-function: var(--ease-out);
  }

  .delay-100 {
    --tw-animation-delay: .1s;
    animation-delay: .1s;
  }

  .delay-150 {
    --tw-animation-delay: .15s;
    animation-delay: .15s;
  }

  .delay-200 {
    --tw-animation-delay: .2s;
    animation-delay: .2s;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .fade-out {
    --tw-exit-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .running {
    animation-play-state: running;
  }

  .group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *) {
    opacity: .5;
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .placeholder\:text-\[\#A8B0C2\]::placeholder {
    color: #a8b0c2;
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .placeholder\:opacity-100::placeholder {
    opacity: 1;
  }

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

  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }

  .after\:-inset-y-2:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }

  .first\:border-0:first-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .first\:pt-0:first-child {
    padding-top: 0;
  }

  @media (hover: hover) {
    .hover\:border-\[color-mix\(in_srgb\,var\(--destructive\)_40\%\,white\)\]:hover {
      border-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--destructive\)_40\%\,white\)\]:hover {
        border-color: color-mix(in srgb,var(--destructive) 40%,white);
      }
    }

    .hover\:border-\[oklch\(from_var\(--destructive\)_0\.90_calc\(c_\*_0\.45\)_h\)\]:hover {
      border-color: oklch(from var(--destructive) .9 calc(c * .45) h);
    }

    .hover\:border-\[oklch\(from_var\(--destructive\)_calc\(l_\*_0\.76\)_c_h\)\]:hover {
      border-color: oklch(from var(--destructive) calc(l * .76) c h);
    }

    .hover\:border-\[oklch\(from_var\(--primary\)_0\.90_calc\(c_\*_0\.45\)_h\)\]:hover {
      border-color: oklch(from var(--primary) .9 calc(c * .45) h);
    }

    .hover\:border-primary-hover:hover {
      border-color: var(--primary-hover);
    }

    .hover\:border-ring:hover {
      border-color: var(--ring);
    }

    .hover\:bg-\[\#1C7DA3\]:hover {
      background-color: #1c7da3;
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--destructive\)_8\%\,white\)\]:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--destructive\)_8\%\,white\)\]:hover {
        background-color: color-mix(in srgb,var(--destructive) 8%,white);
      }
    }

    .hover\:bg-\[oklch\(from_var\(--destructive\)_0\.90_calc\(c_\*_0\.45\)_h\)\]:hover {
      background-color: oklch(from var(--destructive) .9 calc(c * .45) h);
    }

    .hover\:bg-\[oklch\(from_var\(--destructive\)_calc\(l_\*_0\.76\)_c_h\)\]:hover {
      background-color: oklch(from var(--destructive) calc(l * .76) c h);
    }

    .hover\:bg-\[oklch\(from_var\(--primary\)_0\.90_calc\(c_\*_0\.45\)_h\)\]:hover {
      background-color: oklch(from var(--primary) .9 calc(c * .45) h);
    }

    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }

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

    .hover\:bg-destructive\/10:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/10:hover {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
      }
    }

    .hover\:bg-muted:hover {
      background-color: var(--muted);
    }

    .hover\:bg-muted-hover:hover {
      background-color: var(--muted-hover);
    }

    .hover\:bg-primary-hover:hover {
      background-color: var(--primary-hover);
    }

    .hover\:bg-primary\/10:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }

    .hover\:bg-white\/15:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .hover\:bg-white\/25:hover {
      background-color: #ffffff40;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/25:hover {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-foreground:hover, .hover\:text-foreground\/70:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/70:hover {
        color: color-mix(in oklab, var(--foreground) 70%, transparent);
      }
    }

    .hover\:text-primary\/80:hover {
      color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary\/80:hover {
        color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:bg-background:focus-visible {
    background-color: var(--background);
  }

  .focus-visible\:text-foreground:focus-visible {
    color: var(--foreground);
  }

  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }

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

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

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

  .focus-visible\:ring-\[\#218FB7\]\/50:focus-visible {
    --tw-ring-color: oklab(60.9342% -.0733557 -.0824811 / .5);
  }

  .focus-visible\:ring-\[color-mix\(in_srgb\,var\(--destructive\)_28\%\,white\)\]:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-\[color-mix\(in_srgb\,var\(--destructive\)_28\%\,white\)\]:focus-visible {
      --tw-ring-color: color-mix(in srgb,var(--destructive) 28%,white);
    }
  }

  .focus-visible\:ring-\[color-mix\(in_srgb\,var\(--primary\)_28\%\,white\)\]:focus-visible {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-\[color-mix\(in_srgb\,var\(--primary\)_28\%\,white\)\]:focus-visible {
      --tw-ring-color: color-mix(in srgb,var(--primary) 28%,white);
    }
  }

  .focus-visible\:ring-red-400\/40:focus-visible {
    --tw-ring-color: #ff656866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-red-400\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--color-red-400) 40%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .active\:scale-\[0\.97\]:active {
    scale: .97;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-input\/50:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-input\/50:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:not-data-\[loading\]\:border-transparent:disabled:not([data-loading]) {
    border-color: #0000;
  }

  .disabled\:not-data-\[loading\]\:bg-muted:disabled:not([data-loading]) {
    background-color: var(--muted);
  }

  .disabled\:not-data-\[loading\]\:text-disabled-foreground:disabled:not([data-loading]) {
    color: var(--disabled-foreground);
  }

  .disabled\:not-data-\[loading\]\:shadow-xs:disabled:not([data-loading]) {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, var(--foreground));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:not-data-\[loading\]\:shadow-xs:disabled:not([data-loading]) {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, color-mix(in oklch, var(--foreground) 5%, transparent));
    }
  }

  .disabled\:not-data-\[loading\]\:shadow-xs:disabled:not([data-loading]) {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .aria-invalid\:aria-checked\:border-primary[aria-invalid="true"][aria-checked="true"] {
    border-color: var(--primary);
  }

  .data-highlighted\:bg-accent[data-highlighted] {
    background-color: var(--accent);
  }

  .data-highlighted\:bg-background[data-highlighted] {
    background-color: var(--background);
  }

  .data-popup-open\:text-foreground[data-popup-open] {
    color: var(--foreground);
  }

  .data-\[closed\]\:pointer-events-none[data-closed] {
    pointer-events: none;
  }

  .data-\[closed\]\:invisible[data-closed] {
    visibility: hidden;
  }

  .data-\[closed\]\:hidden[data-closed] {
    display: none;
  }

  .data-\[ending-style\]\:scale-95[data-ending-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[ending-style\]\:opacity-0[data-ending-style] {
    opacity: 0;
  }

  .data-\[selected\]\:bg-primary\![data-selected] {
    background-color: var(--primary) !important;
  }

  .data-\[selected\]\:text-primary-foreground\![data-selected] {
    color: var(--primary-foreground) !important;
  }

  :is(.\*\*\:data-\[slot\=container\]\:h-160\! *)[data-slot="container"] {
    height: calc(var(--spacing) * 160) !important;
  }

  :is(.\*\*\:data-\[slot\=container\]\:min-h-0\! *)[data-slot="container"] {
    min-height: 0 !important;
  }

  :is(.\*\*\:data-\[slot\=container\]\:w-112\.5\! *)[data-slot="container"] {
    width: calc(var(--spacing) * 112.5) !important;
  }

  :is(.\*\*\:data-\[slot\=container\]\:rounded-none *)[data-slot="container"] {
    border-radius: 0;
  }

  :is(.\*\*\:data-\[slot\=container\]\:shadow-none *)[data-slot="container"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[starting-style\]\:scale-95[data-starting-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[starting-style\]\:opacity-0[data-starting-style] {
    opacity: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[consent-dots-scroll_3\.5s_linear_infinite\] {
      animation: 3.5s linear infinite consent-dots-scroll;
    }

    .motion-safe\:animate-\[success-badge-pop_1100ms_ease-out\] {
      animation: 1.1s ease-out success-badge-pop;
    }

    .motion-safe\:animate-\[success-check-draw_1100ms_ease-out\] {
      animation: 1.1s ease-out success-check-draw;
    }

    .motion-safe\:animate-\[success-disc-in_1100ms_ease-out\] {
      animation: 1.1s ease-out success-disc-in;
    }

    .motion-safe\:animate-\[success-ring-a_1100ms_ease-out\] {
      animation: 1.1s ease-out success-ring-a;
    }

    .motion-safe\:animate-\[success-ring-b_1100ms_ease-out\] {
      animation: 1.1s ease-out success-ring-b;
    }

    .motion-safe\:animate-\[success-shine-narrow_520ms_linear_120ms_both\] {
      animation: .52s linear .12s both success-shine-narrow;
    }

    .motion-safe\:animate-\[success-shine-wide_520ms_linear_120ms_both\] {
      animation: .52s linear .12s both success-shine-wide;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }

    .motion-reduce\:active\:scale-100:active {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (min-width: 480px) {
    .min-\[480px\]\:h-190 {
      height: calc(var(--spacing) * 190);
    }

    .min-\[480px\]\:w-112\.5 {
      width: calc(var(--spacing) * 112.5);
    }

    .min-\[480px\]\:rounded-\[24px\] {
      border-radius: 24px;
    }

    .min-\[480px\]\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 48rem) {
    .md\:sticky {
      position: sticky;
    }

    .md\:top-6 {
      top: calc(var(--spacing) * 6);
    }

    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:col-span-9 {
      grid-column: span 9 / span 9;
    }

    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .md\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }

    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .md\:border-border {
      border-color: var(--border);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .md\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[minmax\(0\,280px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-input\/30 {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-input\/30 {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }

    .dark\:aria-invalid\:border-destructive\/50[aria-invalid="true"] {
      border-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:aria-invalid\:border-destructive\/50[aria-invalid="true"] {
        border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
      }
    }

    .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }

  .data-checked\:border-primary:where([data-state="checked"]), .data-checked\:border-primary:where([data-checked]:not([data-checked="false"])) {
    border-color: var(--primary);
  }

  .data-checked\:bg-primary:where([data-state="checked"]), .data-checked\:bg-primary:where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary);
  }

  .data-checked\:text-primary-foreground:where([data-state="checked"]), .data-checked\:text-primary-foreground:where([data-checked]:not([data-checked="false"])) {
    color: var(--primary-foreground);
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-checked\:bg-primary:where([data-state="checked"]), .dark\:data-checked\:bg-primary:where([data-checked]:not([data-checked="false"])) {
      background-color: var(--primary);
    }
  }

  .data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
    pointer-events: none;
  }

  .data-disabled\:opacity-40:where([data-disabled="true"]), .data-disabled\:opacity-40:where([data-disabled]:not([data-disabled="false"])) {
    opacity: .4;
  }

  .\[\&_\.consent-ais-details-box-step\]\:block .consent-ais-details-box-step {
    display: block;
  }

  .\[\&_\.consent-ais-details-box-step\]\:text-\[\#D3DAE5\] .consent-ais-details-box-step {
    color: #d3dae5;
  }

  .\[\&_a\]\:text-primary a {
    color: var(--primary);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:underline-offset-2 a {
    text-underline-offset: 2px;
  }

  .\[\&_img\]\:object-contain img {
    object-fit: contain;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
    display: none;
  }

  .\[\&\>span\]\:w-full > span {
    width: 100%;
  }

  .\[\&\>span\]\:justify-between > span {
    justify-content: space-between;
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

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

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

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

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

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

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

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}

@property --shimmer-image {
  syntax: "*";
  inherits: false
}

@property --shimmer-text-fill {
  syntax: "*";
  inherits: false
}

@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}

@font-face {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/sf-pro-text-regular-webfont-8h8UIT8y.woff2") format("woff2");
}

@font-face {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/sf-pro-text-medium-webfont-C6sFWWFm.woff2") format("woff2");
}

@font-face {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/sf-pro-text-medium-webfont-C6sFWWFm.woff2") format("woff2");
}

@font-face {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/sf-pro-text-bold-webfont-B3fLc1vb.woff2") format("woff2");
}

@font-face {
  font-family: San Francisco Text;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/sf-pro-text-regular-webfont-8h8UIT8y.woff2") format("woff2");
}

@font-face {
  font-family: San Francisco Text;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/sf-pro-text-medium-webfont-C6sFWWFm.woff2") format("woff2");
}

@font-face {
  font-family: San Francisco Text;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/sf-pro-text-medium-webfont-C6sFWWFm.woff2") format("woff2");
}

@font-face {
  font-family: San Francisco Text;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/sf-pro-text-bold-webfont-B3fLc1vb.woff2") format("woff2");
}

:root {
  --background: oklch(97.2% .008 286.251);
  --foreground: oklch(33.1% .038 259.434);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(33.1% .038 259.434);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(33.1% .038 259.434);
  --primary: oklch(55.1% .216 288.458);
  --primary-hover: oklch(from var(--primary) calc(l * .76) c h);
  --primary-foreground: oklch(100% 0 0);
  --secondary: oklch(94.4% .011 256.696);
  --secondary-foreground: oklch(33.1% .038 259.434);
  --muted: oklch(94.4% .011 256.696);
  --muted-hover: oklch(88.6% .017 259.419);
  --muted-foreground: oklch(54.4% .035 265.1);
  --disabled-foreground: oklch(47.8% .04 264.887);
  --accent: oklch(94.4% .011 256.696);
  --accent-foreground: oklch(33.1% .038 259.434);
  --destructive: oklch(53.7% .203 27.54);
  --success: oklch(67.2% .168 138.399);
  --border: oklch(94.4% .011 256.696);
  --input: oklch(84.3% .019 258.357);
  --ring: oklch(55.1% .216 288.458);
  --chart-1: oklch(55.1% .216 288.458);
  --chart-2: oklch(67.2% .168 138.399);
  --chart-3: oklch(77.6% .138 45.759);
  --chart-4: oklch(53.7% .203 27.54);
  --chart-5: oklch(49.5% .151 288.447);
  --radius: .25rem;
  --sidebar: oklch(100% 0 0);
  --sidebar-foreground: oklch(33.1% .038 259.434);
  --sidebar-primary: oklch(55.1% .216 288.458);
  --sidebar-primary-foreground: oklch(100% 0 0);
  --sidebar-accent: oklch(94.4% .011 256.696);
  --sidebar-accent-foreground: oklch(33.1% .038 259.434);
  --sidebar-border: oklch(94.4% .011 256.696);
  --sidebar-ring: oklch(55.1% .216 288.458);
  --merchant-header-background: oklch(100% 0 0);
  --merchant-header-name: oklch(33.1% .038 259.434);
  --merchant-header-amount: oklch(33.1% .038 259.434);
  --merchant-header-border: oklch(94.4% .011 256.696);
  --bank-icon-border: oklch(75.7% .027 266.547);
  --radio-border: oklch(88.6% .017 259.419);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --ease-drawer: cubic-bezier(.32, .72, 0, 1);
  --ease-out-ui: var(--ease-out);
  --duration-journey-enter: .2s;
  --duration-sheet: .4s;
  --duration-sheet-leave: var(--duration-sheet);
  --stagger-journey: 40ms;
}

html.wl-theme-pending #root {
  visibility: hidden;
}

html:not(.wl-theme-pending) #root {
  visibility: visible;
}

html.wl-white-label [data-slot="header-accent"] {
  display: none;
}

html.wl-white-label [data-slot="header"] {
  margin-bottom: 8px;
}

body.theme-preview-iframe, body.theme-preview-iframe [data-slot="page-shell"] {
  background: none;
}

@keyframes consent-dots-scroll {
  from {
    transform: translateX(-40px);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes selection-check-pop {
  0% {
    opacity: 0;
    transform: scale(.92);
  }

  65% {
    opacity: 1;
    transform: scale(1.04);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes success-badge-pop {
  0% {
    transform: scale(1);
  }

  21.4% {
    transform: scale(1.156);
  }

  26.2% {
    transform: scale(1.156);
  }

  45.2% {
    transform: scale(1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes success-disc-in {
  0%, 4.8% {
    opacity: 0;
    transform: scale(.72);
  }

  9.5% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes success-check-draw {
  0%, 4.8% {
    stroke-dashoffset: 1px;
  }

  47.6% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes success-ring-a {
  0% {
    opacity: 0;
    transform: scale(.96);
  }

  1% {
    opacity: .25;
  }

  35.7% {
    opacity: .12;
    transform: scale(1.792);
  }

  42.9%, 100% {
    opacity: 0;
    transform: scale(1.792);
  }
}

@keyframes success-ring-b {
  0%, 9.5% {
    opacity: 0;
    transform: scale(.848);
  }

  9.6% {
    opacity: .5;
    transform: scale(.848);
  }

  42.9% {
    opacity: .5;
  }

  50% {
    transform: scale(1.792);
  }

  57.1%, 100% {
    opacity: 0;
    transform: scale(1.792);
  }
}

@keyframes success-shine-wide {
  0% {
    opacity: 0;
    transform: translateX(-80%);
  }

  8% {
    opacity: .5;
  }

  25% {
    transform: translateX(-46%);
  }

  50% {
    transform: translateX(-12%);
  }

  75% {
    transform: translateX(22%);
  }

  90% {
    opacity: .5;
  }

  100% {
    opacity: 0;
    transform: translateX(56%);
  }
}

@keyframes success-shine-narrow {
  0% {
    opacity: 0;
    transform: translateX(-56%);
  }

  8% {
    opacity: .5;
  }

  25% {
    transform: translateX(-13%);
  }

  50% {
    transform: translateX(28%);
  }

  75% {
    transform: translateX(55%);
  }

  90% {
    opacity: .5;
  }

  100% {
    opacity: 0;
    transform: translateX(80%);
  }
}

@keyframes outcome-content-in {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bank-sheet-enter {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes bank-sheet-leave {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(100%);
  }
}

@keyframes journey-rise-in {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes journey-rise-in-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animate-bank-sheet-enter {
  animation: bank-sheet-enter var(--duration-sheet) var(--ease-drawer) both;
}

.animate-bank-sheet-leave {
  animation: bank-sheet-leave var(--duration-sheet-leave) var(--ease-drawer) forwards;
}

.animate-bank-card-enter, .animate-journey-rise {
  animation: journey-rise-in var(--duration-journey-enter) var(--ease-out) both;
}

.animate-journey-rise-delay-1 {
  animation-delay: calc(var(--stagger-journey) * 1);
}

.animate-journey-rise-delay-2 {
  animation-delay: calc(var(--stagger-journey) * 2);
}

.animate-journey-rise-delay-3 {
  animation-delay: calc(var(--stagger-journey) * 3);
}

.animate-journey-rise-delay-4 {
  animation-delay: calc(var(--stagger-journey) * 4);
}

.animate-journey-rise-delay-5 {
  animation-delay: calc(var(--stagger-journey) * 5);
}

.animate-outcome-content-in {
  animation: outcome-content-in var(--duration-journey-enter) var(--ease-out) both;
}

@keyframes sheet-content-swap {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sheet-content-swap-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animate-sheet-content-swap {
  animation: sheet-content-swap .18s var(--ease-out) both;
}

.animate-selection-check-pop {
  animation: selection-check-pop .2s var(--ease-out) both;
}

@media (prefers-reduced-motion: reduce) {
  .animate-bank-card-enter, .animate-journey-rise {
    animation-name: journey-rise-in-fade;
    animation-duration: .16s;
  }

  .animate-bank-sheet-enter, .animate-bank-sheet-leave {
    animation: none;
  }

  .animate-bank-sheet-leave {
    opacity: 0;
  }

  .animate-outcome-content-in {
    animation-name: journey-rise-in-fade;
    animation-duration: .16s;
  }

  .animate-sheet-content-swap {
    animation: .14s ease-out both sheet-content-swap-fade;
  }

  .animate-selection-check-pop {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@property --tw-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-ordinal {
  syntax: "*";
  inherits: false
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}


.wallet-adapter-button {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: 'DM Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    border-radius: 4px;
}

.wallet-adapter-button-trigger {
    background-color: #512da8;
}

.wallet-adapter-button:not([disabled]):focus-visible {
    outline-color: white;
}

.wallet-adapter-button:not([disabled]):hover {
    background-color: #1a1f2e;
}

.wallet-adapter-button[disabled] {
    background: #404144;
    color: #999;
    cursor: not-allowed;
}

.wallet-adapter-button-end-icon,
.wallet-adapter-button-start-icon,
.wallet-adapter-button-end-icon img,
.wallet-adapter-button-start-icon img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.wallet-adapter-button-end-icon {
    margin-left: 12px;
}

.wallet-adapter-button-start-icon {
    margin-right: 12px;
}

.wallet-adapter-collapse {
    width: 100%;
}

.wallet-adapter-dropdown {
    position: relative;
    display: inline-block;
}

.wallet-adapter-dropdown-list {
    position: absolute;
    z-index: 99;
    display: grid;
    grid-template-rows: 1fr;
    grid-row-gap: 10px;
    padding: 10px;
    top: 100%;
    right: 0;
    margin: 0;
    list-style: none;
    background: #2c2d30;
    border-radius: 10px;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease, transform 200ms ease, visibility 200ms;
    font-family: 'DM Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.wallet-adapter-dropdown-list-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
}

.wallet-adapter-dropdown-list-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
    color: #fff;
}

.wallet-adapter-dropdown-list-item:not([disabled]):hover {
    background-color: #1a1f2e;
}

.wallet-adapter-modal-collapse-button svg {
    align-self: center;
    fill: #999;
}

.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg {
    transform: rotate(180deg);
    transition: transform ease-in 150ms;
}

.wallet-adapter-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity linear 150ms;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    overflow-y: auto;
}

.wallet-adapter-modal.wallet-adapter-modal-fade-in {
    opacity: 1;
}

.wallet-adapter-modal-button-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 12px;
    cursor: pointer;
    background: #1a1f2e;
    border: none;
    border-radius: 50%;
}

.wallet-adapter-modal-button-close:focus-visible {
    outline-color: white;
}

.wallet-adapter-modal-button-close svg {
    fill: #777;
    transition: fill 200ms ease 0s;
}

.wallet-adapter-modal-button-close:hover svg {
    fill: #fff;
}

.wallet-adapter-modal-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wallet-adapter-modal-container {
    display: flex;
    margin: 3rem;
    min-height: calc(100vh - 6rem); /* 100vh - 2 * margin */
    align-items: center;
    justify-content: center;
}

@media (max-width: 480px) {
    .wallet-adapter-modal-container {
        margin: 1rem;
        min-height: calc(100vh - 2rem); /* 100vh - 2 * margin */
    }
}

.wallet-adapter-modal-wrapper {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 1050;
    max-width: 400px;
    border-radius: 10px;
    background: #10141f;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.6);
    font-family: 'DM Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    flex: 1;
}

.wallet-adapter-modal-wrapper .wallet-adapter-button {
    width: 100%;
}

.wallet-adapter-modal-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    padding: 64px 48px 48px 48px;
    text-align: center;
    color: #fff;
}

@media (max-width: 374px) {
    .wallet-adapter-modal-title {
        font-size: 18px;
    }
}

.wallet-adapter-modal-list {
    margin: 0 0 12px 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.wallet-adapter-modal-list .wallet-adapter-button {
    font-weight: 400;
    border-radius: 0;
    font-size: 18px;
}

.wallet-adapter-modal-list .wallet-adapter-button-end-icon,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon,
.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon img {
    width: 28px;
    height: 28px;
}

.wallet-adapter-modal-list .wallet-adapter-button span {
    margin-left: auto;
    font-size: 14px;
    opacity: .6;
}

.wallet-adapter-modal-list-more {
    cursor: pointer;
    border: none;
    padding: 12px 24px 24px 12px;
    align-self: flex-end;
    display: flex;
    align-items: center;
    background-color: transparent;
    color: #fff;
}

.wallet-adapter-modal-list-more svg {
    transition: all 0.1s ease;
    fill: rgba(255, 255, 255, 1);
    margin-left: 0.5rem;
}

.wallet-adapter-modal-list-more-icon-rotate {
    transform: rotate(180deg);
}

.wallet-adapter-modal-middle {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px 24px 24px;
    box-sizing: border-box;
}

.wallet-adapter-modal-middle-button {
    display: block;
    cursor: pointer;
    margin-top: 48px;
    width: 100%;
    background-color: #512da8;
    padding: 12px;
    font-size: 18px;
    border: none;
    border-radius: 8px;
    color: #fff;
}