/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
        *,: before,: after,:: backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: ""
            }
        }
    }
:root, :host {
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --aspect-video: 16/9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
.pointer-events-auto {
    pointer-events: auto;
    }
.pointer-events-none {
    pointer-events: none;
    }
.collapse {
    visibility: collapse;
    }
.invisible {
    visibility: hidden;
    }
.visible {
    visibility: visible;
    }
.stretched-click-overlay:after {
    content: "";
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    }
.\!sr-only {
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
    }
.sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    }
.sr-only\! {
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
    }
.\!absolute {
    position: absolute !important;
    }
.absolute {
    position: absolute;
    }
.absolute\! {
    position: absolute !important;
    }
.fixed {
    position: fixed;
    }
.relative {
    position: relative;
    }
.static {
    position: static;
    }
.sticky {
    position: sticky;
    }
.inset-0 {
    inset: calc(var(--spacing) * 0);
    }
.inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
    }
.inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
    }
.-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
    }
.-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
    }
.-top-2 {
    top: calc(var(--spacing) * -2);
    }
.-top-5 {
    top: calc(var(--spacing) * -5);
    }
.-top-\[1px\] {
    top: -1px;
    }
.-top-\[5px\] {
    top: -5px;
    }
.-top-\[65px\] {
    top: -65px;
    }
.top-0 {
    top: calc(var(--spacing) * 0);
    }
.top-0\.5 {
    top: calc(var(--spacing) * 0.5);
    }
.top-1 {
    top: calc(var(--spacing) * 1);
    }
.top-1\.5 {
    top: calc(var(--spacing) * 1.5);
    }
.top-1\/2 {
    top: 50%;
    }
.top-2 {
    top: calc(var(--spacing) * 2);
    }
.top-3 {
    top: calc(var(--spacing) * 3);
    }
.top-3\.5 {
    top: calc(var(--spacing) * 3.5);
    }
.top-4 {
    top: calc(var(--spacing) * 4);
    }
.top-6 {
    top: calc(var(--spacing) * 6);
    }
.top-8 {
    top: calc(var(--spacing) * 8);
    }
.top-10 {
    top: calc(var(--spacing) * 10);
    }
.top-12 {
    top: calc(var(--spacing) * 12);
    }
.top-32 {
    top: calc(var(--spacing) * 32);
    }
.top-\[-6px\] {
    top: -6px;
    }
.top-\[1px\] {
    top: 1px;
    }
.top-\[8rem\] {
    top: 8rem;
    }
.top-\[10\%\] {
    top: 10%;
    }
.top-\[10px\] {
    top: 10px;
    }
.top-\[15px\] {
    top: 15px;
    }
.top-\[32px\] {
    top: 32px;
    }
.top-\[52px\] {
    top: 52px;
    }
.top-\[100\%\], .top-full {
    top: 100%;
    }
.top-px {
    top: 1px;
    }
.-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
    }
.-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
    }
.-right-2 {
    right: calc(var(--spacing) * -2);
    }
.-right-4 {
    right: calc(var(--spacing) * -4);
    }
.-right-4\! {
    right: calc(var(--spacing) * -4) !important;
    }
.-right-8 {
    right: calc(var(--spacing) * -8);
    }
.-right-\[13px\] {
    right: -13px;
    }
.-right-\[38px\] {
    right: -38px;
    }
.-right-\[72px\] {
    right: -72px;
    }
.-right-\[76px\] {
    right: -76px;
    }
.right-0 {
    right: calc(var(--spacing) * 0);
    }
.right-2 {
    right: calc(var(--spacing) * 2);
    }
.right-3 {
    right: calc(var(--spacing) * 3);
    }
.right-4 {
    right: calc(var(--spacing) * 4);
    }
.right-5 {
    right: calc(var(--spacing) * 5);
    }
.right-6 {
    right: calc(var(--spacing) * 6);
    }
.right-16 {
    right: calc(var(--spacing) * 16);
    }
.right-\[-4px\] {
    right: -4px;
    }
.right-\[-6px\] {
    right: -6px;
    }
.right-\[17\%\] {
    right: 17%;
    }
.right-full {
    right: 100%;
    }
.-bottom-1\.5 {
    bottom: calc(var(--spacing) * -1.5);
    }
.-bottom-2 {
    bottom: calc(var(--spacing) * -2);
    }
.-bottom-3 {
    bottom: calc(var(--spacing) * -3);
    }
.bottom-0 {
    bottom: calc(var(--spacing) * 0);
    }
.bottom-0\.5 {
    bottom: calc(var(--spacing) * 0.5);
    }
.bottom-1 {
    bottom: calc(var(--spacing) * 1);
    }
.bottom-3 {
    bottom: calc(var(--spacing) * 3);
    }
.bottom-8 {
    bottom: calc(var(--spacing) * 8);
    }
.bottom-\[calc\(100\%\+4px\)\] {
    bottom: calc(100% + 4px);
    }
.bottom-full {
    bottom: 100%;
    }
.-left-3 {
    left: calc(var(--spacing) * -3);
    }
.-left-4 {
    left: calc(var(--spacing) * -4);
    }
.-left-4\! {
    left: calc(var(--spacing) * -4) !important;
    }
.left-0 {
    left: calc(var(--spacing) * 0);
    }
.left-1\/2 {
    left: 50%;
    }
.left-2 {
    left: calc(var(--spacing) * 2);
    }
.left-3 {
    left: calc(var(--spacing) * 3);
    }
.left-4 {
    left: calc(var(--spacing) * 4);
    }
.left-8 {
    left: calc(var(--spacing) * 8);
    }
.left-10 {
    left: calc(var(--spacing) * 10);
    }
.left-16 {
    left: calc(var(--spacing) * 16);
    }
.left-\[17\%\] {
    left: 17%;
    }
.left-\[20px\] {
    left: 20px;
    }
.left-\[33px\] {
    left: 33px;
    }
.left-full {
    left: 100%;
    }
.isolate {
    isolation: isolate;
    }
.-z-1 {
    z-index: -1;
    }
.z-0 {
    z-index: 0;
    }
.z-1 {
    z-index: 1;
    }
.z-2 {
    z-index: 2;
    }
.z-5 {
    z-index: 5;
    }
.z-10 {
    z-index: 10;
    }
.z-15 {
    z-index: 15;
    }
.z-20 {
    z-index: 20;
    }
.z-40 {
    z-index: 40;
    }
.z-50 {
    z-index: 50;
    }
.z-10002 {
    z-index: 10002;
    }
.z-\[1\] {
    z-index: 1;
    }
.z-\[10\] {
    z-index: 10;
    }
.z-\[10002\] {
    z-index: 10002;
    }
.-order-1 {
    order: -1;
    }
.order-0 {
    order: 0;
    }
.order-1 {
    order: 1;
    }
.order-2 {
    order: 2;
    }
.order-3 {
    order: 3;
    }
.col-span-1 {
    grid-column: span 1/span 1;
    }
.col-span-2 {
    grid-column: span 2/span 2;
    }
.col-span-3 {
    grid-column: span 3/span 3;
    }
.col-span-5 {
    grid-column: span 5/span 5;
    }
.col-span-7 {
    grid-column: span 7/span 7;
    }
.col-span-12 {
    grid-column: span 12/span 12;
    }
.col-span-full {
    grid-column: 1/-1;
    }
.col-start-2 {
    grid-column-start: 2;
    }
.col-start-3 {
    grid-column-start: 3;
    }
.row-span-2 {
    grid-row: span 2/span 2;
    }
.row-span-3 {
    grid-row: span 3/span 3;
    }
.row-span-5 {
    grid-row: span 5/span 5;
    }
.row-start-1 {
    grid-row-start: 1;
    }
.row-start-2 {
    grid-row-start: 2;
    }
.float-left {
    float: left;
    }
.clear-left {
    clear: left;
    }
.container {
    width: 100%;
    }
@media (min-width: 360px) {
    .container {
        max-width: 360px;
        }
    }
@media (min-width: 480px) {
    .container {
        max-width: 480px;
        }
    }
@media (min-width: 600px) {
    .container {
        max-width: 600px;
        }
    }
@media (min-width: 720px) {
    .container {
        max-width: 720px;
        }
    }
@media (min-width: 840px) {
    .container {
        max-width: 840px;
        }
    }
@media (min-width: 900px) {
    .container {
        max-width: 900px;
        }
    }
@media (min-width: 960px) {
    .container {
        max-width: 960px;
        }
    }
@media (min-width: 1008px) {
    .container {
        max-width: 1008px;
        }
    }
@media (min-width: 2000px) {
    .container {
        max-width: 2000px;
        }
    }
.\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
    }
.\!m-8 {
    margin: calc(var(--spacing) * 8) !important;
    }
.-m-1 {
    margin: calc(var(--spacing) * -1);
    }
.-m-2 {
    margin: calc(var(--spacing) * -2);
    }
.m-0 {
    margin: calc(var(--spacing) * 0);
    }
.m-0\! {
    margin: calc(var(--spacing) * 0) !important;
    }
.m-1 {
    margin: calc(var(--spacing) * 1);
    }
.m-2 {
    margin: calc(var(--spacing) * 2);
    }
.m-3 {
    margin: calc(var(--spacing) * 3);
    }
.m-4 {
    margin: calc(var(--spacing) * 4);
    }
.m-5 {
    margin: calc(var(--spacing) * 5);
    }
.m-8\! {
    margin: calc(var(--spacing) * 8) !important;
    }
.m-\[3px\] {
    margin: 3px;
    }
.m-auto {
    margin: auto;
    }
.\!mx-0 {
    margin-inline: calc(var(--spacing) * 0) !important;
    }
.-mx-0\.5 {
    margin-inline: calc(var(--spacing) * -0.5);
    }
.-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
    }
.-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
    }
.-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
    }
.-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
    }
.-mx-gg {
    margin-inline: calc(var(--grit__gap) * -1);
    }
.-mx-gs {
    margin-inline: calc(var(--grit__sides) * -1);
    }
.mx-0 {
    margin-inline: calc(var(--spacing) * 0);
    }
.mx-0\! {
    margin-inline: calc(var(--spacing) * 0) !important;
    }
.mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
    }
.mx-1 {
    margin-inline: calc(var(--spacing) * 1);
    }
.mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
    }
.mx-2 {
    margin-inline: calc(var(--spacing) * 2);
    }
.mx-3 {
    margin-inline: calc(var(--spacing) * 3);
    }
.mx-4 {
    margin-inline: calc(var(--spacing) * 4);
    }
.mx-6 {
    margin-inline: calc(var(--spacing) * 6);
    }
.mx-12 {
    margin-inline: calc(var(--spacing) * 12);
    }
.mx-auto {
    margin-inline: auto;
    }
.mx-gs {
    margin-inline: var(--grit__sides);
    }
.\!my-0 {
    margin-block: calc(var(--spacing) * 0) !important;
    }
.\!my-1 {
    margin-block: calc(var(--spacing) * 1) !important;
    }
.\!my-3 {
    margin-block: calc(var(--spacing) * 3) !important;
    }
.-my-2 {
    margin-block: calc(var(--spacing) * -2);
    }
.-my-px {
    margin-block: -1px;
    }
.my-0 {
    margin-block: calc(var(--spacing) * 0);
    }
.my-0\! {
    margin-block: calc(var(--spacing) * 0) !important;
    }
.my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
    }
.my-1 {
    margin-block: calc(var(--spacing) * 1);
    }
.my-1\! {
    margin-block: calc(var(--spacing) * 1) !important;
    }
.my-2 {
    margin-block: calc(var(--spacing) * 2);
    }
.my-2\! {
    margin-block: calc(var(--spacing) * 2) !important;
    }
.my-3 {
    margin-block: calc(var(--spacing) * 3);
    }
.my-3\! {
    margin-block: calc(var(--spacing) * 3) !important;
    }
.my-4 {
    margin-block: calc(var(--spacing) * 4);
    }
.my-4\.5 {
    margin-block: calc(var(--spacing) * 4.5);
    }
.my-5 {
    margin-block: calc(var(--spacing) * 5);
    }
.my-6 {
    margin-block: calc(var(--spacing) * 6);
    }
.my-8 {
    margin-block: calc(var(--spacing) * 8);
    }
.my-9 {
    margin-block: calc(var(--spacing) * 9);
    }
.my-10 {
    margin-block: calc(var(--spacing) * 10);
    }
.my-12 {
    margin-block: calc(var(--spacing) * 12);
    }
.my-16 {
    margin-block: calc(var(--spacing) * 16);
    }
.my-\[3px\] {
    margin-block: 3px;
    }
.my-auto {
    margin-block: auto;
    }
.ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * 0.5);
    }
.ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
    }
.ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
    }
.ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
    }
.me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
    }
.me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
    }
.me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
    }
.me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
    }
.prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    }
.prose {
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: NaN NaN NaN;
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
    }
.prose-lg {
    font-size: 1.125rem;
    line-height: 1.77778;
    }
.prose-sm {
    font-size: 0.875rem;
    line-height: 1.71429;
    }
.deprecated-reset-area > :first-child {
    margin-top: 0 !important;
    }
.deprecated-reset-area > :last-child {
    margin-bottom: 0 !important;
    }
.\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
    }
.\!mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
    }
.\!mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
    }
.\!mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
    }
.\!mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
    }
.\!mt-8 {
    margin-top: calc(var(--spacing) * 8) !important;
    }
.\!mt-auto {
    margin-top: auto !important;
    }
.-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
    }
.-mt-1 {
    margin-top: calc(var(--spacing) * -1);
    }
.-mt-2 {
    margin-top: calc(var(--spacing) * -2);
    }
.-mt-4 {
    margin-top: calc(var(--spacing) * -4);
    }
.-mt-10 {
    margin-top: calc(var(--spacing) * -10);
    }
.-mt-28 {
    margin-top: calc(var(--spacing) * -28);
    }
.-mt-\[40px\] {
    margin-top: -40px;
    }
.mt-0 {
    margin-top: calc(var(--spacing) * 0);
    }
.mt-0\! {
    margin-top: calc(var(--spacing) * 0) !important;
    }
.mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
    }
.mt-0\.25 {
    margin-top: calc(var(--spacing) * 0.25);
    }
.mt-1 {
    margin-top: calc(var(--spacing) * 1);
    }
.mt-1\! {
    margin-top: calc(var(--spacing) * 1) !important;
    }
.mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
    }
.mt-2 {
    margin-top: calc(var(--spacing) * 2);
    }
.mt-2\! {
    margin-top: calc(var(--spacing) * 2) !important;
    }
.mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
    }
.mt-3 {
    margin-top: calc(var(--spacing) * 3);
    }
.mt-3\! {
    margin-top: calc(var(--spacing) * 3) !important;
    }
.mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
    }
.mt-4 {
    margin-top: calc(var(--spacing) * 4);
    }
.mt-4\! {
    margin-top: calc(var(--spacing) * 4) !important;
    }
.mt-5 {
    margin-top: calc(var(--spacing) * 5);
    }
.mt-5\! {
    margin-top: calc(var(--spacing) * 5) !important;
    }
.mt-6 {
    margin-top: calc(var(--spacing) * 6);
    }
.mt-7 {
    margin-top: calc(var(--spacing) * 7);
    }
.mt-8 {
    margin-top: calc(var(--spacing) * 8);
    }
.mt-8\! {
    margin-top: calc(var(--spacing) * 8) !important;
    }
.mt-9 {
    margin-top: calc(var(--spacing) * 9);
    }
.mt-10 {
    margin-top: calc(var(--spacing) * 10);
    }
.mt-12 {
    margin-top: calc(var(--spacing) * 12);
    }
.mt-16 {
    margin-top: calc(var(--spacing) * 16);
    }
.mt-\[-2\.5rem\] {
    margin-top: -2.5rem;
    }
.mt-\[-16px\] {
    margin-top: -16px;
    }
.mt-\[0\.25em\] {
    margin-top: 0.25em;
    }
.mt-\[44px\] {
    margin-top: 44px;
    }
.mt-\[116px\] {
    margin-top: 116px;
    }
.mt-auto {
    margin-top: auto;
    }
.mt-auto\! {
    margin-top: auto !important;
    }
.grit-fence {
    max-width: var(--grit__max-width);
    width: var(--grit__width);
    margin-left: var(--grit__sides);
    margin-right: var(--grit__sides);
    }
@media (min-width: 1296px) {
    .grit-fence {
        --grit__width: 100%;
        margin-left: auto;
        margin-right: auto;
        }
    }
.grit-breakout {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    }
.\!mr-0 {
    margin-right: calc(var(--spacing) * 0) !important;
    }
.-mr-1 {
    margin-right: calc(var(--spacing) * -1);
    }
.-mr-2 {
    margin-right: calc(var(--spacing) * -2);
    }
.-mr-4 {
    margin-right: calc(var(--spacing) * -4);
    }
.-mr-\[22px\] {
    margin-right: -22px;
    }
.mr-0 {
    margin-right: calc(var(--spacing) * 0);
    }
.mr-0\! {
    margin-right: calc(var(--spacing) * 0) !important;
    }
.mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
    }
.mr-1 {
    margin-right: calc(var(--spacing) * 1);
    }
.mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
    }
.mr-2 {
    margin-right: calc(var(--spacing) * 2);
    }
.mr-3 {
    margin-right: calc(var(--spacing) * 3);
    }
.mr-4 {
    margin-right: calc(var(--spacing) * 4);
    }
.mr-5 {
    margin-right: calc(var(--spacing) * 5);
    }
.mr-6 {
    margin-right: calc(var(--spacing) * 6);
    }
.mr-7 {
    margin-right: calc(var(--spacing) * 7);
    }
.mr-8 {
    margin-right: calc(var(--spacing) * 8);
    }
.mr-11 {
    margin-right: calc(var(--spacing) * 11);
    }
.mr-12 {
    margin-right: calc(var(--spacing) * 12);
    }
.mr-20 {
    margin-right: calc(var(--spacing) * 20);
    }
.mr-32 {
    margin-right: calc(var(--spacing) * 32);
    }
.mr-\[-50px\] {
    margin-right: -50px;
    }
.mr-auto {
    margin-right: auto;
    }
.mr-gg {
    margin-right: var(--grit__gap);
    }
.\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
    }
.-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
    }
.-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
    }
.-mb-10 {
    margin-bottom: calc(var(--spacing) * -10);
    }
.mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
    }
.mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
    }
.mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
    }
.mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
    }
.mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
    }
.mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
    }
.mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
    }
.mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
    }
.mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
    }
.mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
    }
.mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
    }
.mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
    }
.mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
    }
.mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
    }
.mb-11 {
    margin-bottom: calc(var(--spacing) * 11);
    }
.mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
    }
.mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
    }
.mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
    }
.mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
    }
.mb-28 {
    margin-bottom: calc(var(--spacing) * 28);
    }
.mb-\[54px\] {
    margin-bottom: 54px;
    }
.mb-\[75px\] {
    margin-bottom: 75px;
    }
.mb-\[100px\] {
    margin-bottom: 100px;
    }
.mb-\[var\(--gap\)\] {
    margin-bottom: var(--gap);
    }
.mb-gg {
    margin-bottom: var(--grit__gap);
    }
.\!ml-0 {
    margin-left: calc(var(--spacing) * 0) !important;
    }
.-ml-2 {
    margin-left: calc(var(--spacing) * -2);
    }
.-ml-4 {
    margin-left: calc(var(--spacing) * -4);
    }
.ml-0 {
    margin-left: calc(var(--spacing) * 0);
    }
.ml-0\! {
    margin-left: calc(var(--spacing) * 0) !important;
    }
.ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
    }
.ml-1 {
    margin-left: calc(var(--spacing) * 1);
    }
.ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
    }
.ml-2 {
    margin-left: calc(var(--spacing) * 2);
    }
.ml-3 {
    margin-left: calc(var(--spacing) * 3);
    }
.ml-4 {
    margin-left: calc(var(--spacing) * 4);
    }
.ml-6 {
    margin-left: calc(var(--spacing) * 6);
    }
.ml-8 {
    margin-left: calc(var(--spacing) * 8);
    }
.ml-10 {
    margin-left: calc(var(--spacing) * 10);
    }
.ml-12 {
    margin-left: calc(var(--spacing) * 12);
    }
.ml-24 {
    margin-left: calc(var(--spacing) * 24);
    }
.ml-auto {
    margin-left: auto;
    }
.box-border {
    box-sizing: border-box;
    }
.box-content {
    box-sizing: content-box;
    }
.line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    }
.line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    }
.line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    }
.line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    }
.line-clamp-none {
    -webkit-line-clamp: unset;
    -webkit-box-orient: horizontal;
    display: block;
    overflow: visible;
    }
.hide-scrollbar {
    scrollbar-width: none;
    }
.hide-scrollbar::-webkit-scrollbar {
    display: none;
    }
.scrollbar-hide {
    scrollbar-width: none;
    }
.scrollbar-hide::-webkit-scrollbar {
    display: none;
    }
.\!block {
    display: block !important;
    }
.\!inline {
    display: inline !important;
    }
.block {
    display: block;
    }
.contents {
    display: contents;
    }
.details-marker-none::-webkit-details-marker {
    display: none;
    }
.flex {
    display: flex;
    }
.flex\! {
    display: flex !important;
    }
.grid {
    display: grid;
    }
.hidden {
    display: none;
    }
.hidden\! {
    display: none !important;
    }
.inline {
    display: inline;
    }
.inline\! {
    display: inline !important;
    }
.inline-block {
    display: inline-block;
    }
.inline-block\! {
    display: inline-block !important;
    }
.inline-flex {
    display: inline-flex;
    }
.inline-grid {
    display: inline-grid;
    }
.inline-table {
    display: inline-table;
    }
.table {
    display: table;
    }
.table-cell {
    display: table-cell;
    }
.table-row {
    display: table-row;
    }
.aspect-1\/3 {
    aspect-ratio: 1/3;
    }
.aspect-1\/6 {
    aspect-ratio: 1/6;
    }
.aspect-2\/1 {
    aspect-ratio: 2;
    }
.aspect-3\/2 {
    aspect-ratio: 3/2;
    }
.aspect-3\/4 {
    aspect-ratio: 3/4;
    }
.aspect-16\/9 {
    aspect-ratio: 16/9;
    }
.aspect-284\/175 {
    aspect-ratio: 284/175;
    }
.aspect-390\/200 {
    aspect-ratio: 390/200;
    }
.aspect-\[1\/3\] {
    aspect-ratio: 1/3;
    }
.aspect-\[1\/6\] {
    aspect-ratio: 1/6;
    }
.aspect-\[2\/1\] {
    aspect-ratio: 2;
    }
.aspect-\[3\/2\] {
    aspect-ratio: 3/2;
    }
.aspect-\[284\/175\] {
    aspect-ratio: 284/175;
    }
.aspect-\[390\/200\] {
    aspect-ratio: 390/200;
    }
.aspect-auto {
    aspect-ratio: auto;
    }
.aspect-square {
    aspect-ratio: 1;
    }
.aspect-video {
    aspect-ratio: var(--aspect-video);
    }
.\!h-1 {
    height: calc(var(--spacing) * 1) !important;
    }
.h-0 {
    height: calc(var(--spacing) * 0);
    }
.h-0\.5 {
    height: calc(var(--spacing) * 0.5);
    }
.h-1 {
    height: calc(var(--spacing) * 1);
    }
.h-1\! {
    height: calc(var(--spacing) * 1) !important;
    }
.h-1\.5 {
    height: calc(var(--spacing) * 1.5);
    }
.h-2 {
    height: calc(var(--spacing) * 2);
    }
.h-2\.5 {
    height: calc(var(--spacing) * 2.5);
    }
.h-3 {
    height: calc(var(--spacing) * 3);
    }
.h-4 {
    height: calc(var(--spacing) * 4);
    }
.h-4\.5 {
    height: calc(var(--spacing) * 4.5);
    }
.h-5 {
    height: calc(var(--spacing) * 5);
    }
.h-5\.5 {
    height: calc(var(--spacing) * 5.5);
    }
.h-6 {
    height: calc(var(--spacing) * 6);
    }
.h-7 {
    height: calc(var(--spacing) * 7);
    }
.h-8 {
    height: calc(var(--spacing) * 8);
    }
.h-9 {
    height: calc(var(--spacing) * 9);
    }
.h-10 {
    height: calc(var(--spacing) * 10);
    }
.h-11 {
    height: calc(var(--spacing) * 11);
    }
.h-12 {
    height: calc(var(--spacing) * 12);
    }
.h-14 {
    height: calc(var(--spacing) * 14);
    }
.h-16 {
    height: calc(var(--spacing) * 16);
    }
.h-20 {
    height: calc(var(--spacing) * 20);
    }
.h-24 {
    height: calc(var(--spacing) * 24);
    }
.h-60 {
    height: calc(var(--spacing) * 60);
    }
.h-80 {
    height: calc(var(--spacing) * 80);
    }
.h-\[1\.375rem\] {
    height: 1.375rem;
    }
.h-\[1em\] {
    height: 1em;
    }
.h-\[1lh\] {
    height: 1lh;
    }
.h-\[3px\] {
    height: 3px;
    }
.h-\[6px\] {
    height: 6px;
    }
.h-\[10px\] {
    height: 10px;
    }
.h-\[20px\]\! {
    height: 20px !important;
    }
.h-\[21px\] {
    height: 21px;
    }
.h-\[25px\] {
    height: 25px;
    }
.h-\[26px\] {
    height: 26px;
    }
.h-\[29px\] {
    height: 29px;
    }
.h-\[32px\] {
    height: 32px;
    }
.h-\[33vh\] {
    height: 33vh;
    }
.h-\[40px\] {
    height: 40px;
    }
.h-\[50px\]\! {
    height: 50px !important;
    }
.h-\[54px\] {
    height: 54px;
    }
.h-\[60\%\] {
    height: 60%;
    }
.h-\[68px\] {
    height: 68px;
    }
.h-\[90\%\] {
    height: 90%;
    }
.h-\[100dvh\] {
    height: 100dvh;
    }
.h-\[100px\] {
    height: 100px;
    }
.h-\[110px\] {
    height: 110px;
    }
.h-\[157px\] {
    height: 157px;
    }
.h-\[164px\] {
    height: 164px;
    }
.h-\[175px\] {
    height: 175px;
    }
.h-\[200\%\] {
    height: 200%;
    }
.h-\[200px\] {
    height: 200px;
    }
.h-\[219px\] {
    height: 219px;
    }
.h-\[240px\] {
    height: 240px;
    }
.h-\[250px\] {
    height: 250px;
    }
.h-\[300px\] {
    height: 300px;
    }
.h-\[320px\] {
    height: 320px;
    }
.h-\[324px\] {
    height: 324px;
    }
.h-\[346px\] {
    height: 346px;
    }
.h-\[400px\] {
    height: 400px;
    }
.h-\[calc\(100\%-80px\)\] {
    height: calc(100% - 80px);
    }
.h-\[calc\(100vh-56px\)\] {
    height: calc(100vh - 56px);
    }
.h-auto {
    height: auto;
    }
.h-dvh {
    height: 100dvh;
    }
.h-full {
    height: 100%;
    }
.h-lh {
    height: 1lh;
    }
.h-min {
    height: min-content;
    }
.h-px {
    height: 1px;
    }
.h-screen {
    height: 100vh;
    }
.max-h-0 {
    max-height: calc(var(--spacing) * 0);
    }
.max-h-60 {
    max-height: calc(var(--spacing) * 60);
    }
.max-h-80 {
    max-height: calc(var(--spacing) * 80);
    }
.max-h-\[80vh\] {
    max-height: 80vh;
    }
.max-h-\[260px\] {
    max-height: 260px;
    }
.max-h-\[400px\] {
    max-height: 400px;
    }
.max-h-\[430px\] {
    max-height: 430px;
    }
.max-h-\[440px\] {
    max-height: 440px;
    }
.max-h-\[484px\] {
    max-height: 484px;
    }
.max-h-\[1000px\] {
    max-height: 1000px;
    }
.max-h-\[calc\(100\%-142px\)\] {
    max-height: calc(100% - 142px);
    }
.max-h-\[calc\(100vh-160px\)\] {
    max-height: calc(100vh - 160px);
    }
.max-h-full {
    max-height: 100%;
    }
.max-h-none {
    max-height: none;
    }
.max-h-screen {
    max-height: 100vh;
    }
.min-h-0 {
    min-height: calc(var(--spacing) * 0);
    }
.min-h-10 {
    min-height: calc(var(--spacing) * 10);
    }
.min-h-20 {
    min-height: calc(var(--spacing) * 20);
    }
.min-h-32 {
    min-height: calc(var(--spacing) * 32);
    }
.min-h-80 {
    min-height: calc(var(--spacing) * 80);
    }
.min-h-\[112px\] {
    min-height: 112px;
    }
.min-h-\[160px\] {
    min-height: 160px;
    }
.min-h-\[200px\] {
    min-height: 200px;
    }
.min-h-\[250px\] {
    min-height: 250px;
    }
.min-h-\[320px\] {
    min-height: 320px;
    }
.min-h-\[420px\] {
    min-height: 420px;
    }
.min-h-\[460px\] {
    min-height: 460px;
    }
.min-h-\[700px\] {
    min-height: 700px;
    }
.min-h-\[calc\(100vh-120px\)\] {
    min-height: calc(100vh - 120px);
    }
.min-h-fit {
    min-height: -moz-fit-content;
    min-height: fit-content;
    }
.min-h-full {
    min-height: 100%;
    }
.min-h-px {
    min-height: 1px;
    }
.min-h-screen {
    min-height: 100vh;
    }
.\!w-\[240px\] {
    width: 240px !important;
    }
.w-1 {
    width: calc(var(--spacing) * 1);
    }
.w-1\.5 {
    width: calc(var(--spacing) * 1.5);
    }
.w-1\/2 {
    width: 50%;
    }
.w-1\/3 {
    width: 33.3333%;
    }
.w-2 {
    width: calc(var(--spacing) * 2);
    }
.w-2\.5 {
    width: calc(var(--spacing) * 2.5);
    }
.w-2\/5 {
    width: 40%;
    }
.w-3 {
    width: calc(var(--spacing) * 3);
    }
.w-3xl {
    width: var(--container-3xl);
    }
.w-4 {
    width: calc(var(--spacing) * 4);
    }
.w-4\.5 {
    width: calc(var(--spacing) * 4.5);
    }
.w-5 {
    width: calc(var(--spacing) * 5);
    }
.w-5\.5 {
    width: calc(var(--spacing) * 5.5);
    }
.w-6 {
    width: calc(var(--spacing) * 6);
    }
.w-7 {
    width: calc(var(--spacing) * 7);
    }
.w-8 {
    width: calc(var(--spacing) * 8);
    }
.w-9 {
    width: calc(var(--spacing) * 9);
    }
.w-10 {
    width: calc(var(--spacing) * 10);
    }
.w-12 {
    width: calc(var(--spacing) * 12);
    }
.w-14 {
    width: calc(var(--spacing) * 14);
    }
.w-16 {
    width: calc(var(--spacing) * 16);
    }
.w-20 {
    width: calc(var(--spacing) * 20);
    }
.w-24 {
    width: calc(var(--spacing) * 24);
    }
.w-56 {
    width: calc(var(--spacing) * 56);
    }
.w-96 {
    width: calc(var(--spacing) * 96);
    }
.w-\[1\.375rem\] {
    width: 1.375rem;
    }
.w-\[1em\] {
    width: 1em;
    }
.w-\[24px\] {
    width: 24px;
    }
.w-\[29px\] {
    width: 29px;
    }
.w-\[40px\] {
    width: 40px;
    }
.w-\[56px\] {
    width: 56px;
    }
.w-\[80vw\] {
    width: 80vw;
    }
.w-\[90px\] {
    width: 90px;
    }
.w-\[96px\] {
    width: 96px;
    }
.w-\[110px\] {
    width: 110px;
    }
.w-\[120px\] {
    width: 120px;
    }
.w-\[144px\] {
    width: 144px;
    }
.w-\[200\%\] {
    width: 200%;
    }
.w-\[220px\] {
    width: 220px;
    }
.w-\[240px\]\! {
    width: 240px !important;
    }
.w-\[275px\] {
    width: 275px;
    }
.w-\[294px\] {
    width: 294px;
    }
.w-\[310px\] {
    width: 310px;
    }
.w-\[314px\] {
    width: 314px;
    }
.w-\[315px\] {
    width: 315px;
    }
.w-\[320px\] {
    width: 320px;
    }
.w-\[323px\] {
    width: 323px;
    }
.w-\[400px\] {
    width: 400px;
    }
.w-\[448px\] {
    width: 448px;
    }
.w-\[472px\] {
    width: 472px;
    }
.w-\[600px\] {
    width: 600px;
    }
.w-\[701px\] {
    width: 701px;
    }
.w-\[calc\(100\%\+2px\)\] {
    width: calc(100% + 2px);
    }
.w-auto {
    width: auto;
    }
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
    }
.w-full {
    width: 100%;
    }
.w-full\! {
    width: 100% !important;
    }
.w-max {
    width: max-content;
    }
.w-px {
    width: 1px;
    }
.w-screen {
    width: 100vw;
    }
.w-sm {
    width: var(--container-sm);
    }
.\!max-w-full {
    max-width: 100% !important;
    }
.max-w-1\/2 {
    max-width: 50%;
    }
.max-w-2\/3 {
    max-width: 66.6667%;
    }
.max-w-3xl {
    max-width: var(--container-3xl);
    }
.max-w-5xl {
    max-width: var(--container-5xl);
    }
.max-w-6xl {
    max-width: var(--container-6xl);
    }
.max-w-7xl {
    max-width: var(--container-7xl);
    }
.max-w-48 {
    max-width: calc(var(--spacing) * 48);
    }
.max-w-80 {
    max-width: calc(var(--spacing) * 80);
    }
.max-w-280 {
    max-width: calc(var(--spacing) * 280);
    }
.max-w-\[12rem\] {
    max-width: 12rem;
    }
.max-w-\[70rem\] {
    max-width: 70rem;
    }
.max-w-\[90\%\] {
    max-width: 90%;
    }
.max-w-\[100vw\] {
    max-width: 100vw;
    }
.max-w-\[110px\] {
    max-width: 110px;
    }
.max-w-\[150px\] {
    max-width: 150px;
    }
.max-w-\[200px\] {
    max-width: 200px;
    }
.max-w-\[240px\] {
    max-width: 240px;
    }
.max-w-\[260px\] {
    max-width: 260px;
    }
.max-w-\[300px\] {
    max-width: 300px;
    }
.max-w-\[340px\] {
    max-width: 340px;
    }
.max-w-\[345px\] {
    max-width: 345px;
    }
.max-w-\[384px\] {
    max-width: 384px;
    }
.max-w-\[430px\] {
    max-width: 430px;
    }
.max-w-\[500px\] {
    max-width: 500px;
    }
.max-w-\[542px\] {
    max-width: 542px;
    }
.max-w-\[640px\] {
    max-width: 640px;
    }
.max-w-\[680px\] {
    max-width: 680px;
    }
.max-w-\[834px\] {
    max-width: 834px;
    }
.max-w-\[1120px\] {
    max-width: 1120px;
    }
.max-w-\[1348px\] {
    max-width: 1348px;
    }
.max-w-\[1360px\] {
    max-width: 1360px;
    }
.max-w-\[1436px\] {
    max-width: 1436px;
    }
.max-w-full {
    max-width: 100%;
    }
.max-w-full\! {
    max-width: 100% !important;
    }
.max-w-lg {
    max-width: var(--container-lg);
    }
.max-w-md {
    max-width: var(--container-md);
    }
.max-w-none {
    max-width: none;
    }
.max-w-screen {
    max-width: 100vw;
    }
.max-w-sm {
    max-width: var(--container-sm);
    }
.max-w-xl {
    max-width: var(--container-xl);
    }
.max-w-xs {
    max-width: var(--container-xs);
    }
.min-w-0 {
    min-width: calc(var(--spacing) * 0);
    }
.min-w-2\.5 {
    min-width: calc(var(--spacing) * 2.5);
    }
.min-w-12 {
    min-width: calc(var(--spacing) * 12);
    }
.min-w-52 {
    min-width: calc(var(--spacing) * 52);
    }
.min-w-\[24px\] {
    min-width: 24px;
    }
.min-w-\[32px\] {
    min-width: 32px;
    }
.min-w-\[89\%\] {
    min-width: 89%;
    }
.min-w-\[120px\] {
    min-width: 120px;
    }
.min-w-\[135px\] {
    min-width: 135px;
    }
.min-w-\[150px\] {
    min-width: 150px;
    }
.min-w-\[192px\] {
    min-width: 192px;
    }
.min-w-\[200px\] {
    min-width: 200px;
    }
.min-w-\[240px\] {
    min-width: 240px;
    }
.min-w-\[250px\] {
    min-width: 250px;
    }
.min-w-\[300px\] {
    min-width: 300px;
    }
.min-w-\[328px\] {
    min-width: 328px;
    }
.min-w-\[375px\] {
    min-width: 375px;
    }
.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content;
    }
.min-w-full {
    min-width: 100%;
    }
.flex-0 {
    flex: 0;
    }
.flex-1 {
    flex: 1;
    }
.flex-auto {
    flex: auto;
    }
.flex-none {
    flex: none;
    }
.flex-shrink-0 {
    flex-shrink: 0;
    }
.shrink {
    flex-shrink: 1;
    }
.shrink-0 {
    flex-shrink: 0;
    }
.flex-grow, .grow {
    flex-grow: 1;
    }
.grow-0 {
    flex-grow: 0;
    }
.grow-1 {
    flex-grow: 1;
    }
.grow-2 {
    flex-grow: 2;
    }
.basis-0 {
    flex-basis: calc(var(--spacing) * 0);
    }
.basis-1\/2 {
    flex-basis: 50%;
    }
.basis-1\/4 {
    flex-basis: 25%;
    }
.basis-2\/3 {
    flex-basis: 66.6667%;
    }
.basis-2\/5 {
    flex-basis: 40%;
    }
.basis-\[88px\] {
    flex-basis: 88px;
    }
.basis-\[296px\] {
    flex-basis: 296px;
    }
.basis-full {
    flex-basis: 100%;
    }
.table-auto {
    table-layout: auto;
    }
.table-fixed {
    table-layout: fixed;
    }
.border-collapse {
    border-collapse: collapse;
    }
.border-separate {
    border-collapse: separate;
    }
.border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    }
.border-spacing-0\.5 {
    --tw-border-spacing-x: calc(var(--spacing) * 0.5);
    --tw-border-spacing-y: calc(var(--spacing) * 0.5);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    }
.origin-bottom-left {
    transform-origin: 0 100%;
    }
.origin-left {
    transform-origin: 0;
    }
.-translate-x-1\/2, .-translate-x-2\/4 {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.translate-x-\(--active-left\) {
    --tw-translate-x: var(--active-left);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.translate-x-1\/2 {
    --tw-translate-x: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.translate-x-\[calc\(-6px-var\(--object-position\)\)\] {
    --tw-translate-x: calc(-6px - var(--object-position));
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.translate-x-\[calc\(-50\%\+var\(--object-position\)\)\] {
    --tw-translate-x: calc(-50% + var(--object-position));
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.\!translate-y-\[0\%\] {
    --tw-translate-y: 0% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.-translate-y-2\/4 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.translate-y-\[0\%\]\! {
    --tw-translate-y: 0% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
.translate-y-\[100\%\], .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    }
.scale-x-\(--active-width\) {
    --tw-scale-x: var(--active-width);
    scale: var(--tw-scale-x) var(--tw-scale-y);
    }
.scale-x-\[101\%\] {
    --tw-scale-x: 101%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    }
.scale-y-100 {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    }
.scale-\[1\.1\] {
    scale: 1.1;
    }
.rotate-12 {
    rotate: 12deg;
    }
.rotate-90 {
    rotate: 90deg;
    }
.rotate-y-180 {
    --tw-rotate-y: rotatey(180deg);
    }
.\!skew-x-\[20deg\], .skew-x-20\! {
    --tw-skew-x: skewx(20deg) !important;
    }
@supports (color: color-mix(in lab, red, red)) {
    . card-hover-animation {
        box-shadow: 0 2px 4px color-mix(in oklab, hsla(var(--color-ink-500)/1) 10%, transparent), 0 0 3px color-mix(in oklab, hsla(var(--color-ink-500)/1) 20%, transparent)
        }
    }
.card-hover-animation {
    transition: transform 0.2s ease-in-out, box-shadow 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
@supports (color: color-mix(in lab, red, red)) {
    . card-hover-animation: hover {
        box-shadow: 0 6px 8px color-mix(in oklab, hsla(var(--color-ink-500)/1) 10%, transparent), 0 0 3px color-mix(in oklab, hsla(var(--color-ink-500)/1) 20%, transparent)
        }
    }
.card-hover-animation:hover, .card-hover-animation:focus {
    transform: translatey(-2px);
    }
.animate-\[reveal_200ms_ease-in\] {
    animation: 0.2s ease-in reveal;
    }
.animate-modal-reveal {
    animation: 0.3s both modal-reveal;
    }
.animate-pulse {
    animation: var(--animate-pulse);
    }
.animate-skeleton {
    animation: 1.5s linear infinite skeleton-shine;
    }
.animate-spin {
    animation: var(--animate-spin);
    }
.\!cursor-default {
    cursor: default !important;
    }
.cursor-auto {
    cursor: auto;
    }
.cursor-default {
    cursor: default;
    }
.cursor-default\! {
    cursor: default !important;
    }
.cursor-grab {
    cursor: grab;
    }
.cursor-grabbing {
    cursor: grabbing;
    }
.cursor-help {
    cursor: help;
    }
.cursor-pointer {
    cursor: pointer;
    }
.touch-manipulation {
    touch-action: manipulation;
    }
.resize {
    resize: both;
    }
.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }
.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
    }
.snap-center {
    scroll-snap-align: center;
    }
.snap-start {
    scroll-snap-align: start;
    }
.scroll-px-1 {
    scroll-padding-inline: calc(var(--spacing) * 1);
    }
.list-disc {
    list-style-type: disc;
    }
.list-none {
    list-style-type: none;
    }
.appearance-none {
    appearance: none;
    }
.break-inside-avoid {
    break-inside: avoid;
    }
.auto-cols-\[38vw\] {
    grid-auto-columns: 38vw;
    }
.auto-cols-\[80vw\] {
    grid-auto-columns: 80vw;
    }
.auto-cols-\[100\%\] {
    grid-auto-columns: 100%;
    }
.auto-cols-\[min\(24vw\,150px\)\] {
    grid-auto-columns: min(24vw, 150px);
    }
.auto-cols-min {
    grid-auto-columns: min-content;
    }
.grid-flow-col {
    grid-auto-flow: column;
    }
.grid-flow-row {
    grid-auto-flow: row;
    }
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    }
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    }
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    }
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    }
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    }
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    }
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    }
.grid-cols-\[96px_1fr_96px\] {
    grid-template-columns: 96px 1fr 96px;
    }
.grid-cols-\[154px_154px\] {
    grid-template-columns: 154px 154px;
    }
.grid-cols-\[minmax\(auto\,400px\)\] {
    grid-template-columns: minmax(auto, 400px);
    }
.grid-cols-\[repeat\(5\,3rem\)\] {
    grid-template-columns: repeat(5, 3rem);
    }
.grid-cols-fill {
    grid-template-columns: repeat(auto-fill, minmax(var(--grid-cols-size), 1fr));
    }
.grid-cols-fit {
    grid-template-columns: repeat(auto-fit, minmax(var(--grid-cols-size), 1fr));
    }
.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    }
.grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
    }
.grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
    }
.grid-rows-subgrid {
    grid-template-rows: subgrid;
    }
.flex-col {
    flex-direction: column;
    }
.flex-col-reverse {
    flex-direction: column-reverse;
    }
.flex-row {
    flex-direction: row;
    }
.flex-row-reverse {
    flex-direction: row-reverse;
    }
.flex-nowrap {
    flex-wrap: nowrap;
    }
.flex-wrap {
    flex-wrap: wrap;
    }
.place-content-between {
    place-content: space-between;
    }
.place-content-center {
    place-content: center;
    }
.place-items-center {
    place-items: center;
    }
.content-center {
    align-content: center;
    }
.items-baseline {
    align-items: baseline;
    }
.items-center {
    align-items: center;
    }
.items-end {
    align-items: flex-end;
    }
.items-start {
    align-items: flex-start;
    }
.justify-around {
    justify-content: space-around;
    }
.justify-between {
    justify-content: space-between;
    }
.justify-center {
    justify-content: center;
    }
.justify-end {
    justify-content: flex-end;
    }
.justify-start {
    justify-content: flex-start;
    }
.justify-start\! {
    justify-content: flex-start !important;
    }
.justify-items-center {
    justify-items: center;
    }
.justify-items-end {
    justify-items: end;
    }
.gap-0 {
    gap: calc(var(--spacing) * 0);
    }
.gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
    }
.gap-1 {
    gap: calc(var(--spacing) * 1);
    }
.gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
    }
.gap-2 {
    gap: calc(var(--spacing) * 2);
    }
.gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
    }
.gap-3 {
    gap: calc(var(--spacing) * 3);
    }
.gap-4 {
    gap: calc(var(--spacing) * 4);
    }
.gap-5 {
    gap: calc(var(--spacing) * 5);
    }
.gap-6 {
    gap: calc(var(--spacing) * 6);
    }
.gap-8 {
    gap: calc(var(--spacing) * 8);
    }
.gap-10 {
    gap: calc(var(--spacing) * 10);
    }
.gap-12 {
    gap: calc(var(--spacing) * 12);
    }
.gap-15 {
    gap: calc(var(--spacing) * 15);
    }
.gap-\[88px\] {
    gap: 88px;
    }
.gap-\[var\(--gap\)\] {
    gap: var(--gap);
    }
.gap-gg {
    gap: var(--grit__gap);
    }
.\[column-gap\:var\(--gap\)\] {
    column-gap: var(--gap);
    }
.gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
    }
.gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
    }
.gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
    }
.gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
    }
.gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
    }
.gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
    }
.gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
    }
.gap-x-gg {
    column-gap: var(--grit__gap);
    }
.gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
    }
.gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
    }
.place-self-center {
    place-self: center;
    }
.\!self-center {
    align-self: center !important;
    }
.self-center {
    align-self: center;
    }
.self-center\! {
    align-self: center !important;
    }
.self-end {
    align-self: flex-end;
    }
.self-start {
    align-self: flex-start;
    }
.self-stretch {
    align-self: stretch;
    }
.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    }
.\!overflow-visible {
    overflow: visible !important;
    }
.overflow-auto {
    overflow: auto;
    }
.overflow-hidden {
    overflow: hidden;
    }
.overflow-visible\! {
    overflow: visible !important;
    }
.overflow-x-auto {
    overflow-x: auto;
    }
.overflow-x-hidden {
    overflow-x: hidden;
    }
.overflow-y-auto {
    overflow-y: auto;
    }
.overflow-y-hidden {
    overflow-y: hidden;
    }
.overflow-y-scroll {
    overflow-y: scroll;
    }
.overscroll-none {
    overscroll-behavior: none;
    }
.scroll-smooth {
    scroll-behavior: smooth;
    }
.\!rounded-3xl {
    border-radius: var(--radius-3xl) !important;
    }
.\!rounded-\[100px\] {
    border-radius: 100px !important;
    }
.\!rounded-full {
    border-radius: 3.40282e38px !important;
    }
.\!rounded-lg {
    border-radius: var(--radius-lg) !important;
    }
.\!rounded-none {
    border-radius: 0 !important;
    }
.rounded {
    border-radius: 0.25rem;
    }
.rounded-2xl {
    border-radius: var(--radius-2xl);
    }
.rounded-3xl {
    border-radius: var(--radius-3xl);
    }
.rounded-\[1px\] {
    border-radius: 1px;
    }
.rounded-\[24px\] {
    border-radius: 24px;
    }
.rounded-\[100px\] {
    border-radius: 100px;
    }
.rounded-\[100px\]\! {
    border-radius: 100px !important;
    }
.rounded-full {
    border-radius: 3.40282e38px;
    }
.rounded-full\! {
    border-radius: 3.40282e38px !important;
    }
.rounded-lg {
    border-radius: var(--radius-lg);
    }
.rounded-lg\! {
    border-radius: var(--radius-lg) !important;
    }
.rounded-md {
    border-radius: var(--radius-md);
    }
.rounded-none\! {
    border-radius: 0 !important;
    }
.rounded-sm {
    border-radius: var(--radius-sm);
    }
.rounded-xl {
    border-radius: var(--radius-xl);
    }
.rounded-xs {
    border-radius: var(--radius-xs);
    }
.rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
    }
.rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    }
.rounded-t-\[3px\] {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    }
.rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    }
.rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    }
.rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    }
.rounded-l-\[48px\] {
    border-top-left-radius: 48px;
    border-bottom-left-radius: 48px;
    }
.rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
    }
.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    }
.rounded-tl-lg {
    border-top-left-radius: var(--radius-lg);
    }
.rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    }
.rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
    }
.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    }
.rounded-tr-lg {
    border-top-right-radius: var(--radius-lg);
    }
.rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
    }
.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    }
.rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
    }
.rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
    }
.rounded-bl-lg {
    border-bottom-left-radius: var(--radius-lg);
    }
.\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    }
.\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
    }
.\!border-1 {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    }
.border {
    border-style: var(--tw-border-style);
    border-width: 1px;
    }
.border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    }
.border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
    }
.border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
    }
.border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
    }
.border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
    }
.border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
    }
.border-6 {
    border-style: var(--tw-border-style);
    border-width: 6px;
    }
.border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
    }
.border-y-2 {
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
    }
.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    }
.border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    }
.border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    }
.border-t-8 {
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
    }
.border-t-10, .border-t-\[10px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 10px;
    }
.border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    }
.border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
    }
.border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    }
.border-r-\[3px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 3px;
    }
.border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    }
.border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    }
.border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
    }
.border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    }
.border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    }
.border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
    }
.\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
    }
.\!border-solid {
    --tw-border-style: solid !important;
    border-style: solid !important;
    }
.border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
    }
.border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
    }
.border-none {
    --tw-border-style: none;
    border-style: none;
    }
.border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
    }
.border-solid {
    --tw-border-style: solid;
    border-style: solid;
    }
.border-solid\! {
    --tw-border-style: solid !important;
    border-style: solid !important;
    }
.border-\[\#B0B3F5\] {
    border-color: #b0b3f5;
    }
.bg-inherit {
    background-color: inherit;
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-ink-500\/10 {
        background-color: color-mix(in oklab, hsla(var(--color-ink-500)/1) 10%, transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-ink-500\/25 {
        background-color: color-mix(in oklab, hsla(var(--color-ink-500)/1) 25%, transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-ink-500\/50 {
        background-color: color-mix(in oklab, hsla(var(--color-ink-500)/1) 50%, transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-ink-800\/50 {
        background-color: color-mix(in oklab, hsla(var(--color-ink-800)/1) 50%, transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-ink-800\/60 {
        background-color: color-mix(in oklab, hsla(var(--color-ink-800)/1) 60%, transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-ink-800\/70 {
        background-color: color-mix(in oklab, hsla(var(--color-ink-800)/1) 70%, transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-ink-800\/75 {
        background-color: color-mix(in oklab, hsla(var(--color-ink-800)/1) 75%, transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-white\/75 {
        background-color: color-mix(in oklab, hsla(var(--color-white)/1) 75%, transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . bg-white\/80 {
        background-color: color-mix(in oklab, hsla(var(--color-white)/1) 80%, transparent)
        }
    }
.bg-linear-to-b {
    --tw-gradient-position: to bottom;
    }
@supports (background-image: linear-gradient(in lab, red, red)) {
    . bg-linear-to-b {
        --tw-gradient-position: to bottom in oklab
        }
    }
.bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
    }
.bg-linear-to-l {
    --tw-gradient-position: to left;
    }
@supports (background-image: linear-gradient(in lab, red, red)) {
    . bg-linear-to-l {
        --tw-gradient-position: to left in oklab
        }
    }
.bg-linear-to-l {
    background-image: linear-gradient(var(--tw-gradient-stops));
    }
.bg-linear-to-r {
    --tw-gradient-position: to right;
    }
@supports (background-image: linear-gradient(in lab, red, red)) {
    . bg-linear-to-r {
        --tw-gradient-position: to right in oklab
        }
    }
.bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
    }
.bg-linear-to-t {
    --tw-gradient-position: to top;
    }
@supports (background-image: linear-gradient(in lab, red, red)) {
    . bg-linear-to-t {
        --tw-gradient-position: to top in oklab
        }
    }
.bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
    }
.bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    }
.bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    }
.bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    }
.bg-\[repeating-linear-gradient\(-45deg\,color\(grey\,500\)\,color\(grey\,500\)_1px\,color\(white\)_1px\,color\(white\)_5px\)\] {
    background-image: repeating-linear-gradient(-45deg, color(grey, 500), color(grey, 500) 1px, color(white) 1px5px);
    }
.bg-\[repeating-linear-gradient\(-45deg\,color\(grey\,600\)\,color\(grey\,600\)_1px\,color\(white\)_1px\,color\(white\)_5px\)\] {
    background-image: repeating-linear-gradient(-45deg, color(grey, 600), color(grey, 600) 1px, color(white) 1px5px);
    }
.bg-\[repeating-linear-gradient\(_-45deg\,_color\(grey\,_500\)\,_color\(grey\,_500\)_1px\,_color\(white\)_1px\,_color\(white\)_5px_\)\] {
    background-image: repeating-linear-gradient(-45deg, color(grey, 500), color(grey, 500) 1px, color(white) 1px5px);
    }
.bg-\[repeating-linear-gradient\(_-45deg\,_color\(grey\,_600\)\,_color\(grey\,_600\)_1px\,_color\(white\)_1px\,_color\(white\)_5px_\)\] {
    background-image: repeating-linear-gradient(-45deg, color(grey, 600), color(grey, 600) 1px, color(white) 1px5px);
    }
.from-\[\#000000\] {
    --tw-gradient-from: #000;
    }
@supports (color: color-mix(in lab, red, red)) {
    . from-ink-500\/50 {
        --tw-gradient-from: color-mix(in oklab, hsla(var(--color-ink-500)/1) 50%, transparent)
        }
    }
.from-transparent {
    --tw-gradient-from: transparent;
    }
@supports (color: color-mix(in lab, red, red)) {
    . to-ink-500\/0 {
        --tw-gradient-to: color-mix(in oklab, hsla(var(--color-ink-500)/1) 0%, transparent)
        }
    }
.to-transparent {
    --tw-gradient-to: transparent;
    }
@supports (color: color-mix(in lab, red, red)) {
    . to-white\/0 {
        --tw-gradient-to: color-mix(in oklab, hsla(var(--color-white)/1) 0%, transparent)
        }
    }
.bg-cover {
    background-size: cover;
    }
.bg-center {
    background-position: 50%;
    }
.bg-no-repeat {
    background-repeat: no-repeat;
    }
.fill-current {
    fill: currentColor;
    }
.stroke-current {
    stroke: currentColor;
    }
.stroke-0 {
    stroke-width: 0;
    }
.object-contain {
    object-fit: contain;
    }
.object-cover {
    object-fit: cover;
    }
.object-center {
    object-position: center;
    }
.object-top {
    object-position: top;
    }
.\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
    }
.\!p-3 {
    padding: calc(var(--spacing) * 3) !important;
    }
.\!p-4 {
    padding: calc(var(--spacing) * 4) !important;
    }
.p-\(--hs-spacing\) {
    padding: var(--hs-spacing);
    }
.p-0 {
    padding: calc(var(--spacing) * 0);
    }
.p-0\! {
    padding: calc(var(--spacing) * 0) !important;
    }
.p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
    }
.p-1 {
    padding: calc(var(--spacing) * 1);
    }
.p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
    }
.p-2 {
    padding: calc(var(--spacing) * 2);
    }
.p-2\! {
    padding: calc(var(--spacing) * 2) !important;
    }
.p-3 {
    padding: calc(var(--spacing) * 3);
    }
.p-3\! {
    padding: calc(var(--spacing) * 3) !important;
    }
.p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
    }
.p-4 {
    padding: calc(var(--spacing) * 4);
    }
.p-4\! {
    padding: calc(var(--spacing) * 4) !important;
    }
.p-5 {
    padding: calc(var(--spacing) * 5);
    }
.p-6 {
    padding: calc(var(--spacing) * 6);
    }
.p-8 {
    padding: calc(var(--spacing) * 8);
    }
.p-10 {
    padding: calc(var(--spacing) * 10);
    }
.p-12 {
    padding: calc(var(--spacing) * 12);
    }
.p-16 {
    padding: calc(var(--spacing) * 16);
    }
.p-20 {
    padding: calc(var(--spacing) * 20);
    }
.p-\[3px\] {
    padding: 3px;
    }
.p-\[15px\] {
    padding: 15px;
    }
.p-\[22px\] {
    padding: 22px;
    }
.\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
    }
.\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
    }
.\!px-gg {
    padding-inline: var(--grit__gap) !important;
    }
.\!px-gs {
    padding-inline: var(--grit__sides) !important;
    }
.px-0 {
    padding-inline: calc(var(--spacing) * 0);
    }
.px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
    }
.px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
    }
.px-1 {
    padding-inline: calc(var(--spacing) * 1);
    }
.px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
    }
.px-2 {
    padding-inline: calc(var(--spacing) * 2);
    }
.px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
    }
.px-3 {
    padding-inline: calc(var(--spacing) * 3);
    }
.px-4 {
    padding-inline: calc(var(--spacing) * 4);
    }
.px-5 {
    padding-inline: calc(var(--spacing) * 5);
    }
.px-6 {
    padding-inline: calc(var(--spacing) * 6);
    }
.px-7 {
    padding-inline: calc(var(--spacing) * 7);
    }
.px-8 {
    padding-inline: calc(var(--spacing) * 8);
    }
.px-10 {
    padding-inline: calc(var(--spacing) * 10);
    }
.px-12 {
    padding-inline: calc(var(--spacing) * 12);
    }
.px-16 {
    padding-inline: calc(var(--spacing) * 16);
    }
.px-32 {
    padding-inline: calc(var(--spacing) * 32);
    }
.px-\[30\%\] {
    padding-inline: 30%;
    }
.px-gs {
    padding-inline: var(--grit__sides);
    }
.px-px {
    padding-inline: 1px;
    }
.\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
    }
.\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
    }
.\!py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
    }
.py-0 {
    padding-block: calc(var(--spacing) * 0);
    }
.py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
    }
.py-1 {
    padding-block: calc(var(--spacing) * 1);
    }
.py-1\! {
    padding-block: calc(var(--spacing) * 1) !important;
    }
.py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
    }
.py-2 {
    padding-block: calc(var(--spacing) * 2);
    }
.py-2\! {
    padding-block: calc(var(--spacing) * 2) !important;
    }
.py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
    }
.py-3 {
    padding-block: calc(var(--spacing) * 3);
    }
.py-4 {
    padding-block: calc(var(--spacing) * 4);
    }
.py-5 {
    padding-block: calc(var(--spacing) * 5);
    }
.py-6 {
    padding-block: calc(var(--spacing) * 6);
    }
.py-7 {
    padding-block: calc(var(--spacing) * 7);
    }
.py-8 {
    padding-block: calc(var(--spacing) * 8);
    }
.py-10 {
    padding-block: calc(var(--spacing) * 10);
    }
.py-12 {
    padding-block: calc(var(--spacing) * 12);
    }
.py-16 {
    padding-block: calc(var(--spacing) * 16);
    }
.py-20 {
    padding-block: calc(var(--spacing) * 20);
    }
.py-28 {
    padding-block: calc(var(--spacing) * 28);
    }
.py-30 {
    padding-block: calc(var(--spacing) * 30);
    }
.py-36 {
    padding-block: calc(var(--spacing) * 36);
    }
.py-\[1px\] {
    padding-block: 1px;
    }
.py-\[2px\] {
    padding-block: 2px;
    }
.py-\[18px\] {
    padding-block: 18px;
    }
.py-\[66px\] {
    padding-block: 66px;
    }
.py-\[70px\] {
    padding-block: 70px;
    }
.py-\[98px\] {
    padding-block: 98px;
    }
.py-px {
    padding-block: 1px;
    }
.\!pt-0 {
    padding-top: calc(var(--spacing) * 0) !important;
    }
.\!pt-10 {
    padding-top: calc(var(--spacing) * 10) !important;
    }
.pt-0 {
    padding-top: calc(var(--spacing) * 0);
    }
.pt-0\! {
    padding-top: calc(var(--spacing) * 0) !important;
    }
.pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
    }
.pt-1 {
    padding-top: calc(var(--spacing) * 1);
    }
.pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
    }
.pt-2 {
    padding-top: calc(var(--spacing) * 2);
    }
.pt-3 {
    padding-top: calc(var(--spacing) * 3);
    }
.pt-4 {
    padding-top: calc(var(--spacing) * 4);
    }
.pt-5 {
    padding-top: calc(var(--spacing) * 5);
    }
.pt-6 {
    padding-top: calc(var(--spacing) * 6);
    }
.pt-7 {
    padding-top: calc(var(--spacing) * 7);
    }
.pt-8 {
    padding-top: calc(var(--spacing) * 8);
    }
.pt-9 {
    padding-top: calc(var(--spacing) * 9);
    }
.pt-10\! {
    padding-top: calc(var(--spacing) * 10) !important;
    }
.pt-12 {
    padding-top: calc(var(--spacing) * 12);
    }
.pt-16 {
    padding-top: calc(var(--spacing) * 16);
    }
.pr-1 {
    padding-right: calc(var(--spacing) * 1);
    }
.pr-2 {
    padding-right: calc(var(--spacing) * 2);
    }
.pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
    }
.pr-3 {
    padding-right: calc(var(--spacing) * 3);
    }
.pr-4 {
    padding-right: calc(var(--spacing) * 4);
    }
.pr-6 {
    padding-right: calc(var(--spacing) * 6);
    }
.pr-8 {
    padding-right: calc(var(--spacing) * 8);
    }
.pr-10 {
    padding-right: calc(var(--spacing) * 10);
    }
.pr-12 {
    padding-right: calc(var(--spacing) * 12);
    }
.pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
    }
.pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
    }
.pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
    }
.pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
    }
.pb-2\/3 {
    padding-bottom: 66.6667%;
    }
.pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
    }
.pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
    }
.pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
    }
.pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
    }
.pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
    }
.pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
    }
.pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
    }
.pb-11 {
    padding-bottom: calc(var(--spacing) * 11);
    }
.pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
    }
.pb-18 {
    padding-bottom: calc(var(--spacing) * 18);
    }
.pb-36 {
    padding-bottom: calc(var(--spacing) * 36);
    }
.pb-gg {
    padding-bottom: var(--grit__gap);
    }
.pl-0 {
    padding-left: calc(var(--spacing) * 0);
    }
.pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
    }
.pl-1 {
    padding-left: calc(var(--spacing) * 1);
    }
.pl-2 {
    padding-left: calc(var(--spacing) * 2);
    }
.pl-3 {
    padding-left: calc(var(--spacing) * 3);
    }
.pl-4 {
    padding-left: calc(var(--spacing) * 4);
    }
.pl-5 {
    padding-left: calc(var(--spacing) * 5);
    }
.pl-6 {
    padding-left: calc(var(--spacing) * 6);
    }
.pl-8 {
    padding-left: calc(var(--spacing) * 8);
    }
.pl-10 {
    padding-left: calc(var(--spacing) * 10);
    }
.pl-11 {
    padding-left: calc(var(--spacing) * 11);
    }
.pl-12 {
    padding-left: calc(var(--spacing) * 12);
    }
.text-center {
    text-align: center;
    }
.text-left {
    text-align: left;
    }
.text-right {
    text-align: right;
    }
.align-baseline {
    vertical-align: baseline;
    }
.align-middle {
    vertical-align: middle;
    }
.align-text-top {
    vertical-align: text-top;
    }
.align-top {
    vertical-align: top;
    }
.font-\[\'Roboto\'\] {
    font-family: Roboto;
    }
.font-sans {
    font-family: Roboto, sans-serif;
    }
.text-heading-lg {
    font-size: 2rem;
    line-height: 2.25rem;
    }
@media (min-width: 600px) {
    .text-heading-lg {
        font-size: 3rem;
        line-height: 3.5rem;
        }
    }
.text-heading-md {
    font-size: 1.5rem;
    line-height: 2rem;
    }
@media (min-width: 600px) {
    .text-heading-md {
        font-size: 2rem;
        line-height: 2.25rem;
        }
    }
.text-heading-sm {
    font-size: 1.25rem;
    line-height: 1.75rem;
    }
@media (min-width: 600px) {
    .text-heading-sm {
        font-size: 1.5rem;
        line-height: 2rem;
        }
    }
.text-heading-xs {
    font-size: 1rem;
    line-height: 1.5rem;
    }
@media (min-width: 600px) {
    .text-heading-xs {
        font-size: 1.25rem;
        line-height: 1.75rem;
        }
    }
.\!text-sm {
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, 1.25rem) !important;
    }
.\!text-xs {
    font-size: 0.75rem !important;
    line-height: var(--tw-leading, 1rem) !important;
    }
.text-2xl {
    font-size: 1.5rem;
    line-height: var(--tw-leading, 2rem);
    }
.text-3xl {
    font-size: 2rem;
    line-height: var(--tw-leading, 2.25rem);
    }
.text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
.text-base {
    font-size: 1rem;
    line-height: var(--tw-leading, 1.5rem);
    }
.text-base\! {
    font-size: 1rem !important;
    line-height: var(--tw-leading, 1.5rem) !important;
    }
.text-lg {
    font-size: 1.125rem;
    line-height: var(--tw-leading, 1.5rem);
    }
.text-sm {
    font-size: 0.875rem;
    line-height: var(--tw-leading, 1.25rem);
    }
.text-sm\! {
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, 1.25rem) !important;
    }
.text-xl {
    font-size: 1.25rem;
    line-height: var(--tw-leading, 1.75rem);
    }
.text-xs {
    font-size: 0.75rem;
    line-height: var(--tw-leading, 1rem);
    }
.text-xs\! {
    font-size: 0.75rem !important;
    line-height: var(--tw-leading, 1rem) !important;
    }
.text-\[32px\] {
    font-size: 32px;
    }
.\!leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
    }
.leading-0 {
    --tw-leading: 0;
    line-height: 0;
    }
.leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
    }
.leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    }
.leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    }
.leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    }
.leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
    }
.leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
    }
.leading-12 {
    --tw-leading: calc(var(--spacing) * 12);
    line-height: calc(var(--spacing) * 12);
    }
.leading-14 {
    --tw-leading: calc(var(--spacing) * 14);
    line-height: calc(var(--spacing) * 14);
    }
.leading-\[1\.625rem\] {
    --tw-leading: 1.625rem;
    line-height: 1.625rem;
    }
.leading-none {
    --tw-leading: 1;
    line-height: 1;
    }
.leading-none\! {
    --tw-leading: 1 !important;
    line-height: 1 !important;
    }
.leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    }
.leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    }
.\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
    }
.\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
    }
.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    }
.font-bold\! {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
    }
.font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    }
.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    }
.font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
    }
.font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    }
.font-normal\! {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
    }
.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    }
.tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    }
.tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    }
.text-balance {
    text-wrap: balance;
    }
.text-nowrap {
    text-wrap: nowrap;
    }
.break-normal {
    overflow-wrap: normal;
    word-break: normal;
    }
.\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
    }
.break-words {
    overflow-wrap: break-word;
    }
.wrap-anywhere {
    overflow-wrap: anywhere;
    }
.\[word-break\:break-word\] {
    word-break: break-word;
    }
.break-all {
    word-break: break-all;
    }
.text-ellipsis {
    text-overflow: ellipsis;
    }
.whitespace-normal {
    white-space: normal;
    }
.whitespace-nowrap {
    white-space: nowrap;
    }
.whitespace-pre {
    white-space: pre;
    }
.whitespace-pre-wrap {
    white-space: pre-wrap;
    }
.text-\[\#61bd6d\] {
    color: #61bd6d;
    }
.text-\[\#b8312f\] {
    color: #b8312f;
    }
.text-\[\#f37934\] {
    color: #f37934;
    }
.text-\[\#fac51c\] {
    color: #fac51c;
    }
.text-current {
    color: currentColor;
    }
.capitalize {
    text-transform: capitalize;
    }
.lowercase {
    text-transform: lowercase;
    }
.uppercase {
    text-transform: uppercase;
    }
.italic {
    font-style: italic;
    }
.ordinal {
    --tw-ordinal: ordinal;
    }
.\!underline {
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important;
    }
.line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    }
.no-underline {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    }
.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    }
.underline\! {
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important;
    }
.decoration-\[\#B0B3F5\] {
    -webkit-text-decoration-color: #b0b3f5;
    text-decoration-color: #b0b3f5;
    }
.link-decoration {
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    text-underline-offset: 0.15625rem;
    text-decoration: underline;
    text-decoration-thickness: 0.0625rem;
    }
.decoration-4 {
    text-decoration-thickness: 4px;
    }
.underline-offset-\[15px\] {
    text-underline-offset: 15px;
    }
.\!opacity-100 {
    opacity: 1 !important;
    }
.opacity-0 {
    opacity: 0;
    }
.opacity-20 {
    opacity: 0.2;
    }
.opacity-25 {
    opacity: 0.25;
    }
.opacity-30 {
    opacity: 0.3;
    }
.opacity-50 {
    opacity: 0.5;
    }
.opacity-60 {
    opacity: 0.6;
    }
.opacity-75 {
    opacity: 0.75;
    }
.opacity-90 {
    opacity: 0.9;
    }
.opacity-100 {
    opacity: 1;
    }
.opacity-100\! {
    opacity: 1 !important;
    }
.\!shadow-none {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
.shadow {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow\! {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
.shadow-\[0_0_3px_0_rgba\(0\,0\,0\,0\.2\)\,0_2px_4px_0_rgba\(0\,0\,0\,0\.1\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-\[0_3px_4px_-2px\] {
    --tw-shadow: 0 3px 4px -2px var(--tw-shadow-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-\[0px_6px_8px_0px_rgba\(0\,0\,0\,0\.10\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-\[2px_2px_6px_0_rgba\(182\,182\,182\,0\.30\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-\[2px_2px_6px_0px_rgba\(182\,182\,182\,0\.30\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-\[4px_2px_8px_rgba\(161\,160\,160\,0\.30\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-\[5px_5px_12px_rgba\(161\,160\,160\,0\.30\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-\[8px_8px_28px_-7px_rgba\(0\,_0\,_0\,_0\.2\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-\[inset_0_-1px_0_0\] {
    --tw-shadow: inset 0 -1px 0 0 var(--tw-shadow-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-inner {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-lg {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-md {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-none {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-none\! {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
.shadow-sm {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.shadow-xl {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
body:not(.no-outline) .ring-outline {
    --tw-ring-offset-width: 1px;
    outline: none;
    }
.ring-1 {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.ring-2 {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.ring-8 {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
@supports (color: color-mix(in lab, red, red)) {
    . shadow-grey-500 {
        --tw-shadow-color: color-mix(in oklab, hsla(var(--color-grey-500)/1) var(--tw-shadow-alpha), transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . shadow-ink-800\/\[\.16\] {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsla(var(--color-ink-800)/1) 16%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }
@supports (color: color-mix(in lab, red, red)) {
    . shadow-primary-600 {
        --tw-shadow-color: color-mix(in oklab, hsla(var(--color-primary-600)/1) var(--tw-shadow-alpha), transparent)
        }
    }
.outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    }
@media (forced-colors: active) {
    .outline-hidden {
        outline-offset: 2px;
        }
    }
.outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    }
.outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
    }
.blur {
    --tw-blur: blur(8px);
    }
.contrast-150 {
    --tw-contrast: contrast(150%);
    }
.grayscale {
    --tw-grayscale: grayscale(100%);
    }
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    }
.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-\[scale\,opacity\] {
    transition-property: scale, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-\[transform\,box-shadow\] {
    transition-property: transform, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-visibility {
    transition-property: opacity, visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.transition-none {
    transition-property: none;
    }
.duration-\(--transition-duration\) {
    --tw-duration: var(--transition-duration);
    transition-duration: var(--transition-duration);
    }
.duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
    }
.duration-100 {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
    }
.duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
    }
.duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    }
.duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    }
.duration-500 {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
    }
.duration-700 {
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
    }
.duration-\[var\(--duration\)\,var\(--swap-duration\)\] {
    --tw-duration: var(--duration), var(--swap-duration);
    transition-duration: var(--duration), var(--swap-duration);
    }
.duration-\[var\(--transition-duration\)\] {
    --tw-duration: var(--transition-duration);
    transition-duration: var(--transition-duration);
    }
.ease-\[var\(--ease-in-out\)\,linear\] {
    --tw-ease: var(--ease-in-out), linear;
    transition-timing-function: var(--ease-in-out), linear;
    }
.ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    }
.ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    }
.ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    }
.will-change-transform {
    will-change: transform;
    }
.outline-none {
    --tw-outline-style: none;
    outline-style: none;
    }
.select-none {
    -webkit-user-select: none;
    user-select: none;
    }
.\[clip-path\:polygon\(0_0\,100\%_100\%\,0_100\%\)\], .\[clip-path\:polygon\(0_0\,_100\%_100\%\,_0_100\%\)\] {
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    }
.\[column-count\:var\(--cols\)\] {
    column-count: var(--cols);
    }
.\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
    }
.grid-cols-lg {
    --grid-cols-size: 328px;
    }
.grid-cols-md {
    --grid-cols-size: 248px;
    }
.grid-cols-px {
    --grid-cols-size: 1px;
    }
.grid-cols-sm {
    --grid-cols-size: 140px;
    }
.grid-cols-xs {
    --grid-cols-size: 80px;
    }
.ring-inset {
    --tw-ring-inset: inset;
    }
.first-letter\:capitalize:first-letter {
    text-transform: capitalize;
    }
@supports (color: color-mix(in lab, red, red)) {
    . backdrop\:bg-ink-800\/75:: backdrop {
        background-color: color-mix(in oklab, hsla(var(--color-ink-800)/1) 75%, transparent)
        }
    }
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
    }
.before\:top-2:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 2);
    }
.before\:top-\[0\.5rem\]:before {
    content: var(--tw-content);
    top: 0.5rem;
    }
.before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
    }
.before\:h-0\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
    }
.before\:h-\[0\.125rem\]:before {
    content: var(--tw-content);
    height: 0.125rem;
    }
.before\:w-1\/2:before {
    content: var(--tw-content);
    width: 50%;
    }
.before\:\!bg-primary-600:before {
    content: var(--tw-content);
    }
.before\:\!bg-white:before {
    content: var(--tw-content);
    }
.before\:bg-grey-500:before {
    content: var(--tw-content);
    }
.before\:bg-grey-600:before {
    content: var(--tw-content);
    }
.before\:bg-primary-600\!:before {
    content: var(--tw-content);
    }
.before\:bg-white\!:before {
    content: var(--tw-content);
    }
.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
    }
.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
    }
.after\:\!top-1\/2:after {
    content: var(--tw-content);
    top: 50% !important;
    }
.after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
    }
.after\:top-1\/2\!:after {
    content: var(--tw-content);
    top: 50% !important;
    }
.after\:top-2:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 2);
    }
.after\:top-6:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 6);
    }
.after\:top-\[0\.5rem\]:after {
    content: var(--tw-content);
    top: 0.5rem;
    }
.after\:top-\[1px\]:after {
    content: var(--tw-content);
    top: 1px;
    }
.after\:top-\[3px\]:after {
    content: var(--tw-content);
    top: 3px;
    }
.after\:top-px:after {
    content: var(--tw-content);
    top: 1px;
    }
.after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
    }
.after\:\!left-0:after, .after\:left-0\!:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0) !important;
    }
.after\:left-0\.5:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0.5);
    }
.after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
    }
.after\:left-3:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 3);
    }
.after\:left-\[1px\]:after, .after\:left-px:after {
    content: var(--tw-content);
    left: 1px;
    }
.after\:mx-2:after {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 2);
    }
.after\:hidden:after {
    content: var(--tw-content);
    display: none;
    }
.after\:h-0\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
    }
.after\:h-1\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1.5);
    }
.after\:h-1\/2:after {
    content: var(--tw-content);
    height: 50%;
    }
.after\:h-2\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2.5);
    }
.after\:h-\[0\.125rem\]:after {
    content: var(--tw-content);
    height: 0.125rem;
    }
.after\:h-\[28px\]:after {
    content: var(--tw-content);
    height: 28px;
    }
.after\:w-1\/2:after {
    content: var(--tw-content);
    width: 50%;
    }
.after\:w-2\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2.5);
    }
.after\:w-3:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 3);
    }
.after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
    }
.after\:w-\[28px\]:after {
    content: var(--tw-content);
    width: 28px;
    }
.after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
    }
.after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.after\:translate-x-0:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.after\:translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.after\:scale-0:after {
    content: var(--tw-content);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    }
.after\:scale-none\!:after {
    content: var(--tw-content);
    scale: none !important;
    }
.after\:-rotate-45:after {
    content: var(--tw-content);
    rotate: -45deg;
    }
.after\:rotate-0\!:after {
    content: var(--tw-content);
    rotate: none !important;
    }
.after\:\!transform-none:after, .after\:transform-none\!:after {
    content: var(--tw-content);
    transform: none !important;
    }
.after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
    }
.after\:border-b-2:after, .after\:border-b-\[2px\]:after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    }
.after\:border-l-2:after, .after\:border-l-\[2px\]:after {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    }
.after\:border-none:after {
    content: var(--tw-content);
    --tw-border-style: none;
    border-style: none;
    }
.after\:border-white:after {
    content: var(--tw-content);
    }
.after\:\!bg-primary-600:after {
    content: var(--tw-content);
    }
.after\:\!bg-white:after {
    content: var(--tw-content);
    }
.after\:bg-controls-selected-icon:after {
    content: var(--tw-content);
    }
.after\:bg-grey-500:after {
    content: var(--tw-content);
    }
.after\:bg-grey-600:after {
    content: var(--tw-content);
    }
.after\:bg-primary-600:after {
    content: var(--tw-content);
    }
.after\:bg-primary-600\!:after {
    content: var(--tw-content);
    }
.after\:bg-white:after {
    content: var(--tw-content);
    }
.after\:bg-white\!:after {
    content: var(--tw-content);
    }
.after\:text-center:after {
    content: var(--tw-content);
    text-align: center;
    }
.after\:leading-0:after, .after\:leading-\[0\]:after {
    content: var(--tw-content);
    --tw-leading: 0;
    line-height: 0;
    }
.after\:font-medium:after {
    content: var(--tw-content);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    }
.after\:text-ink-300:after {
    content: var(--tw-content);
    }
.after\:text-primary-800:after {
    content: var(--tw-content);
    }
.after\:text-primary-text:after {
    content: var(--tw-content);
    }
.after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
    }
.after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1;
    }
.after\:shadow:after {
    content: var(--tw-content);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.after\:shadow-sm:after {
    content: var(--tw-content);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
.after\:duration-\[0\.1s\]:after {
    content: var(--tw-content);
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
    }
.after\:duration-\[0\.2s\]:after {
    content: var(--tw-content);
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    }
.after\:ease-\[ease\]:after {
    content: var(--tw-content);
    --tw-ease: ease;
    transition-timing-function: ease;
    }
.after\:content-\[\"\"\]:after {
    --tw-content: "";
    content: var(--tw-content);
    }
.after\:content-\[\"•\"\]:after {
    --tw-content: "•";
    content: var(--tw-content);
    }
.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
    }
.after\:content-\[\'•\'\]:after {
    --tw-content: "•";
    content: var(--tw-content);
    }
.after\:content-\[\\\"\\\"\]:after {
    --tw-content: \"\";
    content: var(--tw-content);
    }
.after\:content-\[\\\\\\\"\\\\\\\"\]:after {
    --tw-content: \\\"\\\";
    content: var(--tw-content);
    }
.after\:content-\[attr\(data-label\)\]:after {
    --tw-content: attr(data-label);
    content: var(--tw-content);
    }
.first\:hidden:first-child {
    display: none;
    }
.first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    }
.first\:border-l-4:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    }
.first\:pl-0:first-child {
    padding-left: calc(var(--spacing) * 0);
    }
.first\:pl-4:first-child {
    padding-left: calc(var(--spacing) * 4);
    }
.before\:first\:hidden:before {
    content: var(--tw-content);
    }
.first\:before\:hidden:first-child:before {
    content: var(--tw-content);
    display: none;
    }
.last\:\!mb-8:last-child {
    margin-bottom: calc(var(--spacing) * 8) !important;
    }
.last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
    }
.last\:mb-8\!:last-child {
    margin-bottom: calc(var(--spacing) * 8) !important;
    }
.last\:border-l-0:last-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
    }
.last\:pr-4:last-child {
    padding-right: calc(var(--spacing) * 4);
    }
.last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
    }
.after\:last\:hidden:after {
    content: var(--tw-content);
    }
.last\:after\:hidden:last-child:after {
    content: var(--tw-content);
    display: none;
    }
.checked\:after\:translate-x-4:checked:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.checked\:after\:scale-100:checked:after {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    }
.checked\:after\:-rotate-45:checked:after {
    content: var(--tw-content);
    rotate: -45deg;
    }
.checked\:after\:rotate-0\!:checked:after {
    content: var(--tw-content);
    rotate: none !important;
    }
.checked\:after\:text-white:checked:after {
    content: var(--tw-content);
    }
.checked\:after\:opacity-100:checked:after {
    content: var(--tw-content);
    opacity: 1;
    }
.placeholder-shown\:normal-case:placeholder-shown {
    text-transform: none;
    }
body:not(.no-outline) .focus-within\:ring-outline:focus-within {
    --tw-ring-offset-width: 1px;
    outline: none;
    }
@media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    .hover\:-translate-y-1:hover {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    .hover\:translate-y-1:hover {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    .hover\:cursor-pointer:hover {
        cursor: pointer;
        }
    @supports (color: color-mix(in lab, red, red)) {
        . hover\:bg-grey-500\/20: hover {
            background-color: color-mix(in oklab, hsla(var(--color-grey-500)/1) 20%, transparent)
            }
        }
    @supports (color: color-mix(in lab, red, red)) {
        . hover\:bg-indigo-300\/20: hover {
            background-color: color-mix(in oklab, hsla(var(--color-indigo-300)/1) 20%, transparent)
            }
        }
    .hover\:underline:hover {
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        }
    .hover\:decoration-\[\#B0B3F5\]:hover {
        -webkit-text-decoration-color: #b0b3f5;
        text-decoration-color: #b0b3f5;
        }
    .hover\:decoration-4:hover {
        text-decoration-thickness: 4px;
        }
    .hover\:underline-offset-\[15px\]:hover {
        text-underline-offset: 15px;
        }
    .hover\:opacity-90:hover {
        opacity: 0.9;
        }
    .hover\:opacity-100:hover {
        opacity: 1;
        }
    .hover\:shadow:hover {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    .hover\:shadow-\[0_0_3px_0_rgba\(0\,0\,0\,0\.2\)\,0_6px_8px_0_rgba\(0\,0\,0\,0\.1\)\]:hover {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    .hover\:shadow-inner-px:hover {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    @supports (color: color-mix(in lab, red, red)) {
        . hover\:\!shadow-primary-600: hover {
            --tw-shadow-color: color-mix(in oklab, hsla(var(--color-primary-600)/1) var(--tw-shadow-alpha), transparent) ! important
            }
        }
    @supports (color: color-mix(in lab, red, red)) {
        . hover\:shadow-primary-600: hover {
            --tw-shadow-color: color-mix(in oklab, hsla(var(--color-primary-600)/1) var(--tw-shadow-alpha), transparent)
            }
        }
    .hover\:shadow-transparent:hover {
        --tw-shadow-color: transparent;
        }
    @supports (color: color-mix(in lab, red, red)) {
        . hover\:shadow-transparent: hover {
            --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent)
            }
        }
    .hover\:brightness-92:hover {
        --tw-brightness: brightness(92%);
        }
    }
.focus\:z-10:focus {
    z-index: 10;
    }
.focus\:-translate-y-1:focus {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.focus\:rounded-md:focus {
    border-radius: var(--radius-md);
    }
.focus\:underline:focus {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    }
body:not(.no-outline) .focus\:ring-outline:focus {
    --tw-ring-offset-width: 1px;
    outline: none;
    }
.focus\:ring:focus {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.focus\:ring-0:focus {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.focus\:outline:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    }
.focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    }
.focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
    }
.focus-visible\:ring-2:focus-visible {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    }
.active\:translate-y-\[3px\]:active {
    --tw-translate-y: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    }
.disabled\:pointer-events-none:disabled {
    pointer-events: none;
    }
.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
    }
.disabled\:cursor-progress:disabled {
    cursor: progress;
    }
.disabled\:opacity-0:disabled {
    opacity: 0;
    }
.disabled\:opacity-50:disabled {
    opacity: 0.5;
    }
@supports (-moz-appearance: none) {
    . supports-\[-moz-appearance\:none\]\:pl-2 {
        padding-left: calc(var(--spacing) * 2)
        } . supports-\[-moz-appearance\:none\]\:pl-3 {
        padding-left: calc(var(--spacing) * 3)
        } . supports-\[-moz-appearance\:none\]\:pl-11 {
        padding-left: calc(var(--spacing) * 11)
        }
    }
@media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-order-discount-cone-rotation {
        animation: 1.75s order-discount-cone-rotation;
        }
    .motion-safe\:animate-order-discount-confetti-stroke {
        animation: 1.75s order-discount-confetti-stroke;
        }
    .motion-safe\:animate-order-discount-overlay-slide {
        animation: 0.3s linear order-discount-overlay-slide;
        }
    .motion-safe\:animate-order-discount-text-slide {
        animation: 1s order-discount-text-slide;
        }
    .motion-safe\:transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    .motion-safe\:duration-200 {
        --tw-duration: 0.2s;
        transition-duration: 0.2s;
        }
    }
@media not all and (min-width: 960px) {
    .max-2xl\:my-10 {
        margin-block: calc(var(--spacing) * 10);
        }
    }
@media not all and (min-width: 900px) {
    .max-xl\:-mx-gs {
        margin-inline: calc(var(--grit__sides) * -1);
        }
    .max-xl\:me-2 {
        margin-inline-end: calc(var(--spacing) * 2);
        }
    .max-xl\:mt-2 {
        margin-top: calc(var(--spacing) * 2);
        }
    .max-xl\:mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
        }
    .max-\[900px\]\:hidden {
        display: none;
        }
    .max-xl\:contents {
        display: contents;
        }
    .max-xl\:hidden {
        display: none;
        }
    .max-xl\:w-\[clamp\(270px\,80vw\,320px\)\] {
        width: clamp(270px, 80vw, 320px);
        }
    .max-xl\:min-w-fit {
        min-width: -moz-fit-content;
        min-width: fit-content;
        }
    .max-xl\:flex-wrap {
        flex-wrap: wrap;
        }
    .max-xl\:items-center {
        align-items: center;
        }
    .max-xl\:justify-center {
        justify-content: center;
        }
    .max-xl\:gap-gg {
        gap: var(--grit__gap);
        }
    .max-xl\:gap-y-12 {
        row-gap: calc(var(--spacing) * 12);
        }
    .max-xl\:px-1 {
        padding-inline: calc(var(--spacing) * 1);
        }
    .max-xl\:pr-gs {
        padding-right: var(--grit__sides);
        }
    .max-xl\:pl-gs {
        padding-left: var(--grit__sides);
        }
    }
@media not all and (min-width: 840px) {
    .max-lg\:bottom-0 {
        bottom: calc(var(--spacing) * 0);
        }
    .max-lg\:left-0 {
        left: calc(var(--spacing) * 0);
        }
    .max-lg\:row-span-3 {
        grid-row: span 3/span 3;
        }
    .max-lg\:-mx-gs {
        margin-inline: calc(var(--grit__sides) * -1);
        }
    .max-lg\:mx-4 {
        margin-inline: calc(var(--spacing) * 4);
        }
    .max-lg\:grit-fence {
        max-width: var(--grit__max-width);
        width: var(--grit__width);
        margin-left: var(--grit__sides);
        margin-right: var(--grit__sides);
        }
    @media (min-width: 1296px) {
        .max-lg\:grit-fence {
            --grit__width: 100%;
            margin-left: auto;
            margin-right: auto;
            }
        }
    .max-lg\:\!mb-\[5rem\] {
        margin-bottom: 5rem !important;
        }
    .max-lg\:mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
        }
    .max-lg\:mb-20\! {
        margin-bottom: calc(var(--spacing) * 20) !important;
        }
    .max-lg\:contents {
        display: contents;
        }
    .max-lg\:grid {
        display: grid;
        }
    .max-lg\:hidden {
        display: none;
        }
    .max-lg\:h-\[280px\] {
        height: 280px;
        }
    .max-lg\:w-\[320px\] {
        width: 320px;
        }
    .max-lg\:w-full {
        width: 100%;
        }
    .max-lg\:min-w-fit {
        min-width: -moz-fit-content;
        min-width: fit-content;
        }
    .max-lg\:grid-cols-\[repeat\(var\(--total-slides\)\,calc\(100\%-40px\)\)\] {
        grid-template-columns: repeat(var(--total-slides), calc(100% - 40px));
        }
    .max-lg\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
        }
    .max-lg\:grid-rows-subgrid {
        grid-template-rows: subgrid;
        }
    .max-lg\:justify-end {
        justify-content: flex-end;
        }
    .max-lg\:gap-4 {
        gap: calc(var(--spacing) * 4);
        }
    .max-lg\:gap-gg {
        gap: var(--grit__gap);
        }
    .max-lg\:rounded-none\! {
        border-radius: 0 !important;
        }
    .max-lg\:\!px-gs {
        padding-inline: var(--grit__sides) !important;
        }
    .max-lg\:px-1 {
        padding-inline: calc(var(--spacing) * 1);
        }
    .max-lg\:px-4 {
        padding-inline: calc(var(--spacing) * 4);
        }
    .max-lg\:px-gs {
        padding-inline: var(--grit__sides);
        }
    .max-lg\:py-4 {
        padding-block: calc(var(--spacing) * 4);
        }
    .max-lg\:pr-2 {
        padding-right: calc(var(--spacing) * 2);
        }
    .max-lg\:pl-gs, .max-lg\:first\:pl-gs:first-child {
        padding-left: var(--grit__sides);
        }
    .max-lg\:last\:pr-gs:last-child {
        padding-right: var(--grit__sides);
        }
    }
@media not all and (min-width: 720px) {
    .max-md\:-mx-4 {
        margin-inline: calc(var(--spacing) * -4);
        }
    .max-md\:-mx-gs {
        margin-inline: calc(var(--grit__sides) * -1);
        }
    .max-md\:mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
        }
    .max-md\:line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        }
    .max-md\:flex {
        display: flex;
        }
    .max-md\:hidden {
        display: none;
        }
    .max-md\:h-full {
        height: 100%;
        }
    .max-md\:w-\[86vw\] {
        width: 86vw;
        }
    .max-md\:max-w-80 {
        max-width: calc(var(--spacing) * 80);
        }
    .max-md\:flex-col {
        flex-direction: column;
        }
    .max-md\:object-cover {
        object-fit: cover;
        }
    .max-md\:px-gs {
        padding-inline: var(--grit__sides);
        }
    }
@media not all and (min-width: 600px) {
    .max-sm\:\!mx-0 {
        margin-inline: calc(var(--spacing) * 0) !important;
        }
    .max-sm\:-mx-gs {
        margin-inline: calc(var(--grit__sides) * -1);
        }
    .max-sm\:mx-0\! {
        margin-inline: calc(var(--spacing) * 0) !important;
        }
    .max-sm\:mx-auto {
        margin-inline: auto;
        }
    .max-sm\:mr-gg {
        margin-right: var(--grit__gap);
        }
    .max-sm\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
        }
    .max-sm\:mb-gg {
        margin-bottom: var(--grit__gap);
        }
    .max-sm\:hidden {
        display: none;
        }
    .max-sm\:min-w-full {
        min-width: 100%;
        }
    .max-sm\:px-gs {
        padding-inline: var(--grit__sides);
        }
    .max-sm\:pl-gs {
        padding-left: var(--grit__sides);
        }
    }
@media not all and (min-width: 480px) {
    .max-xs\:m-auto {
        margin: auto;
        }
    .max-xs\:flex {
        display: flex;
        }
    .max-xs\:h-full {
        height: 100%;
        }
    .max-xs\:flex-col {
        flex-direction: column;
        }
    .max-xs\:justify-between {
        justify-content: space-between;
        }
    .max-xs\:text-sm {
        font-size: 0.875rem;
        line-height: var(--tw-leading, 1.25rem);
        }
    }
@media not all and (min-width: 360px) {
    .max-2xs\:hidden {
        display: none;
        }
    }
@media (min-width: 360px) {
    .2xs\:hidden {
        display: none;
        }
    }
@media (min-width: 480px) {
    .xs\:order-2 {
        order: 2;
        }
    .xs\:mx-0 {
        margin-inline: calc(var(--spacing) * 0);
        }
    .xs\:w-auto {
        width: auto;
        }
    .xs\:auto-cols-\[26vw\] {
        grid-auto-columns: 26vw;
        }
    .xs\:auto-cols-\[27vw\] {
        grid-auto-columns: 27vw;
        }
    .xs\:grid-cols-\[repeat\(3\,var\(--image-max-width\)\)\] {
        grid-template-columns: repeat(3, var(--image-max-width));
        }
    .xs\:flex-row {
        flex-direction: row;
        }
    .xs\:rounded-xl {
        border-radius: var(--radius-xl);
        }
    .xs\:border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        }
    .xs\:px-8 {
        padding-inline: calc(var(--spacing) * 8);
        }
    .xs\:pt-4 {
        padding-top: calc(var(--spacing) * 4);
        }
    }
@media (min-width: 600px) {
    .sm\:order-1 {
        order: 1;
        }
    .sm\:col-span-4 {
        grid-column: span 4/span 4;
        }
    .sm\:col-span-6 {
        grid-column: span 6/span 6;
        }
    .sm\:col-span-7 {
        grid-column: span 7/span 7;
        }
    .sm\:my-1 {
        margin-block: calc(var(--spacing) * 1);
        }
    .sm\:mt-2 {
        margin-top: calc(var(--spacing) * 2);
        }
    .sm\:mr-12 {
        margin-right: calc(var(--spacing) * 12);
        }
    .sm\:mb-3 {
        margin-bottom: calc(var(--spacing) * 3);
        }
    .sm\:ml-4 {
        margin-left: calc(var(--spacing) * 4);
        }
    .sm\:block {
        display: block;
        }
    .sm\:flex {
        display: flex;
        }
    .sm\:inline {
        display: inline;
        }
    .sm\:aspect-square {
        aspect-ratio: 1;
        }
    .sm\:h-32 {
        height: calc(var(--spacing) * 32);
        }
    .sm\:h-\[192px\] {
        height: 192px;
        }
    .sm\:w-auto {
        width: auto;
        }
    .sm\:min-w-\[66\%\] {
        min-width: 66%;
        }
    .sm\:snap-start {
        scroll-snap-align: start;
        }
    .sm\:auto-cols-\[64vw\] {
        grid-auto-columns: 64vw;
        }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    .sm\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    .sm\:grid-cols-\[repeat\(10\,3rem\)\] {
        grid-template-columns: repeat(10, 3rem);
        }
    .sm\:flex-row {
        flex-direction: row;
        }
    .sm\:items-center {
        align-items: center;
        }
    .sm\:justify-start {
        justify-content: flex-start;
        }
    .sm\:gap-gg {
        gap: var(--grit__gap);
        }
    .sm\:rounded-xl {
        border-radius: var(--radius-xl);
        }
    .sm\:border {
        border-style: var(--tw-border-style);
        border-width: 1px;
        }
    .sm\:border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px;
        }
    .sm\:px-4 {
        padding-inline: calc(var(--spacing) * 4);
        }
    .sm\:px-8 {
        padding-inline: calc(var(--spacing) * 8);
        }
    .sm\:px-10 {
        padding-inline: calc(var(--spacing) * 10);
        }
    .sm\:px-gs {
        padding-inline: var(--grit__sides);
        }
    .sm\:pt-8 {
        padding-top: calc(var(--spacing) * 8);
        }
    .sm\:pr-10 {
        padding-right: calc(var(--spacing) * 10);
        }
    .sm\:pl-15 {
        padding-left: calc(var(--spacing) * 15);
        }
    .sm\:text-left {
        text-align: left;
        }
    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: var(--tw-leading, 2rem);
        }
    .sm\:text-base {
        font-size: 1rem;
        line-height: var(--tw-leading, 1.5rem);
        }
    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: var(--tw-leading, 1.75rem);
        }
    }
@media (min-width: 720px) {
    .md\:pointer-events-none {
        pointer-events: none;
        }
    .md\:\[grid-column\:1\/-1\] {
        grid-column: 1/-1;
        }
    .md\:col-span-3 {
        grid-column: span 3/span 3;
        }
    .md\:col-span-8 {
        grid-column: span 8/span 8;
        }
    .md\:col-start-3 {
        grid-column-start: 3;
        }
    .md\:m-auto {
        margin: auto;
        }
    .md\:mx-0 {
        margin-inline: calc(var(--spacing) * 0);
        }
    .md\:mx-gs {
        margin-inline: var(--grit__sides);
        }
    .md\:my-1 {
        margin-block: calc(var(--spacing) * 1);
        }
    .md\:my-4 {
        margin-block: calc(var(--spacing) * 4);
        }
    .md\:my-6 {
        margin-block: calc(var(--spacing) * 6);
        }
    .md\:my-28 {
        margin-block: calc(var(--spacing) * 28);
        }
    .md\:mt-0 {
        margin-top: calc(var(--spacing) * 0);
        }
    .md\:mt-3 {
        margin-top: calc(var(--spacing) * 3);
        }
    .md\:mt-8 {
        margin-top: calc(var(--spacing) * 8);
        }
    .md\:mt-9 {
        margin-top: calc(var(--spacing) * 9);
        }
    .md\:mt-28 {
        margin-top: calc(var(--spacing) * 28);
        }
    .md\:mr-0 {
        margin-right: calc(var(--spacing) * 0);
        }
    .md\:mr-16 {
        margin-right: calc(var(--spacing) * 16);
        }
    .md\:mr-48 {
        margin-right: calc(var(--spacing) * 48);
        }
    .md\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
        }
    .md\:mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
        }
    .md\:mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
        }
    .md\:mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
        }
    .md\:mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
        }
    .md\:ml-2 {
        margin-left: calc(var(--spacing) * 2);
        }
    .md\:block {
        display: block;
        }
    .md\:flex {
        display: flex;
        }
    .md\:grid {
        display: grid;
        }
    .md\:hidden {
        display: none;
        }
    .md\:hidden\! {
        display: none !important;
        }
    .md\:inline-block {
        display: inline-block;
        }
    .md\:aspect-2\/1 {
        aspect-ratio: 2;
        }
    .md\:aspect-3\/2 {
        aspect-ratio: 3/2;
        }
    .md\:aspect-284\/175 {
        aspect-ratio: 284/175;
        }
    .md\:aspect-\[2\/1\] {
        aspect-ratio: 2;
        }
    .md\:aspect-\[3\/2\] {
        aspect-ratio: 3/2;
        }
    .md\:aspect-\[284\/175\] {
        aspect-ratio: 284/175;
        }
    .md\:aspect-square {
        aspect-ratio: 1;
        }
    .md\:h-\[42px\] {
        height: 42px;
        }
    .md\:h-\[144px\] {
        height: 144px;
        }
    .md\:h-auto {
        height: auto;
        }
    .md\:h-full {
        height: 100%;
        }
    .md\:min-h-\[260px\] {
        min-height: 260px;
        }
    .md\:min-h-\[400px\] {
        min-height: 400px;
        }
    .md\:w-1\/2 {
        width: 50%;
        }
    .md\:w-3\/5 {
        width: 60%;
        }
    .md\:w-\[144px\] {
        width: 144px;
        }
    .md\:w-\[288px\] {
        width: 288px;
        }
    .md\:w-\[360px\] {
        width: 360px;
        }
    .md\:w-\[402px\] {
        width: 402px;
        }
    .md\:w-\[480px\] {
        width: 480px;
        }
    .md\:w-\[572px\] {
        width: 572px;
        }
    .md\:w-auto {
        width: auto;
        }
    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content;
        }
    .md\:w-full {
        width: 100%;
        }
    .md\:max-w-\[85\%\] {
        max-width: 85%;
        }
    .md\:max-w-\[265px\] {
        max-width: 265px;
        }
    .md\:max-w-lg {
        max-width: var(--container-lg);
        }
    .md\:max-w-md {
        max-width: var(--container-md);
        }
    .md\:max-w-xs {
        max-width: var(--container-xs);
        }
    .md\:min-w-\[500px\] {
        min-width: 500px;
        }
    .md\:flex-1 {
        flex: 1;
        }
    .md\:flex-none {
        flex: none;
        }
    .md\:basis-0 {
        flex-basis: calc(var(--spacing) * 0);
        }
    .md\:cursor-auto {
        cursor: auto;
        }
    .md\:snap-start {
        scroll-snap-align: start;
        }
    .md\:scroll-px-1 {
        scroll-padding-inline: calc(var(--spacing) * 1);
        }
    .md\:auto-cols-\(--scroller-items-width\) {
        grid-auto-columns: var(--scroller-items-width);
        }
    .md\:auto-cols-\[55vw\] {
        grid-auto-columns: 55vw;
        }
    .md\:auto-cols-\[min\(var\(--scroller-items-width\)\,150px\)\] {
        grid-auto-columns: min(var(--scroller-items-width), 150px);
        }
    .md\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr);
        }
    .md\:\[grid-template-columns\:repeat\(var\(--cols\)\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
        }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    .md\:grid-cols-\[154px_154px_154px\] {
        grid-template-columns: 154px 154px 154px;
        }
    .md\:flex-col {
        flex-direction: column;
        }
    .md\:flex-row {
        flex-direction: row;
        }
    .md\:items-start {
        align-items: flex-start;
        }
    .md\:gap-6 {
        gap: calc(var(--spacing) * 6);
        }
    .md\:gap-24 {
        gap: calc(var(--spacing) * 24);
        }
    .md\:gap-gg {
        gap: var(--grit__gap);
        }
    .md\:overflow-x-visible {
        overflow-x: visible;
        }
    .md\:rounded-full {
        border-radius: 3.40282e38px;
        }
    .md\:rounded-xl {
        border-radius: var(--radius-xl);
        }
    .md\:border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
        }
    .md\:p-0 {
        padding: calc(var(--spacing) * 0);
        }
    .md\:p-2 {
        padding: calc(var(--spacing) * 2);
        }
    .md\:p-6 {
        padding: calc(var(--spacing) * 6);
        }
    .md\:p-20 {
        padding: calc(var(--spacing) * 20);
        }
    .md\:px-0 {
        padding-inline: calc(var(--spacing) * 0);
        }
    .md\:px-1 {
        padding-inline: calc(var(--spacing) * 1);
        }
    .md\:px-4 {
        padding-inline: calc(var(--spacing) * 4);
        }
    .md\:px-6 {
        padding-inline: calc(var(--spacing) * 6);
        }
    .md\:px-16 {
        padding-inline: calc(var(--spacing) * 16);
        }
    .md\:py-2 {
        padding-block: calc(var(--spacing) * 2);
        }
    .md\:py-6 {
        padding-block: calc(var(--spacing) * 6);
        }
    .md\:py-8 {
        padding-block: calc(var(--spacing) * 8);
        }
    .md\:py-12 {
        padding-block: calc(var(--spacing) * 12);
        }
    .md\:pt-0 {
        padding-top: calc(var(--spacing) * 0);
        }
    .md\:pt-4 {
        padding-top: calc(var(--spacing) * 4);
        }
    .md\:pt-20 {
        padding-top: calc(var(--spacing) * 20);
        }
    .md\:pl-0 {
        padding-left: calc(var(--spacing) * 0);
        }
    .md\:text-base {
        font-size: 1rem;
        line-height: var(--tw-leading, 1.5rem);
        }
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: var(--tw-leading, 1.5rem);
        }
    .md\:text-sm {
        font-size: 0.875rem;
        line-height: var(--tw-leading, 1.25rem);
        }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: var(--tw-leading, 1.75rem);
        }
    }
@media (min-width: 840px) {
    .lg\:absolute {
        position: absolute;
        }
    .lg\:sticky {
        position: sticky;
        }
    .lg\:-top-1 {
        top: calc(var(--spacing) * -1);
        }
    .lg\:-top-\[23px\] {
        top: -23px;
        }
    .lg\:top-2 {
        top: calc(var(--spacing) * 2);
        }
    .lg\:top-6 {
        top: calc(var(--spacing) * 6);
        }
    .lg\:top-10 {
        top: calc(var(--spacing) * 10);
        }
    .lg\:right-0 {
        right: calc(var(--spacing) * 0);
        }
    .lg\:left-2 {
        left: calc(var(--spacing) * 2);
        }
    .lg\:left-\[131px\] {
        left: 131px;
        }
    .lg\:left-\[180px\] {
        left: 180px;
        }
    .lg\:col-span-5 {
        grid-column: span 5/span 5;
        }
    .lg\:col-span-7 {
        grid-column: span 7/span 7;
        }
    .lg\:m-5 {
        margin: calc(var(--spacing) * 5);
        }
    .lg\:mx-0 {
        margin-inline: calc(var(--spacing) * 0);
        }
    .lg\:mx-5 {
        margin-inline: calc(var(--spacing) * 5);
        }
    .lg\:mx-auto {
        margin-inline: auto;
        }
    .lg\:my-8 {
        margin-block: calc(var(--spacing) * 8);
        }
    .lg\:mt-0 {
        margin-top: calc(var(--spacing) * 0);
        }
    .lg\:mt-4 {
        margin-top: calc(var(--spacing) * 4);
        }
    .lg\:mt-8 {
        margin-top: calc(var(--spacing) * 8);
        }
    .lg\:mr-4 {
        margin-right: calc(var(--spacing) * 4);
        }
    .lg\:mr-6 {
        margin-right: calc(var(--spacing) * 6);
        }
    .lg\:mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
        }
    .lg\:mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
        }
    .lg\:mb-9 {
        margin-bottom: calc(var(--spacing) * 9);
        }
    .lg\:mb-10 {
        margin-bottom: calc(var(--spacing) * 10);
        }
    .lg\:mb-12 {
        margin-bottom: calc(var(--spacing) * 12);
        }
    .lg\:mb-16 {
        margin-bottom: calc(var(--spacing) * 16);
        }
    .lg\:mb-\[33vh\] {
        margin-bottom: 33vh;
        }
    .lg\:mb-\[165px\] {
        margin-bottom: 165px;
        }
    .lg\:ml-2 {
        margin-left: calc(var(--spacing) * 2);
        }
    .lg\:ml-6 {
        margin-left: calc(var(--spacing) * 6);
        }
    .lg\:ml-12 {
        margin-left: calc(var(--spacing) * 12);
        }
    .lg\:line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        }
    .lg\:hide-scrollbar {
        scrollbar-width: none;
        }
    .lg\:hide-scrollbar::-webkit-scrollbar {
        display: none;
        }
    .lg\:block {
        display: block;
        }
    .lg\:block\! {
        display: block !important;
        }
    .lg\:flex {
        display: flex;
        }
    .lg\:grid {
        display: grid;
        }
    .lg\:hidden {
        display: none;
        }
    .lg\:inline-block {
        display: inline-block;
        }
    .lg\:aspect-2\/1, .lg\:aspect-\[2\/1\] {
        aspect-ratio: 2;
        }
    .lg\:h-\[208px\] {
        height: 208px;
        }
    .lg\:h-\[356px\] {
        height: 356px;
        }
    .lg\:h-\[406px\] {
        height: 406px;
        }
    .lg\:h-auto {
        height: auto;
        }
    .lg\:h-fit {
        height: -moz-fit-content;
        height: fit-content;
        }
    .lg\:h-screen {
        height: 100vh;
        }
    .min-\[840px\]\:h-8 {
        height: calc(var(--spacing) * 8);
        }
    .lg\:max-h-\[calc\(100\%-64px\)\] {
        max-height: calc(100% - 64px);
        }
    .lg\:max-h-full {
        max-height: 100%;
        }
    .lg\:w-1\/2 {
        width: 50%;
        }
    .lg\:w-1\/3 {
        width: 33.3333%;
        }
    .lg\:w-6\/12 {
        width: 50%;
        }
    .lg\:w-96 {
        width: calc(var(--spacing) * 96);
        }
    .lg\:w-\[40vw\] {
        width: 40vw;
        }
    .lg\:w-\[80\%\] {
        width: 80%;
        }
    .lg\:w-\[264px\] {
        width: 264px;
        }
    .lg\:w-\[325px\] {
        width: 325px;
        }
    .lg\:w-\[360px\] {
        width: 360px;
        }
    .lg\:w-\[402px\] {
        width: 402px;
        }
    .lg\:w-\[428px\] {
        width: 428px;
        }
    .lg\:w-\[502px\] {
        width: 502px;
        }
    .lg\:w-\[560px\] {
        width: 560px;
        }
    .lg\:w-\[568px\] {
        width: 568px;
        }
    .lg\:w-auto {
        width: auto;
        }
    .lg\:w-auto\! {
        width: auto !important;
        }
    .lg\:w-fit {
        width: -moz-fit-content;
        width: fit-content;
        }
    .lg\:w-full {
        width: 100%;
        }
    .lg\:w-max {
        width: max-content;
        }
    .lg\:max-w-2xl {
        max-width: var(--container-2xl);
        }
    .lg\:max-w-7xl {
        max-width: var(--container-7xl);
        }
    .lg\:max-w-\[282px\] {
        max-width: 282px;
        }
    .lg\:max-w-\[400px\] {
        max-width: 400px;
        }
    .lg\:max-w-\[480px\] {
        max-width: 480px;
        }
    .lg\:max-w-\[480px\]\! {
        max-width: 480px !important;
        }
    .lg\:max-w-\[575px\] {
        max-width: 575px;
        }
    .lg\:max-w-\[640px\] {
        max-width: 640px;
        }
    .lg\:max-w-\[680px\] {
        max-width: 680px;
        }
    .lg\:max-w-\[800px\] {
        max-width: 800px;
        }
    .lg\:max-w-\[960px\] {
        max-width: 960px;
        }
    .lg\:max-w-\[calc\(100\%-64px\)\] {
        max-width: calc(100% - 64px);
        }
    .lg\:min-w-96 {
        min-width: calc(var(--spacing) * 96);
        }
    .lg\:min-w-\[40\%\] {
        min-width: 40%;
        }
    .lg\:min-w-\[238px\] {
        min-width: 238px;
        }
    .lg\:flex-1 {
        flex: 1;
        }
    .lg\:flex-none {
        flex: none;
        }
    .lg\:grow {
        flex-grow: 1;
        }
    .lg\:basis-\[calc\(100\%\/var\(--items-per-slide\)\)\] {
        flex-basis: calc(100% / var(--items-per-slide));
        }
    .lg\:snap-align-none {
        scroll-snap-align: none;
        }
    .lg\:snap-start {
        scroll-snap-align: start;
        }
    .lg\:auto-cols-\[calc\(100\%\/var\(--total-slides\)\)\] {
        grid-auto-columns: calc(100% / var(--total-slides));
        }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    .lg\:grid-cols-\[96px_1fr_96px\] {
        grid-template-columns: 96px 1fr 96px;
        }
    .lg\:flex-col {
        flex-direction: column;
        }
    .lg\:flex-row {
        flex-direction: row;
        }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse;
        }
    .lg\:items-center {
        align-items: center;
        }
    .lg\:items-start {
        align-items: flex-start;
        }
    .lg\:justify-around {
        justify-content: space-around;
        }
    .lg\:justify-center {
        justify-content: center;
        }
    .lg\:justify-start {
        justify-content: flex-start;
        }
    .lg\:gap-8 {
        gap: calc(var(--spacing) * 8);
        }
    .lg\:gap-12 {
        gap: calc(var(--spacing) * 12);
        }
    .lg\:gap-gg {
        gap: var(--grit__gap);
        }
    .lg\:overflow-y-visible {
        overflow-y: visible;
        }
    .lg\:rounded-3xl {
        border-radius: var(--radius-3xl);
        }
    .lg\:rounded-xl {
        border-radius: var(--radius-xl);
        }
    .lg\:rounded-l-lg {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
        }
    .lg\:rounded-r-lg {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
        }
    .lg\:p-1 {
        padding: calc(var(--spacing) * 1);
        }
    .lg\:p-4 {
        padding: calc(var(--spacing) * 4);
        }
    .lg\:p-6 {
        padding: calc(var(--spacing) * 6);
        }
    .lg\:p-7 {
        padding: calc(var(--spacing) * 7);
        }
    .lg\:p-8 {
        padding: calc(var(--spacing) * 8);
        }
    .lg\:px-0 {
        padding-inline: calc(var(--spacing) * 0);
        }
    .lg\:px-0\.5 {
        padding-inline: calc(var(--spacing) * 0.5);
        }
    .lg\:px-2 {
        padding-inline: calc(var(--spacing) * 2);
        }
    .lg\:px-4 {
        padding-inline: calc(var(--spacing) * 4);
        }
    .lg\:px-5 {
        padding-inline: calc(var(--spacing) * 5);
        }
    .lg\:px-8 {
        padding-inline: calc(var(--spacing) * 8);
        }
    .lg\:px-gs {
        padding-inline: var(--grit__sides);
        }
    .lg\:\!py-3 {
        padding-block: calc(var(--spacing) * 3) !important;
        }
    .lg\:py-0\.5 {
        padding-block: calc(var(--spacing) * 0.5);
        }
    .lg\:py-2 {
        padding-block: calc(var(--spacing) * 2);
        }
    .lg\:py-3 {
        padding-block: calc(var(--spacing) * 3);
        }
    .lg\:py-8 {
        padding-block: calc(var(--spacing) * 8);
        }
    .lg\:py-16 {
        padding-block: calc(var(--spacing) * 16);
        }
    .lg\:py-24 {
        padding-block: calc(var(--spacing) * 24);
        }
    .lg\:pt-8 {
        padding-top: calc(var(--spacing) * 8);
        }
    .lg\:pr-4 {
        padding-right: calc(var(--spacing) * 4);
        }
    .lg\:pr-6 {
        padding-right: calc(var(--spacing) * 6);
        }
    .lg\:pr-8 {
        padding-right: calc(var(--spacing) * 8);
        }
    .lg\:pb-4 {
        padding-bottom: calc(var(--spacing) * 4);
        }
    .lg\:pb-8 {
        padding-bottom: calc(var(--spacing) * 8);
        }
    .lg\:pb-16 {
        padding-bottom: calc(var(--spacing) * 16);
        }
    .lg\:pl-4 {
        padding-left: calc(var(--spacing) * 4);
        }
    .lg\:pl-6 {
        padding-left: calc(var(--spacing) * 6);
        }
    .lg\:pl-\[180px\] {
        padding-left: 180px;
        }
    .lg\:text-left {
        text-align: left;
        }
    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: var(--tw-leading, 2rem);
        }
    .lg\:text-base {
        font-size: 1rem;
        line-height: var(--tw-leading, 1.5rem);
        }
    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: var(--tw-leading, 1.5rem);
        }
    .lg\:text-sm {
        font-size: 0.875rem;
        line-height: var(--tw-leading, 1.25rem);
        }
    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: var(--tw-leading, 1.75rem);
        }
    .lg\:text-\[2rem\] {
        font-size: 2rem;
        }
    .lg\:leading-24 {
        --tw-leading: calc(var(--spacing) * 24);
        line-height: calc(var(--spacing) * 24);
        }
    .lg\:tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
        }
    .lg\:shadow {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    .lg\:shadow-none {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    .lg\:shadow-sm {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
@media (min-width: 900px) {
    .xl\:sticky {
        position: sticky;
        }
    .xl\:top-6 {
        top: calc(var(--spacing) * 6);
        }
    .xl\:order-1 {
        order: 1;
        }
    .xl\:order-2 {
        order: 2;
        }
    .xl\:col-span-1 {
        grid-column: span 1/span 1;
        }
    .xl\:col-span-2 {
        grid-column: span 2/span 2;
        }
    .xl\:col-span-3 {
        grid-column: span 3/span 3;
        }
    .xl\:col-start-3 {
        grid-column-start: 3;
        }
    .xl\:m-4 {
        margin: calc(var(--spacing) * 4);
        }
    .xl\:mx-0 {
        margin-inline: calc(var(--spacing) * 0);
        }
    .xl\:my-8 {
        margin-block: calc(var(--spacing) * 8);
        }
    .xl\:my-12 {
        margin-block: calc(var(--spacing) * 12);
        }
    .xl\:mt-0 {
        margin-top: calc(var(--spacing) * 0);
        }
    .xl\:mt-6 {
        margin-top: calc(var(--spacing) * 6);
        }
    .xl\:mt-8 {
        margin-top: calc(var(--spacing) * 8);
        }
    .xl\:mr-6 {
        margin-right: calc(var(--spacing) * 6);
        }
    .xl\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
        }
    .xl\:mb-1 {
        margin-bottom: calc(var(--spacing) * 1);
        }
    .xl\:mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
        }
    .xl\:mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
        }
    .xl\:mb-12 {
        margin-bottom: calc(var(--spacing) * 12);
        }
    .xl\:ml-0 {
        margin-left: calc(var(--spacing) * 0);
        }
    .xl\:ml-auto {
        margin-left: auto;
        }
    .xl\:hide-scrollbar {
        scrollbar-width: none;
        }
    .xl\:hide-scrollbar::-webkit-scrollbar {
        display: none;
        }
    .xl\:block {
        display: block;
        }
    .xl\:flex {
        display: flex;
        }
    .xl\:grid {
        display: grid;
        }
    .xl\:hidden {
        display: none;
        }
    .xl\:aspect-520\/292 {
        aspect-ratio: 520/292;
        }
    .xl\:aspect-520\/320, .xl\:aspect-\[520\/320\] {
        aspect-ratio: 520/320;
        }
    .xl\:h-12 {
        height: calc(var(--spacing) * 12);
        }
    .xl\:h-80 {
        height: calc(var(--spacing) * 80);
        }
    .xl\:h-\[355px\] {
        height: 355px;
        }
    .xl\:h-full {
        height: 100%;
        }
    .xl\:w-12 {
        width: calc(var(--spacing) * 12);
        }
    .xl\:w-\[22\.5rem\] {
        width: 22.5rem;
        }
    .xl\:w-\[200px\] {
        width: 200px;
        }
    .xl\:w-\[520px\] {
        width: 520px;
        }
    .xl\:w-\[1200px\] {
        width: 1200px;
        }
    .xl\:max-w-3xl {
        max-width: var(--container-3xl);
        }
    .xl\:flex-1 {
        flex: 1;
        }
    .xl\:flex-none {
        flex: none;
        }
    .xl\:grow {
        flex-grow: 1;
        }
    .xl\:basis-1\/3 {
        flex-basis: 33.3333%;
        }
    .xl\:snap-align-none {
        scroll-snap-align: none;
        }
    .xl\:snap-start {
        scroll-snap-align: start;
        }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    .xl\:flex-col {
        flex-direction: column;
        }
    .xl\:items-start {
        align-items: flex-start;
        }
    .xl\:justify-between {
        justify-content: space-between;
        }
    .xl\:gap-4 {
        gap: calc(var(--spacing) * 4);
        }
    .xl\:gap-6 {
        gap: calc(var(--spacing) * 6);
        }
    .xl\:gap-x-6 {
        column-gap: calc(var(--spacing) * 6);
        }
    .xl\:self-center {
        align-self: center;
        }
    .xl\:rounded-lg {
        border-radius: var(--radius-lg);
        }
    .xl\:rounded-xl {
        border-radius: var(--radius-xl);
        }
    .xl\:p-4 {
        padding: calc(var(--spacing) * 4);
        }
    .xl\:p-8 {
        padding: calc(var(--spacing) * 8);
        }
    .xl\:px-0 {
        padding-inline: calc(var(--spacing) * 0);
        }
    .xl\:px-1 {
        padding-inline: calc(var(--spacing) * 1);
        }
    .xl\:px-12 {
        padding-inline: calc(var(--spacing) * 12);
        }
    .xl\:py-8 {
        padding-block: calc(var(--spacing) * 8);
        }
    .xl\:pb-0 {
        padding-bottom: calc(var(--spacing) * 0);
        }
    .xl\:pb-16 {
        padding-bottom: calc(var(--spacing) * 16);
        }
    .xl\:text-center {
        text-align: center;
        }
    .xl\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: var(--tw-leading, 1.5rem);
        }
    .xl\:text-xl {
        font-size: 1.25rem;
        line-height: var(--tw-leading, 1.75rem);
        }
    .xl\:text-\[2rem\] {
        font-size: 2rem;
        }
    .xl\:shadow {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    .xl\:shadow-none {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    .xl\:first\:pt-0:first-child {
        padding-top: calc(var(--spacing) * 0);
        }
    .xl\:last\:pb-0:last-child {
        padding-bottom: calc(var(--spacing) * 0);
        }
    }
@media (min-width: 960px) {
    .2xl\:relative {
        position: relative;
        }
    .2xl\:top-0 {
        top: calc(var(--spacing) * 0);
        }
    .2xl\:top-1\/2 {
        top: 50%;
        }
    .2xl\:col-span-9 {
        grid-column: span 9/span 9;
        }
    .2xl\:col-start-1 {
        grid-column-start: 1;
        }
    .2xl\:mt-0 {
        margin-top: calc(var(--spacing) * 0);
        }
    .2xl\:mt-6 {
        margin-top: calc(var(--spacing) * 6);
        }
    .2xl\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
        }
    .2xl\:mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
        }
    .2xl\:flex {
        display: flex;
        }
    .2xl\:max-w-\[532px\] {
        max-width: 532px;
        }
    .2xl\:grow-0 {
        flex-grow: 0;
        }
    .2xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    .2xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    .2xl\:rounded-none {
        border-radius: 0;
        }
    .2xl\:border {
        border-style: var(--tw-border-style);
        border-width: 1px;
        }
    .2xl\:border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0;
        }
    .2xl\:pb-8 {
        padding-bottom: calc(var(--spacing) * 8);
        }
    .2xl\:shadow-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
@media (min-width: 1008px) {
    .3xl\:pointer-events-none {
        pointer-events: none;
        }
    .3xl\:absolute {
        position: absolute;
        }
    .3xl\:top-0 {
        top: calc(var(--spacing) * 0);
        }
    .3xl\:left-0 {
        left: calc(var(--spacing) * 0);
        }
    .3xl\:order-1 {
        order: 1;
        }
    .3xl\:order-2 {
        order: 2;
        }
    .3xl\:col-span-2 {
        grid-column: span 2/span 2;
        }
    .3xl\:col-span-3 {
        grid-column: span 3/span 3;
        }
    .3xl\:mx-0 {
        margin-inline: calc(var(--spacing) * 0);
        }
    .3xl\:mx-8 {
        margin-inline: calc(var(--spacing) * 8);
        }
    .3xl\:my-1 {
        margin-block: calc(var(--spacing) * 1);
        }
    .3xl\:my-2 {
        margin-block: calc(var(--spacing) * 2);
        }
    .3xl\:mt-\[50px\] {
        margin-top: 50px;
        }
    .3xl\:mt-auto {
        margin-top: auto;
        }
    .3xl\:mr-7 {
        margin-right: calc(var(--spacing) * 7);
        }
    .3xl\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
        }
    .3xl\:mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
        }
    .3xl\:ml-\[179px\] {
        margin-left: 179px;
        }
    .3xl\:block {
        display: block;
        }
    .3xl\:flex {
        display: flex;
        }
    .3xl\:hidden {
        display: none;
        }
    .3xl\:h-\[346px\] {
        height: 346px;
        }
    .3xl\:h-\[390px\] {
        height: 390px;
        }
    .3xl\:h-full {
        height: 100%;
        }
    .3xl\:\!max-h-full {
        max-height: 100% !important;
        }
    .3xl\:w-\[30\%\] {
        width: 30%;
        }
    .3xl\:w-\[274px\] {
        width: 274px;
        }
    .3xl\:w-\[496px\] {
        width: 496px;
        }
    .3xl\:w-auto {
        width: auto;
        }
    .3xl\:max-w-7xl {
        max-width: var(--container-7xl);
        }
    .3xl\:max-w-\[496px\] {
        max-width: 496px;
        }
    .3xl\:cursor-auto {
        cursor: auto;
        }
    .3xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    .3xl\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    .3xl\:flex-row {
        flex-direction: row;
        }
    .3xl\:flex-row-reverse {
        flex-direction: row-reverse;
        }
    .3xl\:items-center {
        align-items: center;
        }
    .3xl\:items-start {
        align-items: flex-start;
        }
    .3xl\:justify-between {
        justify-content: space-between;
        }
    .3xl\:gap-6 {
        gap: calc(var(--spacing) * 6);
        }
    .3xl\:gap-40 {
        gap: calc(var(--spacing) * 40);
        }
    .3xl\:self-end {
        align-self: flex-end;
        }
    .3xl\:rounded-2xl {
        border-radius: var(--radius-2xl);
        }
    .3xl\:border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0;
        }
    .3xl\:border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
        }
    .3xl\:p-12 {
        padding: calc(var(--spacing) * 12);
        }
    .3xl\:px-0 {
        padding-inline: calc(var(--spacing) * 0);
        }
    .3xl\:px-11 {
        padding-inline: calc(var(--spacing) * 11);
        }
    .3xl\:py-2 {
        padding-block: calc(var(--spacing) * 2);
        }
    .3xl\:py-10 {
        padding-block: calc(var(--spacing) * 10);
        }
    .3xl\:py-12 {
        padding-block: calc(var(--spacing) * 12);
        }
    .3xl\:py-28 {
        padding-block: calc(var(--spacing) * 28);
        }
    .3xl\:pt-0 {
        padding-top: calc(var(--spacing) * 0);
        }
    .3xl\:pt-\[86px\] {
        padding-top: 86px;
        }
    .3xl\:pr-0 {
        padding-right: calc(var(--spacing) * 0);
        }
    .3xl\:pr-8 {
        padding-right: calc(var(--spacing) * 8);
        }
    .3xl\:pr-16 {
        padding-right: calc(var(--spacing) * 16);
        }
    .3xl\:pb-20 {
        padding-bottom: calc(var(--spacing) * 20);
        }
    .3xl\:pl-0 {
        padding-left: calc(var(--spacing) * 0);
        }
    .3xl\:pl-4 {
        padding-left: calc(var(--spacing) * 4);
        }
    .3xl\:pl-16 {
        padding-left: calc(var(--spacing) * 16);
        }
    .3xl\:pl-28 {
        padding-left: calc(var(--spacing) * 28);
        }
    .3xl\:pl-\[130px\] {
        padding-left: 130px;
        }
    .3xl\:text-left {
        text-align: left;
        }
    .3xl\:text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    .3xl\:text-8xl {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading, var(--text-8xl--line-height));
        }
    .3xl\:text-lg {
        font-size: 1.125rem;
        line-height: var(--tw-leading, 1.5rem);
        }
    .3xl\:shadow-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
@media (min-width: 2000px) {
    .4xl\:gap-40 {
        gap: calc(var(--spacing) * 40);
        }
    .4xl\:px-0 {
        padding-inline: calc(var(--spacing) * 0);
        }
    }
.htmx-request .htmx-request-child\:block {
    display: block;
    }
.htmx-request .htmx-request-child\:flex {
    display: flex;
    }
.htmx-request .htmx-request-child\:hidden {
    display: none;
    }
.\[\&_\.cs-trigger\]\:cursor-pointer .cs-trigger {
    cursor: pointer;
    }
.\[\&_a\]\:link-decoration\! a {
    -webkit-text-decoration-skip-ink: auto !important;
    text-decoration-skip-ink: auto !important;
    text-underline-offset: 0.15625rem !important;
    text-decoration: underline !important;
    text-decoration-thickness: 0.0625rem !important;
    }
.\[\&_button\]\:\!w-full button, .\[\&_button\]\:w-full\! button {
    width: 100% !important;
    }
.\[\&_img\]\:max-w-none img {
    max-width: none;
    }
.\[\&_li\]\:mb-4 li {
    margin-bottom: calc(var(--spacing) * 4);
    }
.\[\&_li\]\:rounded-lg li {
    border-radius: var(--radius-lg);
    }
.\[\&_li\]\:p-4 li {
    padding: calc(var(--spacing) * 4);
    }
.\[\&_li\]\:leading-normal li {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    }
.\[\&_p\]\:first\:mt-0 p:first-child {
    margin-top: calc(var(--spacing) * 0);
    }
.\[\&_p\]\:last\:mb-0 p:last-child {
    margin-bottom: calc(var(--spacing) * 0);
    }
@media (hover: hover) {
    .\[\&_svg\]\:hover\:translate-y-1 svg:hover {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
.\[\&_td\]\:p-2 td {
    padding: calc(var(--spacing) * 2);
    }
.\[\&_tr\]\:text-left tr {
    text-align: left;
    }
.\[\&_ul\]\:list-none ul {
    list-style-type: none;
    }
.\[\&_ul\]\:pl-0 ul {
    padding-left: calc(var(--spacing) * 0);
    }
.\[\&\:not\(\:first-child\)\]\:border-t:not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    }
.\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    }
@media (hover: hover) {
    .hover\:\[\&\:not\(\[aria-selected\=true\]\)\]\:shadow-inner-px:hover:not([aria-selected=true]) {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    @supports (color: color-mix(in lab, red, red)) {
        . hover\:\[\&\:not\(\[aria-selected\=true\]\)\]\:shadow-grey-200: hover: not([aria-selected=true]) {
            --tw-shadow-color: color-mix(in oklab, hsla(var(--color-grey-200)/1) var(--tw-shadow-alpha), transparent)
            }
        }
    }
.\[\&\>\*\]\:py-4 > * {
    padding-block: calc(var(--spacing) * 4);
    }
.\[\&\>\[role\=alert\]\]\:mt-8 > [role=alert] {
    margin-top: calc(var(--spacing) * 8);
    }
@media (max-width: 1100px) {
    .\[\@media\(max-width\:1100px\)\]\:m-auto {
        margin: auto;
        }
    .\[\@media\(max-width\:1100px\)\]\:hidden {
        display: none;
        }
    .\[\@media\(max-width\:1100px\)\]\:max-w-\[600px\] {
        max-width: 600px;
        }
    }
@media (min-height: 800px) {
    .\[\@media\(min-height\:800px\)\]\:sticky {
        position: sticky;
        }
    .\[\@media\(min-height\:800px\)\]\:top-4 {
        top: calc(var(--spacing) * 4);
        }
    }
@media (min-width: 1100px) {
    .\[\@media\(min-width\:1100px\)\]\:grid {
        display: grid;
        }
    .\[\@media\(min-width\:1100px\)\]\:hidden {
        display: none;
        }
    }
:where(html) {
    line-height: 1.15;
    }
:where(body) {
    margin: 0;
    }
:where(h1) {
    margin-block: 0.67em;
    font-size: 2em;
    }
:where(hr) {
    box-sizing: content-box;
    color: inherit;
    height: 0;
    }
:where(pre) {
    font-family: monospace;
    font-size: 1em;
    }
:where(small) {
    font-size: 80%;
    }
:where(table) {
    text-indent: 0;
    border-color: currentColor;
    }
:where(button) {
    text-transform: none;
    }
:where(progress) {
    vertical-align: baseline;
    }
:where(select) {
    text-transform: none;
    }
:where(textarea) {
    margin: 0;
    }
::-webkit-inner-spin-button {
    height: auto;
    }
::-webkit-outer-spin-button {
    height: auto;
    }
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
    }
::-webkit-search-decoration {
    -webkit-appearance: none;
    }
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
    }
:where(dialog) {
    color: #000;
    background-color: #fff;
    border: solid;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    padding: 1em;
    position: absolute;
    left: 0;
    right: 0;
    }
:where(summary) {
    display: list-item;
    }
*, :before, :after {
    border: 0 solid;
    }
html {
    line-height: 1.15;
    }
@keyframes reveal {
    0% {
        opacity: 0
        } to {
        opacity: 1
        }
    }
@keyframes conceal {
    0% {
        opacity: 1
        } to {
        opacity: 0
        }
    }
@keyframes reveal-above {
    0% {
        opacity: 0;
        transform: translateY(-100%)
        } to {
        opacity: 1;
        transform: translateY(0)
        }
    }
@keyframes reveal-below {
    0% {
        opacity: 0;
        transform: translateY(100%)
        } to {
        opacity: 1;
        transform: translateY(0)
        }
    }
@keyframes conceal-above {
    0% {
        opacity: 1;
        transform: translateY(0)
        } to {
        opacity: 0;
        transform: translateY(-100%)
        }
    }
@keyframes conceal-left {
    0% {
        opacity: 1;
        transform: translate(0)
        } to {
        opacity: 0;
        transform: translate(-100%)
        }
    }
* {
    box-sizing: border-box;
    }
[style*=--aspect-ratio] {
    --calculated-aspect-ratio: calc(var(--aspect-ratio));
    display: block;
    position: relative;
    }
[style*=--aspect-ratio]:before {
    padding-bottom: calc(100% / var(--calculated-aspect-ratio));
    content: "";
    display: block;
    }
[style*=--aspect-ratio] > img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    }
body.no-outline a:focus, body.no-outline button:focus, body.no-outline [role=button]:focus {
    outline: none;
    }
button, input, select, textarea {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5rem;
    }
button {
    color: inherit;
    text-align: left;
    appearance: none;
    touch-action: manipulation;
    padding: 0;
    }
button:not(:disabled) {
    cursor: pointer;
    }
input, select, textarea {
    appearance: none;
    border-width: 1px;
    border-radius: 0.25rem;
    outline: none;
    padding: 0.75rem 1rem;
    display: block;
    }
input::placeholder, select::placeholder, textarea::placeholder {
    opacity: 1;
    }
input::-webkit-search-cancel-button {
    appearance: none;
    }
select::-webkit-search-cancel-button {
    appearance: none;
    }
textarea::-webkit-search-cancel-button {
    appearance: none;
    }
legend {
    padding: 0;
    display: table;
    }
fieldset {
    border: 0;
    min-width: 0;
    margin: 0;
    padding: 0.01em 0 0;
    }
body:not(:-moz-handler-blocked) fieldset {
    display: table-cell;
    }
input[type=date] {
    cursor: text;
    }
input[type=date]::-webkit-inner-spin-button {
    appearance: none;
    display: none;
    }
input[type=date]::-webkit-calendar-picker-indicator {
    appearance: none;
    display: none;
    }
input::-webkit-datetime-edit {
    flex: 1;
    margin-bottom: -2px;
    padding: 0;
    display: flex;
    }
img {
    max-width: 100%;
    }
figure {
    margin: 0;
    }
nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
nav ul li {
    padding-left: 0;
    }
nav ul li:before {
    content: none;
    }
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Roboto, sans-serif;
    font-size: 1em;
    }
body {
    min-height: 100vh;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
address {
    font-style: normal;
    }
strong, b {
    font-weight: 500;
    }
a {
    color: currentColor;
    }
:root {
    --z-base: 0;
    --z-above: 1;
    --z-layout-navbar: calc(var(--z-above) + var(--z-base));
    --z-layout-topbar-dropdown: calc(var(--z-above) + var(--z-layout-navbar));
    }
.Grid {
    margin-left: auto;
    margin-right: auto;
    }
.Grid-container-gutter {
    padding-left: 1rem;
    padding-right: 1rem;
    }
.Grid-container-gutter:before, .Grid-container-gutter:after {
    content: " ";
    display: table;
    }
.Grid-container-gutter:after {
    clear: both;
    }
.anim-reveal {
    animation: 0.2s ease-in reveal;
    }
.Slider__button {
    z-index: 1;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    }
.Slider__button--prev {
    left: 0;
    }
.Slider__button--next {
    right: 0;
    }
.Slider-grit__button--prev {
    left: var(--grit__sides);
    transform: translate(-40%, -50%);
    }
.Slider-grit__button--next {
    right: var(--grit__sides);
    transform: translate(40%, -50%);
    }
.VariantLanguageSelect--invalidated .BlockField {
    border-width: 1px !important;
    }
.HTMLContent h1, .HTMLContent h2, .HTMLContent h3, .HTMLContent h4, .HTMLContent h5, .HTMLContent h6 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 700;
    }
.HTMLContent h1 + address, .HTMLContent h1 + p, .HTMLContent h1 + ul, .HTMLContent h2 + address, .HTMLContent h2 + p, .HTMLContent h2 + ul, .HTMLContent h3 + address, .HTMLContent h3 + p, .HTMLContent h3 + ul, .HTMLContent h4 + address, .HTMLContent h4 + p, .HTMLContent h4 + ul, .HTMLContent h5 + address, .HTMLContent h5 + p, .HTMLContent h5 + ul, .HTMLContent h6 + address, .HTMLContent h6 + p, .HTMLContent h6 + ul {
    margin-top: -0.5rem;
    }
.HTMLContent h1 {
    font-size: 2rem;
    line-height: 2.25rem;
    }
.HTMLContent h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    }
.HTMLContent h3, .HTMLContent h4, .HTMLContent h5, .HTMLContent h6 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    }
.HTMLContent address {
    margin-top: 1rem;
    margin-bottom: 1rem;
    }
.HTMLContent ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    }
.HTMLContent ul li {
    margin-bottom: 0.5rem;
    }
.HTMLContent p {
    margin-top: 0;
    margin-bottom: 1rem;
    }
.HTMLContent a {
    font-weight: 500;
    text-decoration: none;
    }
.HTMLContent ul:last-child, .HTMLContent p:last-child, .HTMLContent li:last-child, .HTMLContent address:last-child {
    margin-bottom: 0;
    }
.Notification {
    animation: 0.6s both reveal-above;
    }
.Notification--closing {
    animation: 0.6s both conceal-above;
    }
.topbar {
    z-index: 11;
    }
.topbar__inner {
    min-height: 3rem;
    padding-left: 0.625rem;
    }
.topbar__logo {
    width: auto;
    }
.topbar__menu-wrapper {
    animation: 0.2s ease-in reveal;
    }
.topbar-menu-item {
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    justify-content: center;
    font-weight: 500;
    line-height: 1;
    display: flex;
    }
.topbar-menu-item__trigger {
    border: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1rem 0.5rem;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    display: flex;
    }
.topbar-menu-item__trigger:focus {
    outline: 0;
    }
.topbar-menu-item__trigger--last {
    padding: 0;
    }
.topbar-menu-item__text {
    white-space: nowrap;
    font-size: 0.875rem;
    display: none;
    }
@keyframes load8 {
    0% {
        transform: rotate(0)
        } to {
        transform: rotate(360deg)
        }
    }
.search-nearby {
    width: 100%;
    cursor: pointer;
    font-size: 0.875rem;
    transition: height 0.3s ease-in-out;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    z-index: 200 !important;
    }
.search-nearby--inline {
    display: none;
    }
.search-nearby:hover {
    background-color: #f5f6f8;
    }
.search-nearby--loading {
    display: block !important;
    }
.search-nearby--loading .search-nearby__spinner {
    visibility: visible;
    }
.search-nearby__wrapper {
    align-items: center;
    width: 100%;
    height: 3rem;
    padding: 0.75rem;
    display: flex;
    }
.search-nearby__trigger {
    flex: 1;
    }
.search-nearby__spinner-wrapper {
    text-align: center;
    width: 2.875rem;
    position: relative;
    }
.sitebrand-logo {
    align-self: center;
    max-width: 100%;
    max-height: 2rem;
    display: block;
    }
.sitebrand-options-bar .topbar__logo-wrapper {
    display: none;
    }
.sitebrand-options-bar .topbar-menu-item--active {
    background-color: inherit;
    }
.sitebrand-options-bar .topbar-menu-item__badge-container:hover, .sitebrand-options-bar .topbar-menu-item__badge-container:active, .sitebrand-options-bar .topbar-menu-item__badge-container:focus {
    margin-top: 0.5rem;
    padding-bottom: 0.375rem;
    }
.sitebrand-options-bar .topbar-menu-item__badge-overlay:hover, .sitebrand-options-bar .topbar-menu-item__badge-overlay:active, .sitebrand-options-bar .topbar-menu-item__badge-overlay:focus {
    opacity: 0;
    }
.sitebrand-options-bar .topbar-menu-item__trigger:hover, .sitebrand-options-bar .topbar-menu-item__trigger:active, .sitebrand-options-bar .topbar-menu-item__trigger:focus, .sitebrand-options-bar .topbar-menu-item__badge-container:hover, .sitebrand-options-bar .topbar-menu-item__badge-container:active, .sitebrand-options-bar .topbar-menu-item__badge-container:focus {
    border-bottom: 0.125rem solid;
    }
.sitebrand-options-bar .search-nearby, .sitebrand-options-bar .tt-dropdown-menu {
    border-top: none;
    }
.sitebrand-theme-dark.sitebrand-topbar .SearchForm__icon {
    color: inherit !important;
    }
.sitebrand-topbar .SearchForm__input-wrapper {
    border: 1px solid;
    }
[data-accordion-item] [data-accordion-item-body] {
    max-height: 0;
    transition: max-height 0.6s;
    overflow: hidden;
    }
[data-accordion-item] [data-accordion-item-body][data-accordion-item-body-expanded] {
    max-height: var(--expanded-height, 1000px);
    }
.accordion {
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    }
.accordion:last-child {
    margin-bottom: 0;
    }
.accordion-item__header {
    cursor: pointer;
    align-items: baseline;
    width: 100%;
    }
.accordion-item__title {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    transition: color 0.3s;
    }
.accordion-item__small-title {
    line-height: 1.125 !important;
    }
.accordion-item__tag {
    vertical-align: top;
    }
[data-accordion-item-button][aria-expanded=true] .accordion-item__icon-arrow .icon {
    transform: rotate(-90deg) !important;
    }
.accordion-item__content {
    font-size: 0.875rem;
    line-height: 1.5;
    }
.accordion-item__content a, .accordion-item__content .cs-trigger {
    cursor: pointer;
    text-decoration: underline;
    }
@media (min-width: 30rem) {
    .accordion {
        padding: 0.5rem 2rem;
        }
    .accordion-item__title {
        font-size: 1rem;
        }
    .accordion-item__icon-arrow .icon {
        width: var(--icon-size, 24px);
        height: var(--icon-size, 24px);
        }
    .accordion-item__content a, .accordion-item__content .cs-trigger {
        text-decoration: none;
        }
    .accordion-item__content a:hover, .accordion-item__content a:active, .accordion-item__content a:focus, .accordion-item__content .cs-trigger:hover, .accordion-item__content .cs-trigger:active, .accordion-item__content .cs-trigger:focus {
        text-decoration: underline;
        }
    .accordion-item__content {
        font-size: 1rem;
        }
    }
@media (min-width: 600px) {
    .HTMLContent h1 {
        font-size: 3rem;
        line-height: 3.5rem;
        }
    .HTMLContent h2 {
        font-size: 2rem;
        line-height: 2.25rem;
        }
    }
@media (min-width: 37.5rem) {
    .topbar__inner {
        height: 4.25rem;
        padding: 0.625rem;
        }
    .topbar__logo-wrapper {
        margin-right: 1rem;
        }
    .topbar__logo {
        height: 28px;
        }
    .sitebrand-options-bar {
        padding: 0;
        }
    }
@media (min-width: 45rem) {
    .topbar-menu-item {
        align-items: center;
        margin: 0 0.5rem;
        }
    .topbar-menu-item:last-child {
        margin-right: 0;
        }
    .search-nearby {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        }
    .sitebrand-logo {
        max-height: 3rem;
        }
    .sitebrand-options-bar {
        height: 5rem;
        padding: 1rem;
        }
    .sitebrand-options-bar__logo-wrapper {
        max-width: 10rem;
        margin-bottom: 0.5rem;
        margin-right: 1.5rem;
        display: block;
        }
    .sitebrand-options-bar__logo-wrapper--id-41 {
        margin-top: -1rem;
        }
    }
@media (min-width: 56.25rem) {
    .topbar__inner {
        height: 5rem;
        padding: 1rem;
        }
    .topbar__logo-wrapper {
        margin-right: 1.5rem;
        }
    .topbar__logo {
        height: 42px;
        }
    .topbar-menu-item__trigger--with-icon {
        display: flex;
        }
    .topbar-menu-item__icon {
        margin-right: 0.25rem;
        }
    .topbar-menu-item__text {
        display: block;
        }
    }
@media (min-width: 60rem) {
    .Grid {
        max-width: 60rem;
        }
    }
@media (min-width: 63rem) {
    .Grid {
        max-width: 63rem;
        }
    }
@layer base {
    : root,:: backdrop {
        --color-indigo-100: 232deg 71% 96%;
        --color-indigo-200: 237deg 78% 91%;
        --color-indigo-300: 237deg 78% 83%;
        --color-indigo-400: 239deg 75% 69%;
        --color-indigo-500: 240deg 68% 62%;
        --color-indigo-600: 242deg 60% 47%;
        --color-indigo-700: 244deg 74% 38%;
        --color-indigo-800: 246deg 91% 29%;
        --color-yellow-100: 46deg 100% 95%;
        --color-yellow-200: 44deg 100% 87%;
        --color-yellow-300: 43deg 100% 77%;
        --color-yellow-400: 42deg 100% 65%;
        --color-yellow-500: 42deg 100% 57%;
        --color-yellow-600: 38deg 90% 47%;
        --color-yellow-700: 36deg 100% 40%;
        --color-yellow-800: 32deg 100% 34%;
        --color-red-100: 0deg 100% 97%;
        --color-red-200: 0deg 100% 92%;
        --color-red-300: 356deg 91% 83%;
        --color-red-400: 355deg 85% 72%;
        --color-red-500: 354deg 82% 61%;
        --color-red-600: 350deg 74% 53%;
        --color-red-700: 348deg 75% 46%;
        --color-red-800: 348deg 100% 37%;
        --color-green-100: 159deg 100% 96%;
        --color-green-200: 162deg 72% 83%;
        --color-green-300: 164deg 64% 74%;
        --color-green-400: 167deg 62% 56%;
        --color-green-500: 169deg 68% 45%;
        --color-green-600: 171deg 81% 36%;
        --color-green-700: 172deg 100% 29%;
        --color-green-800: 172deg 100% 25%;
        --color-grey-100: 220deg 23% 97%;
        --color-grey-200: 216deg 24% 96%;
        --color-grey-300: 223deg 21% 94%;
        --color-grey-400: 220deg 25% 91%;
        --color-grey-500: 221deg 22% 86%;
        --color-grey-600: 223deg 18% 77%;
        --color-ink-100: 223deg 16% 67%;
        --color-ink-200: 223deg 17% 54%;
        --color-ink-300: 222deg 21% 43%;
        --color-ink-400: 222deg 29% 33%;
        --color-ink-500: 222deg 48% 22%;
        --color-ink-600: 223deg 54% 14%;
        --color-ink-700: 224deg 67% 10%;
        --color-ink-800: 225deg 74% 6%;
        --color-teal-100: 180deg 71.43% 95.88%;
        --color-teal-200: 180deg 70% 88.24%;
        --color-teal-300: 179.12deg 66.67% 80%;
        --color-teal-400: 179.45deg 61.8% 65.1%;
        --color-teal-500: 179.17deg 58.7% 51.57%;
        --color-teal-600: 181.09deg 77.46% 41.76%;
        --color-teal-700: 181.79deg 100% 32.94%;
        --color-teal-800: 184deg 100% 26%;
        --color-purple-100: 312deg 71.43% 95.88%;
        --color-purple-200: 312deg 52.63% 85.1%;
        --color-purple-300: 311.8deg 45.86% 73.92%;
        --color-purple-400: 312.13deg 41.23% 55.29%;
        --color-purple-500: 312.11deg 53.69% 39.8%;
        --color-purple-600: 311.09deg 76.77% 30.39%;
        --color-purple-700: 309.64deg 84.85% 25.88%;
        --color-purple-800: 310.09deg 100% 20.98%;
        --color-primary-text: var(--color-ink-500);
        --color-secondary-text: var(--color-ink-300);
        --color-link-text: var(--color-ink-500);
        --color-accent-text: var(--color-purple-500);
        --color-inverse-text: var(--color-white);
        --color-disabled-text: var(--color-ink-100);
        --color-placeholder-text: var(--color-ink-100);
        --color-critical-text: var(--color-red-800);
        --color-positive-text: var(--color-green-800);
        --color-warning-text: var(--color-yellow-800);
        --color-info-text: var(--color-indigo-700);
        --color-positive-icon: var(--color-green-600);
        --color-warning-icon: var(--color-yellow-700);
        --color-critical-icon: var(--color-red-600);
        --color-info-icon: var(--color-indigo-500);
        --color-disabled-icon: var(--color-grey-500);
        --color-primary-bg: var(--color-white);
        --color-secondary-bg: var(--color-grey-200);
        --color-primary-inverse-bg: var(--color-ink-500);
        --color-secondary-inverse-bg: var(--color-ink-400);
        --color-critical-bg: var(--color-red-200);
        --color-positive-bg: var(--color-green-100);
        --color-warning-bg: var(--color-yellow-100);
        --color-info-bg: var(--color-indigo-100);
        --color-tag-bg: var(--color-grey-300);
        --color-critical-tag-bg: var(--color-red-800);
        --color-positive-tag-bg: var(--color-green-800);
        --color-primary-button-bg: var(--color-purple-500);
        --color-primary-button-hover-bg: var(--color-purple-600);
        --color-primary-button-active-bg: var(--color-purple-700);
        --color-primary-button-text: var(--color-white);
        --color-secondary-button-bg: var(--color-ink-500);
        --color-secondary-button-hover-bg: var(--color-ink-600);
        --color-secondary-button-active-bg: var(--color-ink-700);
        --color-tertiary-button-text: var(--color-ink-500);
        --color-tertiary-button-bg: var(--color-white);
        --color-tertiary-button-hover-bg: var(--color-grey-200);
        --color-tertiary-button-active-bg: var(--color-grey-300);
        --color-tertiary-button-selected-bg: var(--color-ink-500);
        --color-separator-border: var(--color-grey-400);
        --color-inverse-separator-border: var(--color-ink-200);
        --color-box-border: var(--color-grey-500);
        --color-critical-border: var(--color-red-600);
        --color-positive-border: var(--color-green-600);
        --color-tertiary-button-active-border: var(--color-ink-100);
        --color-emphasis-border: var(--color-ink-500);
        --color-controls-icon: var(--color-ink-100);
        --color-controls-selected-icon: var(--color-ink-500);
        --color-primary-100: 180deg 71.43% 95.88%;
        --color-primary-200: 180deg 70% 88.24%;
        --color-primary-300: 179.12deg 66.67% 80%;
        --color-primary-400: 179.45deg 61.8% 65.1%;
        --color-primary-500: 179.17deg 58.7% 51.57%;
        --color-primary-600: 181.09deg 77.46% 41.76%;
        --color-primary-700: 181.79deg 100% 32.94%;
        --color-primary-800: 183.91deg 100% 27.06%;
        --color-secondary-100: 312deg 71.43% 95.88%;
        --color-secondary-200: 312deg 52.63% 85.1%;
        --color-secondary-300: 311.8deg 45.86% 73.92%;
        --color-secondary-400: 312.13deg 41.23% 55.29%;
        --color-secondary-500: 312.11deg 53.69% 39.8%;
        --color-secondary-600: 311.09deg 76.77% 30.39%;
        --color-secondary-700: 309.64deg 84.85% 25.88%;
        --color-secondary-800: 310.09deg 100% 20.98%;
        --color-white: 0deg 0% 100%;
        --color-focus: 216deg 100% 54%
        }: root {
        --grid-cols-size: 180px;
        --grit__max-width: 736px;
        --grit__sides: 16px;
        --grit__gap: 16px;
        --grit__width: auto
        } @media (min-width: 768px) {
        : root {
            --grit__max-width: 976px;
            --grit__sides: 24px
            }
        } @media (min-width: 1024px) {
        : root {
            --grit__max-width: 1200px;
            --grit__sides: 48px;
            --grit__gap: 24px
            }
        }
    }
@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
    }
@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
    }
@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
    }
@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
    }
@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
    }
@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
    }
@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
    }
@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
    }
@property --tw-rotate-x {
    syntax: "*";
    inherits: false
    }
@property --tw-rotate-y {
    syntax: "*";
    inherits: false
    }
@property --tw-rotate-z {
    syntax: "*";
    inherits: false
    }
@property --tw-skew-x {
    syntax: "*";
    inherits: false
    }
@property --tw-skew-y {
    syntax: "*";
    inherits: false
    }
@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
    }
@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
    }
@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
    }
@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
    }
@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
    }
@property --tw-gradient-position {
    syntax: "*";
    inherits: false
    }
@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
    }
@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
    }
@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
    }
@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
    }
@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
    }
@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
    }
@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
    }
@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
    }
@property --tw-leading {
    syntax: "*";
    inherits: false
    }
@property --tw-font-weight {
    syntax: "*";
    inherits: false
    }
@property --tw-tracking {
    syntax: "*";
    inherits: false
    }
@property --tw-ordinal {
    syntax: "*";
    inherits: false
    }
@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
    }
@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
    }
@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
    }
@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
    }
@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
    }
@property --tw-shadow-color {
    syntax: "*";
    inherits: false
    }
@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
    }
@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
    }
@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
    }
@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
    }
@property --tw-ring-color {
    syntax: "*";
    inherits: false
    }
@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
    }
@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
    }
@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
    }
@property --tw-ring-inset {
    syntax: "*";
    inherits: false
    }
@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
    }
@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
    }
@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
    }
@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
    }
@property --tw-blur {
    syntax: "*";
    inherits: false
    }
@property --tw-brightness {
    syntax: "*";
    inherits: false
    }
@property --tw-contrast {
    syntax: "*";
    inherits: false
    }
@property --tw-grayscale {
    syntax: "*";
    inherits: false
    }
@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
    }
@property --tw-invert {
    syntax: "*";
    inherits: false
    }
@property --tw-opacity {
    syntax: "*";
    inherits: false
    }
@property --tw-saturate {
    syntax: "*";
    inherits: false
    }
@property --tw-sepia {
    syntax: "*";
    inherits: false
    }
@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
    }
@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
    }
@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
    }
@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
    }
@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
    }
@property --tw-duration {
    syntax: "*";
    inherits: false
    }
@property --tw-ease {
    syntax: "*";
    inherits: false
    }
@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
    }
@keyframes spin {
    to {
        transform: rotate(360deg)
        }
    }
@keyframes pulse {
    50% {
        opacity: .5
        }
    }
@keyframes skeleton-shine {
    to {
        background-position-x: -200%
        }
    }
@keyframes order-discount-text-slide {
    0%, to {
        opacity: 1;
        transform: translate(0)
        } 25% {
        opacity: 0;
        transform: translate(-20px)
        } 50% {
        opacity: 0;
        transform: translate(20px)
        }
    }
@keyframes order-discount-overlay-slide {
    0% {
        opacity: 1;
        transform: translate(-100%)
        } to {
        opacity: 1;
        transform: translate(200%)
        }
    }
@keyframes order-discount-cone-rotation {
    0%, to {
        transform: rotate(0)
        } 25% {
        transform: rotate(5deg)
        } 50% {
        transform: rotate(-8deg)
        }
    }
@keyframes order-discount-confetti-stroke {
    0%, to {
        opacity: 1;
        stroke-dashoffset: 0
        } 24% {
        opacity: 0;
        stroke-dashoffset: 0
        } 25% {
        opacity: 0;
        stroke-dashoffset: 39px
        }
    }