/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: rotateX(0);
            --tw-rotate-y: rotateY(0);
            --tw-rotate-z: rotateZ(0);
            --tw-skew-x: skewX(0);
            --tw-skew-y: skewY(0);
            --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-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;
        }
    }
}
@layer theme {
    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
        --color-red-500: oklch(63.7% 0.237 25.331);
        --color-red-600: oklch(57.7% 0.245 27.325);
        --color-red-700: oklch(50.5% 0.213 27.518);
        --color-amber-900: oklch(41.4% 0.112 45.904);
        --color-green-500: oklch(72.3% 0.219 149.579);
        --color-indigo-50: oklch(96.2% 0.018 272.314);
        --color-indigo-500: oklch(58.5% 0.233 277.117);
        --color-indigo-700: oklch(45.7% 0.24 277.023);
        --color-gray-50: oklch(98.5% 0.002 247.839);
        --color-gray-100: oklch(96.7% 0.003 264.542);
        --color-gray-200: oklch(92.8% 0.006 264.531);
        --color-gray-300: oklch(87.2% 0.01 258.338);
        --color-gray-400: oklch(70.7% 0.022 261.325);
        --color-gray-500: oklch(55.1% 0.027 264.364);
        --color-gray-700: oklch(37.3% 0.034 259.733);
        --color-gray-800: oklch(27.8% 0.033 256.848);
        --color-gray-900: oklch(21% 0.034 264.665);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --container-3xs: 16rem;
        --container-2xs: 18rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-xl: 36rem;
        --container-5xl: 64rem;
        --container-7xl: 80rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --leading-tight: 1.25;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --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);
        --blur-sm: 8px;
        --aspect-video: 16/9;
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-madx-sun: #fbef4d;
        --color-madx-lumina: #faee4d;
        --color-madx-acid: #cdc400;
        --color-madx-olive-dark: #9c9100;
        --color-madx-sun-dark2: #928900;
        --color-madx-mustard: #938a02;
        --color-madx-gold: #958c04;
        --color-madx-sun-dark: #b9b24d;
        --color-madx-leaf: #695d15;
        --color-madx-olive: #c5bf64;
        --color-madx-blue: #15444f;
        --color-madx-ocean: #3c8488;
        --color-madx-teal: #bcdece;
        --color-madx-green: #7abf80;
        --color-madx-mint: #dcf4df;
        --color-madx-lightgreen: #bbe9bf;
        --color-madx-pink: #880a3d;
        --color-madx-raspberry: #ea4b6f;
        --color-madx-pastelpink: #f3a6ba;
        --color-madx-purple: #72207e;
        --color-madx-magenta: #a3137b;
        --color-madx-lavender: #c99fca;
        --color-madx-night: #111c24;
        --color-madx-shadow: #313b3e;
        --color-madx-stone: #898d8d;
        --color-madx-ash: #adb0b0;
        --color-madx-midnightblue: #101828;
        --color-madx-sun-light: #fffde6;
        --color-madx-whitesmoke: #f5f5f5;
        --color-madx-grey: #f2f4f7;
        --color-madx-dust: #d3d3d3;
        --color-madx-lightgrey: #d0d5dd;
    }
}
@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }
    html,
    :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(
                --default-font-family,
                ui-sans-serif,
                system-ui,
                sans-serif,
                "Apple Color Emoji",
                "Segoe UI Emoji",
                "Segoe UI Symbol",
                "Noto Color Emoji"
        );
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent;
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px;
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit;
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }
    b,
    strong {
        font-weight: bolder;
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(
                --default-mono-font-family,
                ui-monospace,
                SFMono-Regular,
                Menlo,
                Monaco,
                Consolas,
                "Liberation Mono",
                "Courier New",
                monospace
        );
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(
                --default-mono-font-variation-settings,
                normal
        );
        font-size: 1em;
    }
    small {
        font-size: 80%;
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative;
    }
    sub {
        bottom: -0.25em;
    }
    sup {
        top: -0.5em;
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse;
    }
    :-moz-focusring {
        outline: auto;
    }
    progress {
        vertical-align: baseline;
    }
    summary {
        display: list-item;
    }
    ol,
    ul,
    menu {
        list-style: none;
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block;
    }
    img,
    video {
        max-width: 100%;
        height: auto;
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder;
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px;
    }
    ::file-selector-button {
        margin-inline-end: 4px;
    }
    ::placeholder {
        opacity: 1;
    }
    @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
        ::placeholder {
            color: currentColor;
        }
        @supports (color: color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent);
            }
        }
    }
    textarea {
        resize: vertical;
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit;
    }
    ::-webkit-datetime-edit {
        display: inline-flex;
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0;
    }
    ::-webkit-datetime-edit {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0;
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }
    :-moz-ui-invalid {
        box-shadow: none;
    }
    button,
    input:where([type="button"], [type="reset"], [type="submit"]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }
    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }
    ::-webkit-inner-spin-button {
        height: auto;
    }
    ::-webkit-outer-spin-button {
        height: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}
@layer components;
@layer utilities {
    .\@container {
        container-type: inline-size;
    }
    .pointer-events-auto {
        pointer-events: auto;
    }
    .pointer-events-none {
        pointer-events: none;
    }
    .collapse {
        visibility: collapse;
    }
    .visible {
        visibility: visible;
    }
    .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;
    }
    .\!static {
        position: static !important;
    }
    .absolute {
        position: absolute;
    }
    .fixed {
        position: fixed;
    }
    .relative {
        position: relative;
    }
    .static {
        position: static;
    }
    .sticky {
        position: sticky;
    }
    .-inset-0\.5 {
        inset: calc(var(--spacing) * -0.5);
    }
    .-inset-1\.5 {
        inset: calc(var(--spacing) * -1.5);
    }
    .inset-0 {
        inset: calc(var(--spacing) * 0);
    }
    .inset-y-0 {
        inset-block: calc(var(--spacing) * 0);
    }
    .-top-2 {
        top: calc(var(--spacing) * -2);
    }
    .-top-4 {
        top: calc(var(--spacing) * -4);
    }
    .-top-5 {
        top: calc(var(--spacing) * -5);
    }
    .-top-10 {
        top: calc(var(--spacing) * -10);
    }
    .-top-\[5rem\] {
        top: -5rem;
    }
    .-top-\[8em\] {
        top: -8em;
    }
    .top-0 {
        top: calc(var(--spacing) * 0);
    }
    .top-1\/2 {
        top: 50%;
    }
    .top-1\/4 {
        top: 25%;
    }
    .top-2 {
        top: calc(var(--spacing) * 2);
    }
    .top-4 {
        top: calc(var(--spacing) * 4);
    }
    .top-10 {
        top: calc(var(--spacing) * 10);
    }
    .top-18 {
        top: calc(var(--spacing) * 18);
    }
    .top-20 {
        top: calc(var(--spacing) * 20);
    }
    .top-21 {
        top: calc(var(--spacing) * 21);
    }
    .top-28 {
        top: calc(var(--spacing) * 28);
    }
    .top-\[25\%\] {
        top: 25%;
    }
    .top-\[25rem\] {
        top: 25rem;
    }
    .top-\[65\%\] {
        top: 65%;
    }
    .top-\[70\%\] {
        top: 70%;
    }
    .top-\[75\%\] {
        top: 75%;
    }
    .top-\[79px\] {
        top: 79px;
    }
    .top-\[85\%\] {
        top: 85%;
    }
    .top-\[120\%\] {
        top: 120%;
    }
    .-right-2 {
        right: calc(var(--spacing) * -2);
    }
    .-right-6 {
        right: calc(var(--spacing) * -6);
    }
    .-right-8 {
        right: calc(var(--spacing) * -8);
    }
    .-right-\[3rem\] {
        right: -3rem;
    }
    .-right-\[6em\] {
        right: -6em;
    }
    .-right-\[10rem\] {
        right: -10rem;
    }
    .-right-\[12rem\] {
        right: -12rem;
    }
    .-right-\[15rem\] {
        right: -15rem;
    }
    .-right-\[16rem\] {
        right: -16rem;
    }
    .-right-\[20\%\] {
        right: -20%;
    }
    .-right-\[20rem\] {
        right: -20rem;
    }
    .right-0 {
        right: calc(var(--spacing) * 0);
    }
    .right-1 {
        right: calc(var(--spacing) * 1);
    }
    .right-2 {
        right: calc(var(--spacing) * 2);
    }
    .right-4 {
        right: calc(var(--spacing) * 4);
    }
    .right-8 {
        right: calc(var(--spacing) * 8);
    }
    .right-10 {
        right: calc(var(--spacing) * 10);
    }
    .right-\[16px\] {
        right: 16px;
    }
    .-bottom-4 {
        bottom: calc(var(--spacing) * -4);
    }
    .-bottom-6 {
        bottom: calc(var(--spacing) * -6);
    }
    .-bottom-8 {
        bottom: calc(var(--spacing) * -8);
    }
    .-bottom-18 {
        bottom: calc(var(--spacing) * -18);
    }
    .-bottom-\[5\%\] {
        bottom: -5%;
    }
    .-bottom-\[5rem\] {
        bottom: -5rem;
    }
    .-bottom-\[6em\] {
        bottom: -6em;
    }
    .-bottom-\[10rem\] {
        bottom: -10rem;
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }
    .bottom-2 {
        bottom: calc(var(--spacing) * 2);
    }
    .bottom-6 {
        bottom: calc(var(--spacing) * 6);
    }
    .bottom-8 {
        bottom: calc(var(--spacing) * 8);
    }
    .bottom-10 {
        bottom: calc(var(--spacing) * 10);
    }
    .bottom-28 {
        bottom: calc(var(--spacing) * 28);
    }
    .-left-8 {
        left: calc(var(--spacing) * -8);
    }
    .-left-\[8em\] {
        left: -8em;
    }
    .-left-\[10rem\] {
        left: -10rem;
    }
    .left-0 {
        left: calc(var(--spacing) * 0);
    }
    .left-1\/2 {
        left: 50%;
    }
    .left-auto {
        left: auto;
    }
    .left-full {
        left: 100%;
    }
    .isolate {
        isolation: isolate;
    }
    .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-20 {
        z-index: 20;
    }
    .z-30 {
        z-index: 30;
    }
    .z-40 {
        z-index: 40;
    }
    .z-50 {
        z-index: 50;
    }
    .z-\[-1\] {
        z-index: -1;
    }
    .order-1 {
        order: 1;
    }
    .order-2 {
        order: 2;
    }
    .order-first {
        order: -9999;
    }
    .order-last {
        order: 9999;
    }
    .order-none {
        order: 0;
    }
    .col-span-2 {
        grid-column: span 2 / span 2;
    }
    .col-start-1 {
        grid-column-start: 1;
    }
    .row-span-2 {
        grid-row: span 2 / span 2;
    }
    .row-start-1 {
        grid-row-start: 1;
    }
    .container {
        width: 100%;
    }
    @media (min-width: 25rem) {
        .container {
            max-width: 25rem;
        }
    }
    @media (min-width: 28.75rem) {
        .container {
            max-width: 28.75rem;
        }
    }
    @media (min-width: 40rem) {
        .container {
            max-width: 40rem;
        }
    }
    @media (min-width: 48rem) {
        .container {
            max-width: 48rem;
        }
    }
    @media (min-width: 64rem) {
        .container {
            max-width: 64rem;
        }
    }
    @media (min-width: 80rem) {
        .container {
            max-width: 80rem;
        }
    }
    @media (min-width: 82.8125rem) {
        .container {
            max-width: 82.8125rem;
        }
    }
    @media (min-width: 96rem) {
        .container {
            max-width: 96rem;
        }
    }
    @media (min-width: 100rem) {
        .container {
            max-width: 100rem;
        }
    }
    @media (min-width: 120rem) {
        .container {
            max-width: 120rem;
        }
    }
    @media (min-width: 156rem) {
        .container {
            max-width: 156rem;
        }
    }
    .\!m-0 {
        margin: calc(var(--spacing) * 0) !important;
    }
    .-m-1\.5 {
        margin: calc(var(--spacing) * -1.5);
    }
    .m-0 {
        margin: calc(var(--spacing) * 0);
    }
    .m-8 {
        margin: calc(var(--spacing) * 8);
    }
    .\!mx-0 {
        margin-inline: calc(var(--spacing) * 0) !important;
    }
    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4);
    }
    .-mx-8 {
        margin-inline: calc(var(--spacing) * -8);
    }
    .mx-0 {
        margin-inline: calc(var(--spacing) * 0);
    }
    .mx-2 {
        margin-inline: calc(var(--spacing) * 2);
    }
    .mx-4 {
        margin-inline: calc(var(--spacing) * 4);
    }
    .mx-auto {
        margin-inline: auto;
    }
    .my-4 {
        margin-block: calc(var(--spacing) * 4);
    }
    .my-8 {
        margin-block: calc(var(--spacing) * 8);
    }
    .my-12 {
        margin-block: calc(var(--spacing) * 12);
    }
    .my-16 {
        margin-block: calc(var(--spacing) * 16);
    }
    .my-auto {
        margin-block: auto;
    }
    .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-3 {
        margin-top: calc(var(--spacing) * 3);
    }
    .mt-4 {
        margin-top: calc(var(--spacing) * 4);
    }
    .mt-6 {
        margin-top: calc(var(--spacing) * 6);
    }
    .mt-8 {
        margin-top: calc(var(--spacing) * 8);
    }
    .mt-16 {
        margin-top: calc(var(--spacing) * 16);
    }
    .mt-20 {
        margin-top: calc(var(--spacing) * 20);
    }
    .mt-36 {
        margin-top: calc(var(--spacing) * 36);
    }
    .mt-64 {
        margin-top: calc(var(--spacing) * 64);
    }
    .mt-auto {
        margin-top: auto;
    }
    .-mr-2 {
        margin-right: calc(var(--spacing) * -2);
    }
    .-mr-4 {
        margin-right: calc(var(--spacing) * -4);
    }
    .mr-3 {
        margin-right: calc(var(--spacing) * 3);
    }
    .-mb-\[-2px\] {
        margin-bottom: 2px;
    }
    .mb-1 {
        margin-bottom: calc(var(--spacing) * 1);
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
    }
    .mb-16 {
        margin-bottom: calc(var(--spacing) * 16);
    }
    .-ml-px {
        margin-left: -1px;
    }
    .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-12 {
        margin-left: calc(var(--spacing) * 12);
    }
    .ml-auto {
        margin-left: auto;
    }
    .box-border {
        box-sizing: border-box;
    }
    .\!flex {
        display: flex !important;
    }
    .block {
        display: block;
    }
    .flex {
        display: flex;
    }
    .grid {
        display: grid;
    }
    .hidden {
        display: none;
    }
    .inline-block {
        display: inline-block;
    }
    .inline-flex {
        display: inline-flex;
    }
    .table {
        display: table;
    }
    .aspect-\[2\/1\] {
        aspect-ratio: 2;
    }
    .aspect-square {
        aspect-ratio: 1;
    }
    .aspect-video {
        aspect-ratio: var(--aspect-video);
    }
    .\!size-5 {
        width: calc(var(--spacing) * 5) !important;
        height: calc(var(--spacing) * 5) !important;
    }
    .size-0 {
        width: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 0);
    }
    .size-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }
    .size-3\.5 {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .size-4\.5 {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
    }
    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }
    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }
    .size-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7);
    }
    .size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }
    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
    }
    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
    }
    .size-14 {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14);
    }
    .size-16 {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16);
    }
    .size-18 {
        width: calc(var(--spacing) * 18);
        height: calc(var(--spacing) * 18);
    }
    .size-24 {
        width: calc(var(--spacing) * 24);
        height: calc(var(--spacing) * 24);
    }
    .size-35 {
        width: calc(var(--spacing) * 35);
        height: calc(var(--spacing) * 35);
    }
    .size-36 {
        width: calc(var(--spacing) * 36);
        height: calc(var(--spacing) * 36);
    }
    .size-60 {
        width: calc(var(--spacing) * 60);
        height: calc(var(--spacing) * 60);
    }
    .h-0\.5 {
        height: calc(var(--spacing) * 0.5);
    }
    .h-1 {
        height: calc(var(--spacing) * 1);
    }
    .h-1\.5 {
        height: calc(var(--spacing) * 1.5);
    }
    .h-1\/2 {
        height: 50%;
    }
    .h-1\/3 {
        height: 33.3333%;
    }
    .h-2 {
        height: calc(var(--spacing) * 2);
    }
    .h-2\.5 {
        height: calc(var(--spacing) * 2.5);
    }
    .h-2\/3 {
        height: 66.6667%;
    }
    .h-3\/5 {
        height: 60%;
    }
    .h-4 {
        height: calc(var(--spacing) * 4);
    }
    .h-5 {
        height: calc(var(--spacing) * 5);
    }
    .h-6 {
        height: calc(var(--spacing) * 6);
    }
    .h-7 {
        height: calc(var(--spacing) * 7);
    }
    .h-8 {
        height: calc(var(--spacing) * 8);
    }
    .h-10 {
        height: calc(var(--spacing) * 10);
    }
    .h-12 {
        height: calc(var(--spacing) * 12);
    }
    .h-14 {
        height: calc(var(--spacing) * 14);
    }
    .h-16 {
        height: calc(var(--spacing) * 16);
    }
    .h-18 {
        height: calc(var(--spacing) * 18);
    }
    .h-20 {
        height: calc(var(--spacing) * 20);
    }
    .h-32 {
        height: calc(var(--spacing) * 32);
    }
    .h-36 {
        height: calc(var(--spacing) * 36);
    }
    .h-40 {
        height: calc(var(--spacing) * 40);
    }
    .h-44 {
        height: calc(var(--spacing) * 44);
    }
    .h-60 {
        height: calc(var(--spacing) * 60);
    }
    .h-\[1px\] {
        height: 1px;
    }
    .h-\[20rem\] {
        height: 20rem;
    }
    .h-\[30rem\] {
        height: 30rem;
    }
    .h-\[35rem\] {
        height: 35rem;
    }
    .h-\[36rem\] {
        height: 36rem;
    }
    .h-\[40\%\] {
        height: 40%;
    }
    .h-\[45rem\] {
        height: 45rem;
    }
    .h-\[50\%\] {
        height: 50%;
    }
    .h-\[62rem\] {
        height: 62rem;
    }
    .h-\[90\%\] {
        height: 90%;
    }
    .h-\[105\%\] {
        height: 105%;
    }
    .h-\[400px\] {
        height: 400px;
    }
    .h-\[568px\] {
        height: 568px;
    }
    .h-\[744\] {
        height: 744px;
    }
    .h-\[785px\] {
        height: 785px;
    }
    .h-\[1200px\] {
        height: 1200px;
    }
    .h-\[1250px\] {
        height: 1250px;
    }
    .h-\[calc\(100vh-72px\)\] {
        height: calc(100vh - 72px);
    }
    .h-auto {
        height: auto;
    }
    .h-fit {
        height: fit-content;
    }
    .h-full {
        height: 100%;
    }
    .h-screen {
        height: 100vh;
    }
    .max-h-0 {
        max-height: calc(var(--spacing) * 0);
    }
    .max-h-6 {
        max-height: calc(var(--spacing) * 6);
    }
    .max-h-8 {
        max-height: calc(var(--spacing) * 8);
    }
    .max-h-10 {
        max-height: calc(var(--spacing) * 10);
    }
    .max-h-12 {
        max-height: calc(var(--spacing) * 12);
    }
    .max-h-14 {
        max-height: calc(var(--spacing) * 14);
    }
    .max-h-16 {
        max-height: calc(var(--spacing) * 16);
    }
    .max-h-18 {
        max-height: calc(var(--spacing) * 18);
    }
    .max-h-26 {
        max-height: calc(var(--spacing) * 26);
    }
    .max-h-36 {
        max-height: calc(var(--spacing) * 36);
    }
    .max-h-56 {
        max-height: calc(var(--spacing) * 56);
    }
    .max-h-96 {
        max-height: calc(var(--spacing) * 96);
    }
    .max-h-\[500px\] {
        max-height: 500px;
    }
    .max-h-\[1000px\] {
        max-height: 1000px;
    }
    .max-h-screen {
        max-height: 100vh;
    }
    .\!min-h-\[422px\] {
        min-height: 422px !important;
    }
    .min-h-0 {
        min-height: calc(var(--spacing) * 0);
    }
    .min-h-28 {
        min-height: calc(var(--spacing) * 28);
    }
    .min-h-52 {
        min-height: calc(var(--spacing) * 52);
    }
    .min-h-80 {
        min-height: calc(var(--spacing) * 80);
    }
    .min-h-96 {
        min-height: calc(var(--spacing) * 96);
    }
    .min-h-screen {
        min-height: 100vh;
    }
    .\!w-auto {
        width: auto !important;
    }
    .w-0 {
        width: calc(var(--spacing) * 0);
    }
    .w-1\/2 {
        width: 50%;
    }
    .w-1\/3 {
        width: 33.3333%;
    }
    .w-2 {
        width: calc(var(--spacing) * 2);
    }
    .w-2\/3 {
        width: 66.6667%;
    }
    .w-2\/5 {
        width: 40%;
    }
    .w-3\/5 {
        width: 60%;
    }
    .w-5 {
        width: calc(var(--spacing) * 5);
    }
    .w-5\/6 {
        width: 83.3333%;
    }
    .w-6 {
        width: calc(var(--spacing) * 6);
    }
    .w-8 {
        width: calc(var(--spacing) * 8);
    }
    .w-9 {
        width: calc(var(--spacing) * 9);
    }
    .w-10 {
        width: calc(var(--spacing) * 10);
    }
    .w-14 {
        width: calc(var(--spacing) * 14);
    }
    .w-24 {
        width: calc(var(--spacing) * 24);
    }
    .w-28 {
        width: calc(var(--spacing) * 28);
    }
    .w-56 {
        width: calc(var(--spacing) * 56);
    }
    .w-60 {
        width: calc(var(--spacing) * 60);
    }
    .w-75 {
        width: calc(var(--spacing) * 75);
    }
    .w-80 {
        width: calc(var(--spacing) * 80);
    }
    .w-110 {
        width: calc(var(--spacing) * 110);
    }
    .w-\[3rem\] {
        width: 3rem;
    }
    .w-\[10rem\] {
        width: 10rem;
    }
    .w-\[30rem\] {
        width: 30rem;
    }
    .w-\[35rem\] {
        width: 35rem;
    }
    .w-\[40rem\] {
        width: 40rem;
    }
    .w-\[45rem\] {
        width: 45rem;
    }
    .w-\[60\%\] {
        width: 60%;
    }
    .w-\[70\%\] {
        width: 70%;
    }
    .w-\[80\%\] {
        width: 80%;
    }
    .w-\[90\%\] {
        width: 90%;
    }
    .w-\[95\%\] {
        width: 95%;
    }
    .w-\[98\%\] {
        width: 98%;
    }
    .w-\[120\%\] {
        width: 120%;
    }
    .w-\[130\%\] {
        width: 130%;
    }
    .w-\[150\%\] {
        width: 150%;
    }
    .w-\[calc\(100vw\)\] {
        width: 100vw;
    }
    .w-\[calc\(100vw-10vw\)\] {
        width: 90vw;
    }
    .w-auto {
        width: auto;
    }
    .w-fit {
        width: fit-content;
    }
    .w-full {
        width: 100%;
    }
    .w-xl {
        width: var(--container-xl);
    }
    .max-w-1\/2 {
        max-width: 50%;
    }
    .max-w-5xl {
        max-width: var(--container-5xl);
    }
    .max-w-7xl {
        max-width: var(--container-7xl);
    }
    .max-w-28 {
        max-width: calc(var(--spacing) * 28);
    }
    .max-w-32 {
        max-width: calc(var(--spacing) * 32);
    }
    .max-w-44 {
        max-width: calc(var(--spacing) * 44);
    }
    .max-w-52 {
        max-width: calc(var(--spacing) * 52);
    }
    .max-w-56 {
        max-width: calc(var(--spacing) * 56);
    }
    .max-w-80 {
        max-width: calc(var(--spacing) * 80);
    }
    .max-w-86 {
        max-width: calc(var(--spacing) * 86);
    }
    .max-w-96 {
        max-width: calc(var(--spacing) * 96);
    }
    .max-w-\[39rem\] {
        max-width: 39rem;
    }
    .max-w-\[50rem\] {
        max-width: 50rem;
    }
    .max-w-\[80rem\] {
        max-width: 80rem;
    }
    .max-w-\[150px\] {
        max-width: 150px;
    }
    .max-w-\[360px\] {
        max-width: 360px;
    }
    .max-w-\[375px\] {
        max-width: 375px;
    }
    .max-w-\[400px\] {
        max-width: 400px;
    }
    .max-w-\[472px\] {
        max-width: 472px;
    }
    .max-w-\[640px\] {
        max-width: 640px;
    }
    .max-w-\[680px\] {
        max-width: 680px;
    }
    .max-w-\[1280px\] {
        max-width: 1280px;
    }
    .max-w-\[1288px\] {
        max-width: 1288px;
    }
    .max-w-\[1512px\] {
        max-width: 1512px;
    }
    .max-w-full {
        max-width: 100%;
    }
    .max-w-md {
        max-width: var(--container-md);
    }
    .max-w-none {
        max-width: none;
    }
    .max-w-sm {
        max-width: var(--container-sm);
    }
    .min-w-0 {
        min-width: calc(var(--spacing) * 0);
    }
    .min-w-3xs {
        min-width: var(--container-3xs);
    }
    .min-w-12 {
        min-width: calc(var(--spacing) * 12);
    }
    .min-w-18 {
        min-width: calc(var(--spacing) * 18);
    }
    .min-w-44 {
        min-width: calc(var(--spacing) * 44);
    }
    .min-w-80 {
        min-width: calc(var(--spacing) * 80);
    }
    .min-w-\[280px\] {
        min-width: 280px;
    }
    .flex-1 {
        flex: 1;
    }
    .flex-shrink-0 {
        flex-shrink: 0;
    }
    .shrink {
        flex-shrink: 1;
    }
    .shrink-0 {
        flex-shrink: 0;
    }
    .flex-grow,
    .grow {
        flex-grow: 1;
    }
    .origin-top-right {
        transform-origin: 100% 0;
    }
    .translate-0 {
        --tw-translate-x: calc(var(--spacing) * 0);
        --tw-translate-y: calc(var(--spacing) * 0);
        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-\[60\%\] {
        --tw-translate-x: -60%;
        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-0 {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-1 {
        --tw-translate-x: calc(var(--spacing) * 1);
        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-20 {
        --tw-translate-x: calc(var(--spacing) * 20);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-\[30\%\] {
        --tw-translate-x: 30%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .\!translate-y-\[0px\] {
        --tw-translate-y: 0px !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-1\/3 {
        --tw-translate-y: calc(calc(1 / 3 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-10 {
        --tw-translate-y: calc(var(--spacing) * -10);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-\[15\%\] {
        --tw-translate-y: -15%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-\[30\%\] {
        --tw-translate-y: -30%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-\[60\%\] {
        --tw-translate-y: -60%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-\[65\%\] {
        --tw-translate-y: -65%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-\[80\%\] {
        --tw-translate-y: -80%;
        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-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-\[30\%\] {
        --tw-translate-y: 30%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-\[150\%\] {
        --tw-translate-y: 150%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .-rotate-90 {
        rotate: -90deg;
    }
    .rotate-45 {
        rotate: 45deg;
    }
    .rotate-90 {
        rotate: 90deg;
    }
    .rotate-180 {
        rotate: 180deg;
    }
    .rotate-270 {
        rotate: 270deg;
    }
    .transform {
        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
        var(--tw-skew-x) var(--tw-skew-y);
    }
    .\!cursor-pointer {
        cursor: pointer !important;
    }
    .cursor-default {
        cursor: default;
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .cursor-text {
        cursor: text;
    }
    .resize {
        resize: both;
    }
    .list-inside {
        list-style-position: inside;
    }
    .list-decimal {
        list-style-type: decimal;
    }
    .list-none {
        list-style-type: none;
    }
    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .grid-flow-row {
        grid-auto-flow: row;
    }
    .auto-rows-auto {
        grid-auto-rows: auto;
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid-rows-\[80px_auto\] {
        grid-template-rows: 80px auto;
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-col-reverse {
        flex-direction: column-reverse;
    }
    .flex-row {
        flex-direction: row;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .items-center {
        align-items: center;
    }
    .items-end {
        align-items: flex-end;
    }
    .items-start {
        align-items: flex-start;
    }
    .items-stretch {
        align-items: stretch;
    }
    .\!justify-center {
        justify-content: center !important;
    }
    .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;
    }
    .gap-0 {
        gap: calc(var(--spacing) * 0);
    }
    .gap-1 {
        gap: calc(var(--spacing) * 1);
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }
    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }
    .gap-8 {
        gap: calc(var(--spacing) * 8);
    }
    .gap-12 {
        gap: calc(var(--spacing) * 12);
    }
    .gap-16 {
        gap: calc(var(--spacing) * 16);
    }
    .gap-32 {
        gap: calc(var(--spacing) * 32);
    }
    :where(.space-y-1 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-2 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-3 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-4 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-6 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-8 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-12 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 12) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    :where(.space-y-16 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
                calc(var(--spacing) * 16) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
                calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))
        );
    }
    .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);
    }
    :where(.space-x-8 > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(
                calc(var(--spacing) * 8) * var(--tw-space-x-reverse)
        );
        margin-inline-end: calc(
                calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))
        );
    }
    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2);
    }
    .gap-y-4 {
        row-gap: calc(var(--spacing) * 4);
    }
    .gap-y-12 {
        row-gap: calc(var(--spacing) * 12);
    }
    :where(.divide-y > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(.divide-madx-grey > :not(:last-child)) {
        border-color: var(--color-madx-grey);
    }
    :where(.divide-madx-shadow > :not(:last-child)) {
        border-color: var(--color-madx-shadow);
    }
    .self-center {
        align-self: center;
    }
    .self-end {
        align-self: flex-end;
    }
    .justify-self-end {
        justify-self: flex-end;
    }
    .overflow-auto {
        overflow: auto;
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .overflow-x-hidden {
        overflow-x: hidden;
    }
    .overflow-y-auto {
        overflow-y: auto;
    }
    .overflow-y-hidden {
        overflow-y: hidden;
    }
    .rounded {
        border-radius: 0.25rem;
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl);
    }
    .rounded-3xl {
        border-radius: var(--radius-3xl);
    }
    .rounded-4xl {
        border-radius: var(--radius-4xl);
    }
    .rounded-\[5px\] {
        border-radius: 5px;
    }
    .rounded-full {
        border-radius: 3.40282e38px;
    }
    .rounded-lg {
        border-radius: var(--radius-lg);
    }
    .rounded-md {
        border-radius: var(--radius-md);
    }
    .rounded-sm {
        border-radius: var(--radius-sm);
    }
    .rounded-xl {
        border-radius: var(--radius-xl);
    }
    .rounded-t-2xl {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl);
    }
    .rounded-t-lg {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }
    .rounded-l-2xl {
        border-top-left-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl);
    }
    .rounded-l-3xl {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl);
    }
    .rounded-r-2xl {
        border-top-right-radius: var(--radius-2xl);
        border-bottom-right-radius: var(--radius-2xl);
    }
    .rounded-tr-sm {
        border-top-right-radius: var(--radius-sm);
    }
    .rounded-b-2xl {
        border-bottom-right-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl);
    }
    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }
    .rounded-b-sm {
        border-bottom-right-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm);
    }
    .rounded-b-xl {
        border-bottom-right-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
    }
    .border,
    .border-1 {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }
    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }
    .border-t,
    .border-t-1 {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }
    .border-t-8 {
        border-top-style: var(--tw-border-style);
        border-top-width: 8px;
    }
    .border-r-1 {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }
    .border-b-1 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    .border-b-4 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px;
    }
    .border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
    }
    .border-\[\#0B636C\] {
        border-color: #0b636c;
    }
    .border-black {
        border-color: var(--color-black);
    }
    .border-gray-200 {
        border-color: var(--color-gray-200);
    }
    .border-gray-300 {
        border-color: var(--color-gray-300);
    }
    .border-indigo-500 {
        border-color: var(--color-indigo-500);
    }
    .border-madx-blue {
        border-color: var(--color-madx-blue);
    }
    .border-madx-dust {
        border-color: var(--color-madx-dust);
    }
    .border-madx-dust\/50 {
        border-color: #d3d3d380;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-madx-dust\/50 {
            border-color: color-mix(
                    in oklab,
                    var(--color-madx-dust) 50%,
                    transparent
            );
        }
    }
    .border-madx-grey {
        border-color: var(--color-madx-grey);
    }
    .border-madx-leaf {
        border-color: var(--color-madx-leaf);
    }
    .border-madx-lightgrey {
        border-color: var(--color-madx-lightgrey);
    }
    .border-madx-night {
        border-color: var(--color-madx-night);
    }
    .border-madx-pink {
        border-color: var(--color-madx-pink);
    }
    .border-madx-shadow {
        border-color: var(--color-madx-shadow);
    }
    .border-madx-shadow\/20 {
        border-color: #313b3e33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-madx-shadow\/20 {
            border-color: color-mix(
                    in oklab,
                    var(--color-madx-shadow) 20%,
                    transparent
            );
        }
    }
    .border-madx-stone {
        border-color: var(--color-madx-stone);
    }
    .border-madx-sun {
        border-color: var(--color-madx-sun);
    }
    .border-madx-sun-dark {
        border-color: var(--color-madx-sun-dark);
    }
    .border-red-600 {
        border-color: var(--color-red-600);
    }
    .border-transparent {
        border-color: #0000;
    }
    .border-white\/20 {
        border-color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }
    .border-t-madx-sun {
        border-top-color: var(--color-madx-sun);
    }
    .bg-\[\#0B636C\] {
        background-color: #0b636c;
    }
    .bg-\[\#DEEC64\] {
        background-color: #deec64;
    }
    .bg-\[\#ECEC64\] {
        background-color: #ecec64;
    }
    .bg-\[\#EE5B71\] {
        background-color: #ee5b71;
    }
    .bg-\[\#F2F4F7\] {
        background-color: #f2f4f7;
    }
    .bg-\[\#F5C85F\] {
        background-color: #f5c85f;
    }
    .bg-amber-900 {
        background-color: var(--color-amber-900);
    }
    .bg-black {
        background-color: var(--color-black);
    }
    .bg-black\/10 {
        background-color: #0000001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/10 {
            background-color: color-mix(
                    in oklab,
                    var(--color-black) 10%,
                    transparent
            );
        }
    }
    .bg-black\/40 {
        background-color: #0006;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/40 {
            background-color: color-mix(
                    in oklab,
                    var(--color-black) 40%,
                    transparent
            );
        }
    }
    .bg-black\/50 {
        background-color: #00000080;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color: color-mix(
                    in oklab,
                    var(--color-black) 50%,
                    transparent
            );
        }
    }
    .bg-gray-700 {
        background-color: var(--color-gray-700);
    }
    .bg-gray-800 {
        background-color: var(--color-gray-800);
    }
    .bg-indigo-50 {
        background-color: var(--color-indigo-50);
    }
    .bg-madx-ash\/20 {
        background-color: #adb0b033;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-ash\/20 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-ash) 20%,
                    transparent
            );
        }
    }
    .bg-madx-blue {
        background-color: var(--color-madx-blue);
    }
    .bg-madx-dust {
        background-color: var(--color-madx-dust);
    }
    .bg-madx-green {
        background-color: var(--color-madx-green);
    }
    .bg-madx-green\/50 {
        background-color: #7abf8080;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-green\/50 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-green) 50%,
                    transparent
            );
        }
    }
    .bg-madx-grey {
        background-color: var(--color-madx-grey);
    }
    .bg-madx-grey\/60 {
        background-color: #f2f4f799;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-grey\/60 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-grey) 60%,
                    transparent
            );
        }
    }
    .bg-madx-leaf {
        background-color: var(--color-madx-leaf);
    }
    .bg-madx-lightgreen {
        background-color: var(--color-madx-lightgreen);
    }
    .bg-madx-lightgrey\/10 {
        background-color: #d0d5dd1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-lightgrey\/10 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-lightgrey) 10%,
                    transparent
            );
        }
    }
    .bg-madx-midnightblue {
        background-color: var(--color-madx-midnightblue);
    }
    .bg-madx-mint {
        background-color: var(--color-madx-mint);
    }
    .bg-madx-night {
        background-color: var(--color-madx-night);
    }
    .bg-madx-night\/10 {
        background-color: #111c241a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-night\/10 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-night) 10%,
                    transparent
            );
        }
    }
    .bg-madx-ocean {
        background-color: var(--color-madx-ocean);
    }
    .bg-madx-pink {
        background-color: var(--color-madx-pink);
    }
    .bg-madx-raspberry {
        background-color: var(--color-madx-raspberry);
    }
    .bg-madx-shadow {
        background-color: var(--color-madx-shadow);
    }
    .bg-madx-shadow\/15 {
        background-color: #313b3e26;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-shadow\/15 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-shadow) 15%,
                    transparent
            );
        }
    }
    .bg-madx-shadow\/60 {
        background-color: #313b3e99;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-shadow\/60 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-shadow) 60%,
                    transparent
            );
        }
    }
    .bg-madx-stone {
        background-color: var(--color-madx-stone);
    }
    .bg-madx-stone\/10 {
        background-color: #898d8d1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-stone\/10 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-stone) 10%,
                    transparent
            );
        }
    }
    .bg-madx-stone\/20 {
        background-color: #898d8d33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-stone\/20 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-stone) 20%,
                    transparent
            );
        }
    }
    .bg-madx-sun {
        background-color: var(--color-madx-sun);
    }
    .bg-madx-sun-light {
        background-color: var(--color-madx-sun-light);
    }
    .bg-madx-sun\/20 {
        background-color: #fbef4d33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-sun\/20 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-sun) 20%,
                    transparent
            );
        }
    }
    .bg-madx-sun\/80 {
        background-color: #fbef4dcc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-madx-sun\/80 {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-sun) 80%,
                    transparent
            );
        }
    }
    .bg-madx-whitesmoke {
        background-color: var(--color-madx-whitesmoke);
    }
    .bg-red-600 {
        background-color: var(--color-red-600);
    }
    .bg-transparent {
        background-color: #0000;
    }
    .bg-white {
        background-color: var(--color-white);
    }
    .bg-white\/3 {
        background-color: #ffffff08;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/3 {
            background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
        }
    }
    .bg-white\/5 {
        background-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/5 {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
    }
    .bg-white\/10 {
        background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(
                    in oklab,
                    var(--color-white) 10%,
                    transparent
            );
        }
    }
    .bg-white\/20 {
        background-color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/20 {
            background-color: color-mix(
                    in oklab,
                    var(--color-white) 20%,
                    transparent
            );
        }
    }
    .bg-white\/50 {
        background-color: #ffffff80;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/50 {
            background-color: color-mix(
                    in oklab,
                    var(--color-white) 50%,
                    transparent
            );
        }
    }
    .bg-white\/75 {
        background-color: #ffffffbf;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/75 {
            background-color: color-mix(
                    in oklab,
                    var(--color-white) 75%,
                    transparent
            );
        }
    }
    .bg-white\/80 {
        background-color: #fffc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/80 {
            background-color: color-mix(
                    in oklab,
                    var(--color-white) 80%,
                    transparent
            );
        }
    }
    .bg-gradient-to-l {
        --tw-gradient-position: to left 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-tr {
        --tw-gradient-position: to top right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .bg-\[linear-gradient\(139deg\,\#880a3d_0\%\,\#ea4b6f_51\%\,\#f3a6ba_100\%\)\] {
        background-image: linear-gradient(139deg, #880a3d, #ea4b6f 51%, #f3a6ba);
    }
    .bg-\[linear-gradient\(139deg\,_\#15444f_0\%\,_\#3c8488_51\%\,_\#7abf80_100\%\)\] {
        background-image: linear-gradient(139deg, #15444f, #3c8488 51%, #7abf80);
    }
    .bg-\[url\(\/images\/bg-polen\.jpg\)\] {
        background-image: url(/images/bg-polen.jpg);
    }
    .bg-\[url\(https\:\/\/a\.storyblok\.com\/f\/267771\/2000x1334\/87e9d9c8cf\/madx-wespe_9908_web-large\.jpg\?cv\=1745860624382\)\] {
        background-image: url(https://a.storyblok.com/f/267771/2000x1334/87e9d9c8cf/madx-wespe_9908_web-large.jpg?cv=1745860624382);
    }
    .from-\[\#313B3E\] {
        --tw-gradient-from: #313b3e;
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .from-\[\#15444f86\] {
        --tw-gradient-from: #15444f86;
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .from-black\/0 {
        --tw-gradient-from: #0000;
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    @supports (color: color-mix(in lab, red, red)) {
        .from-black\/0 {
            --tw-gradient-from: color-mix(
                    in oklab,
                    var(--color-black) 0%,
                    transparent
            );
        }
    }
    .from-madx-blue {
        --tw-gradient-from: var(--color-madx-blue);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .from-madx-night {
        --tw-gradient-from: var(--color-madx-night);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .from-madx-pink {
        --tw-gradient-from: var(--color-madx-pink);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .from-madx-purple {
        --tw-gradient-from: var(--color-madx-purple);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .from-madx-shadow {
        --tw-gradient-from: var(--color-madx-shadow);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .from-madx-sun {
        --tw-gradient-from: var(--color-madx-sun);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .via-madx-magenta {
        --tw-gradient-via: var(--color-madx-magenta);
        --tw-gradient-via-stops: var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-via) var(--tw-gradient-via-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    .via-madx-ocean {
        --tw-gradient-via: var(--color-madx-ocean);
        --tw-gradient-via-stops: var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-via) var(--tw-gradient-via-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    .via-madx-raspberry {
        --tw-gradient-via: var(--color-madx-raspberry);
        --tw-gradient-via-stops: var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-via) var(--tw-gradient-via-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    .to-\[\#7ABF80\] {
        --tw-gradient-to: #7abf80;
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-\[\#7abf8065\] {
        --tw-gradient-to: #7abf8065;
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-green {
        --tw-gradient-to: var(--color-madx-green);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-lavender {
        --tw-gradient-to: var(--color-madx-lavender);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-lightgreen {
        --tw-gradient-to: var(--color-madx-lightgreen);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-mustard {
        --tw-gradient-to: var(--color-madx-mustard);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-night {
        --tw-gradient-to: var(--color-madx-night);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-olive {
        --tw-gradient-to: var(--color-madx-olive);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-pastelpink {
        --tw-gradient-to: var(--color-madx-pastelpink);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-pink\/30 {
        --tw-gradient-to: #880a3d4d;
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    @supports (color: color-mix(in lab, red, red)) {
        .to-madx-pink\/30 {
            --tw-gradient-to: color-mix(
                    in oklab,
                    var(--color-madx-pink) 30%,
                    transparent
            );
        }
    }
    .to-madx-shadow {
        --tw-gradient-to: var(--color-madx-shadow);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-sun-dark {
        --tw-gradient-to: var(--color-madx-sun-dark);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .to-madx-sun-dark2 {
        --tw-gradient-to: var(--color-madx-sun-dark2);
        --tw-gradient-stops: var(
                --tw-gradient-via-stops,
                var(--tw-gradient-position),
                var(--tw-gradient-from) var(--tw-gradient-from-position),
                var(--tw-gradient-to) var(--tw-gradient-to-position)
        );
    }
    .bg-cover {
        background-size: cover;
    }
    .bg-center {
        background-position: 50%;
    }
    .bg-no-repeat {
        background-repeat: no-repeat;
    }
    .fill-\[\#EA4B6F\] {
        fill: #ea4b6f;
    }
    .fill-madx-raspberry {
        fill: var(--color-madx-raspberry);
    }
    .fill-none {
        fill: none;
    }
    .fill-red-500 {
        fill: var(--color-red-500);
    }
    .stroke-current {
        stroke: currentColor;
    }
    .stroke-none {
        stroke: none;
    }
    .stroke-1 {
        stroke-width: 1px;
    }
    .stroke-2 {
        stroke-width: 2px;
    }
    .object-contain {
        object-fit: contain;
    }
    .object-cover {
        object-fit: cover;
    }
    .object-center {
        object-position: center;
    }
    .\!p-0 {
        padding: calc(var(--spacing) * 0) !important;
    }
    .p-0 {
        padding: calc(var(--spacing) * 0);
    }
    .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-3 {
        padding: calc(var(--spacing) * 3);
    }
    .p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .p-6 {
        padding: calc(var(--spacing) * 6);
    }
    .p-8 {
        padding: calc(var(--spacing) * 8);
    }
    .p-12 {
        padding: calc(var(--spacing) * 12);
    }
    .p-16 {
        padding: calc(var(--spacing) * 16);
    }
    .p-32 {
        padding: calc(var(--spacing) * 32);
    }
    .px-0 {
        padding-inline: calc(var(--spacing) * 0);
    }
    .px-1 {
        padding-inline: calc(var(--spacing) * 1);
    }
    .px-2 {
        padding-inline: calc(var(--spacing) * 2);
    }
    .px-3 {
        padding-inline: calc(var(--spacing) * 3);
    }
    .px-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5);
    }
    .px-4 {
        padding-inline: calc(var(--spacing) * 4);
    }
    .px-6 {
        padding-inline: calc(var(--spacing) * 6);
    }
    .px-8 {
        padding-inline: calc(var(--spacing) * 8);
    }
    .px-12 {
        padding-inline: calc(var(--spacing) * 12);
    }
    .py-0\.5 {
        padding-block: calc(var(--spacing) * 0.5);
    }
    .py-1 {
        padding-block: calc(var(--spacing) * 1);
    }
    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5);
    }
    .py-2 {
        padding-block: calc(var(--spacing) * 2);
    }
    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5);
    }
    .py-3 {
        padding-block: calc(var(--spacing) * 3);
    }
    .py-4 {
        padding-block: calc(var(--spacing) * 4);
    }
    .py-6 {
        padding-block: calc(var(--spacing) * 6);
    }
    .py-8 {
        padding-block: calc(var(--spacing) * 8);
    }
    .py-10 {
        padding-block: calc(var(--spacing) * 10);
    }
    .py-16 {
        padding-block: calc(var(--spacing) * 16);
    }
    .py-32 {
        padding-block: calc(var(--spacing) * 32);
    }
    .\!pt-1 {
        padding-top: calc(var(--spacing) * 1) !important;
    }
    .pt-0\.5 {
        padding-top: calc(var(--spacing) * 0.5);
    }
    .pt-1 {
        padding-top: calc(var(--spacing) * 1);
    }
    .pt-2 {
        padding-top: calc(var(--spacing) * 2);
    }
    .pt-3 {
        padding-top: calc(var(--spacing) * 3);
    }
    .pt-4 {
        padding-top: calc(var(--spacing) * 4);
    }
    .\!pr-1 {
        padding-right: calc(var(--spacing) * 1) !important;
    }
    .pr-1 {
        padding-right: calc(var(--spacing) * 1);
    }
    .pr-4 {
        padding-right: calc(var(--spacing) * 4);
    }
    .pr-8 {
        padding-right: calc(var(--spacing) * 8);
    }
    .pr-10 {
        padding-right: calc(var(--spacing) * 10);
    }
    .pb-1 {
        padding-bottom: calc(var(--spacing) * 1);
    }
    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3);
    }
    .pb-8 {
        padding-bottom: calc(var(--spacing) * 8);
    }
    .\!pl-12 {
        padding-left: calc(var(--spacing) * 12) !important;
    }
    .pl-3 {
        padding-left: calc(var(--spacing) * 3);
    }
    .text-center {
        text-align: center;
    }
    .text-left {
        text-align: left;
    }
    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .text-sm\/6 {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 6);
    }
    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .text-xs\/6 {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing) * 6);
    }
    .text-\[28px\] {
        font-size: 28px;
    }
    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
    }
    .leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7);
    }
    .leading-8 {
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8);
    }
    .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-11 {
        --tw-leading: calc(var(--spacing) * 11);
        line-height: calc(var(--spacing) * 11);
    }
    .leading-12 {
        --tw-leading: calc(var(--spacing) * 12);
        line-height: calc(var(--spacing) * 12);
    }
    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }
    .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-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }
    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .text-pretty {
        text-wrap: pretty;
    }
    .break-words {
        overflow-wrap: break-word;
    }
    .whitespace-nowrap {
        white-space: nowrap;
    }
    .text-\[\#0B636C\] {
        color: #0b636c;
    }
    .text-black {
        color: var(--color-black);
    }
    .text-black\/60 {
        color: #0009;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-black\/60 {
            color: color-mix(in oklab, var(--color-black) 60%, transparent);
        }
    }
    .text-black\/80 {
        color: #000c;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-black\/80 {
            color: color-mix(in oklab, var(--color-black) 80%, transparent);
        }
    }
    .text-gray-300 {
        color: var(--color-gray-300);
    }
    .text-gray-400 {
        color: var(--color-gray-400);
    }
    .text-gray-500 {
        color: var(--color-gray-500);
    }
    .text-gray-800 {
        color: var(--color-gray-800);
    }
    .text-gray-900 {
        color: var(--color-gray-900);
    }
    .text-indigo-700 {
        color: var(--color-indigo-700);
    }
    .text-madx-ash {
        color: var(--color-madx-ash);
    }
    .text-madx-blue {
        color: var(--color-madx-blue);
    }
    .text-madx-dust {
        color: var(--color-madx-dust);
    }
    .text-madx-gold {
        color: var(--color-madx-gold);
    }
    .text-madx-grey {
        color: var(--color-madx-grey);
    }
    .text-madx-leaf {
        color: var(--color-madx-leaf);
    }
    .text-madx-lumina {
        color: var(--color-madx-lumina);
    }
    .text-madx-midnightblue {
        color: var(--color-madx-midnightblue);
    }
    .text-madx-midnightblue\/20 {
        color: #10182833;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-midnightblue\/20 {
            color: color-mix(
                    in oklab,
                    var(--color-madx-midnightblue) 20%,
                    transparent
            );
        }
    }
    .text-madx-mustard {
        color: var(--color-madx-mustard);
    }
    .text-madx-night {
        color: var(--color-madx-night);
    }
    .text-madx-night\/50 {
        color: #111c2480;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-night\/50 {
            color: color-mix(in oklab, var(--color-madx-night) 50%, transparent);
        }
    }
    .text-madx-night\/60 {
        color: #111c2499;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-night\/60 {
            color: color-mix(in oklab, var(--color-madx-night) 60%, transparent);
        }
    }
    .text-madx-night\/70 {
        color: #111c24b3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-night\/70 {
            color: color-mix(in oklab, var(--color-madx-night) 70%, transparent);
        }
    }
    .text-madx-night\/80 {
        color: #111c24cc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-night\/80 {
            color: color-mix(in oklab, var(--color-madx-night) 80%, transparent);
        }
    }
    .text-madx-ocean {
        color: var(--color-madx-ocean);
    }
    .text-madx-pink {
        color: var(--color-madx-pink);
    }
    .text-madx-shadow {
        color: var(--color-madx-shadow);
    }
    .text-madx-shadow\/50 {
        color: #313b3e80;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-shadow\/50 {
            color: color-mix(in oklab, var(--color-madx-shadow) 50%, transparent);
        }
    }
    .text-madx-shadow\/60 {
        color: #313b3e99;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-shadow\/60 {
            color: color-mix(in oklab, var(--color-madx-shadow) 60%, transparent);
        }
    }
    .text-madx-shadow\/70 {
        color: #313b3eb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-shadow\/70 {
            color: color-mix(in oklab, var(--color-madx-shadow) 70%, transparent);
        }
    }
    .text-madx-shadow\/80 {
        color: #313b3ecc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-shadow\/80 {
            color: color-mix(in oklab, var(--color-madx-shadow) 80%, transparent);
        }
    }
    .text-madx-stone {
        color: var(--color-madx-stone);
    }
    .text-madx-sun {
        color: var(--color-madx-sun);
    }
    .text-madx-sun-dark {
        color: var(--color-madx-sun-dark);
    }
    .text-madx-sun-light {
        color: var(--color-madx-sun-light);
    }
    .text-madx-sun-light\/50 {
        color: #fffde680;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-madx-sun-light\/50 {
            color: color-mix(in oklab, var(--color-madx-sun-light) 50%, transparent);
        }
    }
    .text-white {
        color: var(--color-white);
    }
    .text-white\/50 {
        color: #ffffff80;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/50 {
            color: color-mix(in oklab, var(--color-white) 50%, transparent);
        }
    }
    .text-white\/70 {
        color: #ffffffb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
    }
    .uppercase {
        text-transform: uppercase;
    }
    .underline {
        text-decoration-line: underline;
    }
    .decoration-1 {
        text-decoration-thickness: 1px;
    }
    .opacity-0 {
        opacity: 0;
    }
    .opacity-5 {
        opacity: 0.05;
    }
    .opacity-10 {
        opacity: 0.1;
    }
    .opacity-15 {
        opacity: 0.15;
    }
    .opacity-30 {
        opacity: 0.3;
    }
    .opacity-40 {
        opacity: 0.4;
    }
    .opacity-50 {
        opacity: 0.5;
    }
    .opacity-60 {
        opacity: 0.6;
    }
    .opacity-70 {
        opacity: 0.7;
    }
    .opacity-80 {
        opacity: 0.8;
    }
    .opacity-90 {
        opacity: 0.9;
    }
    .opacity-100 {
        opacity: 1;
    }
    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
        0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_1px_0px_0px_\#00000080\] {
        --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_1px_0px_0px_\#313B3E\] {
        --tw-shadow: 0px 1px 0px 0px var(--tw-shadow-color, #313b3e);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-\[0px_2px_0_0\] {
        --tw-shadow: 0px 2px 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-\[0px_12px_30px_0px_\#00000030\] {
        --tw-shadow: 0px 12px 30px 0px var(--tw-shadow-color, #00000030);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
        0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
        0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
        0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
        0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ring {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-black\/10 {
        --tw-shadow-color: #0000001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-black\/10 {
            --tw-shadow-color: color-mix(
                    in oklab,
                    color-mix(in oklab, var(--color-black) 10%, transparent)
                    var(--tw-shadow-alpha),
                    transparent
            );
        }
    }
    .shadow-madx-midnightblue {
        --tw-shadow-color: #101828;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-madx-midnightblue {
            --tw-shadow-color: color-mix(
                    in oklab,
                    var(--color-madx-midnightblue) var(--tw-shadow-alpha),
                    transparent
            );
        }
    }
    .shadow-madx-sun-dark {
        --tw-shadow-color: #b9b24d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-madx-sun-dark {
            --tw-shadow-color: color-mix(
                    in oklab,
                    var(--color-madx-sun-dark) var(--tw-shadow-alpha),
                    transparent
            );
        }
    }
    .ring-black\/5 {
        --tw-ring-color: #0000000d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .ring-black\/5 {
            --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
    }
    .ring-madx-blue {
        --tw-ring-color: var(--color-madx-blue);
    }
    .ring-madx-dust {
        --tw-ring-color: var(--color-madx-dust);
    }
    .ring-madx-dust\/50 {
        --tw-ring-color: #d3d3d380;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .ring-madx-dust\/50 {
            --tw-ring-color: color-mix(
                    in oklab,
                    var(--color-madx-dust) 50%,
                    transparent
            );
        }
    }
    .ring-madx-night {
        --tw-ring-color: var(--color-madx-night);
    }
    .ring-madx-pink {
        --tw-ring-color: var(--color-madx-pink);
    }
    .ring-madx-shadow {
        --tw-ring-color: var(--color-madx-shadow);
    }
    .ring-madx-shadow\/20 {
        --tw-ring-color: #313b3e33;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .ring-madx-shadow\/20 {
            --tw-ring-color: color-mix(
                    in oklab,
                    var(--color-madx-shadow) 20%,
                    transparent
            );
        }
    }
    .ring-madx-shadow\/60 {
        --tw-ring-color: #313b3e99;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .ring-madx-shadow\/60 {
            --tw-ring-color: color-mix(
                    in oklab,
                    var(--color-madx-shadow) 60%,
                    transparent
            );
        }
    }
    .ring-madx-stone {
        --tw-ring-color: var(--color-madx-stone);
    }
    .ring-madx-teal {
        --tw-ring-color: var(--color-madx-teal);
    }
    .outline-1 {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }
    .-outline-offset-1 {
        outline-offset: -1px;
    }
    .outline-gray-300 {
        outline-color: var(--color-gray-300);
    }
    .outline-madx-dust {
        outline-color: var(--color-madx-dust);
    }
    .brightness-75 {
        --tw-brightness: brightness(75%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .brightness-85 {
        --tw-brightness: brightness(85%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .brightness-100 {
        --tw-brightness: brightness(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .grayscale-0 {
        --tw-grayscale: grayscale(0%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .grayscale-50 {
        --tw-grayscale: grayscale(50%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .grayscale-100 {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .filter {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur)
        var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
        var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
        var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
    }
    .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;
        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));
    }
    .duration-75 {
        --tw-duration: 75ms;
        transition-duration: 75ms;
    }
    .duration-100 {
        --tw-duration: 0.1s;
        transition-duration: 0.1s;
    }
    .duration-200 {
        --tw-duration: 0.2s;
        transition-duration: 0.2s;
    }
    .duration-300 {
        --tw-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .duration-400 {
        --tw-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .duration-500 {
        --tw-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .duration-700 {
        --tw-duration: 0.7s;
        transition-duration: 0.7s;
    }
    .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);
    }
    .select-none {
        -webkit-user-select: none;
        user-select: none;
    }
    .backface-hidden {
        backface-visibility: hidden;
    }
    .ring-inset {
        --tw-ring-inset: inset;
    }
    @media (hover: hover) {
        .group-hover\:inline-block:is(:where(.group):hover *) {
            display: inline-block;
        }
        .group-hover\:translate-y-0:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .group-hover\:bg-madx-dust\/30:is(:where(.group):hover *) {
            background-color: #d3d3d34d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .group-hover\:bg-madx-dust\/30:is(:where(.group):hover *) {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-dust) 30%,
                        transparent
                );
            }
        }
        .group-hover\:bg-madx-sun:is(:where(.group):hover *) {
            background-color: var(--color-madx-sun);
        }
        .group-hover\:text-madx-night:is(:where(.group):hover *) {
            color: var(--color-madx-night);
        }
        .group-hover\:text-madx-sun:is(:where(.group):hover *) {
            color: var(--color-madx-sun);
        }
        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1;
        }
    }
    .marker\:text-4xl ::marker {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .marker\:text-4xl::marker {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .marker\:text-4xl ::-webkit-details-marker {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .marker\:text-4xl::-webkit-details-marker {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .placeholder\:text-gray-400::placeholder {
        color: var(--color-gray-400);
    }
    .placeholder\:text-madx-stone::placeholder {
        color: var(--color-madx-stone);
    }
    .checked\:border-madx-dust\/40:checked {
        border-color: #d3d3d366;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .checked\:border-madx-dust\/40:checked {
            border-color: color-mix(
                    in oklab,
                    var(--color-madx-dust) 40%,
                    transparent
            );
        }
    }
    .checked\:bg-madx-sun:checked {
        background-color: var(--color-madx-sun);
    }
    .focus-within\:outline-2:focus-within {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }
    .focus-within\:-outline-offset-2:focus-within {
        outline-offset: -2px;
    }
    .focus-within\:outline-offset-2:focus-within {
        outline-offset: 2px;
    }
    .focus-within\:outline-madx-night:focus-within {
        outline-color: var(--color-madx-night);
    }
    .focus-within\:outline-madx-sun:focus-within {
        outline-color: var(--color-madx-sun);
    }
    @media (hover: hover) {
        .hover\:w-48:hover {
            width: calc(var(--spacing) * 48);
        }
        .hover\:translate-y-\[-2px\]:hover {
            --tw-translate-y: -2px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .hover\:rounded-2xl:hover {
            border-radius: var(--radius-2xl);
        }
        .hover\:border-gray-300:hover {
            border-color: var(--color-gray-300);
        }
        .hover\:bg-\[\#EA4B6F\]\/10:hover {
            background-color: #ea4b6f1a;
        }
        .hover\:bg-gray-50:hover {
            background-color: var(--color-gray-50);
        }
        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100);
        }
        .hover\:bg-gray-800:hover {
            background-color: var(--color-gray-800);
        }
        .hover\:bg-madx-dust\/50:hover {
            background-color: #d3d3d380;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-madx-dust\/50:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-dust) 50%,
                        transparent
                );
            }
        }
        .hover\:bg-madx-grey\/80:hover {
            background-color: #f2f4f7cc;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-madx-grey\/80:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-grey) 80%,
                        transparent
                );
            }
        }
        .hover\:bg-madx-raspberry\/10:hover {
            background-color: #ea4b6f1a;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-madx-raspberry\/10:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-raspberry) 10%,
                        transparent
                );
            }
        }
        .hover\:bg-madx-stone\/5:hover {
            background-color: #898d8d0d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-madx-stone\/5:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-stone) 5%,
                        transparent
                );
            }
        }
        .hover\:bg-madx-stone\/20:hover {
            background-color: #898d8d33;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-madx-stone\/20:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-stone) 20%,
                        transparent
                );
            }
        }
        .hover\:bg-madx-stone\/80:hover {
            background-color: #898d8dcc;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-madx-stone\/80:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-stone) 80%,
                        transparent
                );
            }
        }
        .hover\:bg-madx-sun:hover {
            background-color: var(--color-madx-sun);
        }
        .hover\:bg-madx-sun-light\/80:hover {
            background-color: #fffde6cc;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-madx-sun-light\/80:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-sun-light) 80%,
                        transparent
                );
            }
        }
        .hover\:bg-madx-sun\/80:hover {
            background-color: #fbef4dcc;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-madx-sun\/80:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-sun) 80%,
                        transparent
                );
            }
        }
        .hover\:bg-madx-whitesmoke:hover {
            background-color: var(--color-madx-whitesmoke);
        }
        .hover\:bg-red-700:hover {
            background-color: var(--color-red-700);
        }
        .hover\:bg-white\/5:hover {
            background-color: #ffffff0d;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/5:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-white) 5%,
                        transparent
                );
            }
        }
        .hover\:bg-white\/10:hover {
            background-color: #ffffff1a;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/10:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-white) 10%,
                        transparent
                );
            }
        }
        .hover\:bg-white\/20:hover {
            background-color: #fff3;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/20:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-white) 20%,
                        transparent
                );
            }
        }
        .hover\:bg-white\/80:hover {
            background-color: #fffc;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-white\/80:hover {
                background-color: color-mix(
                        in oklab,
                        var(--color-white) 80%,
                        transparent
                );
            }
        }
        .hover\:text-black:hover {
            color: var(--color-black);
        }
        .hover\:text-gray-500:hover {
            color: var(--color-gray-500);
        }
        .hover\:text-gray-700:hover {
            color: var(--color-gray-700);
        }
        .hover\:text-gray-800:hover {
            color: var(--color-gray-800);
        }
        .hover\:text-madx-dust:hover {
            color: var(--color-madx-dust);
        }
        .hover\:text-madx-grey:hover {
            color: var(--color-madx-grey);
        }
        .hover\:text-madx-night:hover {
            color: var(--color-madx-night);
        }
        .hover\:text-madx-sun:hover {
            color: var(--color-madx-sun);
        }
        .hover\:text-madx-sun\/80:hover {
            color: #fbef4dcc;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:text-madx-sun\/80:hover {
                color: color-mix(in oklab, var(--color-madx-sun) 80%, transparent);
            }
        }
        .hover\:text-white:hover {
            color: var(--color-white);
        }
        .hover\:text-white\/90:hover {
            color: #ffffffe6;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:text-white\/90:hover {
                color: color-mix(in oklab, var(--color-white) 90%, transparent);
            }
        }
        .hover\:opacity-75:hover {
            opacity: 0.75;
        }
        .hover\:opacity-80:hover {
            opacity: 0.8;
        }
        .hover\:shadow-lg:hover {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
            0 4px 6px -4px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        .hover\:shadow-md:hover {
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
            0 2px 4px -2px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        .hover\:shadow-xl:hover {
            --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
            0 8px 10px -6px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
    .focus\:z-10:focus {
        z-index: 10;
    }
    .focus\:ring-2:focus {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .focus\:ring-indigo-500:focus {
        --tw-ring-color: var(--color-indigo-500);
    }
    .focus\:ring-madx-night:focus {
        --tw-ring-color: var(--color-madx-night);
    }
    .focus\:ring-madx-sun:focus {
        --tw-ring-color: var(--color-madx-sun);
    }
    .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .focus\:outline-hidden:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    @media (forced-colors: active) {
        .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000;
        }
    }
    .focus\:outline-0:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 0;
    }
    .focus\:outline-2:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }
    .focus\:outline-4:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 4px;
    }
    .focus\:-outline-offset-2:focus {
        outline-offset: -2px;
    }
    .focus\:outline-offset-2:focus {
        outline-offset: 2px;
    }
    .focus\:outline-madx-night:focus {
        outline-color: var(--color-madx-night);
    }
    .focus\:outline-madx-sun:focus {
        outline-color: var(--color-madx-sun);
    }
    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    .focus\:ring-inset:focus {
        --tw-ring-inset: inset;
    }
    .focus-visible\:rounded-md:focus-visible {
        border-radius: var(--radius-md);
    }
    .focus-visible\:bg-madx-sun:focus-visible {
        background-color: var(--color-madx-sun);
    }
    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .focus-visible\:ring-madx-sun:focus-visible {
        --tw-ring-color: var(--color-madx-sun);
    }
    .focus-visible\:outline-2:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }
    .focus-visible\:outline-3:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 3px;
    }
    .focus-visible\:outline-4:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 4px;
    }
    .focus-visible\:\!outline-offset-4:focus-visible {
        outline-offset: 4px !important;
    }
    .focus-visible\:outline-offset-0:focus-visible {
        outline-offset: 0px;
    }
    .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px;
    }
    .focus-visible\:outline-offset-4:focus-visible {
        outline-offset: 4px;
    }
    .focus-visible\:outline-madx-night:focus-visible {
        outline-color: var(--color-madx-night);
    }
    .focus-visible\:outline-madx-sun:focus-visible {
        outline-color: var(--color-madx-sun);
    }
    .active\:translate-x-\[2px\]:active {
        --tw-translate-x: 2px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .active\:translate-y-\[0px\]:active {
        --tw-translate-y: 0px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .active\:translate-y-\[1px\]:active {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .active\:translate-y-\[2px\]:active {
        --tw-translate-y: 2px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .active\:bg-madx-sun\/90:active {
        background-color: #fbef4de6;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .active\:bg-madx-sun\/90:active {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-sun) 90%,
                    transparent
            );
        }
    }
    .active\:shadow-none:active {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .disabled\:bg-gray-100:disabled,
    .disabled\:checked\:bg-gray-100:disabled:checked {
        background-color: var(--color-gray-100);
    }
    @media not all and (min-width: 64rem) {
        .max-lg\:w-full {
            width: 100%;
        }
    }
    @media not all and (min-width: 40rem) {
        .max-sm\:max-h-56 {
            max-height: calc(var(--spacing) * 56);
        }
        .max-sm\:w-fit {
            width: fit-content;
        }
        .max-sm\:gap-x-4 {
            column-gap: calc(var(--spacing) * 4);
        }
    }
    @media (min-width: 25rem) {
        .madx-small\:right-12 {
            right: calc(var(--spacing) * 12);
        }
        .madx-small\:block {
            display: block;
        }
        .madx-small\:grid {
            display: grid;
        }
        .madx-small\:hidden {
            display: none;
        }
        .madx-small\:h-16 {
            height: calc(var(--spacing) * 16);
        }
        .madx-small\:\!w-\[70\%\] {
            width: 70% !important;
        }
        .madx-small\:w-12 {
            width: calc(var(--spacing) * 12);
        }
        .madx-small\:w-\[23\.5rem\] {
            width: 23.5rem;
        }
        .madx-small\:w-\[90\%\] {
            width: 90%;
        }
        .madx-small\:w-\[100\%\] {
            width: 100%;
        }
        .madx-small\:max-w-\[23\.5rem\] {
            max-width: 23.5rem;
        }
        .madx-small\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .madx-small\:grid-rows-\[1fr_2fr_2fr\] {
            grid-template-rows: 1fr 2fr 2fr;
        }
        .madx-small\:flex-row {
            flex-direction: row;
        }
        .madx-small\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
    }
    @media (min-width: 28.75rem) {
        .madx-md\:not-sr-only {
            clip: auto;
            white-space: normal;
            width: auto;
            height: auto;
            margin: 0;
            padding: 0;
            position: static;
            overflow: visible;
        }
        .madx-md\:-right-\[10rem\] {
            right: -10rem;
        }
        .madx-md\:-right-\[18rem\] {
            right: -18rem;
        }
        .madx-md\:order-first {
            order: -9999;
        }
        .madx-md\:order-last {
            order: 9999;
        }
        .madx-md\:max-w-\[150px\] {
            max-width: 150px;
        }
        .madx-md\:flex-row {
            flex-direction: row;
        }
        .madx-md\:items-center {
            align-items: center;
        }
        .madx-md\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }
        .madx-md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
        .madx-md\:leading-14 {
            --tw-leading: calc(var(--spacing) * 14);
            line-height: calc(var(--spacing) * 14);
        }
    }
    @media (min-width: 40rem) {
        .sm\:not-sr-only {
            clip: auto;
            white-space: normal;
            width: auto;
            height: auto;
            margin: 0;
            padding: 0;
            position: static;
            overflow: visible;
        }
        .sm\:-top-6 {
            top: calc(var(--spacing) * -6);
        }
        .sm\:top-\[50\%\] {
            top: 50%;
        }
        .sm\:top-\[80\%\] {
            top: 80%;
        }
        .sm\:top-\[110\%\] {
            top: 110%;
        }
        .sm\:-right-4 {
            right: calc(var(--spacing) * -4);
        }
        .sm\:-right-8 {
            right: calc(var(--spacing) * -8);
        }
        .sm\:-right-10 {
            right: calc(var(--spacing) * -10);
        }
        .sm\:-right-\[16rem\] {
            right: -16rem;
        }
        .sm\:right-8 {
            right: calc(var(--spacing) * 8);
        }
        .sm\:right-24 {
            right: calc(var(--spacing) * 24);
        }
        .sm\:-bottom-4 {
            bottom: calc(var(--spacing) * -4);
        }
        .sm\:-bottom-10 {
            bottom: calc(var(--spacing) * -10);
        }
        .sm\:container {
            width: 100%;
        }
        @media (min-width: 25rem) {
            .sm\:container {
                max-width: 25rem;
            }
        }
        @media (min-width: 28.75rem) {
            .sm\:container {
                max-width: 28.75rem;
            }
        }
        .sm\:container {
            max-width: 40rem;
        }
        @media (min-width: 48rem) {
            .sm\:container {
                max-width: 48rem;
            }
        }
        @media (min-width: 64rem) {
            .sm\:container {
                max-width: 64rem;
            }
        }
        @media (min-width: 80rem) {
            .sm\:container {
                max-width: 80rem;
            }
        }
        @media (min-width: 82.8125rem) {
            .sm\:container {
                max-width: 82.8125rem;
            }
        }
        @media (min-width: 96rem) {
            .sm\:container {
                max-width: 96rem;
            }
        }
        @media (min-width: 100rem) {
            .sm\:container {
                max-width: 100rem;
            }
        }
        @media (min-width: 120rem) {
            .sm\:container {
                max-width: 120rem;
            }
        }
        @media (min-width: 156rem) {
            .sm\:container {
                max-width: 156rem;
            }
        }
        .sm\:-mx-60 {
            margin-inline: calc(var(--spacing) * -60);
        }
        .sm\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }
        .sm\:mx-auto {
            margin-inline: auto;
        }
        .sm\:block {
            display: block;
        }
        .sm\:flex {
            display: flex;
        }
        .sm\:grid {
            display: grid;
        }
        .sm\:hidden {
            display: none;
        }
        .sm\:size-4 {
            width: calc(var(--spacing) * 4);
            height: calc(var(--spacing) * 4);
        }
        .sm\:size-16 {
            width: calc(var(--spacing) * 16);
            height: calc(var(--spacing) * 16);
        }
        .sm\:h-1 {
            height: calc(var(--spacing) * 1);
        }
        .sm\:h-1\/3 {
            height: 33.3333%;
        }
        .sm\:h-3\/5 {
            height: 60%;
        }
        .sm\:h-10 {
            height: calc(var(--spacing) * 10);
        }
        .sm\:h-22 {
            height: calc(var(--spacing) * 22);
        }
        .sm\:h-auto {
            height: auto;
        }
        .sm\:h-full {
            height: 100%;
        }
        .sm\:max-h-32 {
            max-height: calc(var(--spacing) * 32);
        }
        .sm\:max-h-\[51\.75rem\] {
            max-height: 51.75rem;
        }
        .sm\:max-h-none {
            max-height: none;
        }
        .sm\:\!w-\[90\%\] {
            width: 90% !important;
        }
        .sm\:w-1\/2 {
            width: 50%;
        }
        .sm\:w-2\/5 {
            width: 40%;
        }
        .sm\:w-18 {
            width: calc(var(--spacing) * 18);
        }
        .sm\:w-96 {
            width: calc(var(--spacing) * 96);
        }
        .sm\:w-\[37\.5rem\] {
            width: 37.5rem;
        }
        .sm\:w-\[40\%\] {
            width: 40%;
        }
        .sm\:w-\[45rem\] {
            width: 45rem;
        }
        .sm\:w-\[90\%\] {
            width: 90%;
        }
        .sm\:w-\[95\%\] {
            width: 95%;
        }
        .sm\:w-\[100\%\] {
            width: 100%;
        }
        .sm\:w-\[300px\] {
            width: 300px;
        }
        .sm\:w-auto {
            width: auto;
        }
        .sm\:w-full {
            width: 100%;
        }
        .sm\:max-w-1\/3 {
            max-width: 33.3333%;
        }
        .sm\:max-w-44 {
            max-width: calc(var(--spacing) * 44);
        }
        .sm\:max-w-80 {
            max-width: calc(var(--spacing) * 80);
        }
        .sm\:max-w-\[23\.5rem\] {
            max-width: 23.5rem;
        }
        .sm\:max-w-\[60\%\] {
            max-width: 60%;
        }
        .sm\:max-w-\[300px\] {
            max-width: 300px;
        }
        .sm\:max-w-\[350px\] {
            max-width: 350px;
        }
        .sm\:max-w-\[360px\] {
            max-width: 360px;
        }
        .sm\:max-w-\[380px\] {
            max-width: 380px;
        }
        .sm\:max-w-\[480px\] {
            max-width: 480px;
        }
        .sm\:min-w-3xs {
            min-width: var(--container-3xs);
        }
        .sm\:min-w-\[180px\] {
            min-width: 180px;
        }
        .sm\:shrink-0 {
            flex-shrink: 0;
        }
        .sm\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .sm\:translate-x-2 {
            --tw-translate-x: calc(var(--spacing) * 2);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .sm\:-translate-y-17 {
            --tw-translate-y: calc(var(--spacing) * -17);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .sm\:-translate-y-\[60\%\] {
            --tw-translate-y: -60%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .sm\:-translate-y-\[70\%\] {
            --tw-translate-y: -70%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .sm\:translate-y-0 {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .sm\:flex-col {
            flex-direction: column;
        }
        .sm\:flex-row {
            flex-direction: row;
        }
        .sm\:flex-nowrap {
            flex-wrap: nowrap;
        }
        .sm\:items-center {
            align-items: center;
        }
        .sm\:items-end {
            align-items: flex-end;
        }
        .sm\:items-start {
            align-items: flex-start;
        }
        .sm\:items-stretch {
            align-items: stretch;
        }
        .sm\:justify-between {
            justify-content: space-between;
        }
        .sm\:justify-start {
            justify-content: flex-start;
        }
        .sm\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }
        .sm\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
        .sm\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }
        .sm\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .sm\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }
        .sm\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }
        :where(.sm\:space-y-8 > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(
                    calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
            );
            margin-block-end: calc(
                    calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
            );
        }
        .sm\:rounded-2xl {
            border-radius: var(--radius-2xl);
        }
        .sm\:rounded-3xl {
            border-radius: var(--radius-3xl);
        }
        .sm\:bg-madx-night {
            background-color: var(--color-madx-night);
        }
        .sm\:bg-transparent {
            background-color: #0000;
        }
        .sm\:bg-white\/10 {
            background-color: #ffffff1a;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .sm\:bg-white\/10 {
                background-color: color-mix(
                        in oklab,
                        var(--color-white) 10%,
                        transparent
                );
            }
        }
        .sm\:p-4 {
            padding: calc(var(--spacing) * 4);
        }
        .sm\:p-6 {
            padding: calc(var(--spacing) * 6);
        }
        .sm\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
        .sm\:p-12 {
            padding: calc(var(--spacing) * 12);
        }
        .sm\:p-14 {
            padding: calc(var(--spacing) * 14);
        }
        .sm\:p-16 {
            padding: calc(var(--spacing) * 16);
        }
        .sm\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }
        .sm\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }
        .sm\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }
        .sm\:px-12 {
            padding-inline: calc(var(--spacing) * 12);
        }
        .sm\:px-32 {
            padding-inline: calc(var(--spacing) * 32);
        }
        .sm\:py-2 {
            padding-block: calc(var(--spacing) * 2);
        }
        .sm\:py-2\.5 {
            padding-block: calc(var(--spacing) * 2.5);
        }
        .sm\:py-6 {
            padding-block: calc(var(--spacing) * 6);
        }
        .sm\:py-16 {
            padding-block: calc(var(--spacing) * 16);
        }
        .sm\:py-24 {
            padding-block: calc(var(--spacing) * 24);
        }
        .sm\:pt-8 {
            padding-top: calc(var(--spacing) * 8);
        }
        .sm\:text-center {
            text-align: center;
        }
        .sm\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
        .sm\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
        .sm\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
        .sm\:text-sm\/6 {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
        .sm\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
        .sm\:leading-11 {
            --tw-leading: calc(var(--spacing) * 11);
            line-height: calc(var(--spacing) * 11);
        }
        .sm\:leading-14 {
            --tw-leading: calc(var(--spacing) * 14);
            line-height: calc(var(--spacing) * 14);
        }
        .sm\:font-semibold {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
        .sm\:whitespace-nowrap {
            white-space: nowrap;
        }
        @media (hover: hover) {
            .sm\:hover\:bg-white\/20:hover {
                background-color: #fff3;
            }
            @supports (color: color-mix(in lab, red, red)) {
                .sm\:hover\:bg-white\/20:hover {
                    background-color: color-mix(
                            in oklab,
                            var(--color-white) 20%,
                            transparent
                    );
                }
            }
        }
    }
    @media (min-width: 48rem) {
        .md\:top-20 {
            top: calc(var(--spacing) * 20);
        }
        .md\:-right-4 {
            right: calc(var(--spacing) * -4);
        }
        .md\:right-auto {
            right: auto;
        }
        .md\:-bottom-\[8\%\] {
            bottom: -8%;
        }
        .md\:left-0 {
            left: calc(var(--spacing) * 0);
        }
        .md\:left-1\/2 {
            left: 50%;
        }
        .md\:order-none {
            order: 0;
        }
        .md\:block {
            display: block;
        }
        .md\:flex {
            display: flex;
        }
        .md\:h-\[43\.5rem\] {
            height: 43.5rem;
        }
        .md\:h-\[638px\] {
            height: 638px;
        }
        .md\:h-\[70\%\] {
            height: 70%;
        }
        .md\:h-\[785px\] {
            height: 785px;
        }
        .md\:max-h-72 {
            max-height: calc(var(--spacing) * 72);
        }
        .md\:w-\[22rem\] {
            width: 22rem;
        }
        .md\:w-\[600px\] {
            width: 600px;
        }
        .md\:w-auto {
            width: auto;
        }
        .md\:max-w-80 {
            max-width: calc(var(--spacing) * 80);
        }
        .md\:max-w-\[52rem\] {
            max-width: 52rem;
        }
        .md\:max-w-\[65\%\] {
            max-width: 65%;
        }
        .md\:max-w-\[500px\] {
            max-width: 500px;
        }
        .md\:grow {
            flex-grow: 1;
        }
        .md\:-translate-x-1\/2 {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .md\:grid-flow-col {
            grid-auto-flow: column;
        }
        .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-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
        .md\:flex-row {
            flex-direction: row;
        }
        .md\:items-center {
            align-items: center;
        }
        .md\:justify-between {
            justify-content: space-between;
        }
        .md\:justify-end {
            justify-content: flex-end;
        }
        .md\:gap-0 {
            gap: calc(var(--spacing) * 0);
        }
        .md\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .md\:bg-madx-stone\/10 {
            background-color: #898d8d1a;
        }
        @supports (color: color-mix(in lab, red, red)) {
            .md\:bg-madx-stone\/10 {
                background-color: color-mix(
                        in oklab,
                        var(--color-madx-stone) 10%,
                        transparent
                );
            }
        }
        .md\:object-fill {
            object-fit: fill;
        }
        .md\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
        .md\:px-16 {
            padding-inline: calc(var(--spacing) * 16);
        }
        .md\:px-18 {
            padding-inline: calc(var(--spacing) * 18);
        }
        .md\:py-24 {
            padding-block: calc(var(--spacing) * 24);
        }
        .md\:py-32 {
            padding-block: calc(var(--spacing) * 32);
        }
        .md\:py-48 {
            padding-block: calc(var(--spacing) * 48);
        }
        .md\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
        .md\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
        .md\:\!leading-16 {
            --tw-leading: calc(var(--spacing) * 16) !important;
            line-height: calc(var(--spacing) * 16) !important;
        }
        .md\:leading-16 {
            --tw-leading: calc(var(--spacing) * 16);
            line-height: calc(var(--spacing) * 16);
        }
        .md\:shadow-\[10px_12px_18px_rgba\(0\,0\,0\,0\.35\)\] {
            --tw-shadow: 10px 12px 18px var(--tw-shadow-color, #00000059);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        .md\:ring-1 {
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
            calc(1px + var(--tw-ring-offset-width))
            var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }
    @media (min-width: 64rem) {
        .lg\: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;
        }
        .lg\:relative {
            position: relative;
        }
        .lg\:inset-auto {
            inset: auto;
        }
        .lg\:top-2 {
            top: calc(var(--spacing) * 2);
        }
        .lg\:top-\[60\%\] {
            top: 60%;
        }
        .lg\:top-\[80\%\] {
            top: 80%;
        }
        .lg\:-right-4 {
            right: calc(var(--spacing) * -4);
        }
        .lg\:-right-24 {
            right: calc(var(--spacing) * -24);
        }
        .lg\:-right-\[5\%\] {
            right: -5%;
        }
        .lg\:-right-\[8rem\] {
            right: -8rem;
        }
        .lg\:-right-\[14rem\] {
            right: -14rem;
        }
        .lg\:-right-\[16rem\] {
            right: -16rem;
        }
        .lg\:right-4 {
            right: calc(var(--spacing) * 4);
        }
        .lg\:-bottom-4 {
            bottom: calc(var(--spacing) * -4);
        }
        .lg\:-bottom-12 {
            bottom: calc(var(--spacing) * -12);
        }
        .lg\:left-auto {
            left: auto;
        }
        .lg\:order-1 {
            order: 1;
        }
        .lg\:order-2 {
            order: 2;
        }
        .lg\:order-none {
            order: 0;
        }
        .lg\:mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }
        .lg\:mt-16 {
            margin-top: calc(var(--spacing) * 16);
        }
        .lg\:\!hidden {
            display: none !important;
        }
        .lg\:block {
            display: block;
        }
        .lg\:flex {
            display: flex;
        }
        .lg\:grid {
            display: grid;
        }
        .lg\:hidden {
            display: none;
        }
        .lg\:inline-block {
            display: inline-block;
        }
        .lg\:aspect-\[3\/4\] {
            aspect-ratio: 3/4;
        }
        .lg\:size-20 {
            width: calc(var(--spacing) * 20);
            height: calc(var(--spacing) * 20);
        }
        .lg\:h-4\/5 {
            height: 80%;
        }
        .lg\:h-44 {
            height: calc(var(--spacing) * 44);
        }
        .lg\:h-72 {
            height: calc(var(--spacing) * 72);
        }
        .lg\:h-\[25rem\] {
            height: 25rem;
        }
        .lg\:h-\[30\%\] {
            height: 30%;
        }
        .lg\:h-\[36rem\] {
            height: 36rem;
        }
        .lg\:h-\[45rem\] {
            height: 45rem;
        }
        .lg\:h-\[75\%\] {
            height: 75%;
        }
        .lg\:max-h-26 {
            max-height: calc(var(--spacing) * 26);
        }
        .lg\:w-1\/2 {
            width: 50%;
        }
        .lg\:w-1\/3 {
            width: 33.3333%;
        }
        .lg\:w-2\/3 {
            width: 66.6667%;
        }
        .lg\:w-2\/5 {
            width: 40%;
        }
        .lg\:w-3\/5 {
            width: 60%;
        }
        .lg\:w-\[35\%\] {
            width: 35%;
        }
        .lg\:w-\[45\%\] {
            width: 45%;
        }
        .lg\:w-\[65\%\] {
            width: 65%;
        }
        .lg\:w-\[90\%\] {
            width: 90%;
        }
        .lg\:w-\[300px\] {
            width: 300px;
        }
        .lg\:w-\[350px\] {
            width: 350px;
        }
        .lg\:w-auto {
            width: auto;
        }
        .lg\:w-fit {
            width: fit-content;
        }
        .lg\:max-w-2xs {
            max-width: var(--container-2xs);
        }
        .lg\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .lg\:-translate-y-1\/2 {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .lg\:-translate-y-10 {
            --tw-translate-y: calc(var(--spacing) * -10);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .lg\:transform-none {
            transform: none;
        }
        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .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\:flex-col {
            flex-direction: column;
        }
        .lg\:flex-row {
            flex-direction: row;
        }
        .lg\:items-center {
            align-items: center;
        }
        .lg\:items-start {
            align-items: flex-start;
        }
        .lg\:items-stretch {
            align-items: stretch;
        }
        .lg\:justify-center {
            justify-content: center;
        }
        .lg\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
        .lg\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        .lg\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }
        .lg\:rounded-none {
            border-radius: 0;
        }
        .lg\:p-0 {
            padding: calc(var(--spacing) * 0);
        }
        .lg\:p-32 {
            padding: calc(var(--spacing) * 32);
        }
        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }
        .lg\:px-12 {
            padding-inline: calc(var(--spacing) * 12);
        }
        .lg\:px-16 {
            padding-inline: calc(var(--spacing) * 16);
        }
        .lg\:px-24 {
            padding-inline: calc(var(--spacing) * 24);
        }
        .lg\:px-32 {
            padding-inline: calc(var(--spacing) * 32);
        }
        .lg\:py-8 {
            padding-block: calc(var(--spacing) * 8);
        }
        .lg\:py-10 {
            padding-block: calc(var(--spacing) * 10);
        }
        .lg\:py-16 {
            padding-block: calc(var(--spacing) * 16);
        }
        .lg\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
        .lg\:opacity-50 {
            opacity: 0.5;
        }
    }
    @media (min-width: 80rem) {
        .xl\:not-sr-only {
            clip: auto;
            white-space: normal;
            width: auto;
            height: auto;
            margin: 0;
            padding: 0;
            position: static;
            overflow: visible;
        }
        .xl\:-top-6 {
            top: calc(var(--spacing) * -6);
        }
        .xl\:top-1\/2 {
            top: 50%;
        }
        .xl\:-right-\[5\%\] {
            right: -5%;
        }
        .xl\:-right-\[8rem\] {
            right: -8rem;
        }
        .xl\:-mx-4 {
            margin-inline: calc(var(--spacing) * -4);
        }
        .xl\:-mx-80 {
            margin-inline: calc(var(--spacing) * -80);
        }
        .xl\:flex {
            display: flex;
        }
        .xl\:hidden {
            display: none;
        }
        .xl\:max-h-32 {
            max-height: calc(var(--spacing) * 32);
        }
        .xl\:w-\[35\%\] {
            width: 35%;
        }
        .xl\:w-\[85\%\] {
            width: 85%;
        }
        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .xl\:justify-end {
            justify-content: flex-end;
        }
        .xl\:gap-8 {
            gap: calc(var(--spacing) * 8);
        }
        :where(.xl\:space-y-8 > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(
                    calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
            );
            margin-block-end: calc(
                    calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
            );
        }
        .xl\:rounded-4xl {
            border-radius: var(--radius-4xl);
        }
        .xl\:p-12 {
            padding: calc(var(--spacing) * 12);
        }
        .xl\:px-24 {
            padding-inline: calc(var(--spacing) * 24);
        }
        .xl\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
        .xl\:leading-18 {
            --tw-leading: calc(var(--spacing) * 18);
            line-height: calc(var(--spacing) * 18);
        }
    }
    @media (min-width: 82.8125rem) {
        .madx-2lg\:px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }
    }
    @media (min-width: 96rem) {
        .\32xl\:-mx-16 {
            margin-inline: calc(var(--spacing) * -16);
        }
        .\32xl\:w-\[50rem\] {
            width: 50rem;
        }
    }
    @media (min-width: 100rem) {
        .madx-xl\:-mx-38 {
            margin-inline: calc(var(--spacing) * -38);
        }
        .madx-xl\:-mx-96 {
            margin-inline: calc(var(--spacing) * -96);
        }
        .madx-xl\:max-w-\[1500px\] {
            max-width: 1500px;
        }
    }
    @media (min-width: 120rem) {
        .madx-2xl\:-mx-8 {
            margin-inline: calc(var(--spacing) * -8);
        }
        .madx-2xl\:\!w-\[100\%\] {
            width: 100% !important;
        }
        .madx-2xl\:overflow-hidden {
            overflow: hidden;
        }
        .madx-2xl\:rounded-3xl {
            border-radius: var(--radius-3xl);
        }
    }
    @media (min-width: 156rem) {
        .madx-3xl\:-right-1\/2 {
            right: -50%;
        }
        .madx-3xl\:w-\[70\%\] {
            width: 70%;
        }
        .madx-3xl\:w-\[90\%\] {
            width: 90%;
        }
        .madx-3xl\:-translate-x-\[50\%\] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }
    @container (min-width:800px) {
        .\@min-\[800px\]\:flex-row {
            flex-direction: row;
        }
    }
    @container (min-width:16rem) {
        .\@3xs\:-mx-6 {
            margin-inline: calc(var(--spacing) * -6);
        }
        .\@3xs\:hidden {
            display: none;
        }
        .\@3xs\:w-auto {
            width: auto;
        }
        .\@3xs\:flex-row {
            flex-direction: row;
        }
        .\@3xs\:items-center {
            align-items: center;
        }
        .\@3xs\:p-2 {
            padding: calc(var(--spacing) * 2);
        }
    }
    @container (min-width:24rem) {
        .\@sm\:flex-row {
            flex-direction: row;
        }
        .\@sm\:items-center {
            align-items: center;
        }
        .\@sm\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
        .\@sm\:border-green-500 {
            border-color: var(--color-green-500);
        }
    }
    @container (min-width:28rem) {
        .\@md\:block {
            display: block;
        }
        .\@md\:h-auto {
            height: auto;
        }
        .\@md\:flex-row {
            flex-direction: row;
        }
        .\@md\:border-red-500 {
            border-color: var(--color-red-500);
        }
    }
    @container (min-width:32rem) {
        .\@lg\:block {
            display: block;
        }
    }
    @container (min-width:48rem) {
        .\@3xl\:order-last {
            order: 9999;
        }
        .\@3xl\:block {
            display: block;
        }
        .\@3xl\:size-16 {
            width: calc(var(--spacing) * 16);
            height: calc(var(--spacing) * 16);
        }
        .\@3xl\:w-1\/3 {
            width: 33.3333%;
        }
        .\@3xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .\@3xl\:flex-row {
            flex-direction: row;
        }
        .\@3xl\:p-8 {
            padding: calc(var(--spacing) * 8);
        }
    }
    @container (min-width:56rem) {
        .\@4xl\:block {
            display: block;
        }
        .\@4xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    @container (min-width:64rem) {
        .\@5xl\:size-20 {
            width: calc(var(--spacing) * 20);
            height: calc(var(--spacing) * 20);
        }
    }
    @media (forced-colors: active) {
        .forced-colors\:appearance-auto {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto;
        }
    }
    .\[\&\>\*\:nth-child\(4n\)\]\:\!border-r-0 > :nth-child(4n) {
        border-right-style: var(--tw-border-style) !important;
        border-right-width: 0 !important;
    }
}
[x-cloak] {
    display: none !important;
}
body {
    font-family: Ubuntu, sans-serif;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-madx-night);
}
.text-white {
    color: #fff !important;
}
fieldset a {
    color: var(--color-madx-sun);
    text-decoration-line: underline;
}
fieldset a:hover {
    color: var(--color-madx-sun);
    opacity: 0.8;
}
fieldset fieldset a:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-sun);
}
main p a {
    color: var(--color-madx-leaf);
}
form p a {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
form button span {
    min-height: calc(var(--spacing) * 8);
}
main p a:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-sun);
}
.cms-content h1,
h1 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
@media (min-width: 40rem) {
    :is(.cms-content h1, h1) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
}
.cms-content h2,
h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
@media (min-width: 40rem) {
    :is(.cms-content h2, h2) {
        font-size: 32px;
    }
}
.cms-content h3,
h3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
@media (min-width: 40rem) {
    :is(.cms-content h3, h3) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}
.cms-content h4 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #111c2499;
    text-transform: uppercase;
}
@supports (color: color-mix(in lab, red, red)) {
    .cms-content h4 {
        color: color-mix(in oklab, var(--color-madx-night) 60%, transparent);
    }
}
@media (min-width: 40rem) {
    .cms-content h4 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
}
h4 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}
@media (min-width: 40rem) {
    h4 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }
}
.cms-content h5,
h5 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
@media (min-width: 40rem) {
    :is(.cms-content h5, h5) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
}
.cms-content h6,
h6 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.cms-content .p-start {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}
.cms-content p {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    color: #111c24b3;
}
@supports (color: color-mix(in lab, red, red)) {
    .cms-content p {
        color: color-mix(in oklab, var(--color-madx-night) 70%, transparent);
    }
}
.cms-content p:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}
.cms-content a {
    color: var(--color-madx-leaf);
    text-decoration-line: underline;
}
.cms-content a.primary,
.cms-content a.primary-v2,
.cms-content a.secondary,
.cms-content a.tertiary,
.cms-content a.outline-button {
    color: var(--color-madx-night);
    text-decoration-line: none;
}
.cms-content ul,
ul {
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    list-style-type: disc;
}
:where(:is(.cms-content ul, ul) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
            calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
            calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
}
.cms-content ol,
ol {
    padding-left: calc(var(--spacing) * 6);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    list-style-type: decimal;
}
:where(:is(.cms-content ol, ol) > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
            calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
            calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
}
li::marker {
    color: var(--marker-color, currentColor);
}
.card-content h1 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-madx-dust);
}
@media (min-width: 40rem) {
    .card-content h1 {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
}
@media (min-width: 48rem) {
    .card-content h1 {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
}
@media (min-width: 80rem) {
    .card-content h1 {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
}
.card-content h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
@media (min-width: 40rem) {
    .card-content h2 {
        --tw-leading: calc(var(--spacing) * 12);
        font-size: 40px;
        line-height: calc(var(--spacing) * 12);
    }
}
.card-content h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.card-content h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-transform: none;
}
@media (min-width: 40rem) {
    .card-content h4 {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
}
.card-content h5 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.card-content h6,
.card-content small {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}
.card-content p {
    color: #111c24b3;
}
@supports (color: color-mix(in lab, red, red)) {
    .card-content p {
        color: color-mix(in oklab, var(--color-madx-night) 70%, transparent);
    }
}
.card-content ul {
    padding-left: calc(var(--spacing) * 0);
    list-style-type: none;
}
.card-content .person-carousel h5 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-madx-shadow);
    text-transform: uppercase;
}
.card-content .person-carousel p {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-madx-stone);
    text-transform: uppercase;
}
.card-content a {
    color: inherit;
    text-decoration-line: none;
}
@media (min-width: 40rem) {
    :is(.card-content .primary, .card-content .secondary) {
        height: 72px !important;
        max-height: 72px !important;
    }
}
.module-content h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
@media (min-width: 40rem) {
    .module-content h2 {
        --tw-leading: calc(var(--spacing) * 9);
        font-size: 32px;
        line-height: calc(var(--spacing) * 9);
    }
}
.module-content h3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.module-content h4 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.cta-content h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
@media (min-width: 40rem) {
    .cta-content h2 {
        --tw-leading: calc(var(--spacing) * 12);
        font-size: 40px;
        line-height: calc(var(--spacing) * 12);
    }
}
.cta-content h3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.cta-content h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #111c2499;
    text-transform: uppercase;
}
@supports (color: color-mix(in lab, red, red)) {
    .cta-content h4 {
        color: color-mix(in oklab, var(--color-madx-night) 60%, transparent);
    }
}
.cta-content p {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #111c24b3;
}
@supports (color: color-mix(in lab, red, red)) {
    .cta-content p {
        color: color-mix(in oklab, var(--color-madx-night) 70%, transparent);
    }
}
.header-content ul {
    padding-left: calc(var(--spacing) * 0);
    list-style-type: none;
}
:where(.header-content ul > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
            calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
            calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
    );
}
.header-content li .card-content li {
    list-style-type: none;
}
.accordion-content h3 {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
}
.product-card h4,
.product-card p {
    color: var(--color-white) !important;
}
footer header h4,
footer header h5,
footer h6 {
    color: var(--color-white);
}
.footer-content .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.footer-content .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 64rem) {
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 40rem) {
    .grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 64rem) {
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.grid-cols-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 40rem) {
    .grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 48rem) {
    .grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 64rem) {
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.grid-cols-5 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 40rem) {
    .grid-cols-5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 48rem) {
    .grid-cols-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 64rem) {
    .grid-cols-5 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (min-width: 80rem) {
    .grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.grid-cols-6 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 40rem) {
    .grid-cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 48rem) {
    .grid-cols-6 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (min-width: 64rem) {
    .grid-cols-6 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (min-width: 80rem) {
    .grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
.primary {
    max-height: calc(var(--spacing) * 14);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-madx-sun);
    width: 100%;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-madx-night);
    --tw-shadow: 0px 2px 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);
    --tw-shadow-color: #b9b24d;
    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;
    transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
    overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
    .primary {
        --tw-shadow-color: color-mix(
                in oklab,
                var(--color-madx-sun-dark) var(--tw-shadow-alpha),
                transparent
        );
    }
}
@media (hover: hover) {
    .primary:hover {
        background-color: #fbef4dcc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .primary:hover {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-sun) 80%,
                    transparent
            );
        }
    }
}
.primary:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 4px;
    outline-width: 2px;
    outline-color: var(--color-madx-sun);
}
.primary:active {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (min-width: 40rem) {
    .primary {
        width: fit-content;
    }
}
.primary.on-light {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-madx-sun-dark);
}
.primary.on-light:focus-visible {
    outline-color: var(--color-madx-night);
}
.primary-v2 {
    max-height: calc(var(--spacing) * 14);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-madx-olive-dark);
    background-color: var(--color-madx-sun);
    width: 100%;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-madx-night);
    --tw-shadow: inset 0 -2px 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);
    --tw-shadow-color: #b9b24d;
    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;
    transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
    overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
    .primary-v2 {
        --tw-shadow-color: color-mix(
                in oklab,
                var(--color-madx-sun-dark) var(--tw-shadow-alpha),
                transparent
        );
    }
}
@media (hover: hover) {
    .primary-v2:hover {
        background-color: #fbef4dcc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .primary-v2:hover {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-sun) 80%,
                    transparent
            );
        }
    }
}
.primary-v2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 4px;
    outline-width: 2px;
    outline-color: var(--color-madx-night);
}
.primary-v2:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: inset 0 2px 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);
}
@media (min-width: 40rem) {
    .primary-v2 {
        width: fit-content;
    }
}
.primary-v2-inner {
    transform-origin: top;
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
    var(--tw-skew-x) var(--tw-skew-y);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 6);
    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));
    --tw-duration: 0.1s;
    --tw-ease: var(--ease-in-out);
    transition-duration: 0.1s;
    transition-timing-function: var(--ease-in-out);
    display: flex;
}
.primary-v2-inner:is(:where(.group):active *) {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-rotate-x: rotateX(12deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
    var(--tw-skew-x) var(--tw-skew-y);
}
.secondary {
    max-height: calc(var(--spacing) * 14);
    cursor: pointer;
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    width: 100%;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-madx-night);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: #1018281a;
    --tw-ring-color: var(--color-madx-lightgrey);
    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;
    transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
    overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
    .secondary {
        --tw-shadow-color: color-mix(
                in oklab,
                color-mix(in oklab, var(--color-madx-midnightblue) 10%, transparent)
                var(--tw-shadow-alpha),
                transparent
        );
    }
}
@media (hover: hover) {
    .secondary:hover {
        background-color: #f2f4f7cc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .secondary:hover {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-grey) 80%,
                    transparent
            );
        }
    }
}
.secondary:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-night);
}
.secondary:active {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (min-width: 40rem) {
    .secondary {
        width: fit-content;
        padding-inline: calc(var(--spacing) * 6);
        justify-content: center;
    }
}
.secondary.on-dark:focus-visible {
    outline-color: var(--color-madx-sun);
}
@media not all and (min-width: 40rem) {
    .secondary.centered {
        justify-content: center;
    }
}
.tertiary {
    max-height: calc(var(--spacing) * 12);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    width: 100%;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-madx-night);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #0003;
    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;
    transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
    overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
    .tertiary {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
}
@media (hover: hover) {
    .tertiary:hover {
        background-color: #f2f4f7cc;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .tertiary:hover {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-grey) 80%,
                    transparent
            );
        }
    }
}
.tertiary:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-night);
}
.tertiary:active {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (min-width: 40rem) {
    .tertiary {
        width: fit-content;
    }
}
.outline-button {
    max-height: calc(var(--spacing) * 14);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    width: 100%;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    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;
    transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
    overflow: hidden;
}
@media (hover: hover) {
    .outline-button:hover {
        background-color: #f2f4f70d;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .outline-button:hover {
            background-color: color-mix(
                    in oklab,
                    var(--color-madx-grey) 5%,
                    transparent
            );
        }
    }
}
.outline-button:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-sun);
}
.outline-button:active {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
@media (min-width: 40rem) {
    .outline-button {
        width: fit-content;
    }
}
:disabled,
form.htmx-request button[type="submit"] {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: not-allowed;
    opacity: 0.5;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (hover: hover) {
    :is(:disabled, form.htmx-request button[type="submit"]):hover {
        background-color: var(--color-madx-sun);
    }
}
.primary svg,
.secondary svg,
.primary-v2 svg,
.tertiary svg,
.outline-button svg,
button svg {
    flex-shrink: 0;
}
.primary.w-full,
.primary-v2.w-full,
.secondary.w-full,
.tertiary.w-full,
.outline-button.w-full {
    width: 100% !important;
}
.madx-w-xs {
    width: 100%;
}
@media (min-width: 40rem) {
    .madx-w-xs {
        max-width: calc(var(--spacing) * 64);
    }
}
.madx-w-md {
    width: 100%;
}
@media (min-width: 40rem) {
    .madx-w-md {
        max-width: calc(var(--spacing) * 72);
    }
}
.madx-w-lg {
    width: 100%;
}
@media (min-width: 40rem) {
    .madx-w-lg {
        max-width: calc(var(--spacing) * 80);
    }
}
.madx-w-xl {
    width: 100%;
}
@media (min-width: 40rem) {
    .madx-w-xl {
        max-width: calc(var(--spacing) * 96);
    }
}
.madx-w-2xl {
    width: 100%;
}
@media (min-width: 40rem) {
    .madx-w-2xl {
        max-width: var(--container-md);
    }
}
.focus-madx-dark:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-night) !important;
}
:is(.focus-madx-light, label a):focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-sun) !important;
}
.primary-tag {
    background-color: var(--color-madx-shadow);
    width: fit-content;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-madx-shadow);
    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));
    --tw-duration: 0.2s;
    border-radius: 3.40282e38px;
    transition-duration: 0.2s;
}
.primary-tag:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-night);
}
.secondary-tag {
    background-color: var(--color-madx-grey);
    width: fit-content;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-madx-shadow);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #313b3e33;
    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));
    --tw-duration: 0.2s;
    border-radius: 3.40282e38px;
    transition-duration: 0.2s;
}
@supports (color: color-mix(in lab, red, red)) {
    .secondary-tag {
        --tw-ring-color: color-mix(
                in oklab,
                var(--color-madx-shadow) 20%,
                transparent
        );
    }
}
.secondary-tag:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--color-madx-night);
}
.tertiary-tag {
    background-color: var(--color-madx-grey);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-madx-shadow);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-madx-stone);
    --tw-ring-inset: inset;
    border-radius: 3.40282e38px;
    align-items: center;
    display: inline-flex;
}
.grayscale-on {
    filter: grayscale() !important;
}
.texture-normal {
    width: calc(var(--spacing) * 80);
}
.texture-bigger {
    width: 100%;
}
.error-message {
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    background-color: var(--color-madx-pastelpink);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-madx-night);
    display: none;
}
.error-message.show {
    display: flex;
}
.youtube-video iframe {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 2px;
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.swiper-instance > .swiper {
    padding-top: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 1);
}
.swiper-slide.is-active article {
    background-color: var(--color-madx-sun);
}
.swiper-slide.is-active svg {
    color: var(--color-madx-midnightblue);
}
#what-our-partners-think + .swiper-instance .swiper-slide > article.shadow-lg {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
@media (hover: hover) {
    #what-our-partners-think
    + .swiper-instance
    .swiper-slide
    > article.shadow-lg:hover {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a),
        0 8px 10px -6px var(--tw-shadow-color, #0000001a) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
}
.swiper {
    width: 100%;
    height: 100%;
    overflow: visible !important;
}
.swiper-wrapper {
    align-items: stretch !important;
    overflow: visible !important;
}
.swiper-slide {
    transition: transform 0.3s;
    height: unset !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}
.swiper-pagination-bullet {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    background-color: var(--color-gray-300);
    transition-property: all;
    transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    border-radius: 3.40282e38px;
}
.swiper-pagination-bullet-active {
    transition-property: all;
    transition-timing-function: var(
            --tw-ease,
            var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    width: calc(var(--spacing) * 6) !important;
    border-radius: var(--radius-sm) !important;
    background-color: var(--color-madx-night) !important;
}
@media (hover: hover) {
    :is(
      :disabled:not(.swiper-button-next):not(.swiper-button-prev),
      form.htmx-request
        button[type="submit"]:not(.swiper-button-next):not(.swiper-button-prev)
    ):hover {
        background-color: #d3d3d3;
    }
}
body > div > footer.bg-madx-night {
    z-index: 10;
    margin-top: calc(var(--spacing) * 28);
    position: relative;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
[hx-message-for],
.hx-indicator {
    display: none;
}
.controls {
    border-radius: var(--radius-lg);
    display: flex;
}
.controls.hide-controls {
    display: none !important;
}
.downloads-container div:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}
.downloads-container h2,
.filters-container h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.downloads-container h3,
.filters-container h3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
.downloads-container h4 {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-transform: none;
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
}
input[type="file"]::file-selector-button {
    border: 1px solid var(--color-madx-lightgrey);
    color: var(--color-madx-night);
    cursor: pointer;
    background-color: #fff;
    border-radius: 6px;
    padding: 0.4rem 0.8rem;
    font-weight: 500;
    transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
    box-shadow: 0 1px 3px #1018281a;
}
input[type="file"]::file-selector-button:hover {
    background-color: var(--color-madx-grey);
    box-shadow: 0 2px 6px #10182826;
}
input[type="file"]::file-selector-button:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--color-madx-sun) !important;
}
.shadow-table {
    box-shadow: 1px 3px 8px #0000001a, 1px 3px 24px -4px #0000001a;
}
#qr-shaded-region {
    box-sizing: border-box;
    border-style: solid;
    border-color: #0000007a;
    border-width: 15% 25%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#qr-shaded-region > div {
    background-color: #fff;
    position: absolute;
}
#qr-shaded-region > div:first-child,
#qr-shaded-region > div:nth-child(2) {
    width: 10%;
    height: 0.4vw;
    top: -0.4vw;
}
#qr-shaded-region > div:first-child {
    left: 0;
}
#qr-shaded-region > div:nth-child(2) {
    right: 0;
}
#qr-shaded-region > div:nth-child(3),
#qr-shaded-region > div:nth-child(4) {
    width: 10%;
    height: 0.4vw;
    bottom: -0.4vw;
}
#qr-shaded-region > div:nth-child(3) {
    left: 0;
}
#qr-shaded-region > div:nth-child(4) {
    right: 0;
}
#qr-shaded-region > div:nth-child(5),
#qr-shaded-region > div:nth-child(6),
#qr-shaded-region > div:nth-child(7),
#qr-shaded-region > div:nth-child(8) {
    width: 0.5vw;
    height: 4vw;
}
#qr-shaded-region > div:nth-child(5) {
    top: -0.5vw;
    left: -0.5vw;
}
#qr-shaded-region > div:nth-child(6) {
    bottom: -0.5vw;
    left: -0.5vw;
}
#qr-shaded-region > div:nth-child(7) {
    top: -0.5vw;
    right: -0.5vw;
}
#qr-shaded-region > div:nth-child(8) {
    bottom: -0.5vw;
    right: -0.5vw;
}
#my-qr-reader {
    border-radius: 8px;
    border: 1.5px solid #9f1111 !important;
    padding: 20px !important;
}
#my-qr-reader img[alt="Info icon"] {
    display: none;
}
#my-qr-reader img[alt="Camera based scan"] {
    width: 100px !important;
    height: 100px !important;
}
#html5-qrcode-anchor-scan-type-change {
    color: --madx-night !important;
    text-decoration: none !important;
}
.qr-scanner video {
    border-radius: 0.25em !important;
    width: 100% !important;
}
.safe-content-bottom {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
}
.stable {
    scrollbar-gutter: stable;
}
.max-w-half {
    max-width: 50%;
}
.no-scroll-body {
    background-color: var(--color-madx-night);
    overflow: hidden;
}
.pswp-gallery {
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
}
@media (min-width: 40rem) {
    .pswp-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 48rem) {
    .pswp-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 64rem) {
    .pswp-gallery {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.pswp-gallery a img {
    aspect-ratio: var(--aspect-video);
    border-radius: var(--radius-lg);
    object-fit: cover;
    width: auto;
    height: 100%;
    display: block;
}
@media (min-width: 40rem) {
    .pswp-gallery a img {
        height: calc(var(--spacing) * 64);
    }
}
.pswp-gallery a {
    justify-content: center;
    display: flex;
}
.product-detail-content h4 {
    margin-bottom: calc(var(--spacing) * 4);
}
.product-detail-content h2 {
    margin-bottom: calc(var(--spacing) * 8);
}
.product-detail-content p {
    margin-bottom: calc(var(--spacing) * 4);
}
.product-detail ol {
    margin-top: calc(var(--spacing) * 4);
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: calc(var(--spacing) * 12) !important;
}
.product-detail ol ::marker {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.product-detail ol::marker {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.product-detail ol ::-webkit-details-marker {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.product-detail ol::-webkit-details-marker {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.product-detail ol li {
    padding-block: calc(var(--spacing) * 3);
}
.product-detail .content {
    padding: calc(var(--spacing) * 0);
}
:where(.product-detail .content > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
            calc(var(--spacing) * 16) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
            calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))
    );
}
@media not all and (min-width: 40rem) {
    .product-detail .content .has-large-numbers {
        padding: calc(var(--spacing) * 4);
    }
}
.product-detail .content .no-large-numbers {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
    background-color: var(--color-white);
    width: 100%;
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
    0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.product-detail .content .no-large-numbers > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
            calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
            calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
    );
}
@media (min-width: 40rem) {
    .product-detail .content .no-large-numbers {
        border-radius: var(--radius-2xl);
        padding: calc(var(--spacing) * 8);
    }
}
.product-detail .content .no-large-numbers h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.card-content.check-mark h5 {
    margin-left: calc(var(--spacing) * 10);
    position: relative;
}
.card-content.check-mark h5:before {
    content: "";
    background-color: var(--color-madx-acid);
    border-radius: 6px;
    width: 27px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: -41px;
    transform: translateY(-50%);
}
.product-detail .content .no-large-numbers ul,
.card-content.check-mark ul {
    padding-left: calc(var(--spacing) * 8);
    list-style-type: none;
}
.product-detail .content .no-large-numbers ul li,
.card-content.check-mark ul li {
    margin-left: calc(var(--spacing) * 2);
    position: relative;
}
.card-content.check-mark ul li {
    color: var(--color-madx-shadow);
}
.product-detail .content .no-large-numbers ul li:before,
.card-content.check-mark ul li:before {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><path d='m10 16 4 4 8-8m7.333 4c0 7.364-5.97 13.333-13.333 13.333S2.667 23.363 2.667 16 8.636 2.667 16 2.667 29.333 8.637 29.333 16' stroke='%23CDC400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: -40px;
}
.z-1 {
    z-index: 1;
}
.z-2 {
    z-index: 2;
}
.z-3 {
    z-index: 3;
}
.z-4 {
    z-index: 4;
}
.z-5 {
    z-index: 5;
}
.z-6 {
    z-index: 6;
}
.z-7 {
    z-index: 7;
}
.z-8 {
    z-index: 8;
}
.z-9 {
    z-index: 9;
}
@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;
    initial-value: rotateX(0);
}
@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0);
}
@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0);
}
@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0);
}
@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0);
}
@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-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;
}