/*! 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;
  }
  .inset-\[2px\] {
    inset: 2px;
  }
  .\[inset-inline\:0\] {
    inset-inline: 0;
  }
  .top-\[-30px\] {
    top: -30px;
  }
  .top-\[0\] {
    top: 0;
  }
  .top-\[0px\] {
    top: 0px;
  }
  .top-\[3\.5px\] {
    top: 3.5px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[15px\] {
    top: 15px;
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[35px\] {
    top: 35px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[50px\] {
    top: 50px;
  }
  .top-\[55px\] {
    top: 55px;
  }
  .top-\[100\%\] {
    top: 100%;
  }
  .\[right\:calc\(50\%_-_1\.5px\)\] {
    right: calc(50% - 1.5px);
  }
  .right-\[-10px\] {
    right: -10px;
  }
  .right-\[-15px\] {
    right: -15px;
  }
  .right-\[-20px\] {
    right: -20px;
  }
  .right-\[0\] {
    right: 0;
  }
  .right-\[5px\] {
    right: 5px;
  }
  .right-\[10px\] {
    right: 10px;
  }
  .right-\[15px\] {
    right: 15px;
  }
  .bottom-\[-5px\] {
    bottom: -5px;
  }
  .bottom-\[-20px\] {
    bottom: -20px;
  }
  .bottom-\[-30px\] {
    bottom: -30px;
  }
  .bottom-\[0\] {
    bottom: 0;
  }
  .bottom-\[20px\] {
    bottom: 20px;
  }
  .\[left\:calc\(50\%_-_1\.5px\)\] {
    left: calc(50% - 1.5px);
  }
  .\[left\:calc\(50\%_-_5px\)\] {
    left: calc(50% - 5px);
  }
  .left-\[-15px\] {
    left: -15px;
  }
  .left-\[-20px\] {
    left: -20px;
  }
  .left-\[-30px\] {
    left: -30px;
  }
  .left-\[0\] {
    left: 0;
  }
  .left-\[3\.5px\] {
    left: 3.5px;
  }
  .left-\[5px\] {
    left: 5px;
  }
  .left-\[8\.5px\] {
    left: 8.5px;
  }
  .left-\[10px\] {
    left: 10px;
  }
  .left-\[20px\] {
    left: 20px;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .\[isolation\:isolate\] {
    isolation: isolate;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[50\] {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .\[grid-row\:1\] {
    grid-row: 1;
  }
  .\[grid-row\:2\] {
    grid-row: 2;
  }
  .\[grid-row\:3\] {
    grid-row: 3;
  }
  .m-\[-5px\] {
    margin: -5px;
  }
  .mx-\[-5px\] {
    margin-inline: -5px;
  }
  .mx-\[-20px\] {
    margin-inline: -20px;
  }
  .mx-\[auto\] {
    margin-inline: auto;
  }
  .mt-\[-10px\] {
    margin-top: -10px;
  }
  .mt-\[-30px\] {
    margin-top: -30px;
  }
  .mt-\[-35px\] {
    margin-top: -35px;
  }
  .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-\[45px\] {
    margin-top: 45px;
  }
  .mt-\[60px\] {
    margin-top: 60px;
  }
  .mt-\[auto\] {
    margin-top: auto;
  }
  .mr-\[-1px\] {
    margin-right: -1px;
  }
  .mr-\[25px\] {
    margin-right: 25px;
  }
  .mb-\[-1px\] {
    margin-bottom: -1px;
  }
  .mb-\[-60px\] {
    margin-bottom: -60px;
  }
  .ml-\[-35px\] {
    margin-left: -35px;
  }
  .ml-\[-80px\] {
    margin-left: -80px;
  }
  .ml-\[0px\] {
    margin-left: 0px;
  }
  .ml-\[10px\] {
    margin-left: 10px;
  }
  .ml-\[auto\] {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .\[aspect-ratio\:2_\/_3\] {
    aspect-ratio: 2 / 3;
  }
  .\[aspect-ratio\:3_\/_2\] {
    aspect-ratio: 3 / 2;
  }
  .\[aspect-ratio\:4_\/_5\] {
    aspect-ratio: 4 / 5;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[45\%\] {
    height: 45%;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[55px\] {
    height: 55px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-full {
    height: 100%;
  }
  .\[max-height\:calc\(100vh_-_70px\)\] {
    max-height: calc(100vh - 70px);
  }
  .min-h-\[250px\] {
    min-height: 250px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[480px\] {
    min-height: 480px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[10px\] {
    width: 10px;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[45px\] {
    width: 45px;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[fit-content\] {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .\[max-width\:calc\(100\%_-_25px\)\] {
    max-width: calc(100% - 25px);
  }
  .max-w-\[100\%\] {
    max-width: 100%;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[780px\] {
    max-width: 780px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[none\] {
    max-width: none;
  }
  .min-w-\[0\] {
    min-width: 0;
  }
  .min-w-\[30px\] {
    min-width: 30px;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .\[flex-grow\:0\] {
    flex-grow: 0;
  }
  .\[flex-grow\:1\] {
    flex-grow: 1;
  }
  .\[flex-basis\:calc\(100\%_-_50px\)\] {
    flex-basis: calc(100% - 50px);
  }
  .\[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\:none\] {
    scroll-snap-type: none;
  }
  .\[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\(2\,_minmax\(0\,_max-content\)\)\] {
    grid-template-columns: repeat(2, minmax(0, max-content));
  }
  .flex-col {
    flex-direction: column;
  }
  .\[flex-wrap\:nowrap\] {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .\[align-items\:baseline\] {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .\[gap\:10px_20px\] {
    gap: 10px 20px;
  }
  .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-x-\[20px\] {
    column-gap: 20px;
  }
  .gap-x-\[30px\] {
    column-gap: 30px;
  }
  .gap-y-\[10px\] {
    row-gap: 10px;
  }
  .gap-y-\[30px\] {
    row-gap: 30px;
  }
  .gap-y-\[40px\] {
    row-gap: 40px;
  }
  .gap-y-\[50px\] {
    row-gap: 50px;
  }
  .\[align-self\:flex-start\] {
    align-self: flex-start;
  }
  .\[overflow\:visible\] {
    overflow: visible;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .\[overflow-x\:auto\] {
    overflow-x: auto;
  }
  .\[overflow-x\:clip\] {
    overflow-x: clip;
  }
  .\[overflow-y\:auto\] {
    overflow-y: auto;
  }
  .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-field\)\] {
    border-radius: var(--ds-radius-field);
  }
  .rounded-\[var\(--ds-radius-round\)\] {
    border-radius: var(--ds-radius-round);
  }
  .\[border-top-left-radius\:15px\] {
    border-top-left-radius: 15px;
  }
  .\[border-top-right-radius\:15px\] {
    border-top-right-radius: 15px;
  }
  .\[border-bottom-left-radius\:15px\] {
    border-bottom-left-radius: 15px;
  }
  .\[border-width\:1px\] {
    border-width: 1px;
  }
  .\[border-style\:solid\] {
    border-style: solid;
  }
  .\[border-color\:var\(--ds-line\)\] {
    border-color: var(--ds-line);
  }
  .bg-\[color\:rgba\(242\,_241\,_237\,_0\.12\)\] {
    background-color: rgba(242, 241, 237, 0.12);
  }
  .bg-\[color\:var\(--ds-footer\)\] {
    background-color: var(--ds-footer);
  }
  .bg-\[color\:var\(--ds-iron\)\] {
    background-color: var(--ds-iron);
  }
  .bg-\[color\:var\(--ds-line\)\] {
    background-color: var(--ds-line);
  }
  .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-valve\)\] {
    background-color: var(--ds-valve);
  }
  .bg-\[color\:var\(--ds-valve-soft\)\] {
    background-color: var(--ds-valve-soft);
  }
  .\[background-image\:linear-gradient\(rgba\(36\,_32\,_31\,_0\.72\)\,_rgba\(36\,_32\,_31\,_0\.72\)\)\] {
    background-image: linear-gradient(rgba(36, 32, 31, 0.72), rgba(36, 32, 31, 0.72));
  }
  .\[background-image\:linear-gradient\(to_top\,_rgba\(36\,_32\,_31\,_0\.85\)_0\%\,_rgba\(36\,_32\,_31\,_0\.85\)_55\%\,_rgba\(36\,_32\,_31\,_0\)_100\%\)\] {
    background-image: linear-gradient(to top, rgba(36, 32, 31, 0.85) 0%, rgba(36, 32, 31, 0.85) 55%, rgba(36, 32, 31, 0) 100%);
  }
  .\[background-image\:var\(--ds-hot-cold\)\] {
    background-image: var(--ds-hot-cold);
  }
  .\[background-image\:var\(--ds-hot-cold-dark\)\] {
    background-image: var(--ds-hot-cold-dark);
  }
  .\[background-image\:var\(--ds-subway\)\] {
    background-image: var(--ds-subway);
  }
  .\[background-size\:60px_60px\] {
    background-size: 60px 60px;
  }
  .\[fill\:var\(--ds-ink\)\] {
    fill: var(--ds-ink);
  }
  .\[fill\:var\(--ds-iron\)\] {
    fill: var(--ds-iron);
  }
  .\[stroke\:var\(--ds-cold\)\] {
    stroke: var(--ds-cold);
  }
  .\[stroke\:var\(--ds-ink\)\] {
    stroke: var(--ds-ink);
  }
  .\[stroke\:var\(--ds-on-dark\)\] {
    stroke: var(--ds-on-dark);
  }
  .\[stroke\:var\(--ds-valve\)\] {
    stroke: var(--ds-valve);
  }
  .object-cover {
    object-fit: cover;
  }
  .\[object-position\:20\%_50\%\] {
    object-position: 20% 50%;
  }
  .\[padding\:10px_15px\] {
    padding: 10px 15px;
  }
  .\[padding\:40px_30px_30px\] {
    padding: 40px 30px 30px;
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[25px\] {
    padding: 25px;
  }
  .p-\[30px\] {
    padding: 30px;
  }
  .p-\[40px\] {
    padding: 40px;
  }
  .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-\[10px\] {
    padding-block: 10px;
  }
  .py-\[20px\] {
    padding-block: 20px;
  }
  .py-\[25px\] {
    padding-block: 25px;
  }
  .py-\[30px\] {
    padding-block: 30px;
  }
  .py-\[40px\] {
    padding-block: 40px;
  }
  .py-\[60px\] {
    padding-block: 60px;
  }
  .py-\[80px\] {
    padding-block: 80px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[30px\] {
    padding-top: 30px;
  }
  .pt-\[80px\] {
    padding-top: 80px;
  }
  .pt-\[105px\] {
    padding-top: 105px;
  }
  .pr-\[1px\] {
    padding-right: 1px;
  }
  .pr-\[40px\] {
    padding-right: 40px;
  }
  .pr-\[50px\] {
    padding-right: 50px;
  }
  .pb-\[1px\] {
    padding-bottom: 1px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[25px\] {
    padding-bottom: 25px;
  }
  .pb-\[30px\] {
    padding-bottom: 30px;
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .pb-\[80px\] {
    padding-bottom: 80px;
  }
  .pl-\[0px\] {
    padding-left: 0px;
  }
  .pl-\[15px\] {
    padding-left: 15px;
  }
  .pl-\[30px\] {
    padding-left: 30px;
  }
  .pl-\[55px\] {
    padding-left: 55px;
  }
  .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\:20px\] {
    font-size: 20px;
  }
  .text-\[length\:25px\] {
    font-size: 25px;
  }
  .text-\[length\:35px\] {
    font-size: 35px;
  }
  .text-\[length\:40px\] {
    font-size: 40px;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .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\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .\[font-weight\:400\] {
    font-weight: 400;
  }
  .\[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\.5px\] {
    --tw-tracking: -0.5px;
    letter-spacing: -0.5px;
  }
  .tracking-\[-1\.5px\] {
    --tw-tracking: -1.5px;
    letter-spacing: -1.5px;
  }
  .tracking-\[-2px\] {
    --tw-tracking: -2px;
    letter-spacing: -2px;
  }
  .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-on-dark\)_80\%\,_transparent\)\] {
    color: var(--ds-on-dark);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--ds-on-dark) 80%, transparent);
    }
  }
  .text-\[color\:var\(--ds-body\)\] {
    color: var(--ds-body);
  }
  .text-\[color\:var\(--ds-cold\)\] {
    color: var(--ds-cold);
  }
  .text-\[color\:var\(--ds-ink\)\] {
    color: var(--ds-ink);
  }
  .text-\[color\:var\(--ds-line\)\] {
    color: var(--ds-line);
  }
  .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);
  }
  .text-\[color\:var\(--ds-valve\)\] {
    color: var(--ds-valve);
  }
  .text-\[color\:var\(--ds-valve-deep\)\] {
    color: var(--ds-valve-deep);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .\[text-decoration-color\:transparent\] {
    text-decoration-color: transparent;
  }
  .\[text-decoration-color\:var\(--ds-cold\)\] {
    text-decoration-color: var(--ds-cold);
  }
  .\[text-decoration-thickness\:1px\] {
    text-decoration-thickness: 1px;
  }
  .\[text-underline-offset\:3px\] {
    text-underline-offset: 3px;
  }
  .\[text-underline-offset\:4px\] {
    text-underline-offset: 4px;
  }
  .\[text-underline-offset\:5px\] {
    text-underline-offset: 5px;
  }
  .\[opacity\:0\.6\] {
    opacity: 0.6;
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--ds-line\)\] {
    box-shadow: inset 0 0 0 1px var(--ds-line);
  }
  .\[box-shadow\:var\(--ds-shadow-card\)\] {
    box-shadow: var(--ds-shadow-card);
  }
  .\[transition-property\:background-color\,_color\] {
    transition-property: background-color, color;
  }
  .\[transition-property\:background-color\] {
    transition-property: background-color;
  }
  .\[transition-property\:box-shadow\,_transform\] {
    transition-property: box-shadow, transform;
  }
  .\[transition-property\:color\,_background-color\,_box-shadow\] {
    transition-property: color, background-color, box-shadow;
  }
  .\[transition-property\:color\,_background-color\] {
    transition-property: color, background-color;
  }
  .\[transition-property\:color\] {
    transition-property: color;
  }
  .\[transition-property\:transform\] {
    transition-property: transform;
  }
  .\[transition-property\:width\,_background-color\] {
    transition-property: width, 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-bottom\:3px_solid_var\(--ds-line\)\] {
    border-bottom: 3px solid var(--ds-line);
  }
  .\[border-left\:1px_solid_rgba\(242\,_241\,_237\,_0\.25\)\] {
    border-left: 1px solid rgba(242, 241, 237, 0.25);
  }
  .\[border-left\:3px_solid_var\(--ds-line\)\] {
    border-left: 3px solid var(--ds-line);
  }
  .\[border-right\:3px_solid_var\(--ds-line\)\] {
    border-right: 3px solid var(--ds-line);
  }
  .\[border-top\:1px_solid_rgba\(242\,_241\,_237\,_0\.15\)\] {
    border-top: 1px solid rgba(242, 241, 237, 0.15);
  }
  .\[border-top\:1px_solid_rgba\(242\,_241\,_237\,_0\.25\)\] {
    border-top: 1px solid rgba(242, 241, 237, 0.25);
  }
  .\[border-top\:3px_solid_rgba\(242\,_241\,_237\,_0\.25\)\] {
    border-top: 3px solid rgba(242, 241, 237, 0.25);
  }
  .\[border-top\:3px_solid_var\(--ds-line\)\] {
    border-top: 3px solid var(--ds-line);
  }
  .\[clip-path\:polygon\(0_0\,_100\%_0\,_50\%_100\%\)\] {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  .\[clip-path\:polygon\(0_0\,_calc\(100\%_-_18\.8px\)_0\,_100\%_18\.8px\,_100\%_100\%\,_0_100\%\)\] {
    clip-path: polygon(0 0, calc(100% - 18.8px) 0, 100% 18.8px, 100% 100%, 0 100%);
  }
  .\[clip-path\:var\(--ds-chamfer\)\] {
    clip-path: var(--ds-chamfer);
  }
  .\[clip-path\:var\(--ds-chamfer-sm\)\] {
    clip-path: var(--ds-chamfer-sm);
  }
  .\[clip-path\:var\(--ds-hex\)\] {
    clip-path: var(--ds-hex);
  }
  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[transition\:background-color_200ms_ease\,_color_200ms_ease\] {
    transition: background-color 200ms ease, color 200ms ease;
  }
  .\[transition\:box-shadow_200ms_ease\,_color_200ms_ease\] {
    transition: box-shadow 200ms ease, color 200ms ease;
  }
  .placeholder\:text-\[color\:var\(--ds-muted\)\] {
    &::placeholder {
      color: var(--ds-muted);
    }
  }
  .hover\:bg-\[color\:var\(--ds-line\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-line);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-on-dark\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-on-dark);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-valve-deep\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-valve-deep);
      }
    }
  }
  .hover\:bg-\[color\:var\(--ds-valve-soft\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--ds-valve-soft);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-ink\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-ink);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-on-dark\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-on-dark);
      }
    }
  }
  .hover\:text-\[color\:var\(--ds-valve-deep\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--ds-valve-deep);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:\[text-decoration-color\:var\(--ds-valve\)\] {
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--ds-valve);
      }
    }
  }
  .hover\:\[box-shadow\:var\(--ds-shadow-card-hover\)\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: var(--ds-shadow-card-hover);
      }
    }
  }
  .focus\:\[transform\:translateY\(0\)\] {
    &:focus {
      transform: translateY(0);
    }
  }
  .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\]\:\[position\:static\] {
    @media (width >= 768px) {
      position: static;
    }
  }
  .min-\[768px\]\:absolute {
    @media (width >= 768px) {
      position: absolute;
    }
  }
  .min-\[768px\]\:top-\[1\.5px\] {
    @media (width >= 768px) {
      top: 1.5px;
    }
  }
  .min-\[768px\]\:top-\[5px\] {
    @media (width >= 768px) {
      top: 5px;
    }
  }
  .min-\[768px\]\:top-\[20px\] {
    @media (width >= 768px) {
      top: 20px;
    }
  }
  .min-\[768px\]\:top-\[30px\] {
    @media (width >= 768px) {
      top: 30px;
    }
  }
  .min-\[768px\]\:top-\[35px\] {
    @media (width >= 768px) {
      top: 35px;
    }
  }
  .min-\[768px\]\:top-\[40px\] {
    @media (width >= 768px) {
      top: 40px;
    }
  }
  .min-\[768px\]\:right-\[-10px\] {
    @media (width >= 768px) {
      right: -10px;
    }
  }
  .min-\[768px\]\:right-\[0\] {
    @media (width >= 768px) {
      right: 0;
    }
  }
  .min-\[768px\]\:right-\[0px\] {
    @media (width >= 768px) {
      right: 0px;
    }
  }
  .min-\[768px\]\:right-\[25px\] {
    @media (width >= 768px) {
      right: 25px;
    }
  }
  .min-\[768px\]\:bottom-\[-60px\] {
    @media (width >= 768px) {
      bottom: -60px;
    }
  }
  .min-\[768px\]\:bottom-\[0px\] {
    @media (width >= 768px) {
      bottom: 0px;
    }
  }
  .min-\[768px\]\:bottom-\[30px\] {
    @media (width >= 768px) {
      bottom: 30px;
    }
  }
  .min-\[768px\]\:left-\[0\] {
    @media (width >= 768px) {
      left: 0;
    }
  }
  .min-\[768px\]\:left-\[0px\] {
    @media (width >= 768px) {
      left: 0px;
    }
  }
  .min-\[768px\]\:left-\[3\.5px\] {
    @media (width >= 768px) {
      left: 3.5px;
    }
  }
  .min-\[768px\]\:left-\[20px\] {
    @media (width >= 768px) {
      left: 20px;
    }
  }
  .min-\[768px\]\:\[grid-column\:1\] {
    @media (width >= 768px) {
      grid-column: 1;
    }
  }
  .min-\[768px\]\:\[grid-column\:1_\/_-1\] {
    @media (width >= 768px) {
      grid-column: 1 / -1;
    }
  }
  .min-\[768px\]\:\[grid-column\:1_\/_5\] {
    @media (width >= 768px) {
      grid-column: 1 / 5;
    }
  }
  .min-\[768px\]\:\[grid-column\:1_\/_6\] {
    @media (width >= 768px) {
      grid-column: 1 / 6;
    }
  }
  .min-\[768px\]\:\[grid-column\:1_\/_span_3\] {
    @media (width >= 768px) {
      grid-column: 1 / span 3;
    }
  }
  .min-\[768px\]\:\[grid-column\:2\] {
    @media (width >= 768px) {
      grid-column: 2;
    }
  }
  .min-\[768px\]\:\[grid-column\:4_\/_span_5\] {
    @media (width >= 768px) {
      grid-column: 4 / span 5;
    }
  }
  .min-\[768px\]\:\[grid-column\:5_\/_9\] {
    @media (width >= 768px) {
      grid-column: 5 / 9;
    }
  }
  .min-\[768px\]\:\[grid-column\:6_\/_9\] {
    @media (width >= 768px) {
      grid-column: 6 / 9;
    }
  }
  .min-\[768px\]\:\[grid-row\:1\] {
    @media (width >= 768px) {
      grid-row: 1;
    }
  }
  .min-\[768px\]\:mx-\[0\] {
    @media (width >= 768px) {
      margin-inline: 0;
    }
  }
  .min-\[768px\]\:mt-\[0\] {
    @media (width >= 768px) {
      margin-top: 0;
    }
  }
  .min-\[768px\]\:mt-\[20px\] {
    @media (width >= 768px) {
      margin-top: 20px;
    }
  }
  .min-\[768px\]\:mt-\[40px\] {
    @media (width >= 768px) {
      margin-top: 40px;
    }
  }
  .min-\[768px\]\:mt-\[80px\] {
    @media (width >= 768px) {
      margin-top: 80px;
    }
  }
  .min-\[768px\]\:mt-\[auto\] {
    @media (width >= 768px) {
      margin-top: auto;
    }
  }
  .min-\[768px\]\:mr-\[0\] {
    @media (width >= 768px) {
      margin-right: 0;
    }
  }
  .min-\[768px\]\:mr-\[10px\] {
    @media (width >= 768px) {
      margin-right: 10px;
    }
  }
  .min-\[768px\]\:\[margin-left\:calc\(\(100\%_-_7_\*_25px\)_\/_8_\*_3_\+_3_\*_25px\)\] {
    @media (width >= 768px) {
      margin-left: calc((100% - 7 * 25px) / 8 * 3 + 3 * 25px);
    }
  }
  .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\:16_\/_9\] {
    @media (width >= 768px) {
      aspect-ratio: 16 / 9;
    }
  }
  .min-\[768px\]\:h-\[25px\] {
    @media (width >= 768px) {
      height: 25px;
    }
  }
  .min-\[768px\]\:h-\[40px\] {
    @media (width >= 768px) {
      height: 40px;
    }
  }
  .min-\[768px\]\:h-\[45px\] {
    @media (width >= 768px) {
      height: 45px;
    }
  }
  .min-\[768px\]\:h-\[180px\] {
    @media (width >= 768px) {
      height: 180px;
    }
  }
  .min-\[768px\]\:min-h-\[0\] {
    @media (width >= 768px) {
      min-height: 0;
    }
  }
  .min-\[768px\]\:min-h-\[700px\] {
    @media (width >= 768px) {
      min-height: 700px;
    }
  }
  .min-\[768px\]\:\[width\:calc\(\(100\%_-_7_\*_25px\)_\/_8_\*_5_\+_4_\*_25px\)\] {
    @media (width >= 768px) {
      width: calc((100% - 7 * 25px) / 8 * 5 + 4 * 25px);
    }
  }
  .min-\[768px\]\:\[width\:calc\(100\%_-_20px\)\] {
    @media (width >= 768px) {
      width: calc(100% - 20px);
    }
  }
  .min-\[768px\]\:\[width\:calc\(100\%_\/_3\)\] {
    @media (width >= 768px) {
      width: calc(100% / 3);
    }
  }
  .min-\[768px\]\:w-\[90px\] {
    @media (width >= 768px) {
      width: 90px;
    }
  }
  .min-\[768px\]\:w-\[140px\] {
    @media (width >= 768px) {
      width: 140px;
    }
  }
  .min-\[768px\]\:w-\[180px\] {
    @media (width >= 768px) {
      width: 180px;
    }
  }
  .min-\[768px\]\:w-\[auto\] {
    @media (width >= 768px) {
      width: auto;
    }
  }
  .min-\[768px\]\:\[max-width\:calc\(100\%_-_10px\)\] {
    @media (width >= 768px) {
      max-width: calc(100% - 10px);
    }
  }
  .min-\[768px\]\:max-w-\[460px\] {
    @media (width >= 768px) {
      max-width: 460px;
    }
  }
  .min-\[768px\]\:min-w-\[0\] {
    @media (width >= 768px) {
      min-width: 0;
    }
  }
  .min-\[768px\]\:shrink-0 {
    @media (width >= 768px) {
      flex-shrink: 0;
    }
  }
  .min-\[768px\]\:\[flex-grow\:1\] {
    @media (width >= 768px) {
      flex-grow: 1;
    }
  }
  .min-\[768px\]\:\[flex-basis\:0\] {
    @media (width >= 768px) {
      flex-basis: 0;
    }
  }
  .min-\[768px\]\:\[flex-basis\:100\%\] {
    @media (width >= 768px) {
      flex-basis: 100%;
    }
  }
  .min-\[768px\]\:\[flex-basis\:calc\(\(100\%_-_25px\)_\/_2\)\] {
    @media (width >= 768px) {
      flex-basis: calc((100% - 25px) / 2);
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:minmax\(0\,_1fr\)_auto\] {
    @media (width >= 768px) {
      grid-template-columns: 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\,_1fr\)\)\] {
    @media (width >= 768px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:repeat\(4\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 768px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .min-\[768px\]\:\[grid-template-columns\:repeat\(8\,_minmax\(0\,_1fr\)\)\] {
    @media (width >= 768px) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .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-end {
    @media (width >= 768px) {
      align-items: flex-end;
    }
  }
  .min-\[768px\]\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .min-\[768px\]\:justify-center {
    @media (width >= 768px) {
      justify-content: center;
    }
  }
  .min-\[768px\]\:\[gap\:10px_15px\] {
    @media (width >= 768px) {
      gap: 10px 15px;
    }
  }
  .min-\[768px\]\:gap-\[0\] {
    @media (width >= 768px) {
      gap: 0;
    }
  }
  .min-\[768px\]\:gap-\[15px\] {
    @media (width >= 768px) {
      gap: 15px;
    }
  }
  .min-\[768px\]\:gap-\[20px\] {
    @media (width >= 768px) {
      gap: 20px;
    }
  }
  .min-\[768px\]\:gap-\[25px\] {
    @media (width >= 768px) {
      gap: 25px;
    }
  }
  .min-\[768px\]\:gap-\[40px\] {
    @media (width >= 768px) {
      gap: 40px;
    }
  }
  .min-\[768px\]\:gap-x-\[25px\] {
    @media (width >= 768px) {
      column-gap: 25px;
    }
  }
  .min-\[768px\]\:gap-x-\[30px\] {
    @media (width >= 768px) {
      column-gap: 30px;
    }
  }
  .min-\[768px\]\:gap-y-\[40px\] {
    @media (width >= 768px) {
      row-gap: 40px;
    }
  }
  .min-\[768px\]\:gap-y-\[50px\] {
    @media (width >= 768px) {
      row-gap: 50px;
    }
  }
  .min-\[768px\]\:\[align-self\:start\] {
    @media (width >= 768px) {
      align-self: start;
    }
  }
  .min-\[768px\]\:\[overflow\:visible\] {
    @media (width >= 768px) {
      overflow: visible;
    }
  }
  .min-\[768px\]\:\[overflow-x\:visible\] {
    @media (width >= 768px) {
      overflow-x: visible;
    }
  }
  .min-\[768px\]\:\[border-top-left-radius\:15px\] {
    @media (width >= 768px) {
      border-top-left-radius: 15px;
    }
  }
  .min-\[768px\]\:\[background-image\:linear-gradient\(0deg\,_rgba\(36\,_32\,_31\,_0\.6\)_0px\,_rgba\(36\,_32\,_31\,_0\)_180px\)\,_linear-gradient\(270deg\,_rgba\(36\,_32\,_31\,_0\.88\)_0\%\,_rgba\(36\,_32\,_31\,_0\.7\)_45\%\,_rgba\(36\,_32\,_31\,_0\.1\)_75\%\)\] {
    @media (width >= 768px) {
      background-image: linear-gradient(0deg, rgba(36, 32, 31, 0.6) 0px, rgba(36, 32, 31, 0) 180px), linear-gradient(270deg, rgba(36, 32, 31, 0.88) 0%, rgba(36, 32, 31, 0.7) 45%, rgba(36, 32, 31, 0.1) 75%);
    }
  }
  .min-\[768px\]\:\[object-position\:25\%_50\%\] {
    @media (width >= 768px) {
      object-position: 25% 50%;
    }
  }
  .min-\[768px\]\:p-\[30px\] {
    @media (width >= 768px) {
      padding: 30px;
    }
  }
  .min-\[768px\]\:px-\[0\] {
    @media (width >= 768px) {
      padding-inline: 0;
    }
  }
  .min-\[768px\]\:px-\[15px\] {
    @media (width >= 768px) {
      padding-inline: 15px;
    }
  }
  .min-\[768px\]\:px-\[25px\] {
    @media (width >= 768px) {
      padding-inline: 25px;
    }
  }
  .min-\[768px\]\:px-\[40px\] {
    @media (width >= 768px) {
      padding-inline: 40px;
    }
  }
  .min-\[768px\]\:py-\[10px\] {
    @media (width >= 768px) {
      padding-block: 10px;
    }
  }
  .min-\[768px\]\:py-\[25px\] {
    @media (width >= 768px) {
      padding-block: 25px;
    }
  }
  .min-\[768px\]\:py-\[80px\] {
    @media (width >= 768px) {
      padding-block: 80px;
    }
  }
  .min-\[768px\]\:pt-\[30px\] {
    @media (width >= 768px) {
      padding-top: 30px;
    }
  }
  .min-\[768px\]\:pt-\[60px\] {
    @media (width >= 768px) {
      padding-top: 60px;
    }
  }
  .min-\[768px\]\:pt-\[120px\] {
    @media (width >= 768px) {
      padding-top: 120px;
    }
  }
  .min-\[768px\]\:pb-\[0\] {
    @media (width >= 768px) {
      padding-bottom: 0;
    }
  }
  .min-\[768px\]\:pb-\[25px\] {
    @media (width >= 768px) {
      padding-bottom: 25px;
    }
  }
  .min-\[768px\]\:pl-\[0\] {
    @media (width >= 768px) {
      padding-left: 0;
    }
  }
  .min-\[768px\]\:pl-\[30px\] {
    @media (width >= 768px) {
      padding-left: 30px;
    }
  }
  .min-\[768px\]\:pl-\[40px\] {
    @media (width >= 768px) {
      padding-left: 40px;
    }
  }
  .min-\[768px\]\:pl-\[60px\] {
    @media (width >= 768px) {
      padding-left: 60px;
    }
  }
  .min-\[768px\]\:text-\[length\:19px\] {
    @media (width >= 768px) {
      font-size: 19px;
    }
  }
  .min-\[768px\]\:text-\[length\:25px\] {
    @media (width >= 768px) {
      font-size: 25px;
    }
  }
  .min-\[768px\]\:text-\[length\:50px\] {
    @media (width >= 768px) {
      font-size: 50px;
    }
  }
  .min-\[768px\]\:text-\[length\:55px\] {
    @media (width >= 768px) {
      font-size: 55px;
    }
  }
  .min-\[768px\]\:\[border-left\:1px_solid_rgba\(242\,_241\,_237\,_0\.25\)\] {
    @media (width >= 768px) {
      border-left: 1px solid rgba(242, 241, 237, 0.25);
    }
  }
  .min-\[768px\]\:\[border-left\:3px_solid_rgba\(242\,_241\,_237\,_0\.25\)\] {
    @media (width >= 768px) {
      border-left: 3px solid rgba(242, 241, 237, 0.25);
    }
  }
  .min-\[768px\]\:\[border-top\:0\] {
    @media (width >= 768px) {
      border-top: 0;
    }
  }
  .min-\[768px\]\:\[clip-path\:polygon\(0_0\,_calc\(100\%_-_28\.8px\)_0\,_100\%_28\.8px\,_100\%_100\%\,_0_100\%\)\] {
    @media (width >= 768px) {
      clip-path: polygon(0 0, calc(100% - 28.8px) 0, 100% 28.8px, 100% 100%, 0 100%);
    }
  }
  .min-\[768px\]\:\[clip-path\:var\(--ds-chamfer\)\] {
    @media (width >= 768px) {
      clip-path: var(--ds-chamfer);
    }
  }
  .min-\[1024px\]\:absolute {
    @media (width >= 1024px) {
      position: absolute;
    }
  }
  .min-\[1024px\]\:inset-\[0px\] {
    @media (width >= 1024px) {
      inset: 0px;
    }
  }
  .min-\[1024px\]\:right-\[-160px\] {
    @media (width >= 1024px) {
      right: -160px;
    }
  }
  .min-\[1024px\]\:bottom-\[-160px\] {
    @media (width >= 1024px) {
      bottom: -160px;
    }
  }
  .min-\[1024px\]\:bottom-\[200px\] {
    @media (width >= 1024px) {
      bottom: 200px;
    }
  }
  .min-\[1024px\]\:left-\[60px\] {
    @media (width >= 1024px) {
      left: 60px;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_5\] {
    @media (width >= 1024px) {
      grid-column: 1 / 5;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_7\] {
    @media (width >= 1024px) {
      grid-column: 1 / 7;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_8\] {
    @media (width >= 1024px) {
      grid-column: 1 / 8;
    }
  }
  .min-\[1024px\]\:\[grid-column\:1_\/_span_5\] {
    @media (width >= 1024px) {
      grid-column: 1 / span 5;
    }
  }
  .min-\[1024px\]\:\[grid-column\:5_\/_7\] {
    @media (width >= 1024px) {
      grid-column: 5 / 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\:7_\/_span_6\] {
    @media (width >= 1024px) {
      grid-column: 7 / span 6;
    }
  }
  .min-\[1024px\]\:\[grid-column\:8_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 8 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-column\:10_\/_13\] {
    @media (width >= 1024px) {
      grid-column: 10 / 13;
    }
  }
  .min-\[1024px\]\:\[grid-row\:1\] {
    @media (width >= 1024px) {
      grid-row: 1;
    }
  }
  .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\]\:mr-\[0\] {
    @media (width >= 1024px) {
      margin-right: 0;
    }
  }
  .min-\[1024px\]\:\[margin-left\:calc\(\(100\%_-_11_\*_30px\)_\/_12_\*_6_\+_6_\*_30px\)\] {
    @media (width >= 1024px) {
      margin-left: calc((100% - 11 * 30px) / 12 * 6 + 6 * 30px);
    }
  }
  .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\:auto\] {
    @media (width >= 1024px) {
      aspect-ratio: auto;
    }
  }
  .min-\[1024px\]\:h-\[60px\] {
    @media (width >= 1024px) {
      height: 60px;
    }
  }
  .min-\[1024px\]\:h-\[85px\] {
    @media (width >= 1024px) {
      height: 85px;
    }
  }
  .min-\[1024px\]\:h-\[240px\] {
    @media (width >= 1024px) {
      height: 240px;
    }
  }
  .min-\[1024px\]\:min-h-\[780px\] {
    @media (width >= 1024px) {
      min-height: 780px;
    }
  }
  .min-\[1024px\]\:\[width\:calc\(\(100\%_-_11_\*_30px\)_\/_12_\*_6_\+_5_\*_30px\)\] {
    @media (width >= 1024px) {
      width: calc((100% - 11 * 30px) / 12 * 6 + 5 * 30px);
    }
  }
  .min-\[1024px\]\:w-\[20\%\] {
    @media (width >= 1024px) {
      width: 20%;
    }
  }
  .min-\[1024px\]\:w-\[120px\] {
    @media (width >= 1024px) {
      width: 120px;
    }
  }
  .min-\[1024px\]\:w-\[240px\] {
    @media (width >= 1024px) {
      width: 240px;
    }
  }
  .min-\[1024px\]\:w-\[325px\] {
    @media (width >= 1024px) {
      width: 325px;
    }
  }
  .min-\[1024px\]\:w-\[440px\] {
    @media (width >= 1024px) {
      width: 440px;
    }
  }
  .min-\[1024px\]\:w-\[560px\] {
    @media (width >= 1024px) {
      width: 560px;
    }
  }
  .min-\[1024px\]\:w-\[630px\] {
    @media (width >= 1024px) {
      width: 630px;
    }
  }
  .min-\[1024px\]\:w-\[auto\] {
    @media (width >= 1024px) {
      width: auto;
    }
  }
  .min-\[1024px\]\:max-w-\[460px\] {
    @media (width >= 1024px) {
      max-width: 460px;
    }
  }
  .min-\[1024px\]\:max-w-\[790px\] {
    @media (width >= 1024px) {
      max-width: 790px;
    }
  }
  .min-\[1024px\]\:max-w-\[none\] {
    @media (width >= 1024px) {
      max-width: none;
    }
  }
  .min-\[1024px\]\:shrink-0 {
    @media (width >= 1024px) {
      flex-shrink: 0;
    }
  }
  .min-\[1024px\]\:\[flex-basis\:auto\] {
    @media (width >= 1024px) {
      flex-basis: auto;
    }
  }
  .min-\[1024px\]\:\[flex-basis\:calc\(\(100\%_-_60px\)_\/_3\)\] {
    @media (width >= 1024px) {
      flex-basis: calc((100% - 60px) / 3);
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:60px_minmax\(0\,_1fr\)\] {
    @media (width >= 1024px) {
      grid-template-columns: 60px minmax(0, 1fr);
    }
  }
  .min-\[1024px\]\:\[grid-template-columns\:auto_minmax\(0\,_1fr\)_auto\] {
    @media (width >= 1024px) {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }
  }
  .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\(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-wrap\:nowrap\] {
    @media (width >= 1024px) {
      flex-wrap: nowrap;
    }
  }
  .min-\[1024px\]\:\[align-items\:end\] {
    @media (width >= 1024px) {
      align-items: end;
    }
  }
  .min-\[1024px\]\:\[align-items\:start\] {
    @media (width >= 1024px) {
      align-items: start;
    }
  }
  .min-\[1024px\]\:items-stretch {
    @media (width >= 1024px) {
      align-items: stretch;
    }
  }
  .min-\[1024px\]\:justify-center {
    @media (width >= 1024px) {
      justify-content: center;
    }
  }
  .min-\[1024px\]\:justify-end {
    @media (width >= 1024px) {
      justify-content: flex-end;
    }
  }
  .min-\[1024px\]\:gap-\[20px\] {
    @media (width >= 1024px) {
      gap: 20px;
    }
  }
  .min-\[1024px\]\:gap-\[30px\] {
    @media (width >= 1024px) {
      gap: 30px;
    }
  }
  .min-\[1024px\]\:gap-x-\[30px\] {
    @media (width >= 1024px) {
      column-gap: 30px;
    }
  }
  .min-\[1024px\]\:gap-y-\[50px\] {
    @media (width >= 1024px) {
      row-gap: 50px;
    }
  }
  .min-\[1024px\]\:\[overflow\:visible\] {
    @media (width >= 1024px) {
      overflow: visible;
    }
  }
  .min-\[1024px\]\:px-\[20px\] {
    @media (width >= 1024px) {
      padding-inline: 20px;
    }
  }
  .min-\[1024px\]\:py-\[100px\] {
    @media (width >= 1024px) {
      padding-block: 100px;
    }
  }
  .min-\[1024px\]\:pb-\[160px\] {
    @media (width >= 1024px) {
      padding-bottom: 160px;
    }
  }
  .min-\[1024px\]\:text-\[length\:15px\] {
    @media (width >= 1024px) {
      font-size: 15px;
    }
  }
  .min-\[1024px\]\:text-\[length\:50px\] {
    @media (width >= 1024px) {
      font-size: 50px;
    }
  }
  .min-\[1024px\]\:text-\[length\:65px\] {
    @media (width >= 1024px) {
      font-size: 65px;
    }
  }
  .min-\[1024px\]\:text-\[length\:70px\] {
    @media (width >= 1024px) {
      font-size: 70px;
    }
  }
  .min-\[1280px\]\:flex {
    @media (width >= 1280px) {
      display: flex;
    }
  }
  .min-\[1280px\]\:flex-col {
    @media (width >= 1280px) {
      flex-direction: column;
    }
  }
  .min-\[1280px\]\:gap-\[5px\] {
    @media (width >= 1280px) {
      gap: 5px;
    }
  }
  .min-\[1280px\]\:gap-\[30px\] {
    @media (width >= 1280px) {
      gap: 30px;
    }
  }
  .\[\&_a\:focus-visible\]\:\[outline-color\:var\(--ds-focus-on-dark\)\] {
    & a:focus-visible {
      outline-color: var(--ds-focus-on-dark);
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\:\:after\]\:absolute {
    &::after {
      position: absolute;
    }
  }
  .\[\&\:\:after\]\:right-\[0\] {
    &::after {
      right: 0;
    }
  }
  .\[\&\:\:after\]\:bottom-\[2px\] {
    &::after {
      bottom: 2px;
    }
  }
  .\[\&\:\:after\]\:left-\[0\] {
    &::after {
      left: 0;
    }
  }
  .\[\&\:\:after\]\:h-\[3px\] {
    &::after {
      height: 3px;
    }
  }
  .\[\&\:\:after\]\:bg-\[color\:var\(--ds-valve\)\] {
    &::after {
      background-color: var(--ds-valve);
    }
  }
  .\[\&\:\:after\]\:\[opacity\:0\] {
    &::after {
      opacity: 0;
    }
  }
  .\[\&\:\:after\]\:\[transition-property\:opacity\] {
    &::after {
      transition-property: opacity;
    }
  }
  .\[\&\:\:after\]\:\[transition-duration\:150ms\] {
    &::after {
      transition-duration: 150ms;
    }
  }
  .\[\&\:\:after\]\:\[content\:\"\"\] {
    &::after {
      content: "";
    }
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:bg-\[color\:var\(--ds-valve\)\] {
    &:hover:not(:disabled) {
      background-color: var(--ds-valve);
    }
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:text-\[color\:var\(--ds-on-primary\)\] {
    &:hover:not(:disabled) {
      color: var(--ds-on-primary);
    }
  }
  .\[\&\:not\(\:first-of-type\)\]\:\[border-left-width\:1px\] {
    &:not(:first-of-type) {
      border-left-width: 1px;
    }
  }
  .\[\&\:not\(\:first-of-type\)\]\:\[border-left-style\:solid\] {
    &:not(:first-of-type) {
      border-left-style: solid;
    }
  }
  .\[\&\:not\(\:first-of-type\)\]\:\[border-left-color\:rgba\(36\,_32\,_31\,_0\.12\)\] {
    &:not(:first-of-type) {
      border-left-color: rgba(36, 32, 31, 0.12);
    }
  }
  .\[\&\>a\:focus-visible\]\:\[outline-color\:var\(--ds-focus-on-dark\)\] {
    &>a:focus-visible {
      outline-color: var(--ds-focus-on-dark);
    }
  }
  .\[\&\[aria-current\=\"page\"\]\]\:\[font-weight\:600\] {
    &[aria-current="page"] {
      font-weight: 600;
    }
  }
  .\[\&\[aria-current\=\"page\"\]\]\:text-\[color\:var\(--ds-valve-deep\)\] {
    &[aria-current="page"] {
      color: var(--ds-valve-deep);
    }
  }
  .\[\&\[aria-pressed\=\"true\"\]\]\:bg-\[color\:var\(--ds-ink\)\] {
    &[aria-pressed="true"] {
      background-color: var(--ds-ink);
    }
  }
  .\[\&\[aria-pressed\=\"true\"\]\]\:text-\[color\:var\(--ds-on-dark\)\] {
    &[aria-pressed="true"] {
      color: var(--ds-on-dark);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:bg-\[color\:var\(--ds-ink\)\] {
    &[aria-selected="true"] {
      background-color: var(--ds-ink);
    }
  }
  .\[\&\[aria-selected\=\"true\"\]\]\:text-\[color\:var\(--ds-on-dark\)\] {
    &[aria-selected="true"] {
      color: var(--ds-on-dark);
    }
  }
  .\[\@media\(prefers-reduced-motion\:_no-preference\)\]\:hover\:\[transform\:translateY\(-5px\)\] {
    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        @media (hover: hover) {
          transform: translateY(-5px);
        }
      }
    }
  }
  .\[\[aria-current\=\"true\"\]\>\&\]\:w-\[30px\] {
    [aria-current="true"]>& {
      width: 30px;
    }
  }
  .\[\[aria-current\=\"true\"\]\>\&\]\:rounded-\[var\(--ds-radius-button\)\] {
    [aria-current="true"]>& {
      border-radius: var(--ds-radius-button);
    }
  }
  .\[\[aria-current\=\"true\"\]\>\&\]\:bg-\[color\:var\(--ds-cold\)\] {
    [aria-current="true"]>& {
      background-color: var(--ds-cold);
    }
  }
  .\[\[aria-expanded\=\"true\"\]_\&\]\:block {
    [aria-expanded="true"] & {
      display: block;
    }
  }
  .\[\[aria-expanded\=\"true\"\]_\&\]\:hidden {
    [aria-expanded="true"] & {
      display: none;
    }
  }
  .\[\[aria-expanded\=\"true\"\]_\&\]\:\[transform\:rotate\(180deg\)\] {
    [aria-expanded="true"] & {
      transform: rotate(180deg);
    }
  }
  .\[\[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: #F2F1ED;
      --ds-tint: #E6E2DA;
      --ds-surface: #FFFFFF;
      --ds-ink: #1D1A1A;
      --ds-body: #4D4745;
      --ds-muted: #696260;
      --ds-line: #D6D0C6;
      --ds-valve: #A12F28;
      --ds-valve-deep: #7D231E;
      --ds-valve-soft: #F1DCD8;
      --ds-cold: #C9D8E4;
      --ds-cold-mid: #4F6F89;
      --ds-iron: #24201F;
      --ds-on-dark: #F2F1ED;
      --ds-on-dark-muted: #CFC8C3;
      --ds-footer: #1A1716;
      --ds-on-primary: #FFFFFF;
      --ds-focus: #A12F28;
      --ds-focus-on-dark: #C9D8E4;
      --ds-radius-button: 10px;
      --ds-radius-card: 0px;
      --ds-radius-chip: 10px;
      --ds-radius-field: 0px;
      --ds-radius-image: 0px;
      --ds-radius-round: 50%;
      --ds-shadow-card: 0 15px 40px rgba(29, 26, 26, 0.10);
      --ds-shadow-card-hover: 0 25px 50px rgba(29, 26, 26, 0.14);
      --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-hot-cold: linear-gradient(90deg, #A12F28 50%, #4F6F89 50%);
      --ds-hot-cold-dark: linear-gradient(90deg, #A12F28 50%, #C9D8E4 50%);
      --ds-subway: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' stroke='%231D1A1A' stroke-opacity='0.06'%3E%3Cpath d='M0 0.5H60M0 30.5H60M0.5 0V30M30.5 30V60'/%3E%3C/svg%3E");
      --ds-chamfer: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
      --ds-chamfer-sm: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
      --ds-hex: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
      --ds-font-heading: "Schibsted Grotesk", system-ui, sans-serif;
      --ds-font-body: "Libre Franklin", 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;
    }
  }
}
