/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer utilities {
  .\[pointer-events\:none\] {
    pointer-events: none;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .inset-\[0\] {
    inset: 0;
  }
  .top-\[100\%\] {
    top: 100%;
  }
  .right-\[0\] {
    right: 0;
  }
  .left-\[0\] {
    left: 0;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[30\] {
    z-index: 30;
  }
  .mx-\[-20px\] {
    margin-inline: -20px;
  }
  .mx-\[auto\] {
    margin-inline: auto;
  }
  .\[margin-inline-end\:16px\] {
    margin-inline-end: 16px;
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[8px\] {
    margin-top: 8px;
  }
  .mt-\[12px\] {
    margin-top: 12px;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[24px\] {
    margin-top: 24px;
  }
  .mt-\[28px\] {
    margin-top: 28px;
  }
  .mt-\[32px\] {
    margin-top: 32px;
  }
  .mt-\[40px\] {
    margin-top: 40px;
  }
  .ml-\[0px\] {
    margin-left: 0px;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .\[aspect-ratio\:1_\/_1\] {
    aspect-ratio: 1 / 1;
  }
  .\[aspect-ratio\:4_\/_3\] {
    aspect-ratio: 4 / 3;
  }
  .\[aspect-ratio\:4_\/_5\] {
    aspect-ratio: 4 / 5;
  }
  .\[aspect-ratio\:8_\/_5\] {
    aspect-ratio: 8 / 5;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .min-h-\[24px\] {
    min-height: 24px;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[76px\] {
    min-height: 76px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[304px\] {
    width: 304px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[335px\] {
    max-width: 335px;
  }
  .max-w-\[350px\] {
    max-width: 350px;
  }
  .max-w-\[430px\] {
    max-width: 430px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[530px\] {
    max-width: 530px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[550px\] {
    max-width: 550px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[740px\] {
    max-width: 740px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[780px\] {
    max-width: 780px;
  }
  .max-w-\[1232px\] {
    max-width: 1232px;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .\[flex-grow\:0\] {
    flex-grow: 0;
  }
  .\[flex-basis\:auto\] {
    flex-basis: auto;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .\[scroll-snap-type\:none\] {
    scroll-snap-type: none;
  }
  .\[grid-template-columns\:repeat\(2\,_minmax\(0\,_1fr\)\)\] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-\[0px\] {
    gap: 0px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-x-\[16px\] {
    column-gap: 16px;
  }
  .gap-y-\[20px\] {
    row-gap: 20px;
  }
  .\[align-self\:flex-start\] {
    align-self: flex-start;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-\[var\(--ds-radius-avatar\)\] {
    border-radius: var(--ds-radius-avatar);
  }
  .rounded-\[var\(--ds-radius-button\)\] {
    border-radius: var(--ds-radius-button);
  }
  .rounded-\[var\(--ds-radius-image\)\] {
    border-radius: var(--ds-radius-image);
  }
  .rounded-\[var\(--ds-radius-panel\)\] {
    border-radius: var(--ds-radius-panel);
  }
  .bg-\[color\:var\(--ds-dark-band\)\] {
    background-color: var(--ds-dark-band);
  }
  .bg-\[color\:var\(--ds-footer\)\] {
    background-color: var(--ds-footer);
  }
  .bg-\[color\:var\(--ds-header\)\] {
    background-color: var(--ds-header);
  }
  .bg-\[color\:var\(--ds-page\)\] {
    background-color: var(--ds-page);
  }
  .bg-\[color\:var\(--ds-primary\)\] {
    background-color: var(--ds-primary);
  }
  .bg-\[color\:var\(--ds-primary-fill\)\] {
    background-color: var(--ds-primary-fill);
  }
  .bg-\[color\:var\(--ds-surface\)\] {
    background-color: var(--ds-surface);
  }
  .bg-\[color\:var\(--ds-surface-raised\)\] {
    background-color: var(--ds-surface-raised);
  }
  .\[background-image\:radial-gradient\(color-mix\(in_oklab\,_var\(--ds-primary\)_45\%\,_transparent\)_1px\,_transparent_1\.6px\)\] {
    background-image: radial-gradient(var(--ds-primary) 1px, transparent 1.6px);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(color-mix(in oklab, var(--ds-primary) 45%, transparent) 1px, transparent 1.6px);
    }
  }
  .\[mask-image\:linear-gradient\(90deg\,_transparent_0\%\,_transparent_45\%\,_\#000_100\%\)\] {
    mask-image: linear-gradient(90deg, transparent 0%, transparent 45%, #000 100%);
  }
  .\[background-size\:22px_22px\] {
    background-size: 22px 22px;
  }
  .\[object-fit\:contain\] {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .\[object-position\:center_bottom\] {
    object-position: center bottom;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[20px\] {
    padding-block: 20px;
  }
  .py-\[32px\] {
    padding-block: 32px;
  }
  .py-\[64px\] {
    padding-block: 64px;
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[8px\] {
    padding-top: 8px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pt-\[56px\] {
    padding-top: 56px;
  }
  .pt-\[64px\] {
    padding-top: 64px;
  }
  .pb-\[24px\] {
    padding-bottom: 24px;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pb-\[56px\] {
    padding-bottom: 56px;
  }
  .pb-\[64px\] {
    padding-bottom: 64px;
  }
  .text-center {
    text-align: center;
  }
  .\[font-family\:var\(--ds-font-body\)\] {
    font-family: var(--ds-font-body);
  }
  .\[font-family\:var\(--ds-font-heading\)\] {
    font-family: var(--ds-font-heading);
  }
  .text-\[length\:11px\] {
    font-size: 11px;
  }
  .text-\[length\:12px\] {
    font-size: 12px;
  }
  .text-\[length\:13px\] {
    font-size: 13px;
  }
  .text-\[length\:14px\] {
    font-size: 14px;
  }
  .text-\[length\:15px\] {
    font-size: 15px;
  }
  .text-\[length\:16px\] {
    font-size: 16px;
  }
  .text-\[length\:17px\] {
    font-size: 17px;
  }
  .text-\[length\:18px\] {
    font-size: 18px;
  }
  .text-\[length\:20px\] {
    font-size: 20px;
  }
  .text-\[length\:22px\] {
    font-size: 22px;
  }
  .text-\[length\:26px\] {
    font-size: 26px;
  }
  .text-\[length\:28px\] {
    font-size: 28px;
  }
  .text-\[length\:34px\] {
    font-size: 34px;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
  .\[font-weight\:500\] {
    font-weight: 500;
  }
  .\[font-weight\:600\] {
    font-weight: 600;
  }
  .\[font-weight\:700\] {
    font-weight: 700;
  }
  .\[font-weight\:800\] {
    font-weight: 800;
  }
  .tracking-\[0\.01em\] {
    --tw-tracking: 0.01em;
    letter-spacing: 0.01em;
  }
  .\[white-space\:nowrap\] {
    white-space: nowrap;
  }
  .text-\[color\:var\(--ds-body\)\] {
    color: var(--ds-body);
  }
  .text-\[color\:var\(--ds-dark-band\)\] {
    color: var(--ds-dark-band);
  }
  .text-\[color\:var\(--ds-dark-muted\)\] {
    color: var(--ds-dark-muted);
  }
  .text-\[color\:var\(--ds-ink\)\] {
    color: var(--ds-ink);
  }
  .text-\[color\:var\(--ds-muted\)\] {
    color: var(--ds-muted);
  }
  .text-\[color\:var\(--ds-on-dark\)\] {
    color: var(--ds-on-dark);
  }
  .text-\[color\:var\(--ds-on-primary\)\] {
    color: var(--ds-on-primary);
  }
  .text-\[color\:var\(--ds-primary\)\] {
    color: var(--ds-primary);
  }
  .text-\[color\:var\(--ds-primary-on-light\)\] {
    color: var(--ds-primary-on-light);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .\[text-decoration-color\:var\(--ds-primary\)\] {
    text-decoration-color: var(--ds-primary);
  }
  .\[text-decoration-thickness\:2px\] {
    text-decoration-thickness: 2px;
  }
  .\[text-underline-offset\:8px\] {
    text-underline-offset: 8px;
  }
  .\[opacity\:0\.35\] {
    opacity: 0.35;
  }
  .\[box-shadow\:0_6px_20px_color-mix\(in_oklab\,_var\(--ds-dark-band\)_6\%\,_transparent\)\] {
    box-shadow: 0 6px 20px var(--ds-dark-band);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 6px 20px color-mix(in oklab, var(--ds-dark-band) 6%, transparent);
    }
  }
  .\[box-shadow\:0_12px_28px_color-mix\(in_oklab\,_var\(--ds-dark-band\)_16\%\,_transparent\)\] {
    box-shadow: 0 12px 28px var(--ds-dark-band);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 12px 28px color-mix(in oklab, var(--ds-dark-band) 16%, transparent);
    }
  }
  .\[box-shadow\:0_16px_24px_rgba\(0\,_0\,_0\,_0\.12\)\] {
    box-shadow: 0 16px 24px rgba(0, 0, 0, 0.12);
  }
  .\[transition-property\:color\,_background-color\] {
    transition-property: color, background-color;
  }
  .\[transition-duration\:150ms\] {
    transition-duration: 150ms;
  }
  .\[transition-timing-function\:cubic-bezier\(0\.4\,_0\,_0\.2\,_1\)\] {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .\[border-bottom\:1px_solid_rgba\(255\,_255\,_255\,_0\.12\)\] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .\[border-top\:1px_solid_color-mix\(in_oklab\,_\#fff_20\%\,_transparent\)\] {
    border-top: 1px solid color-mix(in oklab, #fff 20%, transparent);
  }
  .\[border-top\:1px_solid_rgba\(255\,_255\,_255\,_0\.12\)\] {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .\[border\:1px_solid_color-mix\(in_oklab\,_\#fff_25\%\,_transparent\)\] {
    border: 1px solid color-mix(in oklab, #fff 25%, transparent);
  }
  .\[border\:1px_solid_var\(--ds-line\)\] {
    border: 1px solid var(--ds-line);
  }
  .hover\:bg-\[color\:color-mix\(in_oklab\,_\#fff_10\%\,_transparent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #fff 10%, transparent);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-accent-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-accent-soft);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-primary-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-primary-hover);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-dark-muted\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-dark-muted);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-on-dark\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-on-dark);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-primary-on-light\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-primary-on-light);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .min-\[768px\]\:mx-\[-28px\] {
    @media (width >= 768px) {
      margin-inline: -28px;
    }
  }
  .min-\[768px\]\:px-\[28px\] {
    @media (width >= 768px) {
      padding-inline: 28px;
    }
  }
  .min-\[1024px\]\:absolute {
    @media (width >= 1024px) {
      position: absolute;
    }
  }
  .min-\[1024px\]\:inset-\[0\] {
    @media (width >= 1024px) {
      inset: 0;
    }
  }
  .min-\[1024px\]\:\[inset-inline\:0\] {
    @media (width >= 1024px) {
      inset-inline: 0;
    }
  }
  .min-\[1024px\]\:\[right\:max\(40px\,_calc\(\(100\%_-_1152px\)_\/_2\)\)\] {
    @media (width >= 1024px) {
      right: max(40px, calc((100% - 1152px) / 2));
    }
  }
  .min-\[1024px\]\:bottom-\[-56px\] {
    @media (width >= 1024px) {
      bottom: -56px;
    }
  }
  .min-\[1024px\]\:bottom-\[0\] {
    @media (width >= 1024px) {
      bottom: 0;
    }
  }
  .min-\[1024px\]\:z-\[3\] {
    @media (width >= 1024px) {
      z-index: 3;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_3\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 3;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_4\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 4;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_5\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 5;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_6\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 6;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_8\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 8;
    }
  }
  .min-\[1024px\]\:\[grid-column\:4_\/_span_7\] {
    @media (width >= 1024px) {
      grid-column: 4 / span 7;
    }
  }
  .min-\[1024px\]\:\[grid-column\:5_\/_span_5\] {
    @media (width >= 1024px) {
      grid-column: 5 / span 5;
    }
  }
  .min-\[1024px\]\:\[grid-column\:6_\/_span_4\] {
    @media (width >= 1024px) {
      grid-column: 6 / span 4;
    }
  }
  .min-\[1024px\]\:\[grid-column\:7_\/_span_6\] {
    @media (width >= 1024px) {
      grid-column: 7 / span 6;
    }
  }
  .min-\[1024px\]\:\[grid-column\:8_\/_span_5\] {
    @media (width >= 1024px) {
      grid-column: 8 / span 5;
    }
  }
  .min-\[1024px\]\:\[grid-column\:9_\/_span_4\] {
    @media (width >= 1024px) {
      grid-column: 9 / span 4;
    }
  }
  .min-\[1024px\]\:\[grid-column\:10_\/_span_3\] {
    @media (width >= 1024px) {
      grid-column: 10 / span 3;
    }
  }
  .min-\[1024px\]\:\[grid-column\:11_\/_span_2\] {
    @media (width >= 1024px) {
      grid-column: 11 / span 2;
    }
  }
  .min-\[1024px\]\:mx-\[0\] {
    @media (width >= 1024px) {
      margin-inline: 0;
    }
  }
  .min-\[1024px\]\:\[margin-inline-end\:20px\] {
    @media (width >= 1024px) {
      margin-inline-end: 20px;
    }
  }
  .min-\[1024px\]\:mt-\[0\] {
    @media (width >= 1024px) {
      margin-top: 0;
    }
  }
  .min-\[1024px\]\:mt-\[32px\] {
    @media (width >= 1024px) {
      margin-top: 32px;
    }
  }
  .min-\[1024px\]\:mt-\[40px\] {
    @media (width >= 1024px) {
      margin-top: 40px;
    }
  }
  .min-\[1024px\]\:mt-\[48px\] {
    @media (width >= 1024px) {
      margin-top: 48px;
    }
  }
  .min-\[1024px\]\:mt-\[56px\] {
    @media (width >= 1024px) {
      margin-top: 56px;
    }
  }
  .min-\[1024px\]\:block {
    @media (width >= 1024px) {
      display: block;
    }
  }
  .min-\[1024px\]\:flex {
    @media (width >= 1024px) {
      display: flex;
    }
  }
  .min-\[1024px\]\:grid {
    @media (width >= 1024px) {
      display: grid;
    }
  }
  .min-\[1024px\]\:hidden {
    @media (width >= 1024px) {
      display: none;
    }
  }
  .min-\[1024px\]\:\[aspect-ratio\:1_\/_1\] {
    @media (width >= 1024px) {
      aspect-ratio: 1 / 1;
    }
  }
  .min-\[1024px\]\:h-\[36px\] {
    @media (width >= 1024px) {
      height: 36px;
    }
  }
  .min-\[1024px\]\:h-\[43px\] {
    @media (width >= 1024px) {
      height: 43px;
    }
  }
  .min-\[1024px\]\:h-\[48px\] {
    @media (width >= 1024px) {
      height: 48px;
    }
  }
  .min-\[1024px\]\:h-\[56px\] {
    @media (width >= 1024px) {
      height: 56px;
    }
  }
  .min-\[1024px\]\:h-\[96px\] {
    @media (width >= 1024px) {
      height: 96px;
    }
  }
  .min-\[1024px\]\:h-\[610px\] {
    @media (width >= 1024px) {
      height: 610px;
    }
  }
  .min-\[1024px\]\:max-h-\[540px\] {
    @media (width >= 1024px) {
      max-height: 540px;
    }
  }
  .min-\[1024px\]\:max-h-\[610px\] {
    @media (width >= 1024px) {
      max-height: 610px;
    }
  }
  .min-\[1024px\]\:min-h-\[112px\] {
    @media (width >= 1024px) {
      min-height: 112px;
    }
  }
  .min-\[1024px\]\:min-h-\[340px\] {
    @media (width >= 1024px) {
      min-height: 340px;
    }
  }
  .min-\[1024px\]\:min-h-\[680px\] {
    @media (width >= 1024px) {
      min-height: 680px;
    }
  }
  .min-\[1024px\]\:w-\[36px\] {
    @media (width >= 1024px) {
      width: 36px;
    }
  }
  .min-\[1024px\]\:w-\[43px\] {
    @media (width >= 1024px) {
      width: 43px;
    }
  }
  .min-\[1024px\]\:w-\[48px\] {
    @media (width >= 1024px) {
      width: 48px;
    }
  }
  .min-\[1024px\]\:w-\[56px\] {
    @media (width >= 1024px) {
      width: 56px;
    }
  }
  .min-\[1024px\]\:w-\[260px\] {
    @media (width >= 1024px) {
      width: 260px;
    }
  }
  .min-\[1024px\]\:w-\[auto\] {
    @media (width >= 1024px) {
      width: auto;
    }
  }
  .min-\[1024px\]\:max-w-\[500px\] {
    @media (width >= 1024px) {
      max-width: 500px;
    }
  }
  .min-\[1024px\]\:max-w-\[530px\] {
    @media (width >= 1024px) {
      max-width: 530px;
    }
  }
  .min-\[1024px\]\:max-w-\[570px\] {
    @media (width >= 1024px) {
      max-width: 570px;
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:2fr_3fr\] {
    @media (width >= 1024px) {
      grid-template-columns: 2fr 3fr;
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:repeat\(2\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 1024px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:repeat\(3\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 1024px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:repeat\(4\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 1024px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:repeat\(12\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 1024px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .min-\[1024px\]\:flex-row {
    @media (width >= 1024px) {
      flex-direction: row;
    }
  }
  .min-\[1024px\]\:\[align-content\:center\] {
    @media (width >= 1024px) {
      align-content: center;
    }
  }
  .min-\[1024px\]\:items-center {
    @media (width >= 1024px) {
      align-items: center;
    }
  }
  .min-\[1024px\]\:justify-center {
    @media (width >= 1024px) {
      justify-content: center;
    }
  }
  .min-\[1024px\]\:justify-end {
    @media (width >= 1024px) {
      justify-content: flex-end;
    }
  }
  .min-\[1024px\]\:gap-\[16px\] {
    @media (width >= 1024px) {
      gap: 16px;
    }
  }
  .min-\[1024px\]\:gap-\[20px\] {
    @media (width >= 1024px) {
      gap: 20px;
    }
  }
  .min-\[1024px\]\:gap-\[24px\] {
    @media (width >= 1024px) {
      gap: 24px;
    }
  }
  .min-\[1024px\]\:gap-\[30px\] {
    @media (width >= 1024px) {
      gap: 30px;
    }
  }
  .min-\[1024px\]\:gap-x-\[24px\] {
    @media (width >= 1024px) {
      column-gap: 24px;
    }
  }
  .min-\[1024px\]\:gap-x-\[30px\] {
    @media (width >= 1024px) {
      column-gap: 30px;
    }
  }
  .min-\[1024px\]\:gap-y-\[0\] {
    @media (width >= 1024px) {
      row-gap: 0;
    }
  }
  .min-\[1024px\]\:gap-y-\[20px\] {
    @media (width >= 1024px) {
      row-gap: 20px;
    }
  }
  .min-\[1024px\]\:gap-y-\[24px\] {
    @media (width >= 1024px) {
      row-gap: 24px;
    }
  }
  .min-\[1024px\]\:bg-\[color\:color-mix\(in_oklab\,_var\(--ds-header\)_0\%\,_transparent\)\] {
    @media (width >= 1024px) {
      background-color: var(--ds-header);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--ds-header) 0%, transparent);
      }
    }
  }
  .min-\[1024px\]\:bg-\[color\:var\(--ds-header\)\] {
    @media (width >= 1024px) {
      background-color: var(--ds-header);
    }
  }
  .min-\[1024px\]\:\[padding-inline\:max\(40px\,_calc\(\(100vw_-_1152px\)_\/_2\)\)\] {
    @media (width >= 1024px) {
      padding-inline: max(40px, calc((100vw - 1152px) / 2));
    }
  }
  .min-\[1024px\]\:px-\[0\] {
    @media (width >= 1024px) {
      padding-inline: 0;
    }
  }
  .min-\[1024px\]\:px-\[20px\] {
    @media (width >= 1024px) {
      padding-inline: 20px;
    }
  }
  .min-\[1024px\]\:px-\[28px\] {
    @media (width >= 1024px) {
      padding-inline: 28px;
    }
  }
  .min-\[1024px\]\:px-\[40px\] {
    @media (width >= 1024px) {
      padding-inline: 40px;
    }
  }
  .min-\[1024px\]\:py-\[0\] {
    @media (width >= 1024px) {
      padding-block: 0;
    }
  }
  .min-\[1024px\]\:py-\[24px\] {
    @media (width >= 1024px) {
      padding-block: 24px;
    }
  }
  .min-\[1024px\]\:py-\[96px\] {
    @media (width >= 1024px) {
      padding-block: 96px;
    }
  }
  .min-\[1024px\]\:pt-\[80px\] {
    @media (width >= 1024px) {
      padding-top: 80px;
    }
  }
  .min-\[1024px\]\:pt-\[96px\] {
    @media (width >= 1024px) {
      padding-top: 96px;
    }
  }
  .min-\[1024px\]\:pt-\[152px\] {
    @media (width >= 1024px) {
      padding-top: 152px;
    }
  }
  .min-\[1024px\]\:pb-\[0\] {
    @media (width >= 1024px) {
      padding-bottom: 0;
    }
  }
  .min-\[1024px\]\:pb-\[32px\] {
    @media (width >= 1024px) {
      padding-bottom: 32px;
    }
  }
  .min-\[1024px\]\:pb-\[80px\] {
    @media (width >= 1024px) {
      padding-bottom: 80px;
    }
  }
  .min-\[1024px\]\:pb-\[88px\] {
    @media (width >= 1024px) {
      padding-bottom: 88px;
    }
  }
  .min-\[1024px\]\:pb-\[96px\] {
    @media (width >= 1024px) {
      padding-bottom: 96px;
    }
  }
  .min-\[1024px\]\:pb-\[128px\] {
    @media (width >= 1024px) {
      padding-bottom: 128px;
    }
  }
  .min-\[1024px\]\:text-left {
    @media (width >= 1024px) {
      text-align: left;
    }
  }
  .min-\[1024px\]\:text-\[length\:15px\] {
    @media (width >= 1024px) {
      font-size: 15px;
    }
  }
  .min-\[1024px\]\:text-\[length\:16px\] {
    @media (width >= 1024px) {
      font-size: 16px;
    }
  }
  .min-\[1024px\]\:text-\[length\:17px\] {
    @media (width >= 1024px) {
      font-size: 17px;
    }
  }
  .min-\[1024px\]\:text-\[length\:20px\] {
    @media (width >= 1024px) {
      font-size: 20px;
    }
  }
  .min-\[1024px\]\:text-\[length\:24px\] {
    @media (width >= 1024px) {
      font-size: 24px;
    }
  }
  .min-\[1024px\]\:text-\[length\:40px\] {
    @media (width >= 1024px) {
      font-size: 40px;
    }
  }
  .min-\[1024px\]\:text-\[length\:44px\] {
    @media (width >= 1024px) {
      font-size: 44px;
    }
  }
  .min-\[1024px\]\:text-\[length\:64px\] {
    @media (width >= 1024px) {
      font-size: 64px;
    }
  }
  .min-\[1024px\]\:leading-\[1\.5\] {
    @media (width >= 1024px) {
      --tw-leading: 1.5;
      line-height: 1.5;
    }
  }
  .min-\[1024px\]\:leading-\[1\.6\] {
    @media (width >= 1024px) {
      --tw-leading: 1.6;
      line-height: 1.6;
    }
  }
  .min-\[1024px\]\:leading-\[1\.35\] {
    @media (width >= 1024px) {
      --tw-leading: 1.35;
      line-height: 1.35;
    }
  }
  .min-\[1024px\]\:leading-\[1\.65\] {
    @media (width >= 1024px) {
      --tw-leading: 1.65;
      line-height: 1.65;
    }
  }
  .min-\[1024px\]\:\[clip-path\:polygon\(56\%_0\,_100\%_0\,_100\%_100\%\,_48\%_100\%\)\] {
    @media (width >= 1024px) {
      clip-path: polygon(56% 0, 100% 0, 100% 100%, 48% 100%);
    }
  }
  .\[\&\:not\(\:last-child\)\]\:\[border-bottom\:1px_solid_var\(--ds-line\)\] {
    &:not(:last-child) {
      border-bottom: 1px solid var(--ds-line);
    }
  }
  .min-\[1024px\]\:\[\&\:not\(\:last-child\)\]\:\[border-bottom-width\:0\] {
    @media (width >= 1024px) {
      &:not(:last-child) {
        border-bottom-width: 0;
      }
    }
  }
  .min-\[1024px\]\:\[\&\:not\(\:last-child\)\:\:after\]\:absolute {
    @media (width >= 1024px) {
      &:not(:last-child)::after {
        position: absolute;
      }
    }
  }
  .min-\[1024px\]\:\[\&\:not\(\:last-child\)\:\:after\]\:top-\[20px\] {
    @media (width >= 1024px) {
      &:not(:last-child)::after {
        top: 20px;
      }
    }
  }
  .min-\[1024px\]\:\[\&\:not\(\:last-child\)\:\:after\]\:right-\[0\] {
    @media (width >= 1024px) {
      &:not(:last-child)::after {
        right: 0;
      }
    }
  }
  .min-\[1024px\]\:\[\&\:not\(\:last-child\)\:\:after\]\:bottom-\[20px\] {
    @media (width >= 1024px) {
      &:not(:last-child)::after {
        bottom: 20px;
      }
    }
  }
  .min-\[1024px\]\:\[\&\:not\(\:last-child\)\:\:after\]\:w-\[1px\] {
    @media (width >= 1024px) {
      &:not(:last-child)::after {
        width: 1px;
      }
    }
  }
  .min-\[1024px\]\:\[\&\:not\(\:last-child\)\:\:after\]\:bg-\[color\:var\(--ds-line\)\] {
    @media (width >= 1024px) {
      &:not(:last-child)::after {
        background-color: var(--ds-line);
      }
    }
  }
  .min-\[1024px\]\:\[\&\:not\(\:last-child\)\:\:after\]\:\[content\:\"\"\] {
    @media (width >= 1024px) {
      &:not(:last-child)::after {
        content: "";
      }
    }
  }
  .\[\&\>button\]\:relative {
    &>button {
      position: relative;
    }
  }
  .\[\&\>button\]\:flex {
    &>button {
      display: flex;
    }
  }
  .\[\&\>button\]\:h-\[24px\] {
    &>button {
      height: 24px;
    }
  }
  .\[\&\>button\]\:w-\[24px\] {
    &>button {
      width: 24px;
    }
  }
  .\[\&\>button\]\:cursor-pointer {
    &>button {
      cursor: pointer;
    }
  }
  .\[\&\>button\]\:bg-\[color\:transparent\] {
    &>button {
      background-color: transparent;
    }
  }
  .\[\&\>button\]\:p-\[0px\] {
    &>button {
      padding: 0px;
    }
  }
  .\[\&\>button\]\:\[border\:0px\] {
    &>button {
      border: 0px;
    }
  }
  .\[\&\>button\:\:after\]\:absolute {
    &>button::after {
      position: absolute;
    }
  }
  .\[\&\>button\:\:after\]\:inset-\[9px\] {
    &>button::after {
      inset: 9px;
    }
  }
  .\[\&\>button\:\:after\]\:rounded-\[var\(--ds-radius-avatar\)\] {
    &>button::after {
      border-radius: var(--ds-radius-avatar);
    }
  }
  .\[\&\>button\:\:after\]\:bg-\[color\:var\(--ds-line\)\] {
    &>button::after {
      background-color: var(--ds-line);
    }
  }
  .\[\&\>button\:\:after\]\:\[opacity\:1\] {
    &>button::after {
      opacity: 1;
    }
  }
  .\[\&\>button\:\:after\]\:\[content\:\"\"\] {
    &>button::after {
      content: "";
    }
  }
  .\[\&\>button\[aria-current\=\"true\"\]\:\:after\]\:inset-\[8px\] {
    &>button[aria-current="true"]::after {
      inset: 8px;
    }
  }
  .\[\&\>button\[aria-current\=\"true\"\]\:\:after\]\:bg-\[color\:var\(--ds-primary-on-light\)\] {
    &>button[aria-current="true"]::after {
      background-color: var(--ds-primary-on-light);
    }
  }
  .\[\[aria-expanded\=\"true\"\]\>\&\]\:flex {
    [aria-expanded="true"]>& {
      display: flex;
    }
  }
  .\[\[aria-expanded\=\"true\"\]\>\&\]\:hidden {
    [aria-expanded="true"]>& {
      display: none;
    }
  }
}
@layer base {
  @layer base {
    :root {
      --ds-page: #FFFFFF;
      --ds-surface: #F4F4F4;
      --ds-surface-raised: #FFFFFF;
      --ds-ink: #111111;
      --ds-body: #666666;
      --ds-muted: #777777;
      --ds-primary: #F2414F;
      --ds-primary-fill: #C92839;
      --ds-primary-hover: #AE2032;
      --ds-primary-on-light: #BD2637;
      --ds-accent-soft: #FFF0F1;
      --ds-on-primary: #FFFFFF;
      --ds-dark-band: #13213D;
      --ds-header: #3B4A64;
      --ds-footer: #13213D;
      --ds-on-dark: #FFFFFF;
      --ds-dark-muted: #C3CBDA;
      --ds-line: #E5E6EA;
      --ds-icon-secondary: #78849B;
      --ds-focus: #F2414F;
      --ds-radius-image: 0px;
      --ds-radius-card: 0px;
      --ds-radius-button: 0px;
      --ds-radius-input: 2px;
      --ds-radius-panel: 4px;
      --ds-radius-avatar: 999px;
      --ds-font-heading: "Poppins", system-ui, sans-serif;
      --ds-font-body: "Inter", system-ui, sans-serif;
    }
    *, ::after, ::before, ::backdrop {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      border: 0 solid;
    }
    html {
      line-height: 1.5;
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      -webkit-tap-highlight-color: transparent;
      -webkit-font-smoothing: antialiased;
    }
    body {
      background: var(--ds-page);
      color: var(--ds-ink);
      font-family: var(--ds-font-body);
    }
    h1, h2, h3, h4, h5, h6 {
      font-size: inherit;
      font-weight: inherit;
    }
    a {
      color: inherit;
      text-decoration: inherit;
    }
    b, strong {
      font-weight: bolder;
    }
    ol, ul, menu {
      list-style: none;
    }
    img, svg, video, canvas, audio, iframe, embed, object {
      display: block;
      vertical-align: middle;
    }
    img, video {
      max-width: 100%;
      height: auto;
    }
    button, input, select, optgroup, textarea {
      font: inherit;
      letter-spacing: inherit;
      color: inherit;
      border-radius: 0;
      background-color: transparent;
      opacity: 1;
    }
    button, input:where([type='button'], [type='reset'], [type='submit']) {
      appearance: button;
    }
    ::placeholder {
      opacity: 1;
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    textarea {
      resize: vertical;
    }
    summary {
      display: list-item;
    }
    summary::-webkit-details-marker {
      display: none;
    }
    :focus-visible {
      outline: 2px solid var(--ds-focus);
      outline-offset: 3px;
    }
    @media (prefers-reduced-motion: reduce) {
      * {
        transition: none !important;
        animation: none !important;
      }
    }
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-tracking: initial;
    }
  }
}