/*! 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;
  }
  .sticky {
    position: sticky;
  }
  .inset-\[0\] {
    inset: 0;
  }
  .top-\[-5px\] {
    top: -5px;
  }
  .top-\[0\] {
    top: 0;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[15px\] {
    top: 15px;
  }
  .top-\[40px\] {
    top: 40px;
  }
  .top-\[65\.2174\%\] {
    top: 65.2174%;
  }
  .top-\[100\%\] {
    top: 100%;
  }
  .right-\[0\] {
    right: 0;
  }
  .right-\[0px\] {
    right: 0px;
  }
  .right-\[15px\] {
    right: 15px;
  }
  .bottom-\[-25px\] {
    bottom: -25px;
  }
  .bottom-\[-30px\] {
    bottom: -30px;
  }
  .\[left\:calc\(\(100\%_-_90px\)_\/_8_\*_1_\+_0px\)\] {
    left: calc((100% - 90px) / 8 * 1 + 0px);
  }
  .\[left\:calc\(\(100\%_-_90px\)_\/_8_\*_3_\+_30px\)\] {
    left: calc((100% - 90px) / 8 * 3 + 30px);
  }
  .\[left\:calc\(\(100\%_-_90px\)_\/_8_\*_5_\+_60px\)\] {
    left: calc((100% - 90px) / 8 * 5 + 60px);
  }
  .\[left\:calc\(\(100\%_-_90px\)_\/_8_\*_7_\+_90px\)\] {
    left: calc((100% - 90px) / 8 * 7 + 90px);
  }
  .\[left\:calc\(100\%_-_1px\)\] {
    left: calc(100% - 1px);
  }
  .left-\[0\] {
    left: 0;
  }
  .left-\[15px\] {
    left: 15px;
  }
  .left-\[20px\] {
    left: 20px;
  }
  .left-\[25px\] {
    left: 25px;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-\[54\.2857\%\] {
    left: 54.2857%;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[30\] {
    z-index: 30;
  }
  .z-\[50\] {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .m-\[-1px\] {
    margin: -1px;
  }
  .m-\[-5px\] {
    margin: -5px;
  }
  .mx-\[20px\] {
    margin-inline: 20px;
  }
  .mx-\[auto\] {
    margin-inline: auto;
  }
  .mt-\[-40px\] {
    margin-top: -40px;
  }
  .mt-\[-45px\] {
    margin-top: -45px;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[15px\] {
    margin-top: 15px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[25px\] {
    margin-top: 25px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mt-\[40px\] {
    margin-top: 40px;
  }
  .mt-\[50px\] {
    margin-top: 50px;
  }
  .mt-\[auto\] {
    margin-top: auto;
  }
  .mb-\[15px\] {
    margin-bottom: 15px;
  }
  .mb-\[20px\] {
    margin-bottom: 20px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .ml-\[5px\] {
    margin-left: 5px;
  }
  .ml-\[20px\] {
    margin-left: 20px;
  }
  .ml-\[auto\] {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .\[aspect-ratio\:1_\/_1\] {
    aspect-ratio: 1 / 1;
  }
  .\[aspect-ratio\:3_\/_2\] {
    aspect-ratio: 3 / 2;
  }
  .\[aspect-ratio\:3_\/_4\] {
    aspect-ratio: 3 / 4;
  }
  .\[aspect-ratio\:4_\/_3\] {
    aspect-ratio: 4 / 3;
  }
  .\[aspect-ratio\:5_\/_6\] {
    aspect-ratio: 5 / 6;
  }
  .\[aspect-ratio\:350_\/_460\] {
    aspect-ratio: 350 / 460;
  }
  .h-\[0\] {
    height: 0;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[31px\] {
    height: 31px;
  }
  .h-\[34\.7826\%\] {
    height: 34.7826%;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[55px\] {
    height: 55px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[76\.087\%\] {
    height: 76.087%;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[440px\] {
    height: 440px;
  }
  .h-full {
    height: 100%;
  }
  .min-h-\[30px\] {
    min-height: 30px;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[10px\] {
    width: 10px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[35px\] {
    width: 35px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[45\.7143\%\] {
    width: 45.7143%;
  }
  .w-\[45px\] {
    width: 45px;
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[74\.2857\%\] {
    width: 74.2857%;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-full {
    width: 100%;
  }
  .\[max-width\:calc\(100\%_-_20px\)\] {
    max-width: calc(100% - 20px);
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[350px\] {
    max-width: 350px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[860px\] {
    max-width: 860px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[none\] {
    max-width: none;
  }
  .min-w-\[0\] {
    min-width: 0;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .\[flex-grow\:1\] {
    flex-grow: 1;
  }
  .\[transform\:translateX\(-50\%\)\] {
    transform: translateX(-50%);
  }
  .\[transform\:translateY\(-200\%\)\] {
    transform: translateY(-200%);
  }
  .\[cursor\:not-allowed\] {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .\[scroll-snap-type\:x_mandatory\] {
    scroll-snap-type: x mandatory;
  }
  .\[scroll-snap-align\:start\] {
    scroll-snap-align: start;
  }
  .\[list-style-type\:none\] {
    list-style-type: none;
  }
  .\[appearance\:none\] {
    appearance: none;
  }
  .\[grid-template-columns\:minmax\(0\,_1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }
  .\[grid-template-columns\:repeat\(2\,_minmax\(0\,_1fr\)\)\] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .\[grid-template-columns\:repeat\(3\,_minmax\(0\,_1fr\)\)\] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .\[grid-template-columns\:repeat\(3\,_minmax\(0\,_100px\)\)\] {
    grid-template-columns: repeat(3, minmax(0, 100px));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .\[align-items\:start\] {
    align-items: start;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-\[0px\] {
    gap: 0px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[25px\] {
    gap: 25px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-\[50px\] {
    gap: 50px;
  }
  .gap-x-\[15px\] {
    column-gap: 15px;
  }
  .gap-x-\[20px\] {
    column-gap: 20px;
  }
  .gap-x-\[25px\] {
    column-gap: 25px;
  }
  .gap-x-\[30px\] {
    column-gap: 30px;
  }
  .gap-y-\[5px\] {
    row-gap: 5px;
  }
  .gap-y-\[15px\] {
    row-gap: 15px;
  }
  .gap-y-\[20px\] {
    row-gap: 20px;
  }
  .gap-y-\[25px\] {
    row-gap: 25px;
  }
  .gap-y-\[30px\] {
    row-gap: 30px;
  }
  .gap-y-\[40px\] {
    row-gap: 40px;
  }
  .\[align-self\:flex-start\] {
    align-self: flex-start;
  }
  .\[align-self\:stretch\] {
    align-self: stretch;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .\[overflow-x\:auto\] {
    overflow-x: auto;
  }
  .\[overflow-x\:clip\] {
    overflow-x: clip;
  }
  .\[border-radius\:0_0_50\%_50\%_\/_0_0_100\%_100\%\] {
    border-radius: 0 0 50% 50% / 0 0 100% 100%;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[var\(--ds-radius-arch\)\] {
    border-radius: var(--ds-radius-arch);
  }
  .rounded-\[var\(--ds-radius-button\)\] {
    border-radius: var(--ds-radius-button);
  }
  .rounded-\[var\(--ds-radius-card\)\] {
    border-radius: var(--ds-radius-card);
  }
  .rounded-\[var\(--ds-radius-chip\)\] {
    border-radius: var(--ds-radius-chip);
  }
  .rounded-\[var\(--ds-radius-image\)\] {
    border-radius: var(--ds-radius-image);
  }
  .rounded-\[var\(--ds-radius-round\)\] {
    border-radius: var(--ds-radius-round);
  }
  .\[border-top-left-radius\:var\(--ds-radius-card\)\] {
    border-top-left-radius: var(--ds-radius-card);
  }
  .\[border-top-right-radius\:var\(--ds-radius-card\)\] {
    border-top-right-radius: var(--ds-radius-card);
  }
  .\[border-width\:1px\] {
    border-width: 1px;
  }
  .\[border-width\:10px\] {
    border-width: 10px;
  }
  .\[border-bottom-width\:1px\] {
    border-bottom-width: 1px;
  }
  .\[border-style\:solid\] {
    border-style: solid;
  }
  .\[border-bottom-style\:solid\] {
    border-bottom-style: solid;
  }
  .\[border-color\:rgba\(247\,_244\,_239\,_0\.25\)\] {
    border-color: rgba(247, 244, 239, 0.25);
  }
  .\[border-color\:var\(--ds-ink\)\] {
    border-color: var(--ds-ink);
  }
  .\[border-color\:var\(--ds-lapis\)\] {
    border-color: var(--ds-lapis);
  }
  .\[border-color\:var\(--ds-lapis-deep\)\] {
    border-color: var(--ds-lapis-deep);
  }
  .\[border-color\:var\(--ds-line\)\] {
    border-color: var(--ds-line);
  }
  .\[border-color\:var\(--ds-on-dark\)\] {
    border-color: var(--ds-on-dark);
  }
  .\[border-color\:var\(--ds-surface\)\] {
    border-color: var(--ds-surface);
  }
  .\[border-bottom-color\:var\(--ds-ink\)\] {
    border-bottom-color: var(--ds-ink);
  }
  .bg-\[color\:transparent\] {
    background-color: transparent;
  }
  .bg-\[color\:var\(--ds-footer\)\] {
    background-color: var(--ds-footer);
  }
  .bg-\[color\:var\(--ds-ink\)\] {
    background-color: var(--ds-ink);
  }
  .bg-\[color\:var\(--ds-lapis\)\] {
    background-color: var(--ds-lapis);
  }
  .bg-\[color\:var\(--ds-lapis-deep\)\] {
    background-color: var(--ds-lapis-deep);
  }
  .bg-\[color\:var\(--ds-lapis-pale\)\] {
    background-color: var(--ds-lapis-pale);
  }
  .bg-\[color\:var\(--ds-lapis-soft\)\] {
    background-color: var(--ds-lapis-soft);
  }
  .bg-\[color\:var\(--ds-on-dark-muted\)\] {
    background-color: var(--ds-on-dark-muted);
  }
  .bg-\[color\:var\(--ds-page\)\] {
    background-color: var(--ds-page);
  }
  .bg-\[color\:var\(--ds-surface\)\] {
    background-color: var(--ds-surface);
  }
  .bg-\[color\:var\(--ds-tint\)\] {
    background-color: var(--ds-tint);
  }
  .bg-\[color\:var\(--ds-walnut\)\] {
    background-color: var(--ds-walnut);
  }
  .bg-\[color\:var\(--ds-walnut-raised\)\] {
    background-color: var(--ds-walnut-raised);
  }
  .\[background-image\:linear-gradient\(var\(--ds-on-dark-muted\)\,_var\(--ds-on-dark-muted\)\)\,_linear-gradient\(var\(--ds-lapis-pale\)\,_var\(--ds-lapis-pale\)\)\,_linear-gradient\(var\(--ds-lapis-pale\)\,_var\(--ds-lapis-pale\)\)\] {
    background-image: linear-gradient(var(--ds-on-dark-muted), var(--ds-on-dark-muted)), linear-gradient(var(--ds-lapis-pale), var(--ds-lapis-pale)), linear-gradient(var(--ds-lapis-pale), var(--ds-lapis-pale));
  }
  .\[background-image\:var\(--ds-tile-grid\)\] {
    background-image: var(--ds-tile-grid);
  }
  .\[mask-image\:radial-gradient\(60px_15px_at_50\%_0\,_transparent_98\%\,_black_100\%\)\] {
    mask-image: radial-gradient(60px 15px at 50% 0, transparent 98%, black 100%);
  }
  .\[background-size\:40px_40px\] {
    background-size: 40px 40px;
  }
  .\[background-size\:100\%_1px\,_1px_5px\,_1px_5px\] {
    background-size: 100% 1px, 1px 5px, 1px 5px;
  }
  .\[background-size\:100\%_1px\,_1px_10px\,_1px_10px\] {
    background-size: 100% 1px, 1px 10px, 1px 10px;
  }
  .\[background-position\:left_0_bottom_2px\,_left_0_bottom_0\,_right_0_bottom_0\] {
    background-position: left 0 bottom 2px, left 0 bottom 0, right 0 bottom 0;
  }
  .\[background-position\:left_0_center\,_left_0_top_0\,_right_0_top_0\] {
    background-position: left 0 center, left 0 top 0, right 0 top 0;
  }
  .\[background-repeat\:no-repeat\] {
    background-repeat: no-repeat;
  }
  .\[fill\:none\] {
    fill: none;
  }
  .\[fill\:var\(--ds-lapis\)\] {
    fill: var(--ds-lapis);
  }
  .\[fill\:var\(--ds-lapis-pale\)\] {
    fill: var(--ds-lapis-pale);
  }
  .\[stroke\:var\(--ds-ink\)\] {
    stroke: var(--ds-ink);
  }
  .\[stroke-width\:1\] {
    stroke-width: 1;
  }
  .object-cover {
    object-fit: cover;
  }
  .\[object-position\:50\%_40\%\] {
    object-position: 50% 40%;
  }
  .\[object-position\:50\%_50\%\] {
    object-position: 50% 50%;
  }
  .\[object-position\:center\] {
    object-position: center;
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[30px\] {
    padding: 30px;
  }
  .px-\[0px\] {
    padding-inline: 0px;
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[25px\] {
    padding-inline: 25px;
  }
  .px-\[30px\] {
    padding-inline: 30px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[25px\] {
    padding-block: 25px;
  }
  .py-\[35px\] {
    padding-block: 35px;
  }
  .py-\[50px\] {
    padding-block: 50px;
  }
  .py-\[60px\] {
    padding-block: 60px;
  }
  .\[padding-inline-start\:5px\] {
    padding-inline-start: 5px;
  }
  .\[padding-inline-start\:20px\] {
    padding-inline-start: 20px;
  }
  .\[padding-inline-end\:40px\] {
    padding-inline-end: 40px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[15px\] {
    padding-top: 15px;
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[40px\] {
    padding-top: 40px;
  }
  .pt-\[45px\] {
    padding-top: 45px;
  }
  .pt-\[100px\] {
    padding-top: 100px;
  }
  .pr-\[25px\] {
    padding-right: 25px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[25px\] {
    padding-bottom: 25px;
  }
  .pb-\[30px\] {
    padding-bottom: 30px;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .pb-\[80px\] {
    padding-bottom: 80px;
  }
  .pl-\[0\] {
    padding-left: 0;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .\[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\:19px\] {
    font-size: 19px;
  }
  .text-\[length\:20px\] {
    font-size: 20px;
  }
  .text-\[length\:21px\] {
    font-size: 21px;
  }
  .text-\[length\:22px\] {
    font-size: 22px;
  }
  .text-\[length\:25px\] {
    font-size: 25px;
  }
  .text-\[length\:32px\] {
    font-size: 32px;
  }
  .text-\[length\:35px\] {
    font-size: 35px;
  }
  .text-\[length\:40px\] {
    font-size: 40px;
  }
  .text-\[length\:42px\] {
    font-size: 42px;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }
  .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\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .\[font-weight\:400\] {
    font-weight: 400;
  }
  .\[font-weight\:500\] {
    font-weight: 500;
  }
  .\[font-weight\:600\] {
    font-weight: 600;
  }
  .tracking-\[-0\.5px\] {
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }
  .tracking-\[0\] {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }
  .tracking-\[2px\] {
    --tw-tracking: 2px;
    letter-spacing: 2px;
  }
  .tracking-\[3px\] {
    --tw-tracking: 3px;
    letter-spacing: 3px;
  }
  .\[text-wrap\:balance\] {
    text-wrap: balance;
  }
  .\[white-space\:nowrap\] {
    white-space: nowrap;
  }
  .text-\[color\:color-mix\(in_oklab\,_var\(--ds-ink\)_70\%\,_transparent\)\] {
    color: var(--ds-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ds-ink) 70%, transparent);
    }
  }
  .text-\[color\:var\(--ds-body\)\] {
    color: var(--ds-body);
  }
  .text-\[color\:var\(--ds-ink\)\] {
    color: var(--ds-ink);
  }
  .text-\[color\:var\(--ds-lapis\)\] {
    color: var(--ds-lapis);
  }
  .text-\[color\:var\(--ds-lapis-deep\)\] {
    color: var(--ds-lapis-deep);
  }
  .text-\[color\:var\(--ds-lapis-pale\)\] {
    color: var(--ds-lapis-pale);
  }
  .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-dark-muted\)\] {
    color: var(--ds-on-dark-muted);
  }
  .text-\[color\:var\(--ds-on-primary\)\] {
    color: var(--ds-on-primary);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .\[font-style\:italic\] {
    font-style: italic;
  }
  .\[font-style\:normal\] {
    font-style: normal;
  }
  .\[font-variant-numeric\:lining-nums_tabular-nums\] {
    font-variant-numeric: lining-nums tabular-nums;
  }
  .\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .\[text-underline-offset\:3px\] {
    text-underline-offset: 3px;
  }
  .\[text-underline-offset\:4px\] {
    text-underline-offset: 4px;
  }
  .\[opacity\:0\.6\] {
    opacity: 0.6;
  }
  .\[box-shadow\:var\(--ds-shadow-card\)\] {
    box-shadow: var(--ds-shadow-card);
  }
  .\[box-shadow\:var\(--ds-shadow-header\)\] {
    box-shadow: var(--ds-shadow-header);
  }
  .\[outline\:2px_solid_var\(--ds-lapis-soft\)\] {
    outline: 2px solid var(--ds-lapis-soft);
  }
  .\[outline-width\:2px\] {
    outline-width: 2px;
  }
  .\[outline-offset\:5px\] {
    outline-offset: 5px;
  }
  .\[outline-color\:var\(--ds-lapis-soft\)\] {
    outline-color: var(--ds-lapis-soft);
  }
  .\[transition-property\:background-color\,_border-color\] {
    transition-property: background-color, border-color;
  }
  .\[transition-property\:background-color\,_color\] {
    transition-property: background-color, color;
  }
  .\[transition-property\:box-shadow\,_transform\] {
    transition-property: box-shadow, transform;
  }
  .\[transition-property\:color\,_background-color\,_border-color\] {
    transition-property: color, background-color, border-color;
  }
  .\[transition-property\:color\,_background-color\] {
    transition-property: color, background-color;
  }
  .\[transition-duration\:150ms\] {
    transition-duration: 150ms;
  }
  .\[transition-duration\:200ms\] {
    transition-duration: 200ms;
  }
  .\[border-bottom\:1px_solid_var\(--ds-line\)\] {
    border-bottom: 1px solid var(--ds-line);
  }
  .\[border-left\:2px_solid_var\(--ds-surface\)\] {
    border-left: 2px solid var(--ds-surface);
  }
  .\[border-top\:1px_solid_rgba\(247\,_244\,_239\,_0\.12\)\] {
    border-top: 1px solid rgba(247, 244, 239, 0.12);
  }
  .\[border-top\:1px_solid_var\(--ds-line\)\] {
    border-top: 1px solid var(--ds-line);
  }
  .\[border\:1px_solid_var\(--ds-ink\)\] {
    border: 1px solid var(--ds-ink);
  }
  .\[border\:1px_solid_var\(--ds-line\)\] {
    border: 1px solid var(--ds-line);
  }
  .\[clip-path\:inset\(50\%\)\] {
    clip-path: inset(50%);
  }
  .\[outline-style\:solid\] {
    outline-style: solid;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[text-decoration\:none\] {
    text-decoration: none;
  }
  .placeholder\:text-\[color\:var\(--ds-muted\)\] {
    &::placeholder {
      color: var(--ds-muted);
    }
  }
  .hover\:\[border-color\:var\(--ds-ink\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ds-ink);
      }
    }
  }
  .hover\:\[border-color\:var\(--ds-lapis-pale\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--ds-lapis-pale);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-ink\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-ink);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-on-dark\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-on-dark);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-ink);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-lapis-deep\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-lapis-deep);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-on-dark\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-on-dark);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:\[text-decoration-thickness\:2px\] {
    &:hover {
      @media (hover: hover) {
        text-decoration-thickness: 2px;
      }
    }
  }
  .hover\:\[text-underline-offset\:4px\] {
    &:hover {
      @media (hover: hover) {
        text-underline-offset: 4px;
      }
    }
  }
  .hover\:\[box-shadow\:var\(--ds-shadow-card-hover\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: var(--ds-shadow-card-hover);
      }
    }
  }
  .hover\:\[text-decoration\:underline\] {
    &:hover {
      @media (hover: hover) {
        text-decoration: underline;
      }
    }
  }
  .focus\:\[transform\:translateY\(0\)\] {
    &:focus {
      transform: translateY(0);
    }
  }
  .focus\:\[border-bottom-color\:var\(--ds-lapis-deep\)\] {
    &:focus {
      border-bottom-color: var(--ds-lapis-deep);
    }
  }
  .focus\:\[box-shadow\:inset_0_-1px_0_0_var\(--ds-lapis-deep\)\] {
    &:focus {
      box-shadow: inset 0 -1px 0 0 var(--ds-lapis-deep);
    }
  }
  .focus-visible\:\[outline-color\:var\(--ds-focus-on-dark\)\] {
    &:focus-visible {
      outline-color: var(--ds-focus-on-dark);
    }
  }
  .disabled\:\[cursor\:not-allowed\] {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:\[opacity\:0\.4\] {
    &:disabled {
      opacity: 0.4;
    }
  }
  .min-\[768px\]\:absolute {
    @media (width >= 768px) {
      position: absolute;
    }
  }
  .min-\[768px\]\:top-\[7\.8947\%\] {
    @media (width >= 768px) {
      top: 7.8947%;
    }
  }
  .min-\[768px\]\:top-\[30px\] {
    @media (width >= 768px) {
      top: 30px;
    }
  }
  .min-\[768px\]\:top-\[65\.7895\%\] {
    @media (width >= 768px) {
      top: 65.7895%;
    }
  }
  .min-\[768px\]\:right-\[auto\] {
    @media (width >= 768px) {
      right: auto;
    }
  }
  .min-\[768px\]\:bottom-\[-40px\] {
    @media (width >= 768px) {
      bottom: -40px;
    }
  }
  .min-\[768px\]\:bottom-\[40px\] {
    @media (width >= 768px) {
      bottom: 40px;
    }
  }
  .min-\[768px\]\:left-\[-60px\] {
    @media (width >= 768px) {
      left: -60px;
    }
  }
  .min-\[768px\]\:left-\[6\.25\%\] {
    @media (width >= 768px) {
      left: 6.25%;
    }
  }
  .min-\[768px\]\:left-\[30px\] {
    @media (width >= 768px) {
      left: 30px;
    }
  }
  .min-\[768px\]\:left-\[40px\] {
    @media (width >= 768px) {
      left: 40px;
    }
  }
  .min-\[768px\]\:left-\[59\.375\%\] {
    @media (width >= 768px) {
      left: 59.375%;
    }
  }
  .min-\[768px\]\:\[grid-column\:1_\/_-1\] {
    @media (width >= 768px) {
      grid-column: 1 / -1;
    }
  }
  .min-\[768px\]\:\[grid-column\:1_\/_6\] {
    @media (width >= 768px) {
      grid-column: 1 / 6;
    }
  }
  .min-\[768px\]\:\[grid-column\:6_\/_9\] {
    @media (width >= 768px) {
      grid-column: 6 / 9;
    }
  }
  .min-\[768px\]\:mx-\[auto\] {
    @media (width >= 768px) {
      margin-inline: auto;
    }
  }
  .min-\[768px\]\:mt-\[0\] {
    @media (width >= 768px) {
      margin-top: 0;
    }
  }
  .min-\[768px\]\:mt-\[40px\] {
    @media (width >= 768px) {
      margin-top: 40px;
    }
  }
  .min-\[768px\]\:mt-\[50px\] {
    @media (width >= 768px) {
      margin-top: 50px;
    }
  }
  .min-\[768px\]\:mr-\[0\] {
    @media (width >= 768px) {
      margin-right: 0;
    }
  }
  .min-\[768px\]\:mb-\[30px\] {
    @media (width >= 768px) {
      margin-bottom: 30px;
    }
  }
  .min-\[768px\]\:mb-\[40px\] {
    @media (width >= 768px) {
      margin-bottom: 40px;
    }
  }
  .min-\[768px\]\:ml-\[0\] {
    @media (width >= 768px) {
      margin-left: 0;
    }
  }
  .min-\[768px\]\:ml-\[10px\] {
    @media (width >= 768px) {
      margin-left: 10px;
    }
  }
  .min-\[768px\]\:ml-\[40\%\] {
    @media (width >= 768px) {
      margin-left: 40%;
    }
  }
  .min-\[768px\]\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .min-\[768px\]\:flex {
    @media (width >= 768px) {
      display: flex;
    }
  }
  .min-\[768px\]\:grid {
    @media (width >= 768px) {
      display: grid;
    }
  }
  .min-\[768px\]\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .min-\[768px\]\:inline-flex {
    @media (width >= 768px) {
      display: inline-flex;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:1_\/_1\] {
    @media (width >= 768px) {
      aspect-ratio: 1 / 1;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:4_\/_5\] {
    @media (width >= 768px) {
      aspect-ratio: 4 / 5;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:16_\/_9\] {
    @media (width >= 768px) {
      aspect-ratio: 16 / 9;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:640_\/_760\] {
    @media (width >= 768px) {
      aspect-ratio: 640 / 760;
    }
  }
  .min-\[768px\]\:\[aspect-ratio\:auto\] {
    @media (width >= 768px) {
      aspect-ratio: auto;
    }
  }
  .min-\[768px\]\:h-\[30px\] {
    @media (width >= 768px) {
      height: 30px;
    }
  }
  .min-\[768px\]\:h-\[34\.2105\%\] {
    @media (width >= 768px) {
      height: 34.2105%;
    }
  }
  .min-\[768px\]\:h-\[50px\] {
    @media (width >= 768px) {
      height: 50px;
    }
  }
  .min-\[768px\]\:h-\[73\.6842\%\] {
    @media (width >= 768px) {
      height: 73.6842%;
    }
  }
  .min-\[768px\]\:h-\[560px\] {
    @media (width >= 768px) {
      height: 560px;
    }
  }
  .min-\[768px\]\:h-\[575px\] {
    @media (width >= 768px) {
      height: 575px;
    }
  }
  .min-\[768px\]\:h-\[600px\] {
    @media (width >= 768px) {
      height: 600px;
    }
  }
  .min-\[768px\]\:\[width\:calc\(\(100\%_-_30px\)_\/_2\)\] {
    @media (width >= 768px) {
      width: calc((100% - 30px) / 2);
    }
  }
  .min-\[768px\]\:\[width\:calc\(60\%_\+_80px\)\] {
    @media (width >= 768px) {
      width: calc(60% + 80px);
    }
  }
  .min-\[768px\]\:w-\[40\.625\%\] {
    @media (width >= 768px) {
      width: 40.625%;
    }
  }
  .min-\[768px\]\:w-\[65\.625\%\] {
    @media (width >= 768px) {
      width: 65.625%;
    }
  }
  .min-\[768px\]\:w-\[170px\] {
    @media (width >= 768px) {
      width: 170px;
    }
  }
  .min-\[768px\]\:w-\[240px\] {
    @media (width >= 768px) {
      width: 240px;
    }
  }
  .min-\[768px\]\:w-\[285px\] {
    @media (width >= 768px) {
      width: 285px;
    }
  }
  .min-\[768px\]\:w-\[320px\] {
    @media (width >= 768px) {
      width: 320px;
    }
  }
  .min-\[768px\]\:w-\[600px\] {
    @media (width >= 768px) {
      width: 600px;
    }
  }
  .min-\[768px\]\:w-\[auto\] {
    @media (width >= 768px) {
      width: auto;
    }
  }
  .min-\[768px\]\:w-\[max-content\] {
    @media (width >= 768px) {
      width: max-content;
    }
  }
  .min-\[768px\]\:max-w-\[460px\] {
    @media (width >= 768px) {
      max-width: 460px;
    }
  }
  .min-\[768px\]\:max-w-\[480px\] {
    @media (width >= 768px) {
      max-width: 480px;
    }
  }
  .min-\[768px\]\:max-w-\[600px\] {
    @media (width >= 768px) {
      max-width: 600px;
    }
  }
  .min-\[768px\]\:max-w-\[680px\] {
    @media (width >= 768px) {
      max-width: 680px;
    }
  }
  .min-\[768px\]\:max-w-\[none\] {
    @media (width >= 768px) {
      max-width: none;
    }
  }
  .min-\[768px\]\:shrink-0 {
    @media (width >= 768px) {
      flex-shrink: 0;
    }
  }
  .min-\[768px\]\:\[scroll-snap-type\:x_mandatory\] {
    @media (width >= 768px) {
      scroll-snap-type: x mandatory;
    }
  }
  .min-\[768px\]\:\[scroll-snap-align\:start\] {
    @media (width >= 768px) {
      scroll-snap-align: start;
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:minmax\(0\,_1fr\)_minmax\(0\,_1fr\)_auto\] {
    @media (width >= 768px) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:repeat\(2\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:repeat\(3\,_minmax\(0\,_120px\)\)\] {
    @media (width >= 768px) {
      grid-template-columns: repeat(3, minmax(0, 120px));
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:repeat\(8\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 768px) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .min-\[768px\]\:flex-col {
    @media (width >= 768px) {
      flex-direction: column;
    }
  }
  .min-\[768px\]\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .min-\[768px\]\:flex-wrap {
    @media (width >= 768px) {
      flex-wrap: wrap;
    }
  }
  .min-\[768px\]\:\[align-items\:end\] {
    @media (width >= 768px) {
      align-items: end;
    }
  }
  .min-\[768px\]\:items-center {
    @media (width >= 768px) {
      align-items: center;
    }
  }
  .min-\[768px\]\:items-start {
    @media (width >= 768px) {
      align-items: flex-start;
    }
  }
  .min-\[768px\]\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .min-\[768px\]\:justify-center {
    @media (width >= 768px) {
      justify-content: center;
    }
  }
  .min-\[768px\]\:justify-end {
    @media (width >= 768px) {
      justify-content: flex-end;
    }
  }
  .min-\[768px\]\:justify-start {
    @media (width >= 768px) {
      justify-content: flex-start;
    }
  }
  .min-\[768px\]\:gap-\[0px\] {
    @media (width >= 768px) {
      gap: 0px;
    }
  }
  .min-\[768px\]\:gap-\[15px\] {
    @media (width >= 768px) {
      gap: 15px;
    }
  }
  .min-\[768px\]\:gap-\[20px\] {
    @media (width >= 768px) {
      gap: 20px;
    }
  }
  .min-\[768px\]\:gap-\[30px\] {
    @media (width >= 768px) {
      gap: 30px;
    }
  }
  .min-\[768px\]\:gap-\[60px\] {
    @media (width >= 768px) {
      gap: 60px;
    }
  }
  .min-\[768px\]\:gap-x-\[20px\] {
    @media (width >= 768px) {
      column-gap: 20px;
    }
  }
  .min-\[768px\]\:gap-x-\[30px\] {
    @media (width >= 768px) {
      column-gap: 30px;
    }
  }
  .min-\[768px\]\:gap-x-\[40px\] {
    @media (width >= 768px) {
      column-gap: 40px;
    }
  }
  .min-\[768px\]\:gap-y-\[35px\] {
    @media (width >= 768px) {
      row-gap: 35px;
    }
  }
  .min-\[768px\]\:gap-y-\[40px\] {
    @media (width >= 768px) {
      row-gap: 40px;
    }
  }
  .min-\[768px\]\:gap-y-\[50px\] {
    @media (width >= 768px) {
      row-gap: 50px;
    }
  }
  .min-\[768px\]\:\[overflow-x\:auto\] {
    @media (width >= 768px) {
      overflow-x: auto;
    }
  }
  .min-\[768px\]\:\[overflow-x\:visible\] {
    @media (width >= 768px) {
      overflow-x: visible;
    }
  }
  .min-\[768px\]\:\[border-right-width\:1px\] {
    @media (width >= 768px) {
      border-right-width: 1px;
    }
  }
  .min-\[768px\]\:\[border-bottom-width\:0px\] {
    @media (width >= 768px) {
      border-bottom-width: 0px;
    }
  }
  .min-\[768px\]\:\[mask-image\:radial-gradient\(80px_20px_at_50\%_0\,_transparent_98\%\,_black_100\%\)\] {
    @media (width >= 768px) {
      mask-image: radial-gradient(80px 20px at 50% 0, transparent 98%, black 100%);
    }
  }
  .min-\[768px\]\:\[object-position\:55\%_40\%\] {
    @media (width >= 768px) {
      object-position: 55% 40%;
    }
  }
  .min-\[768px\]\:p-\[25px\] {
    @media (width >= 768px) {
      padding: 25px;
    }
  }
  .min-\[768px\]\:px-\[40px\] {
    @media (width >= 768px) {
      padding-inline: 40px;
    }
  }
  .min-\[768px\]\:py-\[80px\] {
    @media (width >= 768px) {
      padding-block: 80px;
    }
  }
  .min-\[768px\]\:\[padding-inline-start\:0\] {
    @media (width >= 768px) {
      padding-inline-start: 0;
    }
  }
  .min-\[768px\]\:\[padding-inline-start\:max\(40px\,_calc\(\(100\%_-_1200px\)_\/_2\)\)\] {
    @media (width >= 768px) {
      padding-inline-start: max(40px, calc((100% - 1200px) / 2));
    }
  }
  .min-\[768px\]\:\[padding-inline-end\:0\] {
    @media (width >= 768px) {
      padding-inline-end: 0;
    }
  }
  .min-\[768px\]\:pt-\[60px\] {
    @media (width >= 768px) {
      padding-top: 60px;
    }
  }
  .min-\[768px\]\:pt-\[80px\] {
    @media (width >= 768px) {
      padding-top: 80px;
    }
  }
  .min-\[768px\]\:pt-\[110px\] {
    @media (width >= 768px) {
      padding-top: 110px;
    }
  }
  .min-\[768px\]\:pr-\[30px\] {
    @media (width >= 768px) {
      padding-right: 30px;
    }
  }
  .min-\[768px\]\:pb-\[0\] {
    @media (width >= 768px) {
      padding-bottom: 0;
    }
  }
  .min-\[768px\]\:pb-\[10px\] {
    @media (width >= 768px) {
      padding-bottom: 10px;
    }
  }
  .min-\[768px\]\:text-left {
    @media (width >= 768px) {
      text-align: left;
    }
  }
  .min-\[768px\]\:text-\[length\:18px\] {
    @media (width >= 768px) {
      font-size: 18px;
    }
  }
  .min-\[768px\]\:text-\[length\:22px\] {
    @media (width >= 768px) {
      font-size: 22px;
    }
  }
  .min-\[768px\]\:text-\[length\:44px\] {
    @media (width >= 768px) {
      font-size: 44px;
    }
  }
  .min-\[768px\]\:text-\[length\:45px\] {
    @media (width >= 768px) {
      font-size: 45px;
    }
  }
  .min-\[768px\]\:text-\[length\:50px\] {
    @media (width >= 768px) {
      font-size: 50px;
    }
  }
  .min-\[768px\]\:text-\[length\:54px\] {
    @media (width >= 768px) {
      font-size: 54px;
    }
  }
  .min-\[768px\]\:\[white-space\:nowrap\] {
    @media (width >= 768px) {
      white-space: nowrap;
    }
  }
  .min-\[1024px\]\:\[pointer-events\:none\] {
    @media (width >= 1024px) {
      pointer-events: none;
    }
  }
  .min-\[1024px\]\:absolute {
    @media (width >= 1024px) {
      position: absolute;
    }
  }
  .min-\[1024px\]\:sticky {
    @media (width >= 1024px) {
      position: sticky;
    }
  }
  .min-\[1024px\]\:top-\[5px\] {
    @media (width >= 1024px) {
      top: 5px;
    }
  }
  .min-\[1024px\]\:top-\[40px\] {
    @media (width >= 1024px) {
      top: 40px;
    }
  }
  .min-\[1024px\]\:top-\[120px\] {
    @media (width >= 1024px) {
      top: 120px;
    }
  }
  .min-\[1024px\]\:bottom-\[0\] {
    @media (width >= 1024px) {
      bottom: 0;
    }
  }
  .min-\[1024px\]\:\[left\:calc\(50\%_\+_15px\)\] {
    @media (width >= 1024px) {
      left: calc(50% + 15px);
    }
  }
  .min-\[1024px\]\:left-\[0\] {
    @media (width >= 1024px) {
      left: 0;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_5\] {
    @media (width >= 1024px) {
      grid-column: 1 / 5;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_6\] {
    @media (width >= 1024px) {
      grid-column: 1 / 6;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_8\] {
    @media (width >= 1024px) {
      grid-column: 1 / 8;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_4\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 4;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_6\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 6;
    }
  }
  .min-\[1024px\]\:\[grid-column\:5_\/_7\] {
    @media (width >= 1024px) {
      grid-column: 5 / 7;
    }
  }
  .min-\[1024px\]\:\[grid-column\:6_\/_span_7\] {
    @media (width >= 1024px) {
      grid-column: 6 / span 7;
    }
  }
  .min-\[1024px\]\:\[grid-column\:7_\/_10\] {
    @media (width >= 1024px) {
      grid-column: 7 / 10;
    }
  }
  .min-\[1024px\]\:\[grid-column\:7_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 7 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-column\:8_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 8 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-column\:8_\/_span_5\] {
    @media (width >= 1024px) {
      grid-column: 8 / span 5;
    }
  }
  .min-\[1024px\]\:\[grid-column\:9_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 9 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-column\:10_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 10 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-column\:auto\] {
    @media (width >= 1024px) {
      grid-column: auto;
    }
  }
  .min-\[1024px\]\:\[grid-row\:1\] {
    @media (width >= 1024px) {
      grid-row: 1;
    }
  }
  .min-\[1024px\]\:mx-\[0\] {
    @media (width >= 1024px) {
      margin-inline: 0;
    }
  }
  .min-\[1024px\]\:mx-\[0px\] {
    @media (width >= 1024px) {
      margin-inline: 0px;
    }
  }
  .min-\[1024px\]\:mt-\[0\] {
    @media (width >= 1024px) {
      margin-top: 0;
    }
  }
  .min-\[1024px\]\:mt-\[0px\] {
    @media (width >= 1024px) {
      margin-top: 0px;
    }
  }
  .min-\[1024px\]\:mt-\[50px\] {
    @media (width >= 1024px) {
      margin-top: 50px;
    }
  }
  .min-\[1024px\]\:mb-\[0px\] {
    @media (width >= 1024px) {
      margin-bottom: 0px;
    }
  }
  .min-\[1024px\]\:ml-\[0\] {
    @media (width >= 1024px) {
      margin-left: 0;
    }
  }
  .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\:4_\/_3\] {
    @media (width >= 1024px) {
      aspect-ratio: 4 / 3;
    }
  }
  .min-\[1024px\]\:h-\[10px\] {
    @media (width >= 1024px) {
      height: 10px;
    }
  }
  .min-\[1024px\]\:h-\[85px\] {
    @media (width >= 1024px) {
      height: 85px;
    }
  }
  .min-\[1024px\]\:h-\[auto\] {
    @media (width >= 1024px) {
      height: auto;
    }
  }
  .min-\[1024px\]\:h-full {
    @media (width >= 1024px) {
      height: 100%;
    }
  }
  .min-\[1024px\]\:min-h-\[560px\] {
    @media (width >= 1024px) {
      min-height: 560px;
    }
  }
  .min-\[1024px\]\:min-h-\[720px\] {
    @media (width >= 1024px) {
      min-height: 720px;
    }
  }
  .min-\[1024px\]\:\[width\:calc\(\(100\%_-_60px\)_\/_3\)\] {
    @media (width >= 1024px) {
      width: calc((100% - 60px) / 3);
    }
  }
  .min-\[1024px\]\:w-\[50\%\] {
    @media (width >= 1024px) {
      width: 50%;
    }
  }
  .min-\[1024px\]\:w-\[760px\] {
    @media (width >= 1024px) {
      width: 760px;
    }
  }
  .min-\[1024px\]\:w-\[auto\] {
    @media (width >= 1024px) {
      width: auto;
    }
  }
  .min-\[1024px\]\:w-\[max-content\] {
    @media (width >= 1024px) {
      width: max-content;
    }
  }
  .min-\[1024px\]\:max-w-\[640px\] {
    @media (width >= 1024px) {
      max-width: 640px;
    }
  }
  .min-\[1024px\]\:max-w-\[860px\] {
    @media (width >= 1024px) {
      max-width: 860px;
    }
  }
  .min-\[1024px\]\:max-w-\[none\] {
    @media (width >= 1024px) {
      max-width: none;
    }
  }
  .min-\[1024px\]\:min-w-\[0\] {
    @media (width >= 1024px) {
      min-width: 0;
    }
  }
  .min-\[1024px\]\:\[flex-grow\:1\] {
    @media (width >= 1024px) {
      flex-grow: 1;
    }
  }
  .min-\[1024px\]\:\[animation\:tb-brands-strip_40s_linear_infinite\] {
    @media (width >= 1024px) {
      animation: tb-brands-strip 40s linear infinite;
    }
  }
  .min-\[1024px\]\:\[scroll-snap-type\:none\] {
    @media (width >= 1024px) {
      scroll-snap-type: none;
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:175px_minmax\(0\,_1fr\)\] {
    @media (width >= 1024px) {
      grid-template-columns: 175px minmax(0, 1fr);
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:minmax\(0\,_1fr\)_35px\] {
    @media (width >= 1024px) {
      grid-template-columns: minmax(0, 1fr) 35px;
    }
  }
  .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\]\:\[align-items\:start\] {
    @media (width >= 1024px) {
      align-items: start;
    }
  }
  .min-\[1024px\]\:items-center {
    @media (width >= 1024px) {
      align-items: center;
    }
  }
  .min-\[1024px\]\:items-stretch {
    @media (width >= 1024px) {
      align-items: stretch;
    }
  }
  .min-\[1024px\]\:justify-center {
    @media (width >= 1024px) {
      justify-content: center;
    }
  }
  .min-\[1024px\]\:justify-start {
    @media (width >= 1024px) {
      justify-content: flex-start;
    }
  }
  .min-\[1024px\]\:gap-\[20px\] {
    @media (width >= 1024px) {
      gap: 20px;
    }
  }
  .min-\[1024px\]\:gap-\[25px\] {
    @media (width >= 1024px) {
      gap: 25px;
    }
  }
  .min-\[1024px\]\:gap-\[30px\] {
    @media (width >= 1024px) {
      gap: 30px;
    }
  }
  .min-\[1024px\]\:gap-x-\[30px\] {
    @media (width >= 1024px) {
      column-gap: 30px;
    }
  }
  .min-\[1024px\]\:\[overflow-x\:hidden\] {
    @media (width >= 1024px) {
      overflow-x: hidden;
    }
  }
  .min-\[1024px\]\:\[background-image\:linear-gradient\(var\(--ds-ink\)\,_var\(--ds-ink\)\)\,_linear-gradient\(var\(--ds-lapis\)\,_var\(--ds-lapis\)\)\,_linear-gradient\(var\(--ds-lapis\)\,_var\(--ds-lapis\)\)\] {
    @media (width >= 1024px) {
      background-image: linear-gradient(var(--ds-ink), var(--ds-ink)), linear-gradient(var(--ds-lapis), var(--ds-lapis)), linear-gradient(var(--ds-lapis), var(--ds-lapis));
    }
  }
  .min-\[1024px\]\:\[mask-image\:linear-gradient\(90deg\,_transparent_0\,_black_40px\,_black_calc\(100\%_-_40px\)\,_transparent_100\%\)\] {
    @media (width >= 1024px) {
      mask-image: linear-gradient(90deg, transparent 0, black 40px, black calc(100% - 40px), transparent 100%);
    }
  }
  .min-\[1024px\]\:\[background-size\:100\%_1px\,_1px_10px\,_1px_10px\] {
    @media (width >= 1024px) {
      background-size: 100% 1px, 1px 10px, 1px 10px;
    }
  }
  .min-\[1024px\]\:\[background-position\:left_0_center\,_left_0_top_0\,_right_0_top_0\] {
    @media (width >= 1024px) {
      background-position: left 0 center, left 0 top 0, right 0 top 0;
    }
  }
  .min-\[1024px\]\:\[background-repeat\:no-repeat\] {
    @media (width >= 1024px) {
      background-repeat: no-repeat;
    }
  }
  .min-\[1024px\]\:py-\[100px\] {
    @media (width >= 1024px) {
      padding-block: 100px;
    }
  }
  .min-\[1024px\]\:pt-\[40px\] {
    @media (width >= 1024px) {
      padding-top: 40px;
    }
  }
  .min-\[1024px\]\:pt-\[80px\] {
    @media (width >= 1024px) {
      padding-top: 80px;
    }
  }
  .min-\[1024px\]\:pb-\[0\] {
    @media (width >= 1024px) {
      padding-bottom: 0;
    }
  }
  .min-\[1024px\]\:pb-\[40px\] {
    @media (width >= 1024px) {
      padding-bottom: 40px;
    }
  }
  .min-\[1024px\]\:text-left {
    @media (width >= 1024px) {
      text-align: left;
    }
  }
  .min-\[1024px\]\:text-\[length\:45px\] {
    @media (width >= 1024px) {
      font-size: 45px;
    }
  }
  .min-\[1024px\]\:text-\[length\:55px\] {
    @media (width >= 1024px) {
      font-size: 55px;
    }
  }
  .min-\[1024px\]\:text-\[length\:70px\] {
    @media (width >= 1024px) {
      font-size: 70px;
    }
  }
  .min-\[1024px\]\:focus-within\:\[animation-play-state\:paused\] {
    @media (width >= 1024px) {
      &:focus-within {
        animation-play-state: paused;
      }
    }
  }
  .min-\[1024px\]\:hover\:\[animation-play-state\:paused\] {
    @media (width >= 1024px) {
      &:hover {
        @media (hover: hover) {
          animation-play-state: paused;
        }
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:block {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        display: block;
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:grid {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        display: grid;
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:hidden {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        display: none;
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:w-\[auto\] {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        width: auto;
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:\[grid-template-columns\:minmax\(0\,_1fr\)\] {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        grid-template-columns: minmax(0, 1fr);
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:\[grid-template-columns\:repeat\(3\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:justify-center {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        justify-content: center;
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:\[overflow-x\:visible\] {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        overflow-x: visible;
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:\[mask-image\:none\] {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        mask-image: none;
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:pr-\[0\] {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        padding-right: 0;
      }
    }
  }
  .min-\[1024px\]\:motion-reduce\:\[white-space\:normal\] {
    @media (width >= 1024px) {
      @media (prefers-reduced-motion: reduce) {
        white-space: normal;
      }
    }
  }
  .min-\[1280px\]\:flex {
    @media (width >= 1280px) {
      display: flex;
    }
  }
  .min-\[1280px\]\:items-center {
    @media (width >= 1280px) {
      align-items: center;
    }
  }
  .min-\[1280px\]\:gap-\[10px\] {
    @media (width >= 1280px) {
      gap: 10px;
    }
  }
  .\[\#brands-pause\:checked_\~_\&\]\:block {
    #brands-pause:checked ~ & {
      display: block;
    }
  }
  .\[\#brands-pause\:checked_\~_\&\]\:hidden {
    #brands-pause:checked ~ & {
      display: none;
    }
  }
  .\[\&_\.twentytwenty-handle\]\:mt-\[-22px\] {
    & .twentytwenty-handle {
      margin-top: -22px;
    }
  }
  .\[\&_\.twentytwenty-handle\]\:ml-\[-22px\] {
    & .twentytwenty-handle {
      margin-left: -22px;
    }
  }
  .\[\&_\.twentytwenty-handle\]\:\[box-sizing\:content-box\] {
    & .twentytwenty-handle {
      box-sizing: content-box;
    }
  }
  .\[\&_\.twentytwenty-handle\]\:\[border\:3px_solid_white\] {
    & .twentytwenty-handle {
      border: 3px solid white;
    }
  }
  .\[\&_\.twentytwenty-handle\:\:after\]\:mt-\[22px\] {
    & .twentytwenty-handle::after {
      margin-top: 22px;
    }
  }
  .\[\&_\.twentytwenty-handle\:\:after\]\:ml-\[-1\.5px\] {
    & .twentytwenty-handle::after {
      margin-left: -1.5px;
    }
  }
  .\[\&_\.twentytwenty-handle\:\:before\]\:mb-\[22px\] {
    & .twentytwenty-handle::before {
      margin-bottom: 22px;
    }
  }
  .\[\&_\.twentytwenty-handle\:\:before\]\:ml-\[-1\.5px\] {
    & .twentytwenty-handle::before {
      margin-left: -1.5px;
    }
  }
  .\[\&_\.twentytwenty-left-arrow\]\:mt-\[-6px\] {
    & .twentytwenty-left-arrow {
      margin-top: -6px;
    }
  }
  .\[\&_\.twentytwenty-left-arrow\]\:ml-\[-17px\] {
    & .twentytwenty-left-arrow {
      margin-left: -17px;
    }
  }
  .\[\&_\.twentytwenty-left-arrow\]\:\[box-sizing\:content-box\] {
    & .twentytwenty-left-arrow {
      box-sizing: content-box;
    }
  }
  .\[\&_\.twentytwenty-left-arrow\]\:\[border-bottom\:6px_inset_transparent\] {
    & .twentytwenty-left-arrow {
      border-bottom: 6px inset transparent;
    }
  }
  .\[\&_\.twentytwenty-left-arrow\]\:\[border-left\:6px_inset_transparent\] {
    & .twentytwenty-left-arrow {
      border-left: 6px inset transparent;
    }
  }
  .\[\&_\.twentytwenty-left-arrow\]\:\[border-right\:6px_solid_white\] {
    & .twentytwenty-left-arrow {
      border-right: 6px solid white;
    }
  }
  .\[\&_\.twentytwenty-left-arrow\]\:\[border-top\:6px_inset_transparent\] {
    & .twentytwenty-left-arrow {
      border-top: 6px inset transparent;
    }
  }
  .\[\&_\.twentytwenty-right-arrow\]\:mt-\[-6px\] {
    & .twentytwenty-right-arrow {
      margin-top: -6px;
    }
  }
  .\[\&_\.twentytwenty-right-arrow\]\:mr-\[-17px\] {
    & .twentytwenty-right-arrow {
      margin-right: -17px;
    }
  }
  .\[\&_\.twentytwenty-right-arrow\]\:\[box-sizing\:content-box\] {
    & .twentytwenty-right-arrow {
      box-sizing: content-box;
    }
  }
  .\[\&_\.twentytwenty-right-arrow\]\:\[border-bottom\:6px_inset_transparent\] {
    & .twentytwenty-right-arrow {
      border-bottom: 6px inset transparent;
    }
  }
  .\[\&_\.twentytwenty-right-arrow\]\:\[border-left\:6px_solid_white\] {
    & .twentytwenty-right-arrow {
      border-left: 6px solid white;
    }
  }
  .\[\&_\.twentytwenty-right-arrow\]\:\[border-right\:6px_inset_transparent\] {
    & .twentytwenty-right-arrow {
      border-right: 6px inset transparent;
    }
  }
  .\[\&_\.twentytwenty-right-arrow\]\:\[border-top\:6px_inset_transparent\] {
    & .twentytwenty-right-arrow {
      border-top: 6px inset transparent;
    }
  }
  .\[\&_a\:focus-visible\]\:\[outline-color\:var\(--ds-focus-on-dark\)\] {
    & a:focus-visible {
      outline-color: var(--ds-focus-on-dark);
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\:\:after\]\:\[pointer-events\:none\] {
    &::after {
      pointer-events: none;
    }
  }
  .\[\&\:\:after\]\:absolute {
    &::after {
      position: absolute;
    }
  }
  .\[\&\:\:after\]\:top-\[0\] {
    &::after {
      top: 0;
    }
  }
  .\[\&\:\:after\]\:right-\[0\] {
    &::after {
      right: 0;
    }
  }
  .\[\&\:\:after\]\:bottom-\[0\] {
    &::after {
      bottom: 0;
    }
  }
  .\[\&\:\:after\]\:w-\[40px\] {
    &::after {
      width: 40px;
    }
  }
  .\[\&\:\:after\]\:\[background-image\:linear-gradient\(90deg\,_color-mix\(in_oklab\,_var\(--ds-walnut\)_0\%\,_transparent\)\,_var\(--ds-walnut\)\)\] {
    &::after {
      background-image: linear-gradient(90deg, var(--ds-walnut), var(--ds-walnut));
      @supports (color: color-mix(in lab, red, red)) {
        background-image: linear-gradient(90deg, color-mix(in oklab, var(--ds-walnut) 0%, transparent), var(--ds-walnut));
      }
    }
  }
  .\[\&\:\:after\]\:\[content\:\"\"\] {
    &::after {
      content: "";
    }
  }
  .min-\[768px\]\:\[\&\:\:after\]\:hidden {
    @media (width >= 768px) {
      &::after {
        display: none;
      }
    }
  }
  .\[\&\:has\(input\:focus-visible\)\]\:\[outline-width\:3px\] {
    &:has(input:focus-visible) {
      outline-width: 3px;
    }
  }
  .\[\&\:has\(input\:focus-visible\)\]\:\[outline-offset\:2px\] {
    &:has(input:focus-visible) {
      outline-offset: 2px;
    }
  }
  .\[\&\:has\(input\:focus-visible\)\]\:\[outline-color\:var\(--ds-focus\)\] {
    &:has(input:focus-visible) {
      outline-color: var(--ds-focus);
    }
  }
  .\[\&\:has\(input\:focus-visible\)\]\:\[outline-style\:solid\] {
    &:has(input:focus-visible) {
      outline-style: solid;
    }
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:bg-\[color\:var\(--ds-ink\)\] {
    &:hover:not(:disabled) {
      background-color: var(--ds-ink);
    }
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:text-\[color\:var\(--ds-on-dark\)\] {
    &:hover:not(:disabled) {
      color: var(--ds-on-dark);
    }
  }
  .\[\&\[aria-current\=\"page\"\]\]\:\[font-weight\:600\] {
    &[aria-current="page"] {
      font-weight: 600;
    }
  }
  .\[\&\[aria-current\=\"page\"\]\]\:text-\[color\:var\(--ds-lapis-deep\)\] {
    &[aria-current="page"] {
      color: var(--ds-lapis-deep);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:\[border-color\:var\(--ds-lapis-pale\)\] {
    &[aria-selected="true"] {
      border-color: var(--ds-lapis-pale);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:\[border-color\:var\(--ds-lapis-soft\)\] {
    &[aria-selected="true"] {
      border-color: var(--ds-lapis-soft);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:bg-\[color\:var\(--ds-lapis-pale\)\] {
    &[aria-selected="true"] {
      background-color: var(--ds-lapis-pale);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:bg-\[color\:var\(--ds-lapis-soft\)\] {
    &[aria-selected="true"] {
      background-color: var(--ds-lapis-soft);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:text-\[color\:var\(--ds-ink\)\] {
    &[aria-selected="true"] {
      color: var(--ds-ink);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:text-\[color\:var\(--ds-lapis-deep\)\] {
    &[aria-selected="true"] {
      color: var(--ds-lapis-deep);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:hover\:\[border-color\:var\(--ds-lapis-pale\)\] {
    &[aria-selected="true"] {
      &:hover {
        @media (hover: hover) {
          border-color: var(--ds-lapis-pale);
        }
      }
    }
  }
  .\[\@media\(prefers-reduced-motion\:_no-preference\)\]\:hover\:\[transform\:translateY\(-5px\)\] {
    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        @media (hover: hover) {
          transform: translateY(-5px);
        }
      }
    }
  }
  .\[\[aria-expanded\=\"true\"\]_\&\]\:flex {
    [aria-expanded="true"] & {
      display: flex;
    }
  }
  .\[\[aria-expanded\=\"true\"\]_\&\]\:hidden {
    [aria-expanded="true"] & {
      display: none;
    }
  }
  .\[\[aria-expanded\=\"true\"\]\>\&\]\:flex {
    [aria-expanded="true"]>& {
      display: flex;
    }
  }
  .\[\[aria-expanded\=\"true\"\]\>\&\]\:hidden {
    [aria-expanded="true"]>& {
      display: none;
    }
  }
  .\[section\:has\(\#brands-pause\:checked\)_\&\]\:\[animation-play-state\:paused\] {
    section:has(#brands-pause:checked) & {
      animation-play-state: paused;
    }
  }
}
@layer base {
  @layer base {
    :root {
      --ds-page: #F7F4EF;
      --ds-tint: #EEE7DE;
      --ds-surface: #FFFFFF;
      --ds-ink: #2A211C;
      --ds-body: #5B524B;
      --ds-muted: #756B63;
      --ds-line: #DDD4C9;
      --ds-lapis: #2F4C9A;
      --ds-lapis-deep: #253D80;
      --ds-lapis-soft: #DDE3F3;
      --ds-lapis-pale: #B4C3EC;
      --ds-walnut: #3A2C24;
      --ds-walnut-raised: #4A3A30;
      --ds-footer: #2A201B;
      --ds-on-dark: #F7F4EF;
      --ds-on-dark-muted: #D3C6BA;
      --ds-on-primary: #FFFFFF;
      --ds-focus: #253D80;
      --ds-focus-on-dark: #B4C3EC;
      --ds-radius-button: 15px;
      --ds-radius-card: 30px;
      --ds-radius-chip: 15px;
      --ds-radius-image: 0px;
      --ds-radius-round: 50%;
      --ds-radius-arch: 999px 999px 0 0;
      --ds-shadow-card: 0 20px 40px rgba(42, 33, 28, 0.08);
      --ds-shadow-card-hover: 0 25px 50px rgba(42, 33, 28, 0.12);
      --ds-shadow-header: 0 5px 20px rgba(42, 33, 28, 0.05);
      --ds-space-1: 5px;
      --ds-space-2: 10px;
      --ds-space-3: 15px;
      --ds-space-4: 20px;
      --ds-space-5: 25px;
      --ds-space-6: 30px;
      --ds-space-8: 40px;
      --ds-space-10: 50px;
      --ds-space-12: 60px;
      --ds-space-16: 80px;
      --ds-space-20: 100px;
      --ds-space-24: 120px;
      --ds-tile-grid: linear-gradient(rgba(42, 33, 28, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(42, 33, 28, 0.06) 1px, transparent 1px);
      --ds-font-heading: "Newsreader", Georgia, serif;
      --ds-font-body: "Albert Sans", 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-body);
      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: 3px solid var(--ds-focus);
      outline-offset: 2px;
    }
    @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;
    }
  }
}