/*! tailwindcss v4.0.0-beta.4 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;

:root {
        --bs-border-width: 1px;
        --bs-border-radius: 0.375rem;
        --bs-alert-padding-x: 1rem;
        --bs-alert-padding-y: 1rem;
        --bs-alert-margin-bottom: 1rem;

        --bs-primary-text-emphasis: #052c65;
        --bs-secondary-text-emphasis: #2b2f32;
        --bs-success-text-emphasis: #0a3622;
        --bs-info-text-emphasis: #055160;
        --bs-warning-text-emphasis: #664d03;
        --bs-danger-text-emphasis: #58151c;

        --bs-primary-bg-subtle: #cfe2ff;
        --bs-secondary-bg-subtle: #e2e3e5;
        --bs-success-bg-subtle: #d1e7dd;
        --bs-info-bg-subtle: #cff4fc;
        --bs-warning-bg-subtle: #fff3cd;
        --bs-danger-bg-subtle: #f8d7da;
        --bs-light-bg-subtle: #fcfcfd;

        --bs-primary-border-subtle: #9ec5fe;
        --bs-secondary-border-subtle: #c4c8cb;
        --bs-success-border-subtle: #a3cfbb;
        --bs-info-border-subtle: #9eeaf9;
        --bs-warning-border-subtle: #ffe69c;
        --bs-danger-border-subtle: #f1aeb5;
        --bs-light-border-subtle: #e9ecef;
    }

.auto-close {
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    /*padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);*/
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    margin-right: 15px;
    margin-top: 15px;
}

.info, .alert {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.danger, .error {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
/**/
.form-section {
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 8);
    margin: auto;
    max-width: 800px;
    text-align: center;
    position: relative;
}

.content-header {
    text-align: center;
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 8);
    padding: calc(0.25rem * 8);
}

h1, h2 {
    line-height: var(--text-7xl--line-height);
    letter-spacing: var(--tracking-tight);
    font-weight: var(--font-weight-semibold);
}

.content-header h1, .content-header h2 {
    color: var(--color-gray-900);
    text-align: center;
    font-size: var(--text-7xl);
}

.content-header p {
    text-align: center;
    font-size: var(--text-xl);
    line-height: calc(var(--spacing) * 8);
    color: var(--color-gray-500);
    text-wrap: pretty;
    font-weight: var(--font-weight-medium);
    margin-top: calc(var(--spacing) * 8);
}

.authentication-form {
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.form-content {
    row-gap: calc(var(--spacing) * 6);
    column-gap: calc(var(--spacing) * 8);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    justify-items: center;
    width: 100%;
}

.field.input-field {
    width: 100%;
}

.form-content p, .form-content ul {
    width: 100%;
    margin: 0;
}

.form-content ul {
    text-align: left;
}

.form-content label {
    color: var(--color-gray-900);
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
    display: block;
    text-align: left;
}

.form-content input {
    outline-color: var(--color-gray-300);
    border: 1px solid var(--color-gray-300);
    color: var(--color-gray-900);
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
    padding-block: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3.5);
    background-color: var(--color-white);
    border-radius: var(--radius-md);
    width: 90%;
    display: block;
}

.button-field {
    margin: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.button-field button {
    color: var(--color-white);
    background-color: var(--color-indigo-600);
    border: 1px solid var(--color-indigo-600);
    border-radius: 5px;
    width: 300px;
    padding: 10px;
    cursor: pointer;
}

.button-field button:hover {
    background-color: var(--color-white);
    color: var(--color-indigo-600);
}

.form-link {
    text-align: center;
    padding-bottom: 20px;
}

@media screen and (min-width: 900px) {
    .form-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/*Tailwing CSS */
@layer theme {
    :root {
        --font-sans: InterVariable, system-ui, sans-serif;
        --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
        --color-red-50: oklch(0.971 0.013 17.38);
        --color-red-100: oklch(0.936 0.032 17.717);
        --color-red-200: oklch(0.885 0.062 18.334);
        --color-red-300: oklch(0.808 0.114 19.571);
        --color-red-400: oklch(0.704 0.191 22.216);
        --color-red-500: oklch(0.637 0.237 25.331);
        --color-red-600: oklch(0.577 0.245 27.325);
        --color-red-700: oklch(0.505 0.213 27.518);
        --color-red-800: oklch(0.444 0.177 26.899);
        --color-red-900: oklch(0.396 0.141 25.723);
        --color-red-950: oklch(0.258 0.092 26.042);
        --color-orange-50: oklch(0.98 0.016 73.684);
        --color-orange-100: oklch(0.954 0.038 75.164);
        --color-orange-200: oklch(0.901 0.076 70.697);
        --color-orange-300: oklch(0.837 0.128 66.29);
        --color-orange-400: oklch(0.75 0.183 55.934);
        --color-orange-500: oklch(0.705 0.213 47.604);
        --color-orange-600: oklch(0.646 0.222 41.116);
        --color-orange-700: oklch(0.553 0.195 38.402);
        --color-orange-800: oklch(0.47 0.157 37.304);
        --color-orange-900: oklch(0.408 0.123 38.172);
        --color-orange-950: oklch(0.266 0.079 36.259);
        --color-amber-50: oklch(0.987 0.022 95.277);
        --color-amber-100: oklch(0.962 0.059 95.617);
        --color-amber-200: oklch(0.924 0.12 95.746);
        --color-amber-300: oklch(0.879 0.169 91.605);
        --color-amber-400: oklch(0.828 0.189 84.429);
        --color-amber-500: oklch(0.769 0.188 70.08);
        --color-amber-600: oklch(0.666 0.179 58.318);
        --color-amber-700: oklch(0.555 0.163 48.998);
        --color-amber-800: oklch(0.473 0.137 46.201);
        --color-amber-900: oklch(0.414 0.112 45.904);
        --color-amber-950: oklch(0.279 0.077 45.635);
        --color-yellow-50: oklch(0.987 0.026 102.212);
        --color-yellow-100: oklch(0.973 0.071 103.193);
        --color-yellow-200: oklch(0.945 0.129 101.54);
        --color-yellow-300: oklch(0.905 0.182 98.111);
        --color-yellow-400: oklch(0.852 0.199 91.936);
        --color-yellow-500: oklch(0.795 0.184 86.047);
        --color-yellow-600: oklch(0.681 0.162 75.834);
        --color-yellow-700: oklch(0.554 0.135 66.442);
        --color-yellow-800: oklch(0.476 0.114 61.907);
        --color-yellow-900: oklch(0.421 0.095 57.708);
        --color-yellow-950: oklch(0.286 0.066 53.813);
        --color-lime-50: oklch(0.986 0.031 120.757);
        --color-lime-100: oklch(0.967 0.067 122.328);
        --color-lime-200: oklch(0.938 0.127 124.321);
        --color-lime-300: oklch(0.897 0.196 126.665);
        --color-lime-400: oklch(0.841 0.238 128.85);
        --color-lime-500: oklch(0.768 0.233 130.85);
        --color-lime-600: oklch(0.648 0.2 131.684);
        --color-lime-700: oklch(0.532 0.157 131.589);
        --color-lime-800: oklch(0.453 0.124 130.933);
        --color-lime-900: oklch(0.405 0.101 131.063);
        --color-lime-950: oklch(0.274 0.072 132.109);
        --color-green-50: oklch(0.982 0.018 155.826);
        --color-green-100: oklch(0.962 0.044 156.743);
        --color-green-200: oklch(0.925 0.084 155.995);
        --color-green-300: oklch(0.871 0.15 154.449);
        --color-green-400: oklch(0.792 0.209 151.711);
        --color-green-500: oklch(0.723 0.219 149.579);
        --color-green-600: oklch(0.627 0.194 149.214);
        --color-green-700: oklch(0.527 0.154 150.069);
        --color-green-800: oklch(0.448 0.119 151.328);
        --color-green-900: oklch(0.393 0.095 152.535);
        --color-green-950: oklch(0.266 0.065 152.934);
        --color-emerald-50: oklch(0.979 0.021 166.113);
        --color-emerald-100: oklch(0.95 0.052 163.051);
        --color-emerald-200: oklch(0.905 0.093 164.15);
        --color-emerald-300: oklch(0.845 0.143 164.978);
        --color-emerald-400: oklch(0.765 0.177 163.223);
        --color-emerald-500: oklch(0.696 0.17 162.48);
        --color-emerald-600: oklch(0.596 0.145 163.225);
        --color-emerald-700: oklch(0.508 0.118 165.612);
        --color-emerald-800: oklch(0.432 0.095 166.913);
        --color-emerald-900: oklch(0.378 0.077 168.94);
        --color-emerald-950: oklch(0.262 0.051 172.552);
        --color-teal-50: oklch(0.984 0.014 180.72);
        --color-teal-100: oklch(0.953 0.051 180.801);
        --color-teal-200: oklch(0.91 0.096 180.426);
        --color-teal-300: oklch(0.855 0.138 181.071);
        --color-teal-400: oklch(0.777 0.152 181.912);
        --color-teal-500: oklch(0.704 0.14 182.503);
        --color-teal-600: oklch(0.6 0.118 184.704);
        --color-teal-700: oklch(0.511 0.096 186.391);
        --color-teal-800: oklch(0.437 0.078 188.216);
        --color-teal-900: oklch(0.386 0.063 188.416);
        --color-teal-950: oklch(0.277 0.046 192.524);
        --color-cyan-50: oklch(0.984 0.019 200.873);
        --color-cyan-100: oklch(0.956 0.045 203.388);
        --color-cyan-200: oklch(0.917 0.08 205.041);
        --color-cyan-300: oklch(0.865 0.127 207.078);
        --color-cyan-400: oklch(0.789 0.154 211.53);
        --color-cyan-500: oklch(0.715 0.143 215.221);
        --color-cyan-600: oklch(0.609 0.126 221.723);
        --color-cyan-700: oklch(0.52 0.105 223.128);
        --color-cyan-800: oklch(0.45 0.085 224.283);
        --color-cyan-900: oklch(0.398 0.07 227.392);
        --color-cyan-950: oklch(0.302 0.056 229.695);
        --color-sky-50: oklch(0.977 0.013 236.62);
        --color-sky-100: oklch(0.951 0.026 236.824);
        --color-sky-200: oklch(0.901 0.058 230.902);
        --color-sky-300: oklch(0.828 0.111 230.318);
        --color-sky-400: oklch(0.746 0.16 232.661);
        --color-sky-500: oklch(0.685 0.169 237.323);
        --color-sky-600: oklch(0.588 0.158 241.966);
        --color-sky-700: oklch(0.5 0.134 242.749);
        --color-sky-800: oklch(0.443 0.11 240.79);
        --color-sky-900: oklch(0.391 0.09 240.876);
        --color-sky-950: oklch(0.293 0.066 243.157);
        --color-blue-50: oklch(0.97 0.014 254.604);
        --color-blue-100: oklch(0.932 0.032 255.585);
        --color-blue-200: oklch(0.882 0.059 254.128);
        --color-blue-300: oklch(0.809 0.105 251.813);
        --color-blue-400: oklch(0.707 0.165 254.624);
        --color-blue-500: oklch(0.623 0.214 259.815);
        --color-blue-600: oklch(0.546 0.245 262.881);
        --color-blue-700: oklch(0.488 0.243 264.376);
        --color-blue-800: oklch(0.424 0.199 265.638);
        --color-blue-900: oklch(0.379 0.146 265.522);
        --color-blue-950: oklch(0.282 0.091 267.935);
        --color-indigo-50: oklch(0.962 0.018 272.314);
        --color-indigo-100: oklch(0.93 0.034 272.788);
        --color-indigo-200: oklch(0.87 0.065 274.039);
        --color-indigo-300: oklch(0.785 0.115 274.713);
        --color-indigo-400: oklch(0.673 0.182 276.935);
        --color-indigo-500: oklch(0.585 0.233 277.117);
        --color-indigo-600: oklch(0.511 0.262 276.966);
        --color-indigo-700: oklch(0.457 0.24 277.023);
        --color-indigo-800: oklch(0.398 0.195 277.366);
        --color-indigo-900: oklch(0.359 0.144 278.697);
        --color-indigo-950: oklch(0.257 0.09 281.288);
        --color-violet-50: oklch(0.969 0.016 293.756);
        --color-violet-100: oklch(0.943 0.029 294.588);
        --color-violet-200: oklch(0.894 0.057 293.283);
        --color-violet-300: oklch(0.811 0.111 293.571);
        --color-violet-400: oklch(0.702 0.183 293.541);
        --color-violet-500: oklch(0.606 0.25 292.717);
        --color-violet-600: oklch(0.541 0.281 293.009);
        --color-violet-700: oklch(0.491 0.27 292.581);
        --color-violet-800: oklch(0.432 0.232 292.759);
        --color-violet-900: oklch(0.38 0.189 293.745);
        --color-violet-950: oklch(0.283 0.141 291.089);
        --color-purple-50: oklch(0.977 0.014 308.299);
        --color-purple-100: oklch(0.946 0.033 307.174);
        --color-purple-200: oklch(0.902 0.063 306.703);
        --color-purple-300: oklch(0.827 0.119 306.383);
        --color-purple-400: oklch(0.714 0.203 305.504);
        --color-purple-500: oklch(0.627 0.265 303.9);
        --color-purple-600: oklch(0.558 0.288 302.321);
        --color-purple-700: oklch(0.496 0.265 301.924);
        --color-purple-800: oklch(0.438 0.218 303.724);
        --color-purple-900: oklch(0.381 0.176 304.987);
        --color-purple-950: oklch(0.291 0.149 302.717);
        --color-fuchsia-50: oklch(0.977 0.017 320.058);
        --color-fuchsia-100: oklch(0.952 0.037 318.852);
        --color-fuchsia-200: oklch(0.903 0.076 319.62);
        --color-fuchsia-300: oklch(0.833 0.145 321.434);
        --color-fuchsia-400: oklch(0.74 0.238 322.16);
        --color-fuchsia-500: oklch(0.667 0.295 322.15);
        --color-fuchsia-600: oklch(0.591 0.293 322.896);
        --color-fuchsia-700: oklch(0.518 0.253 323.949);
        --color-fuchsia-800: oklch(0.452 0.211 324.591);
        --color-fuchsia-900: oklch(0.401 0.17 325.612);
        --color-fuchsia-950: oklch(0.293 0.136 325.661);
        --color-pink-50: oklch(0.971 0.014 343.198);
        --color-pink-100: oklch(0.948 0.028 342.258);
        --color-pink-200: oklch(0.899 0.061 343.231);
        --color-pink-300: oklch(0.823 0.12 346.018);
        --color-pink-400: oklch(0.718 0.202 349.761);
        --color-pink-500: oklch(0.656 0.241 354.308);
        --color-pink-600: oklch(0.592 0.249 0.584);
        --color-pink-700: oklch(0.525 0.223 3.958);
        --color-pink-800: oklch(0.459 0.187 3.815);
        --color-pink-900: oklch(0.408 0.153 2.432);
        --color-pink-950: oklch(0.284 0.109 3.907);
        --color-rose-50: oklch(0.969 0.015 12.422);
        --color-rose-100: oklch(0.941 0.03 12.58);
        --color-rose-200: oklch(0.892 0.058 10.001);
        --color-rose-300: oklch(0.81 0.117 11.638);
        --color-rose-400: oklch(0.712 0.194 13.428);
        --color-rose-500: oklch(0.645 0.246 16.439);
        --color-rose-600: oklch(0.586 0.253 17.585);
        --color-rose-700: oklch(0.514 0.222 16.935);
        --color-rose-800: oklch(0.455 0.188 13.697);
        --color-rose-900: oklch(0.41 0.159 10.272);
        --color-rose-950: oklch(0.271 0.105 12.094);
        --color-slate-50: oklch(0.984 0.003 247.858);
        --color-slate-100: oklch(0.968 0.007 247.896);
        --color-slate-200: oklch(0.929 0.013 255.508);
        --color-slate-300: oklch(0.869 0.022 252.894);
        --color-slate-400: oklch(0.704 0.04 256.788);
        --color-slate-500: oklch(0.554 0.046 257.417);
        --color-slate-600: oklch(0.446 0.043 257.281);
        --color-slate-700: oklch(0.372 0.044 257.287);
        --color-slate-800: oklch(0.279 0.041 260.031);
        --color-slate-900: oklch(0.208 0.042 265.755);
        --color-slate-950: oklch(0.129 0.042 264.695);
        --color-gray-50: oklch(0.985 0.002 247.839);
        --color-gray-100: oklch(0.967 0.003 264.542);
        --color-gray-200: oklch(0.928 0.006 264.531);
        --color-gray-300: oklch(0.872 0.01 258.338);
        --color-gray-400: oklch(0.707 0.022 261.325);
        --color-gray-500: oklch(0.551 0.027 264.364);
        --color-gray-600: oklch(0.446 0.03 256.802);
        --color-gray-700: oklch(0.373 0.034 259.733);
        --color-gray-800: oklch(0.278 0.033 256.848);
        --color-gray-900: oklch(0.21 0.034 264.665);
        --color-gray-950: oklch(0.13 0.028 261.692);
        --color-zinc-50: oklch(0.985 0 0);
        --color-zinc-100: oklch(0.967 0.001 286.375);
        --color-zinc-200: oklch(0.92 0.004 286.32);
        --color-zinc-300: oklch(0.871 0.006 286.286);
        --color-zinc-400: oklch(0.705 0.015 286.067);
        --color-zinc-500: oklch(0.552 0.016 285.938);
        --color-zinc-600: oklch(0.442 0.017 285.786);
        --color-zinc-700: oklch(0.37 0.013 285.805);
        --color-zinc-800: oklch(0.274 0.006 286.033);
        --color-zinc-900: oklch(0.21 0.006 285.885);
        --color-zinc-950: oklch(0.141 0.005 285.823);
        --color-neutral-50: oklch(0.985 0 0);
        --color-neutral-100: oklch(0.97 0 0);
        --color-neutral-200: oklch(0.922 0 0);
        --color-neutral-300: oklch(0.87 0 0);
        --color-neutral-400: oklch(0.708 0 0);
        --color-neutral-500: oklch(0.556 0 0);
        --color-neutral-600: oklch(0.439 0 0);
        --color-neutral-700: oklch(0.371 0 0);
        --color-neutral-800: oklch(0.269 0 0);
        --color-neutral-900: oklch(0.205 0 0);
        --color-neutral-950: oklch(0.145 0 0);
        --color-stone-50: oklch(0.985 0.001 106.423);
        --color-stone-100: oklch(0.97 0.001 106.424);
        --color-stone-200: oklch(0.923 0.003 48.717);
        --color-stone-300: oklch(0.869 0.005 56.366);
        --color-stone-400: oklch(0.709 0.01 56.259);
        --color-stone-500: oklch(0.553 0.013 58.071);
        --color-stone-600: oklch(0.444 0.011 73.639);
        --color-stone-700: oklch(0.374 0.01 67.558);
        --color-stone-800: oklch(0.268 0.007 34.298);
        --color-stone-900: oklch(0.216 0.006 56.043);
        --color-stone-950: oklch(0.147 0.004 49.25);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --breakpoint-sm: 40rem;
        --breakpoint-md: 48rem;
        --breakpoint-lg: 64rem;
        --breakpoint-xl: 80rem;
        --breakpoint-2xl: 96rem;
        --container-3xs: 16rem;
        --container-2xs: 18rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --container-prose: 65ch;
        --text-xs: 0.65rem;
        /*--text-xs: 0.5rem;*/
        /*--text-xs: 0.75rem;*/
        --text-xs--line-height: calc(1 / 0.75);
        --text-sm: 0.75rem;
        /*--text-sm: 0.65rem;*/
        /*--text-sm: 0.875rem;*/
        --text-sm--line-height: calc(1.25 / 0.875);
        --text-base: 0.85rem;
        /*--text-base: 0.75rem;*/
        /*--text-base: 1rem;*/
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 0.875rem;
        /*--text-lg: 1.125rem;*/
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.1rem;
        /*--text-xl: 1.25rem;*/
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.125rem;
        /*--text-2xl: 1.5rem;*/
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.25rem;
        /*--text-3xl: 1.875rem;*/
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 1.5rem;
        /*--text-4xl: 2.25rem;*/
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 1.875rem;
        /*--text-5xl: 3rem;*/
        --text-5xl--line-height: 1;
        --text-6xl: 2.25rem;
        /*--text-6xl: 3.75rem;*/
        --text-6xl--line-height: 1;
        --text-7xl: 3rem;
        /*--text-7xl: 4.5rem;*/
        --text-7xl--line-height: 1;
        --text-8xl: 3.75rem;
        /*--text-8xl: 6rem;*/
        --text-8xl--line-height: 1;
        --text-9xl: 4rem;
        /*--text-9xl: 8rem;*/
        --text-9xl--line-height: 1;
        --font-weight-thin: 100;
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tighter: -0.05em;
        --tracking-tight: -0.025em;
        --tracking-normal: 0em;
        --tracking-wide: 0.025em;
        --tracking-wider: 0.05em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-xs: 0.125rem;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-xl: 0.75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
        --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
        --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),
        0 2px 4px -2px rgb(0 0 0 / 0.1);
        --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
        0 4px 6px -4px rgb(0 0 0 / 0.1);
        --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),
        0 8px 10px -6px rgb(0 0 0 / 0.1);
        --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
        --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
        --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
        --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
        --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
        --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
        --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
        --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
        --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
        --ease-in: cubic-bezier(0.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
        --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --blur-3xl: 64px;
        --perspective-dramatic: 100px;
        --perspective-near: 300px;
        --perspective-normal: 500px;
        --perspective-midrange: 800px;
        --perspective-distant: 1200px;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(
                --font-sans--font-variation-settings
        );
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(
                --font-mono--font-feature-settings
        );
        --default-mono-font-variation-settings: var(
                --font-mono--font-variation-settings
        );
        --font-sans--font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
    }
}

@layer base {
    *, ::after, ::before, ::backdrop, ::file-selector-button {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0 solid;
    }

    html, :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        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;
    }

    body {
        line-height: inherit;
        /*max-width: 120px;*/
    }

    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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    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 {
        display: block;
        vertical-align: middle;
    }

    img, video {
        max-width: 100%;
        height: auto;
    }

    button, input, select, optgroup, textarea, ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        border-radius: 0;
        background-color: transparent;
        opacity: 1;
    }

    :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;
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

    :-moz-ui-invalid {
        box-shadow: none;
    }

    button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
        appearance: button;
    }

    ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
        height: auto;
    }

    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}

@layer utilities {
    .a {
        container-type: inline-size;
    }

    .b {
        container-type: inline-size;
    }

    .c {
        pointer-events: auto;
    }

    .d {
        pointer-events: none;
    }

    .e {
        visibility: visible !important;
    }

    .f {
        visibility: collapse;
    }

    .g {
        visibility: hidden;
    }

    .h {
        visibility: visible;
    }

    .i {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

    .j {
        position: absolute;
    }

    .k {
        position: fixed;
    }

    .l {
        position: relative;
    }

    .m {
        position: static;
    }

    .n {
        position: sticky;
    }

    .o {
        inset: calc(var(--spacing) * -0.5);
    }

    .p {
        inset: calc(var(--spacing) * -1);
    }

    .q {
        inset: calc(var(--spacing) * -1.5);
    }

    .r {
        inset: calc(var(--spacing) * -2);
    }

    .s {
        inset: calc(var(--spacing) * -2.5);
    }

    .t {
        inset: -1px;
    }

    .u {
        inset: calc(var(--spacing) * 0);
    }

    .v {
        inset: calc(var(--spacing) * 1);
    }

    .w {
        inset: 1px;
    }

    .x {
        inset-inline: calc(var(--spacing) * -20);
    }

    .y {
        inset-inline: calc(var(--spacing) * 0);
    }

    .z {
        inset-inline: calc(var(--spacing) * 4);
    }

    .aa {
        inset-inline: calc(var(--spacing) * 8);
    }

    .ab {
        inset-inline: calc(var(--spacing) * 10);
    }

    .ac {
        inset-inline: 1px;
    }

    .ad {
        inset-block: -1px;
    }

    .ae {
        inset-block: calc(var(--spacing) * 0);
    }

    .af {
        top: calc(var(--spacing) * -1);
    }

    .ag {
        top: calc(var(--spacing) * -2);
    }

    .ah {
        top: calc(var(--spacing) * -3);
    }

    .ai {
        top: calc(var(--spacing) * -4);
    }

    .aj {
        top: calc(var(--spacing) * -10);
    }

    .ak {
        top: calc(var(--spacing) * -12);
    }

    .al {
        top: calc(var(--spacing) * -16);
    }

    .am {
        top: calc(var(--spacing) * -24);
    }

    .an {
        top: calc(var(--spacing) * -32);
    }

    .ao {
        top: calc(var(--spacing) * -40);
    }

    .ap {
        top: calc(var(--spacing) * -52);
    }

    .aq {
        top: calc(var(--spacing) * -56);
    }

    .ar {
        top: calc(var(--spacing) * -80);
    }

    .as {
        top: calc(40rem * -1);
    }

    .at {
        top: -1px;
    }

    .au {
        top: calc(var(--spacing) * 0);
    }

    .av {
        top: calc(var(--spacing) * 1);
    }

    .aw {
        top: calc(1 / 2 * 100%);
    }

    .ax {
        top: calc(var(--spacing) * 3);
    }

    .ay {
        top: calc(var(--spacing) * 4);
    }

    .az {
        top: calc(var(--spacing) * 5);
    }

    .ba {
        top: calc(var(--spacing) * 6);
    }

    .bb {
        top: calc(var(--spacing) * 8);
    }

    .bc {
        top: calc(var(--spacing) * 10);
    }

    .bd {
        top: calc(var(--spacing) * 16);
    }

    .be {
        top: calc(var(--spacing) * 48);
    }

    .bf {
        top: -10rem;
    }

    .bg {
        top: calc(50% - 36rem);
    }

    .bh {
        top: calc(100% - 13rem);
    }

    .bi {
        top: 100%;
    }

    .bj {
        right: calc(var(--spacing) * -1);
    }

    .bk {
        right: calc(var(--spacing) * -1.5);
    }

    .bl {
        right: calc(var(--spacing) * -2);
    }

    .bm {
        right: calc(var(--spacing) * -4);
    }

    .bn {
        right: calc(var(--spacing) * -14);
    }

    .bo {
        right: calc(var(--spacing) * 0);
    }

    .bp {
        right: calc(1 / 2 * 100%);
    }

    .bq {
        right: calc(var(--spacing) * 4);
    }

    .br {
        right: calc(var(--spacing) * 6);
    }

    .bs {
        right: calc(var(--spacing) * 8);
    }

    .bt {
        right: calc(var(--spacing) * 9);
    }

    .bu {
        right: calc(var(--spacing) * 10);
    }

    .bv {
        right: 100%;
    }

    .bw {
        bottom: calc(var(--spacing) * -0.5);
    }

    .bx {
        bottom: calc(var(--spacing) * -6);
    }

    .by {
        bottom: calc(var(--spacing) * -8);
    }

    .bz {
        bottom: calc(var(--spacing) * -24);
    }

    .ca {
        bottom: calc(var(--spacing) * -48);
    }

    .cb {
        bottom: -1px;
    }

    .cc {
        bottom: calc(var(--spacing) * 0);
    }

    .cd {
        bottom: calc(var(--spacing) * 6);
    }

    .ce {
        bottom: calc(var(--spacing) * 10);
    }

    .cf {
        bottom: 100%;
    }

    .cg {
        left: calc(var(--spacing) * -1.5);
    }

    .ch {
        left: calc(var(--spacing) * -2);
    }

    .ci {
        left: calc(var(--spacing) * -3);
    }

    .cj {
        left: calc(var(--spacing) * -8);
    }

    .ck {
        left: calc(var(--spacing) * -40);
    }

    .cl {
        left: calc(var(--spacing) * -56);
    }

    .cm {
        left: calc(var(--spacing) * -80);
    }

    .cn {
        left: calc(var(--spacing) * -96);
    }

    .co {
        left: calc(var(--spacing) * 0);
    }

    .cp {
        left: calc(var(--spacing) * 1);
    }

    .cq {
        left: calc(1 / 2 * 100%);
    }

    .cr {
        left: calc(var(--spacing) * 2);
    }

    .cs {
        left: calc(3 / 4 * 100%);
    }

    .ct {
        left: calc(var(--spacing) * 4);
    }

    .cu {
        left: calc(var(--spacing) * 5);
    }

    .cv {
        left: calc(var(--spacing) * 6);
    }

    .cw {
        left: calc(var(--spacing) * 8);
    }

    .cx {
        left: calc(var(--spacing) * 10);
    }

    .cy {
        left: calc(var(--spacing) * 12);
    }

    .cz {
        left: calc(var(--spacing) * 14);
    }

    .da {
        left: calc(var(--spacing) * 16);
    }

    .db {
        left: calc(var(--spacing) * 20);
    }

    .dc {
        left: calc(var(--spacing) * 24);
    }

    .dd {
        left: calc(var(--spacing) * 72);
    }

    .de {
        left: calc(50% + 3rem);
    }

    .df {
        left: calc(50% - 4rem);
    }

    .dg {
        left: calc(50% - 11rem);
    }

    .dh {
        left: calc(50% - 19rem);
    }

    .di {
        left: max(-7rem, calc(50% - 52rem));
    }

    .dj {
        left: max(6rem, 33%);
    }

    .dk {
        left: max(45rem, calc(50% + 8rem));
    }

    .dl {
        left: max(50%, 25rem);
    }

    .dm {
        left: 100%;
    }

    .dn {
        isolation: isolate;
    }

    .do {
        z-index: calc(10 * -1);
    }

    .dp {
        z-index: calc(20 * -1);
    }

    .dq {
        z-index: 0;
    }

    .dr {
        z-index: 10;
    }

    .ds {
        z-index: 20;
    }

    .dt {
        z-index: 30;
    }

    .du {
        z-index: 40;
    }

    .dv {
        z-index: 50;
    }

    .dw {
        order: 0;
    }

    .dx {
        order: 1;
    }

    .dy {
        order: 2;
    }

    .dz {
        order: 3;
    }

    .ea {
        order: 0;
    }

    .eb {
        order: calc(-infinity);
    }

    .ec {
        order: calc(infinity);
    }

    .ed {
        grid-column: span 1 / span 1;
    }

    .ee {
        grid-column: span 2 / span 2;
    }

    .ef {
        grid-column: span 3 / span 3;
    }

    .eg {
        grid-column: span 4 / span 4;
    }

    .eh {
        grid-column: span 6 / span 6;
    }

    .ei {
        grid-column: span 8 / span 8;
    }

    .ej {
        grid-column: span 12 / span 12;
    }

    .ek {
        grid-column: 1 / -1;
    }

    .el {
        grid-column-start: 1;
    }

    .em {
        grid-column-start: 2;
    }

    .en {
        grid-column-start: 3;
    }

    .eo {
        grid-column-start: 4;
    }

    .ep {
        grid-column-start: 5;
    }

    .eq {
        grid-column-start: 6;
    }

    .er {
        grid-column-start: 7;
    }

    .es {
        grid-column-start: 8;
    }

    .et {
        grid-column-end: 1;
    }

    .eu {
        grid-column-end: 2;
    }

    .ev {
        grid-column-end: 3;
    }

    .ew {
        grid-row: span 2 / span 2;
    }

    .ex {
        grid-row: 1 / -1;
    }

    .ey {
        grid-row-start: 1;
    }

    .ez {
        grid-row-end: 1;
    }

    .fa {
        grid-row-end: 2;
    }

    .fb {
        width: 100%;
        @media (width >= 40rem) {
            max-width: 40rem;
        }
        @media (width >= 48rem) {
            max-width: 48rem;
        }
        @media (width >= 64rem) {
            max-width: 64rem;
        }
        @media (width >= 80rem) {
            max-width: 80rem;
        }
        @media (width >= 96rem) {
            max-width: 96rem;
        }
    }

    .fc {
        margin: calc(var(--spacing) * -0.5);
    }

    .fd {
        margin: calc(var(--spacing) * -1);
    }

    .fe {
        margin: calc(var(--spacing) * -1.5);
    }

    .ff {
        margin: calc(var(--spacing) * -2);
    }

    .fg {
        margin: calc(var(--spacing) * -2.5);
    }

    .fh {
        margin: calc(var(--spacing) * -3);
    }

    .fi {
        margin: calc(var(--spacing) * 1);
    }

    .fj {
        margin-inline: calc(var(--spacing) * -0.5);
    }

    .fk {
        margin-inline: calc(var(--spacing) * -1);
    }

    .fl {
        margin-inline: calc(var(--spacing) * -1.5);
    }

    .fm {
        margin-inline: calc(var(--spacing) * -2);
    }

    .fn {
        margin-inline: calc(var(--spacing) * -3);
    }

    .fo {
        margin-inline: calc(var(--spacing) * -4);
    }

    .fp {
        margin-inline: calc(var(--spacing) * -5);
    }

    .fq {
        margin-inline: calc(var(--spacing) * -6);
    }

    .fr {
        margin-inline: calc(var(--spacing) * -8);
    }

    .fs {
        margin-inline: -1px;
    }

    .ft {
        margin-inline: calc(var(--spacing) * 0.5);
    }

    .fu {
        margin-inline: calc(var(--spacing) * 1);
    }

    .fv {
        margin-inline: calc(var(--spacing) * 2);
    }

    .fw {
        margin-inline: calc(var(--spacing) * 3);
    }

    .fx {
        margin-inline: calc(var(--spacing) * 4);
    }

    .fy {
        margin-inline: auto;
    }

    .fz {
        margin-inline: 1px;
    }

    .ga {
        margin-block: calc(var(--spacing) * -1);
    }

    .gb {
        margin-block: calc(var(--spacing) * -1.5);
    }

    .gc {
        margin-block: calc(var(--spacing) * -2);
    }

    .gd {
        margin-block: calc(var(--spacing) * -3);
    }

    .ge {
        margin-block: calc(var(--spacing) * -4);
    }

    .gf {
        margin-block: calc(var(--spacing) * -5);
    }

    .gg {
        margin-block: calc(var(--spacing) * -6);
    }

    .gh {
        margin-block: calc(var(--spacing) * -8);
    }

    .gi {
        margin-block: calc(var(--spacing) * -10);
    }

    .gj {
        margin-block: calc(var(--spacing) * -12);
    }

    .gk {
        margin-block: calc(var(--spacing) * 5);
    }

    .gl {
        margin-block: calc(var(--spacing) * 24);
    }

    .gm {
        margin-top: calc(var(--spacing) * -0.5);
    }

    .gn {
        margin-top: calc(var(--spacing) * -1);
    }

    .go {
        margin-top: calc(var(--spacing) * -2);
    }

    .gp {
        margin-top: calc(var(--spacing) * -2.5);
    }

    .gq {
        margin-top: calc(var(--spacing) * -4);
    }

    .gr {
        margin-top: calc(var(--spacing) * -6);
    }

    .gs {
        margin-top: calc(var(--spacing) * -8);
    }

    .gt {
        margin-top: calc(var(--spacing) * -12);
    }

    .gu {
        margin-top: calc(var(--spacing) * -16);
    }

    .gv {
        margin-top: calc(var(--spacing) * -20);
    }

    .gw {
        margin-top: calc(var(--spacing) * -24);
    }

    .gx {
        margin-top: calc(var(--spacing) * -32);
    }

    .gy {
        margin-top: calc(var(--spacing) * -72);
    }

    .gz {
        margin-top: calc(var(--spacing) * -80);
    }

    .ha {
        margin-top: calc(var(--spacing) * -96);
    }

    .hb {
        margin-top: -1px;
    }

    .hc {
        margin-top: calc(var(--spacing) * 0.5);
    }

    .hd {
        margin-top: calc(var(--spacing) * 1);
    }

    .he {
        margin-top: calc(var(--spacing) * 1.5);
    }

    .hf {
        margin-top: calc(var(--spacing) * 2);
    }

    .hg {
        margin-top: calc(var(--spacing) * 2.5);
    }

    .hh {
        margin-top: calc(var(--spacing) * 3);
    }

    .hi {
        margin-top: calc(var(--spacing) * 4);
    }

    .hj {
        margin-top: calc(var(--spacing) * 5);
    }

    .hk {
        margin-top: calc(var(--spacing) * 6);
    }

    .hl {
        margin-top: calc(var(--spacing) * 7);
    }

    .hm {
        margin-top: calc(var(--spacing) * 8);
    }

    .hn {
        margin-top: calc(var(--spacing) * 9);
    }

    .ho {
        margin-top: calc(var(--spacing) * 10);
    }

    .hp {
        margin-top: calc(var(--spacing) * 11);
    }

    .hq {
        margin-top: calc(var(--spacing) * 12);
    }

    .hr {
        margin-top: calc(var(--spacing) * 14);
    }

    .hs {
        margin-top: calc(var(--spacing) * 16);
    }

    .ht {
        margin-top: calc(var(--spacing) * 20);
    }

    .hu {
        margin-top: calc(var(--spacing) * 24);
    }

    .hv {
        margin-top: calc(var(--spacing) * 32);
    }

    .hw {
        margin-top: calc(var(--spacing) * 96);
    }

    .hx {
        margin-top: auto;
    }

    .hy {
        margin-top: 1px;
    }

    .hz {
        margin-right: calc(var(--spacing) * -0.5);
    }

    .ia {
        margin-right: calc(var(--spacing) * -1);
    }

    .ib {
        margin-right: calc(var(--spacing) * -1.5);
    }

    .ic {
        margin-right: calc(var(--spacing) * -2);
    }

    .id {
        margin-right: calc(var(--spacing) * -3);
    }

    .ie {
        margin-right: calc(var(--spacing) * -10);
    }

    .if {
        margin-right: calc(var(--spacing) * -12);
    }

    .ig {
        margin-right: calc(var(--spacing) * -14);
    }

    .ih {
        margin-right: calc(var(--spacing) * -20);
    }

    .ii {
        margin-right: calc(var(--spacing) * -40);
    }

    .ij {
        margin-right: calc(var(--spacing) * -48);
    }

    .ik {
        margin-right: calc(var(--spacing) * -96);
    }

    .il {
        margin-right: -1px;
    }

    .im {
        margin-right: calc(var(--spacing) * 0.5);
    }

    .in {
        margin-right: calc(var(--spacing) * 1);
    }

    .io {
        margin-right: calc(var(--spacing) * 1.5);
    }

    .ip {
        margin-right: calc(var(--spacing) * 2);
    }

    .iq {
        margin-right: calc(var(--spacing) * 3);
    }

    .ir {
        margin-right: calc(var(--spacing) * 4);
    }

    .is {
        margin-right: calc(var(--spacing) * 6);
    }

    .it {
        margin-right: calc(var(--spacing) * 8);
    }

    .iu {
        margin-right: calc(var(--spacing) * 12);
    }

    .iv {
        margin-right: calc(var(--spacing) * 16);
    }

    .iw {
        margin-right: auto;
    }

    .ix {
        margin-bottom: calc(var(--spacing) * -1);
    }

    .iy {
        margin-bottom: calc(var(--spacing) * -2);
    }

    .iz {
        margin-bottom: calc(var(--spacing) * -6);
    }

    .ja {
        margin-bottom: calc(var(--spacing) * -8);
    }

    .jb {
        margin-bottom: calc(var(--spacing) * -10);
    }

    .jc {
        margin-bottom: calc(var(--spacing) * -12);
    }

    .jd {
        margin-bottom: calc(var(--spacing) * -16);
    }

    .je {
        margin-bottom: calc(var(--spacing) * -20);
    }

    .jf {
        margin-bottom: calc(var(--spacing) * -48);
    }

    .jg {
        margin-bottom: -1px;
    }

    .jh {
        margin-bottom: calc(var(--spacing) * 1);
    }

    .ji {
        margin-bottom: calc(var(--spacing) * 2);
    }

    .jj {
        margin-bottom: calc(var(--spacing) * 4);
    }

    .jk {
        margin-bottom: calc(var(--spacing) * 6);
    }

    .jl {
        margin-bottom: calc(var(--spacing) * 8);
    }

    .jm {
        margin-bottom: calc(var(--spacing) * 48);
    }

    .jn {
        margin-bottom: -12%;
    }

    .jo {
        margin-left: calc(var(--spacing) * -0.5);
    }

    .jp {
        margin-left: calc(var(--spacing) * -1);
    }

    .jq {
        margin-left: calc(var(--spacing) * -1.5);
    }

    .jr {
        margin-left: calc(var(--spacing) * -2);
    }

    .js {
        margin-left: calc(var(--spacing) * -3);
    }

    .jt {
        margin-left: calc(var(--spacing) * -4);
    }

    .ju {
        margin-left: calc(var(--spacing) * -6);
    }

    .jv {
        margin-left: calc(var(--spacing) * -8);
    }

    .jw {
        margin-left: calc(var(--spacing) * -12);
    }

    .jx {
        margin-left: calc(var(--spacing) * -14);
    }

    .jy {
        margin-left: calc(var(--spacing) * -16);
    }

    .jz {
        margin-left: calc(var(--spacing) * -20);
    }

    .ka {
        margin-left: calc(var(--spacing) * -24);
    }

    .kb {
        margin-left: calc(var(--spacing) * -48);
    }

    .kc {
        margin-left: -1px;
    }

    .kd {
        margin-left: calc(var(--spacing) * 0.5);
    }

    .ke {
        margin-left: calc(var(--spacing) * 1);
    }

    .kf {
        margin-left: calc(var(--spacing) * 1.5);
    }

    .kg {
        margin-left: calc(var(--spacing) * 2);
    }

    .kh {
        margin-left: calc(var(--spacing) * 2.5);
    }

    .ki {
        margin-left: calc(var(--spacing) * 3);
    }

    .kj {
        margin-left: calc(var(--spacing) * 4);
    }

    .kk {
        margin-left: calc(var(--spacing) * 5);
    }

    .kl {
        margin-left: calc(var(--spacing) * 6);
    }

    .km {
        margin-left: calc(var(--spacing) * 8);
    }

    .kn {
        margin-left: calc(var(--spacing) * 9);
    }

    .ko {
        margin-left: calc(var(--spacing) * 10);
    }

    .kp {
        margin-left: calc(var(--spacing) * 16);
    }

    .kq {
        margin-left: calc(var(--spacing) * 24);
    }

    .kr {
        margin-left: -22rem;
    }

    .ks {
        margin-left: max(50%, 38rem);
    }

    .kt {
        margin-left: auto;
    }

    .ku {
        margin-left: 1px;
    }

    .kv {
        box-sizing: content-box;
    }

    .kw {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .kx {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .ky {
        display: block;
    }

    .kz {
        display: contents;
    }

    .la {
        display: flex;
    }

    .lb {
        display: flow-root;
    }

    .lc {
        display: grid;
    }

    .ld {
        display: none;
    }

    .le {
        display: inline;
    }

    .lf {
        display: inline-block;
    }

    .lg {
        display: inline-flex;
    }

    .lh {
        display: inline-grid;
    }

    .li {
        display: inline-table;
    }

    .lj {
        display: list-item;
    }

    .lk {
        display: table;
    }

    .ll {
        display: table-caption;
    }

    .lm {
        display: table-cell;
    }

    .ln {
        display: table-column;
    }

    .lo {
        display: table-column-group;
    }

    .lp {
        display: table-footer-group;
    }

    .lq {
        display: table-header-group;
    }

    .lr {
        display: table-row;
    }

    .ls {
        display: table-row-group;
    }

    .lt {
        aspect-ratio: 2/1;
    }

    .lu {
        aspect-ratio: 2/3;
    }

    .lv {
        aspect-ratio: 3/2;
    }

    .lw {
        aspect-ratio: 3/4;
    }

    .lx {
        aspect-ratio: 4/3;
    }

    .ly {
        aspect-ratio: 4/5;
    }

    .lz {
        aspect-ratio: 5/2;
    }

    .ma {
        aspect-ratio: 5/3;
    }

    .mb {
        aspect-ratio: 5/6;
    }

    .mc {
        aspect-ratio: 6/5;
    }

    .md {
        aspect-ratio: 7/5;
    }

    .me {
        aspect-ratio: 7/8;
    }

    .mf {
        aspect-ratio: 9/4;
    }

    .mg {
        aspect-ratio: 10/6;
    }

    .mh {
        aspect-ratio: 10/7;
    }

    .mi {
        aspect-ratio: 12/7;
    }

    .mj {
        aspect-ratio: 14/13;
    }

    .mk {
        aspect-ratio: 16/7;
    }

    .ml {
        aspect-ratio: 577/310;
    }

    .mm {
        aspect-ratio: 801/1036;
    }

    .mn {
        aspect-ratio: 1097/845;
    }

    .mo {
        aspect-ratio: 1097/1023;
    }

    .mp {
        aspect-ratio: 1108/632;
    }

    .mq {
        aspect-ratio: 1154/678;
    }

    .mr {
        aspect-ratio: 1155/678;
    }

    .ms {
        aspect-ratio: 1266/975;
    }

    .mt {
        aspect-ratio: 1313/771;
    }

    .mu {
        aspect-ratio: 1318/752;
    }

    .mv {
        aspect-ratio: 1404/767;
    }

    .mw {
        aspect-ratio: 2432/1442;
    }

    .mx {
        aspect-ratio: 2/1;
    }

    .my {
        aspect-ratio: 2/3;
    }

    .mz {
        aspect-ratio: 3/2;
    }

    .na {
        aspect-ratio: 3/4;
    }

    .nb {
        aspect-ratio: 4/3;
    }

    .nc {
        aspect-ratio: 4/5;
    }

    .nd {
        aspect-ratio: 5/2;
    }

    .ne {
        aspect-ratio: 5/3;
    }

    .nf {
        aspect-ratio: 5/6;
    }

    .ng {
        aspect-ratio: 6/5;
    }

    .nh {
        aspect-ratio: 7/5;
    }

    .ni {
        aspect-ratio: 7/8;
    }

    .nj {
        aspect-ratio: 9/4;
    }

    .nk {
        aspect-ratio: 10/6;
    }

    .nl {
        aspect-ratio: 10/7;
    }

    .nm {
        aspect-ratio: 12/7;
    }

    .nn {
        aspect-ratio: 14/13;
    }

    .no {
        aspect-ratio: 16/7;
    }

    .np {
        aspect-ratio: 577/310;
    }

    .nq {
        aspect-ratio: 801/1036;
    }

    .nr {
        aspect-ratio: 1097/845;
    }

    .ns {
        aspect-ratio: 1097/1023;
    }

    .nt {
        aspect-ratio: 1108/632;
    }

    .nu {
        aspect-ratio: 1154/678;
    }

    .nv {
        aspect-ratio: 1155/678;
    }

    .nw {
        aspect-ratio: 1266/975;
    }

    .nx {
        aspect-ratio: 1313/771;
    }

    .ny {
        aspect-ratio: 1318/752;
    }

    .nz {
        aspect-ratio: 1404/767;
    }

    .oa {
        aspect-ratio: 2432/1442;
    }

    .ob {
        aspect-ratio: 1 / 1;
    }

    .oc {
        aspect-ratio: 16 / 9;
    }

    .od {
        width: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 0);
    }

    .oe {
        width: calc(var(--spacing) * 0.5);
        height: calc(var(--spacing) * 0.5);
    }

    .of {
        width: calc(var(--spacing) * 1);
        height: calc(var(--spacing) * 1);
    }

    .og {
        width: calc(var(--spacing) * 1.5);
        height: calc(var(--spacing) * 1.5);
    }

    .oh {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
    }

    .oi {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5);
    }

    .oj {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }

    .ok {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }

    .ol {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }

    .om {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }

    .on {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }

    .oo {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7);
    }

    .op {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }

    .oq {
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9);
    }

    .or {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
    }

    .os {
        width: calc(var(--spacing) * 11);
        height: calc(var(--spacing) * 11);
    }

    .ot {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
    }

    .ou {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14);
    }

    .ov {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16);
    }

    .ow {
        width: calc(var(--spacing) * 20);
        height: calc(var(--spacing) * 20);
    }

    .ox {
        width: calc(var(--spacing) * 24);
        height: calc(var(--spacing) * 24);
    }

    .oy {
        width: calc(var(--spacing) * 32);
        height: calc(var(--spacing) * 32);
    }

    .oz {
        width: calc(var(--spacing) * 40);
        height: calc(var(--spacing) * 40);
    }

    .pa {
        width: calc(var(--spacing) * 48);
        height: calc(var(--spacing) * 48);
    }

    .pb {
        width: calc(var(--spacing) * 56);
        height: calc(var(--spacing) * 56);
    }

    .pc {
        width: calc(var(--spacing) * 64);
        height: calc(var(--spacing) * 64);
    }

    .pd {
        width: 64rem;
        height: 64rem;
    }

    .pe {
        width: 100%;
        height: 100%;
    }

    .pf {
        height: calc(var(--spacing) * 0);
    }

    .pg {
        height: calc(var(--spacing) * 0.5);
    }

    .ph {
        height: calc(var(--spacing) * 1.5);
    }

    .pi {
        height: calc(1 / 2 * 100%);
    }

    .pj {
        height: calc(1 / 3 * 100%);
    }

    .pk {
        height: calc(var(--spacing) * 2);
    }

    .pl {
        height: calc(2 / 3 * 100%);
    }

    .pm {
        height: calc(var(--spacing) * 3);
    }

    .pn {
        height: calc(3 / 4 * 100%);
    }

    .po {
        height: calc(var(--spacing) * 4);
    }

    .pp {
        height: calc(var(--spacing) * 5);
    }

    .pq {
        height: calc(5 / 6 * 100%);
    }

    .pr {
        height: calc(var(--spacing) * 6);
    }

    .ps {
        height: calc(var(--spacing) * 7);
    }

    .pt {
        height: calc(var(--spacing) * 8);
    }

    .pu {
        height: calc(var(--spacing) * 9);
    }

    .pv {
        height: calc(var(--spacing) * 10);
    }

    .pw {
        height: calc(var(--spacing) * 11);
    }

    .px {
        height: calc(var(--spacing) * 12);
    }

    .py {
        height: calc(var(--spacing) * 14);
    }

    .pz {
        height: calc(var(--spacing) * 16);
    }

    .qa {
        height: calc(var(--spacing) * 20);
    }

    .qb {
        height: calc(var(--spacing) * 24);
    }

    .qc {
        height: calc(var(--spacing) * 32);
    }

    .qd {
        height: calc(var(--spacing) * 36);
    }

    .qe {
        height: calc(var(--spacing) * 40);
    }

    .qf {
        height: calc(var(--spacing) * 48);
    }

    .qg {
        height: calc(var(--spacing) * 56);
    }

    .qh {
        height: calc(var(--spacing) * 64);
    }

    .qi {
        height: calc(var(--spacing) * 50);
        /*height: calc(var(--spacing) * 72);*/
    }

    .qj {
        height: calc(var(--spacing) * 80);
    }

    .qk {
        height: calc(var(--spacing) * 96);
    }

    .ql {
        height: 40rem;
    }

    .qm {
        height: 50rem;
    }

    .qn {
        height: 64rem;
    }

    .qo {
        height: 256px;
    }

    .qp {
        height: 367px;
    }

    .qq {
        height: 36rem;
    }

    .qr {
        height: 415px;
    }

    .qs {
        height: 485px;
    }

    .qt {
        height: 495px;
    }

    .qu {
        height: 576px;
    }

    .qv {
        height: 640px;
    }

    .qw {
        height: 672px;
    }

    .qx {
        height: 720px;
    }

    .qy {
        height: 768px;
    }

    .qz {
        height: 802px;
    }

    .ra {
        height: 900px;
    }

    .rb {
        height: 940px;
    }

    .rc {
        height: 1008px;
    }

    .rd {
        height: 1024px;
    }

    .re {
        height: 1078px;
    }

    .rf {
        height: 1152px;
    }

    .rg {
        height: 1923px;
    }

    .rh {
        height: 192px;
    }

    .ri {
        height: min(152px, 40cqw);
    }

    .rj {
        height: auto;
    }

    .rk {
        height: 100%;
    }

    .rl {
        height: 1px;
    }

    .rm {
        max-height: calc(var(--spacing) * 12);
    }

    .rn {
        max-height: calc(var(--spacing) * 56);
    }

    .ro {
        max-height: calc(var(--spacing) * 60);
    }

    .rp {
        max-height: calc(var(--spacing) * 72);
    }

    .rq {
        max-height: calc(var(--spacing) * 80);
    }

    .rr {
        max-height: calc(var(--spacing) * 96);
    }

    .rs {
        max-height: 600px;
    }

    .rt {
        max-height: 800px;
    }

    .ru {
        min-height: calc(var(--spacing) * 0);
    }

    .rv {
        min-height: 30rem;
    }

    .rw {
        min-height: 448px;
    }

    .rx {
        min-height: 464px;
    }

    .ry {
        min-height: 480px;
    }

    .rz {
        min-height: 500px;
    }

    .sa {
        min-height: 564px;
    }

    .sb {
        min-height: 583px;
    }

    .sc {
        min-height: 592px;
    }

    .sd {
        min-height: 600px;
    }

    .se {
        min-height: 640px;
    }

    .sf {
        min-height: 64rem;
    }

    .sg {
        min-height: 660px;
    }

    .sh {
        min-height: 678px;
    }

    .si {
        min-height: 700px;
    }

    .sj {
        min-height: 712px;
    }

    .sk {
        min-height: 720px;
    }

    .sl {
        min-height: 730px;
    }

    .sm {
        min-height: 768px;
    }

    .sn {
        min-height: 772px;
    }

    .so {
        min-height: 800px;
    }

    .sp {
        min-height: 830px;
    }

    .sq {
        min-height: 840px;
    }

    .sr {
        min-height: 850px;
    }

    .ss {
        min-height: 851px;
    }

    .st {
        min-height: 867px;
    }

    .su {
        min-height: 873px;
    }

    .sv {
        min-height: 896px;
    }

    .sw {
        min-height: 900px;
    }

    .sx {
        min-height: 960px;
    }

    .sy {
        min-height: 979px;
    }

    .sz {
        min-height: 980px;
    }

    .ta {
        min-height: 1007px;
    }

    .tb {
        min-height: 1024px;
    }

    .tc {
        min-height: 192px;
    }

    .td {
        min-height: 300px;
    }

    .te {
        min-height: 1100px;
    }

    .tf {
        min-height: 1117px;
    }

    .tg {
        min-height: 100%;
    }

    .th {
        width: calc(var(--spacing) * 0);
    }

    .ti {
        width: calc(var(--spacing) * 0.5);
    }

    .tj {
        width: calc(var(--spacing) * 1);
    }

    .tk {
        width: calc(var(--spacing) * 1.5);
    }

    .tl {
        width: calc(1 / 2 * 100%);
    }

    .tm {
        width: calc(1 / 3 * 100%);
    }

    .tn {
        width: calc(1 / 4 * 100%);
    }

    .to {
        width: calc(1 / 5 * 100%);
    }

    .tp {
        width: calc(2 / 5 * 100%);
    }

    .tq {
        width: calc(var(--spacing) * 3);
    }

    .tr {
        width: calc(var(--spacing) * 4);
    }

    .ts {
        width: calc(var(--spacing) * 5);
    }

    .tt {
        width: calc(var(--spacing) * 6);
    }

    .tu {
        width: calc(var(--spacing) * 8);
    }

    .tv {
        width: calc(var(--spacing) * 9);
    }

    .tw {
        width: calc(var(--spacing) * 10);
    }

    .tx {
        width: calc(var(--spacing) * 11);
    }

    .ty {
        width: calc(var(--spacing) * 12);
    }

    .tz {
        width: calc(var(--spacing) * 14);
    }

    .ua {
        width: calc(var(--spacing) * 16);
    }

    .ub {
        width: calc(var(--spacing) * 20);
    }

    .uc {
        width: calc(var(--spacing) * 28);
    }

    .ud {
        width: calc(var(--spacing) * 32);
    }

    .ue {
        width: calc(var(--spacing) * 36);
    }

    .uf {
        width: calc(var(--spacing) * 40);
    }

    .ug {
        width: calc(var(--spacing) * 44);
    }

    .uh {
        width: calc(var(--spacing) * 48);
    }

    .ui {
        width: calc(var(--spacing) * 52);
    }

    .uj {
        width: calc(var(--spacing) * 56);
    }

    .uk {
        width: calc(var(--spacing) * 60);
    }

    .ul {
        width: calc(var(--spacing) * 64);
    }

    .um {
        width: calc(var(--spacing) * 72);
    }

    .un {
        width: calc(var(--spacing) * 80);
    }

    .uo {
        width: calc(var(--spacing) * 96);
    }

    .up {
        width: 22.875rem;
    }

    .uq {
        width: 24rem;
    }

    .ur {
        width: 36.125rem;
    }

    .us {
        width: 36.0625rem;
    }

    .ut {
        width: 37rem;
    }

    .uu {
        width: 48rem;
    }

    .uv {
        width: 50.0625rem;
    }

    .uw {
        width: 57.875rem;
    }

    .ux {
        width: 57rem;
    }

    .uy {
        width: 68.5625rem;
    }

    .uz {
        width: 69.25rem;
    }

    .va {
        width: 72.125rem;
    }

    .vb {
        width: 72.1875rem;
    }

    .vc {
        width: 76rem;
    }

    .vd {
        width: 79.125rem;
    }

    .ve {
        width: 80rem;
    }

    .vf {
        width: 82.375rem;
    }

    .vg {
        width: 82.0625rem;
    }

    .vh {
        width: 87.75rem;
    }

    .vi {
        width: 90rem;
    }

    .vj {
        width: 128rem;
    }

    .vk {
        width: 150vw;
    }

    .vl {
        width: 175.5rem;
    }

    .vm {
        width: 200%;
    }

    .vn {
        width: auto;
    }

    .vo {
        width: 100%;
    }

    .vp {
        width: 1px;
    }

    .vq {
        width: 100vw;
    }

    .vr {
        max-width: var(--breakpoint-xl);
    }

    .vs {
        max-width: calc(var(--spacing) * 0);
    }

    .vt {
        max-width: var(--container-2xl);
    }

    .vu {
        max-width: var(--container-3xl);
    }

    .vv {
        max-width: var(--container-4xl);
    }

    .vw {
        max-width: var(--container-5xl);
    }

    .vx {
        max-width: var(--container-6xl);
    }

    .vy {
        max-width: var(--container-7xl);
    }

    .vz {
        max-width: calc(var(--spacing) * 16);
    }

    .wa {
        max-width: 81rem;
    }

    .wb {
        max-width: 100%;
    }

    .wc {
        max-width: var(--container-lg);
    }

    .wd {
        max-width: max-content;
    }

    .we {
        max-width: var(--container-md);
    }

    .wf {
        max-width: min-content;
    }

    .wg {
        max-width: none;
    }

    .wh {
        max-width: var(--container-prose);
    }

    .wi {
        max-width: var(--breakpoint-xl);
    }

    .wj {
        max-width: var(--container-sm);
    }

    .wk {
        max-width: var(--container-xl);
    }

    .wl {
        max-width: var(--container-xs);
    }

    .wm {
        min-width: calc(var(--spacing) * 0);
    }

    .wn {
        min-width: 12rem;
    }

    .wo {
        min-width: 360px;
    }

    .wp {
        min-width: 100%;
    }

    .wq {
        min-width: max-content;
    }

    .wr {
        flex: 1;
    }

    .ws {
        flex: auto;
    }

    .wt {
        flex: none;
    }

    .wu {
        flex-shrink: 0;
    }

    .wv {
        flex-shrink: 1;
    }

    .ww {
        flex-shrink: 0;
    }

    .wx {
        flex-grow: 1;
    }

    .wy {
        table-layout: fixed;
    }

    .wz {
        border-collapse: separate;
    }

    .xa {
        --tw-border-spacing-x: calc(var(--spacing) * 0);
        --tw-border-spacing-y: calc(var(--spacing) * 0);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    }

    .xb {
        --tw-border-spacing-x: calc(var(--spacing) * 8);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    }

    .xc {
        transform-origin: bottom left;
    }

    .xd {
        transform-origin: bottom right;
    }

    .xe {
        transform-origin: top;
    }

    .xf {
        transform-origin: top left;
    }

    .xg {
        transform-origin: top right;
    }

    .xh {
        --tw-translate-x: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xi {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xj {
        --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xk {
        --tw-translate-x: calc(calc(1 / 4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xl {
        --tw-translate-x: calc(calc(2 / 3 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xm {
        --tw-translate-x: calc(var(--spacing) * -3);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xn {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xo {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xp {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xq {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xr {
        --tw-translate-y: calc(calc(1 / 3 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xs {
        --tw-translate-y: calc(calc(1 / 4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xt {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xu {
        --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xv {
        --tw-translate-y: calc(var(--spacing) * -8);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xw {
        --tw-translate-y: calc(var(--spacing) * -16);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xx {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xy {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .xz {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .ya {
        --tw-translate-x: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yb {
        --tw-translate-x: calc(1 / 4 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yc {
        --tw-translate-x: calc(var(--spacing) * 3.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yd {
        --tw-translate-x: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .ye {
        --tw-translate-x: calc(var(--spacing) * 5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yf {
        --tw-translate-x: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yg {
        --tw-translate-x: calc(var(--spacing) * 64);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yh {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yi {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yj {
        --tw-translate-y: calc(var(--spacing) * 1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yk {
        --tw-translate-y: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yl {
        --tw-translate-y: calc(1 / 3 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .ym {
        --tw-translate-y: calc(1 / 4 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yn {
        --tw-translate-y: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yo {
        --tw-translate-y: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yp {
        --tw-translate-y: calc(var(--spacing) * 6);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yq {
        --tw-translate-y: calc(var(--spacing) * 12);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yr {
        --tw-translate-y: calc(var(--spacing) * 16);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .ys {
        --tw-translate-y: calc(var(--spacing) * 40);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yt {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yu {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .yv {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .yw {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .yx {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .yy {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .yz {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .za {
        rotate: calc(45deg * -1);
    }

    .zb {
        rotate: calc(90deg * -1);
    }

    .zc {
        rotate: calc(180deg * -1);
    }

    .zd {
        rotate: 0deg;
    }

    .ze {
        rotate: 45deg;
    }

    .zf {
        rotate: 90deg;
    }

    .zg {
        rotate: 180deg;
    }

    .zh {
        rotate: 30deg;
    }

    .zi {
        --tw-skew-x: skewX(-30deg);
        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }

    .zj {
        transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }

    .zk {
        transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }

    .zl {
        cursor: auto;
    }

    .zm {
        cursor: default;
    }

    .zn {
        cursor: ew-resize;
    }

    .zo {
        cursor: nesw-resize;
    }

    .zp {
        cursor: not-allowed;
    }

    .zq {
        cursor: ns-resize;
    }

    .zr {
        cursor: nwse-resize;
    }

    .zs {
        cursor: pointer;
    }

    .zt {
        resize: both;
    }

    .zu {
        resize: none;
    }

    .zv {
        scroll-padding-block: calc(var(--spacing) * 2);
    }

    .zw {
        scroll-padding-block: calc(var(--spacing) * 3);
    }

    .zx {
        scroll-padding-block: calc(var(--spacing) * 4);
    }

    .zy {
        scroll-padding-block: calc(var(--spacing) * 10);
    }

    .zz {
        scroll-padding-top: calc(var(--spacing) * 11);
    }

    .aaa {
        scroll-padding-bottom: calc(var(--spacing) * 2);
    }

    .aab {
        list-style-type: decimal;
    }

    .aac {
        list-style-type: disc;
    }

    .aad {
        appearance: none;
    }

    .aae {
        columns: 2;
    }

    .aaf {
        grid-auto-rows: minmax(0, 1fr);
    }

    .aag {
        grid-auto-rows: min-content;
    }

    .aah {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .aai {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aaj {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .aak {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .aal {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .aam {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .aan {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .aao {
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }

    .aap {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .aaq {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }

    .aar {
        grid-template-rows: 1fr auto 1fr;
    }

    .aas {
        flex-direction: column;
    }

    .aat {
        flex-direction: column-reverse;
    }

    .aau {
        flex-wrap: nowrap;
    }

    .aav {
        flex-wrap: wrap;
    }

    .aaw {
        flex-wrap: wrap-reverse;
    }

    .aax {
        place-items: center;
    }

    .aay {
        align-items: baseline;
    }

    .aaz {
        align-items: center;
    }

    .aba {
        align-items: flex-end;
    }

    .abb {
        align-items: flex-start;
    }

    .abc {
        align-items: stretch;
    }

    .abd {
        justify-content: space-around;
    }

    .abe {
        justify-content: space-between;
    }

    .abf {
        justify-content: center;
    }

    .abg {
        justify-content: flex-end;
    }

    .abh {
        justify-content: flex-start;
    }

    .abi {
        justify-content: stretch;
    }

    .abj {
        gap: calc(var(--spacing) * 0.5);
    }

    .abk {
        gap: calc(var(--spacing) * 1);
    }

    .abl {
        gap: calc(var(--spacing) * 2);
    }

    .abm {
        gap: calc(var(--spacing) * 3);
    }

    .abn {
        gap: calc(var(--spacing) * 4);
    }

    .abo {
        gap: calc(var(--spacing) * 5);
    }

    .abp {
        gap: calc(var(--spacing) * 6);
    }

    .abq {
        gap: calc(var(--spacing) * 7);
    }

    .abr {
        gap: calc(var(--spacing) * 8);
    }

    .abs {
        gap: calc(var(--spacing) * 10);
    }

    .abt {
        gap: calc(var(--spacing) * 12);
    }

    .abu {
        gap: calc(var(--spacing) * 16);
    }

    .abv {
        gap: calc(var(--spacing) * 20);
    }

    .abw {
        gap: 1px;
    }

    .abx {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(-1px * var(--tw-space-y-reverse));
            margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .aby {
        column-gap: calc(var(--spacing) * 0.5);
    }

    .abz {
        column-gap: calc(var(--spacing) * 1);
    }

    .aca {
        column-gap: calc(var(--spacing) * 1.5);
    }

    .acb {
        column-gap: calc(var(--spacing) * 2);
    }

    .acc {
        column-gap: calc(var(--spacing) * 2.5);
    }

    .acd {
        column-gap: calc(var(--spacing) * 3);
    }

    .ace {
        column-gap: calc(var(--spacing) * 4);
    }

    .acf {
        column-gap: calc(var(--spacing) * 5);
    }

    .acg {
        column-gap: calc(var(--spacing) * 6);
    }

    .ach {
        column-gap: calc(var(--spacing) * 8);
    }

    .aci {
        column-gap: calc(var(--spacing) * 10);
    }

    .acj {
        column-gap: calc(var(--spacing) * 12);
    }

    .ack {
        column-gap: calc(var(--spacing) * 14);
    }

    .acl {
        column-gap: calc(var(--spacing) * 16);
    }

    .acm {
        :where(& > :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)));
        }
    }

    .acn {
        :where(& > :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)));
        }
    }

    .aco {
        :where(& > :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)));
        }
    }

    .acp {
        :where(& > :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)));
        }
    }

    .acq {
        :where(& > :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)));
        }
    }

    .acr {
        :where(& > :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)));
        }
    }

    .acs {
        :where(& > :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)));
        }
    }

    .act {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .acu {
        :where(& > :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)));
        }
    }

    .acv {
        :where(& > :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)));
        }
    }

    .acw {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .acx {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
        }
    }

    .acy {
        :where(& > :not(:last-child)) {
            --tw-space-y-reverse: 1;
        }
    }

    .acz {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * -0.5) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * -0.5) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .ada {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .adb {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .adc {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
            margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .add {
        row-gap: calc(var(--spacing) * 1);
    }

    .ade {
        row-gap: calc(var(--spacing) * 2);
    }

    .adf {
        row-gap: calc(var(--spacing) * 3);
    }

    .adg {
        row-gap: calc(var(--spacing) * 4);
    }

    .adh {
        row-gap: calc(var(--spacing) * 5);
    }

    .adi {
        row-gap: calc(var(--spacing) * 6);
    }

    .adj {
        row-gap: calc(var(--spacing) * 7);
    }

    .adk {
        row-gap: calc(var(--spacing) * 4);
        /*row-gap: calc(var(--spacing) * 2);*/
        /*row-gap: calc(var(--spacing) * 8);*/
    }

    .adl {
        row-gap: calc(var(--spacing) * 10);
    }

    .adm {
        row-gap: calc(var(--spacing) * 12);
    }

    .adn {
        row-gap: calc(var(--spacing) * 14);
    }

    .ado {
        row-gap: calc(var(--spacing) * 16);
    }

    .adp {
        row-gap: calc(var(--spacing) * 20);
    }

    .adq {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .adr {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .ads {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .adt {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .adu {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .adv {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .adw {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .adx {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 7) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .ady {
        :where(& > :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)));
        }
    }

    .adz {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .aea {
        :where(& > :not(:last-child)) {
            --tw-space-x-reverse: 0;
            margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse));
            margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse)));
        }
    }

    .aeb {
        :where(& > :not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
        }
    }

    .aec {
        :where(& > :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)));
        }
    }

    .aed {
        :where(& > :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(2px * var(--tw-divide-y-reverse));
            border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
        }
    }

    .aee {
        :where(& > :not(:last-child)) {
            border-color: var(--color-cyan-800);
        }
    }

    .aef {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-50);
        }
    }

    .aeg {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-100);
        }
    }

    .aeh {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-200);
        }
    }

    .aei {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-300);
        }
    }

    .aej {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
        }
    }

    .aek {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
        }
    }

    .ael {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-500) 25%, transparent);
        }
    }

    .aem {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-700);
        }
    }

    .aen {
        :where(& > :not(:last-child)) {
            border-color: var(--color-gray-800);
        }
    }

    .aeo {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .aep {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .aeq {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-indigo-500) 75%, transparent);
        }
    }

    .aer {
        :where(& > :not(:last-child)) {
            border-color: var(--color-indigo-700);
        }
    }

    .aes {
        :where(& > :not(:last-child)) {
            border-color: var(--color-purple-600);
        }
    }

    .aet {
        :where(& > :not(:last-child)) {
            border-color: var(--color-slate-200);
        }
    }

    .aeu {
        :where(& > :not(:last-child)) {
            border-color: var(--color-stone-200);
        }
    }

    .aev {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
    }

    .aew {
        :where(& > :not(:last-child)) {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .aex {
        align-self: center;
    }

    .aey {
        align-self: flex-end;
    }

    .aez {
        align-self: flex-start;
    }

    .afa {
        align-self: stretch;
    }

    .afb {
        justify-self: center;
    }

    .afc {
        justify-self: flex-end;
    }

    .afd {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .afe {
        overflow: auto;
    }

    .aff {
        overflow: clip;
    }

    .afg {
        overflow: hidden;
    }

    .afh {
        overflow: scroll;
    }

    .afi {
        overflow: visible;
    }

    .afj {
        overflow-x: auto;
    }

    .afk {
        overflow-x: clip;
    }

    .afl {
        overflow-x: hidden;
    }

    .afm {
        overflow-x: scroll;
    }

    .afn {
        overflow-x: visible;
    }

    .afo {
        overflow-y: auto;
    }

    .afp {
        overflow-y: clip;
    }

    .afq {
        overflow-y: hidden;
    }

    .afr {
        overflow-y: scroll;
    }

    .afs {
        overflow-y: visible;
    }

    .aft {
        border-radius: 0.25rem;
    }

    .afu {
        border-radius: var(--radius-2xl);
    }

    .afv {
        border-radius: var(--radius-3xl);
    }

    .afw {
        border-radius: 2rem;
    }

    .afx {
        border-radius: calc(0.5rem + 1px);
    }

    .afy {
        border-radius: calc(0.75rem + 0.5rem);
    }

    .afz {
        border-radius: calc(var(--radius-lg) + 1px);
    }

    .aga {
        border-radius: calc(var(--radius-xl) + calc(var(--spacing) * 2));
    }

    .agb {
        border-radius: calc(infinity * 1px);
    }

    .agc {
        border-radius: var(--radius-lg);
    }

    .agd {
        border-radius: var(--radius-md);
    }

    .age {
        border-radius: 0;
    }

    .agf {
        border-radius: var(--radius-sm);
    }

    .agg {
        border-radius: var(--radius-xl);
    }

    .agh {
        border-radius: var(--radius-xs);
    }

    .agi {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl);
    }

    .agj {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .agk {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .agl {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .agm {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl);
    }

    .agn {
        border-top-left-radius: 12cqw;
        border-top-right-radius: 12cqw;
    }

    .ago {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
    }

    .agp {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
    }

    .agq {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl);
    }

    .agr {
        border-top-left-radius: 0.25rem;
    }

    .ags {
        border-top-left-radius: var(--radius-lg);
    }

    .agt {
        border-top-left-radius: var(--radius-xl);
    }

    .agu {
        border-top-right-radius: var(--radius-3xl);
        border-bottom-right-radius: var(--radius-3xl);
    }

    .agv {
        border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg);
    }

    .agw {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md);
    }

    .agx {
        border-top-right-radius: var(--radius-lg);
    }

    .agy {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
    }

    .agz {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
    }

    .aha {
        border-bottom-right-radius: var(--radius-2xl);
    }

    .ahb {
        border-bottom-right-radius: var(--radius-lg);
    }

    .ahc {
        border-bottom-right-radius: var(--radius-md);
    }

    .ahd {
        border-bottom-left-radius: var(--radius-2xl);
    }

    .ahe {
        border-bottom-left-radius: var(--radius-lg);
    }

    .ahf {
        border-bottom-left-radius: var(--radius-md);
    }

    .ahg {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }

    .ahh {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }

    .ahi {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }

    .ahj {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }

    .ahk {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px;
    }

    .ahl {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 3cqw;
    }

    .ahm {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
    }

    .ahn {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }

    .aho {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
    }

    .ahp {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px;
    }

    .ahq {
        border-top-style: var(--tw-border-style);
        border-top-width: 3cqw;
    }

    .ahr {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }

    .ahs {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }

    .aht {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
    }

    .ahu {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
    }

    .ahv {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }

    .ahw {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px;
    }

    .ahx {
        --tw-border-style: dashed;
        border-style: dashed;
    }

    .ahy {
        --tw-border-style: dotted;
        border-style: dotted;
    }

    .ahz {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }

    .aia {
        border-color: color-mix(in oklab, var(--color-blue-400) 25%, transparent);
    }

    .aib {
        border-color: var(--color-gray-100);
    }

    .aic {
        border-color: var(--color-gray-200);
    }

    .aid {
        border-color: var(--color-gray-300);
    }

    .aie {
        border-color: var(--color-gray-400);
    }

    .aif {
        border-color: color-mix(in oklab, var(--color-gray-600) 10%, transparent);
    }

    .aig {
        border-color: var(--color-gray-700);
    }

    .aih {
        border-color: var(--color-gray-800);
    }

    .aii {
        border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
    }

    .aij {
        border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .aik {
        border-color: color-mix(in oklab, var(--color-gray-900) 25%, transparent);
    }

    .ail {
        border-color: color-mix(in oklab, var(--color-indigo-300) 25%, transparent);
    }

    .aim {
        border-color: var(--color-indigo-400);
    }

    .ain {
        border-color: color-mix(in oklab, var(--color-indigo-400) 25%, transparent);
    }

    .aio {
        border-color: var(--color-indigo-500);
    }

    .aip {
        border-color: var(--color-indigo-600);
    }

    .aiq {
        border-color: var(--color-indigo-700);
    }

    .air {
        border-color: var(--color-indigo-800);
    }

    .ais {
        border-color: var(--color-indigo-900);
    }

    .ait {
        border-color: var(--color-pink-500);
    }

    .aiu {
        border-color: var(--color-purple-500);
    }

    .aiv {
        border-color: var(--color-purple-600);
    }

    .aiw {
        border-color: var(--color-sky-500);
    }

    .aix {
        border-color: var(--color-sky-800);
    }

    .aiy {
        border-color: var(--color-slate-200);
    }

    .aiz {
        border-color: var(--color-slate-300);
    }

    .aja {
        border-color: var(--color-stone-200);
    }

    .ajb {
        border-color: var(--color-stone-300);
    }

    .ajc {
        border-color: var(--color-stone-700);
    }

    .ajd {
        border-color: var(--color-teal-500);
    }

    .aje {
        border-color: color-mix(in oklab, var(--color-teal-500) 25%, transparent);
    }

    .ajf {
        border-color: transparent;
    }

    .ajg {
        border-color: var(--color-white);
    }

    .ajh {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }

    .aji {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .ajj {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }

    .ajk {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }

    .ajl {
        border-color: var(--color-yellow-400);
    }

    .ajm {
        border-top-color: var(--color-gray-100);
    }

    .ajn {
        border-right-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .ajo {
        border-bottom-color: var(--color-gray-200);
    }

    .ajp {
        border-bottom-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .ajq {
        border-bottom-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }

    .ajr {
        background-color: var(--color-black);
    }

    .ajs {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }

    .ajt {
        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }

    .aju {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }

    .ajv {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }

    .ajw {
        background-color: var(--color-blue-50);
    }

    .ajx {
        background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
    }

    .ajy {
        background-color: var(--color-blue-100);
    }

    .ajz {
        background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }

    .aka {
        background-color: var(--color-blue-500);
    }

    .akb {
        background-color: var(--color-blue-600);
    }

    .akc {
        background-color: var(--color-blue-700);
    }

    .akd {
        background-color: var(--color-blue-900);
    }

    .ake {
        background-color: currentColor;
    }

    .akf {
        background-color: var(--color-cyan-50);
    }

    .akg {
        background-color: var(--color-cyan-100);
    }

    .akh {
        background-color: color-mix(in oklab, var(--color-cyan-100) 25%, transparent);
    }

    .aki {
        background-color: var(--color-cyan-400);
    }

    .akj {
        background-color: var(--color-cyan-500);
    }

    .akk {
        background-color: var(--color-cyan-600);
    }

    .akl {
        background-color: var(--color-cyan-700);
    }

    .akm {
        background-color: color-mix(in oklab, var(--color-cyan-700) 50%, transparent);
    }

    .akn {
        background-color: var(--color-cyan-800);
    }

    .ako {
        background-color: var(--color-emerald-500);
    }

    .akp {
        background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }

    .akq {
        background-color: var(--color-fuchsia-500);
    }

    .akr {
        background-color: var(--color-gray-50);
    }

    .aks {
        background-color: var(--color-gray-100);
    }

    .akt {
        background-color: color-mix(in oklab, var(--color-gray-100) 10%, transparent);
    }

    .aku {
        background-color: var(--color-gray-200);
    }

    .akv {
        background-color: var(--color-gray-300);
    }

    .akw {
        background-color: var(--color-gray-400);
    }

    .akx {
        background-color: color-mix(in oklab, var(--color-gray-400) 5%, transparent);
    }

    .aky {
        background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
    }

    .akz {
        background-color: var(--color-gray-500);
    }

    .ala {
        background-color: color-mix(in oklab, var(--color-gray-500) 25%, transparent);
    }

    .alb {
        background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
    }

    .alc {
        background-color: var(--color-gray-600);
    }

    .ald {
        background-color: color-mix(in oklab, var(--color-gray-600) 75%, transparent);
    }

    .ale {
        background-color: var(--color-gray-700);
    }

    .alf {
        background-color: color-mix(in oklab, var(--color-gray-700) 10%, transparent);
    }

    .alg {
        background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent);
    }

    .alh {
        background-color: #649B19;
        /*background-color: var(--color-gray-800);*/
    }

    .ali {
        background-color: color-mix(in oklab, var(--color-gray-800) 40%, transparent);
    }

    .alj {
        background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent);
    }

    .alk {
        background-color: #649B19;;
        /*background-color: var(--color-gray-900);*/
    }

    .all {
        background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
    }

    .alm {
        background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .aln {
        background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
    }

    .alo {
        background-color: color-mix(in oklab, var(--color-gray-900) 75%, transparent);
    }

    .alp {
        background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
    }

    .alq {
        background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent);
    }

    .alr {
        background-color: var(--color-green-50);
    }

    .als {
        background-color: var(--color-green-100);
    }

    .alt {
        background-color: var(--color-green-400);
    }

    .alu {
        background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent);
    }

    .alv {
        background-color: var(--color-green-500);
    }

    .alw {
        background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }

    .alx {
        background-color: var(--color-indigo-50);
    }

    .aly {
        background-color: var(--color-indigo-100);
    }

    .alz {
        background-color: var(--color-indigo-200);
    }

    .ama {
        background-color: color-mix(in oklab, var(--color-indigo-200) 25%, transparent);
    }

    .amb {
        background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent);
    }

    .amc {
        background-color: color-mix(in oklab, var(--color-indigo-400) 25%, transparent);
    }

    .amd {
        background-color: var(--color-indigo-500);
    }

    .ame {
        background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }

    .amf {
        background-color: color-mix(in oklab, var(--color-indigo-500) 60%, transparent);
    }

    .amg {
        background-color: var(--color-indigo-600);
    }

    .amh {
        background-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent);
    }

    .ami {
        background-color: color-mix(in oklab, var(--color-indigo-600) 90%, transparent);
    }

    .amj {
        background-color: var(--color-indigo-700);
    }

    .amk {
        background-color: var(--color-indigo-800);
    }

    .aml {
        background-color: color-mix(in oklab, var(--color-indigo-800) 50%, transparent);
    }

    .amm {
        background-color: var(--color-indigo-900);
    }

    .amn {
        background-color: var(--color-orange-100);
    }

    .amo {
        background-color: var(--color-orange-500);
    }

    .amp {
        background-color: var(--color-pink-50);
    }

    .amq {
        background-color: var(--color-pink-100);
    }

    .amr {
        background-color: var(--color-pink-400);
    }

    .ams {
        background-color: color-mix(in oklab, var(--color-pink-400) 10%, transparent);
    }

    .amt {
        background-color: var(--color-pink-500);
    }

    .amu {
        background-color: var(--color-pink-600);
    }

    .amv {
        background-color: var(--color-purple-50);
    }

    .amw {
        background-color: var(--color-purple-100);
    }

    .amx {
        background-color: var(--color-purple-400);
    }

    .amy {
        background-color: color-mix(in oklab, var(--color-purple-400) 10%, transparent);
    }

    .amz {
        background-color: var(--color-purple-500);
    }

    .ana {
        background-color: var(--color-purple-600);
    }

    .anb {
        background-color: var(--color-red-50);
    }

    .anc {
        background-color: var(--color-red-100);
    }

    .and {
        background-color: var(--color-red-400);
    }

    .ane {
        background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
    }

    .anf {
        background-color: var(--color-red-500);
    }

    .ang {
        background-color: var(--color-red-600);
    }

    .anh {
        background-color: var(--color-rose-50);
    }

    .ani {
        background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
    }

    .anj {
        background-color: var(--color-rose-500);
    }

    .ank {
        background-color: var(--color-rose-600);
    }

    .anl {
        background-color: var(--color-sky-50);
    }

    .anm {
        background-color: var(--color-sky-400);
    }

    .ann {
        background-color: var(--color-sky-500);
    }

    .ano {
        background-color: var(--color-sky-700);
    }

    .anp {
        background-color: color-mix(in oklab, var(--color-sky-700) 50%, transparent);
    }

    .anq {
        background-color: var(--color-sky-800);
    }

    .anr {
        background-color: var(--color-sky-900);
    }

    .ans {
        background-color: var(--color-slate-50);
    }

    .ant {
        background-color: color-mix(in oklab, var(--color-slate-600) 75%, transparent);
    }

    .anu {
        background-color: var(--color-slate-800);
    }

    .anv {
        background-color: var(--color-stone-50);
    }

    .anw {
        background-color: var(--color-stone-100);
    }

    .anx {
        background-color: var(--color-stone-900);
    }

    .any {
        background-color: var(--color-teal-50);
    }

    .anz {
        background-color: var(--color-teal-500);
    }

    .aoa {
        background-color: transparent;
    }

    .aob {
        background-color: var(--color-violet-500);
    }

    .aoc {
        background-color: var(--color-white);
    }

    .aod {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }

    .aoe {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .aof {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }

    .aog {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }

    .aoh {
        background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }

    .aoi {
        background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }

    .aoj {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }

    .aok {
        background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }

    .aol {
        background-color: var(--color-yellow-50);
    }

    .aom {
        background-color: var(--color-yellow-100);
    }

    .aon {
        background-color: var(--color-yellow-400);
    }

    .aoo {
        background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
    }

    .aop {
        background-color: var(--color-yellow-500);
    }

    .aoq {
        --tw-gradient-position: to bottom in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aor {
        --tw-gradient-position: to bottom right in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aos {
        --tw-gradient-position: to left in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aot {
        --tw-gradient-position: to right in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aou {
        --tw-gradient-position: to top in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aov {
        --tw-gradient-position: to top right in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aow {
        --tw-gradient-position: to bottom in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aox {
        --tw-gradient-position: to bottom right in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aoy {
        --tw-gradient-position: to left in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .aoz {
        --tw-gradient-position: to right in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .apa {
        --tw-gradient-position: to top in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .apb {
        --tw-gradient-position: to top right in oklab,;
        background-image: linear-gradient(var(--tw-gradient-stops));
    }

    .apc {
        background-image: radial-gradient(45rem 50rem at top, oklch(0.93 0.034 272.788), white);
    }

    .apd {
        background-image: radial-gradient(45rem 50rem at top, var(--color-indigo-100), white);
    }

    .ape {
        background-image: radial-gradient(50% 100% at top, oklch(0.93 0.034 272.788), white);
    }

    .apf {
        background-image: radial-gradient(50% 100% at top, var(--color-indigo-100), white);
    }

    .apg {
        background-image: radial-gradient(circle at center center, #7775D6, #592E71, #030712 70%);
    }

    .aph {
        background-image: none;
    }

    .api {
        --tw-gradient-from: #80caff;
        --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));
    }

    .apj {
        --tw-gradient-from: #FF80B5;
        --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));
    }

    .apk {
        --tw-gradient-from: #ff80b5;
        --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));
    }

    .apl {
        --tw-gradient-from: #ff4694;
        --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));
    }

    .apm {
        --tw-gradient-from: var(--color-black);
        --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));
    }

    .apn {
        --tw-gradient-from: var(--color-blue-50);
        --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));
    }

    .apo {
        --tw-gradient-from: var(--color-cyan-600);
        --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));
    }

    .app {
        --tw-gradient-from: var(--color-gray-100);
        --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));
    }

    .apq {
        --tw-gradient-from: var(--color-gray-800);
        --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));
    }

    .apr {
        --tw-gradient-from: var(--color-gray-900);
        --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));
    }

    .aps {
        --tw-gradient-from: color-mix(in oklab, var(--color-indigo-100) 20%, transparent);
        --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));
    }

    .apt {
        --tw-gradient-from: var(--color-orange-400);
        --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));
    }

    .apu {
        --tw-gradient-from: var(--color-orange-500);
        --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));
    }

    .apv {
        --tw-gradient-from: var(--color-purple-300);
        --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));
    }

    .apw {
        --tw-gradient-from: var(--color-purple-600);
        --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));
    }

    .apx {
        --tw-gradient-from: var(--color-purple-800);
        --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));
    }

    .apy {
        --tw-gradient-from: var(--color-rose-600);
        --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));
    }

    .apz {
        --tw-gradient-from: var(--color-sky-800);
        --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));
    }

    .aqa {
        --tw-gradient-from: var(--color-teal-200);
        --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));
    }

    .aqb {
        --tw-gradient-from: var(--color-teal-500);
        --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));
    }

    .aqc {
        --tw-gradient-from: transparent;
        --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));
    }

    .aqd {
        --tw-gradient-from: var(--color-white);
        --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));
    }

    .aqe {
        --tw-gradient-via: color-mix(in oklab, var(--color-gray-900) 40%, transparent);
        --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);
    }

    .aqf {
        --tw-gradient-via: var(--color-rose-600);
        --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);
    }

    .aqg {
        --tw-gradient-via: var(--color-white);
        --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);
    }

    .aqh {
        --tw-gradient-to: #4f46e5;
        --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));
    }

    .aqi {
        --tw-gradient-to: #776fff;
        --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));
    }

    .aqj {
        --tw-gradient-to: #9089FC;
        --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));
    }

    .aqk {
        --tw-gradient-to: #9089fc;
        --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));
    }

    .aql {
        --tw-gradient-to: var(--color-black);
        --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));
    }

    .aqm {
        --tw-gradient-to: var(--color-cyan-400);
        --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));
    }

    .aqn {
        --tw-gradient-to: var(--color-cyan-600);
        --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));
    }

    .aqo {
        --tw-gradient-to: var(--color-cyan-700);
        --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));
    }

    .aqp {
        --tw-gradient-to: var(--color-gray-50);
        --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));
    }

    .aqq {
        --tw-gradient-to: var(--color-green-400);
        --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));
    }

    .aqr {
        --tw-gradient-to: var(--color-indigo-300);
        --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));
    }

    .aqs {
        --tw-gradient-to: var(--color-indigo-600);
        --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));
    }

    .aqt {
        --tw-gradient-to: var(--color-indigo-700);
        --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));
    }

    .aqu {
        --tw-gradient-to: var(--color-pink-500);
        --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));
    }

    .aqv {
        --tw-gradient-to: var(--color-teal-600);
        --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));
    }

    .aqw {
        --tw-gradient-to: var(--color-white);
        --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));
    }

    .aqx {
        background-size: cover;
    }

    .aqy {
        background-clip: text;
    }

    .aqz {
        background-position: center;
    }

    .ara {
        background-origin: border-box;
    }

    .arb {
        fill: #24292F;
    }

    .arc {
        fill: var(--color-blue-400);
    }

    .ard {
        fill: var(--color-blue-500);
    }

    .are {
        fill: currentColor;
    }

    .arf {
        fill: var(--color-gray-50);
    }

    .arg {
        fill: var(--color-gray-300);
    }

    .arh {
        fill: var(--color-gray-400);
    }

    .ari {
        fill: var(--color-gray-500);
    }

    .arj {
        fill: color-mix(in oklab, var(--color-gray-800) 20%, transparent);
    }

    .ark {
        fill: var(--color-gray-900);
    }

    .arl {
        fill: var(--color-green-400);
    }

    .arm {
        fill: var(--color-green-500);
    }

    .arn {
        fill: var(--color-green-600);
    }

    .aro {
        fill: var(--color-indigo-400);
    }

    .arp {
        fill: var(--color-indigo-500);
    }

    .arq {
        fill: var(--color-pink-400);
    }

    .arr {
        fill: var(--color-pink-500);
    }

    .ars {
        fill: var(--color-purple-400);
    }

    .art {
        fill: var(--color-purple-500);
    }

    .aru {
        fill: var(--color-red-400);
    }

    .arv {
        fill: var(--color-red-500);
    }

    .arw {
        fill: var(--color-white);
    }

    .arx {
        fill: color-mix(in oklab, var(--color-white) 50%, transparent);
    }

    .ary {
        fill: var(--color-yellow-400);
    }

    .arz {
        fill: var(--color-yellow-500);
    }

    .asa {
        stroke: color-mix(in oklab, var(--color-blue-700) 50%, transparent);
    }

    .asb {
        stroke: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
    }

    .asc {
        stroke: var(--color-gray-200);
    }

    .asd {
        stroke: color-mix(in oklab, var(--color-gray-600) 50%, transparent);
    }

    .ase {
        stroke: var(--color-gray-700);
    }

    .asf {
        stroke: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
    }

    .asg {
        stroke: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
    }

    .ash {
        stroke: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .asi {
        stroke: color-mix(in oklab, var(--color-green-700) 50%, transparent);
    }

    .asj {
        stroke: color-mix(in oklab, var(--color-green-800) 50%, transparent);
    }

    .ask {
        stroke: color-mix(in oklab, var(--color-indigo-600) 50%, transparent);
    }

    .asl {
        stroke: color-mix(in oklab, var(--color-indigo-700) 50%, transparent);
    }

    .asm {
        stroke: color-mix(in oklab, var(--color-pink-700) 50%, transparent);
    }

    .asn {
        stroke: color-mix(in oklab, var(--color-pink-800) 50%, transparent);
    }

    .aso {
        stroke: color-mix(in oklab, var(--color-red-600) 50%, transparent);
    }

    .asp {
        stroke: color-mix(in oklab, var(--color-red-700) 50%, transparent);
    }

    .asq {
        stroke: color-mix(in oklab, var(--color-violet-600) 50%, transparent);
    }

    .asr {
        stroke: color-mix(in oklab, var(--color-violet-700) 50%, transparent);
    }

    .ass {
        stroke: var(--color-white);
    }

    .ast {
        stroke: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .asu {
        stroke: color-mix(in oklab, var(--color-white) 20%, transparent);
    }

    .asv {
        stroke: color-mix(in oklab, var(--color-yellow-700) 50%, transparent);
    }

    .asw {
        stroke: color-mix(in oklab, var(--color-yellow-800) 50%, transparent);
    }

    .asx {
        stroke-width: 2;
    }

    .asy {
        object-fit: contain;
    }

    .asz {
        object-fit: cover;
    }

    .ata {
        object-position: left;
    }

    .atb {
        object-position: left top;
    }

    .atc {
        object-position: right;
    }

    .atd {
        object-position: top;
    }

    .ate {
        padding: calc(var(--spacing) * 0);
    }

    .atf {
        padding: calc(var(--spacing) * 0.5);
    }

    .atg {
        padding: calc(var(--spacing) * 1);
    }

    .ath {
        padding: calc(var(--spacing) * 1.5);
    }

    .ati {
        padding: calc(var(--spacing) * 2);
    }

    .atj {
        padding: calc(var(--spacing) * 2.5);
    }

    .atk {
        padding: calc(var(--spacing) * 3);
    }

    .atl {
        padding: calc(var(--spacing) * 4);
    }

    .atm {
        padding: calc(var(--spacing) * 5);
    }

    .atn {
        padding: calc(var(--spacing) * 6);
    }

    .ato {
        padding: calc(var(--spacing) * 8);
    }

    .atp {
        padding: calc(var(--spacing) * 10);
    }

    .atq {
        padding: calc(var(--spacing) * 12);
    }

    .atr {
        padding: 1px;
    }

    .ats {
        padding-inline: calc(var(--spacing) * 0);
    }

    .att {
        padding-inline: calc(var(--spacing) * 0.5);
    }

    .atu {
        padding-inline: calc(var(--spacing) * 1);
    }

    .atv {
        padding-inline: calc(var(--spacing) * 1.5);
    }

    .atw {
        padding-inline: calc(var(--spacing) * 2);
    }

    .atx {
        padding-inline: calc(var(--spacing) * 2.5);
    }

    .aty {
        padding-inline: calc(var(--spacing) * 3);
    }

    .atz {
        padding-inline: calc(var(--spacing) * 3.5);
    }

    .aua {
        padding-inline: calc(var(--spacing) * 4);
    }

    .aub {
        padding-inline: calc(var(--spacing) * 5);
    }

    .auc {
        padding-inline: calc(var(--spacing) * 6);
    }

    .aud {
        padding-inline: calc(var(--spacing) * 7);
    }

    .aue {
        padding-inline: calc(var(--spacing) * 8);
    }

    .auf {
        padding-inline: calc(var(--spacing) * 12);
    }

    .aug {
        padding-inline: calc(var(--spacing) * 36);
    }

    .auh {
        padding-block: calc(var(--spacing) * 0);
    }

    .aui {
        padding-block: calc(var(--spacing) * 0.5);
    }

    .auj {
        padding-block: calc(var(--spacing) * 1);
    }

    .auk {
        padding-block: calc(var(--spacing) * 1.5);
    }

    .aul {
        padding-block: calc(var(--spacing) * 2);
    }

    .aum {
        padding-block: calc(var(--spacing) * 2.5);
    }

    .aun {
        padding-block: calc(var(--spacing) * 3);
    }

    .auo {
        padding-block: calc(var(--spacing) * 3.5);
    }

    .aup {
        padding-block: calc(var(--spacing) * 4);
    }

    .auq {
        padding-block: calc(var(--spacing) * 5);
    }

    .aur {
        padding-block: calc(var(--spacing) * 6);
    }

    .aus {
        padding-block: calc(var(--spacing) * 8);
    }

    .aut {
        padding-block: calc(var(--spacing) * 10);
    }

    .auu {
        padding-block: calc(var(--spacing) * 12);
    }

    .auv {
        padding-block: calc(var(--spacing) * 14);
    }

    .auw {
        padding-block: calc(var(--spacing) * 16);
    }

    .aux {
        padding-block: calc(var(--spacing) * 20);
    }

    .auy {
        padding-block: calc(var(--spacing) * 5);
        /*padding-block: calc(var(--spacing) * 24);*/
    }

    .auz {
        padding-block: calc(var(--spacing) * 32);
    }

    .ava {
        padding-block: 1px;
    }

    .avb {
        padding-top: calc(var(--spacing) * 0.5);
    }

    .avc {
        padding-top: calc(var(--spacing) * 1);
    }

    .avd {
        padding-top: calc(var(--spacing) * 1.5);
    }

    .ave {
        padding-top: calc(var(--spacing) * 2);
    }

    .avf {
        padding-top: calc(var(--spacing) * 2.5);
    }

    .avg {
        padding-top: calc(var(--spacing) * 3);
    }

    .avh {
        padding-top: calc(var(--spacing) * 3.5);
    }

    .avi {
        padding-top: calc(var(--spacing) * 4);
    }

    .avj {
        padding-top: calc(var(--spacing) * 5);
    }

    .avk {
        padding-top: calc(var(--spacing) * 6);
    }

    .avl {
        padding-top: calc(var(--spacing) * 8);
    }

    .avm {
        padding-top: calc(var(--spacing) * 10);
    }

    .avn {
        padding-top: calc(var(--spacing) * 11);
    }

    .avo {
        padding-top: calc(var(--spacing) * 12);
    }

    .avp {
        padding-top: calc(var(--spacing) * 14);
    }

    .avq {
        padding-top: calc(var(--spacing) * 16);
    }

    .avr {
        padding-top: calc(var(--spacing) * 20);
    }

    .avs {
        padding-top: calc(var(--spacing) * 24);
    }

    .avt {
        padding-top: calc(var(--spacing) * 32);
    }

    .avu {
        padding-top: calc(var(--spacing) * 36);
    }

    .avv {
        padding-top: calc(var(--spacing) * 48);
    }

    .avw {
        padding-top: calc(var(--spacing) * 64);
    }

    .avx {
        padding-top: calc(var(--spacing) * 80);
    }

    .avy {
        padding-top: 7%;
    }

    .avz {
        padding-top: 1px;
    }

    .awa {
        padding-right: calc(var(--spacing) * 0);
    }

    .awb {
        padding-right: calc(var(--spacing) * 1);
    }

    .awc {
        padding-right: calc(var(--spacing) * 1.5);
    }

    .awd {
        padding-right: calc(var(--spacing) * 2);
    }

    .awe {
        padding-right: calc(var(--spacing) * 3);
    }

    .awf {
        padding-right: calc(var(--spacing) * 3.5);
    }

    .awg {
        padding-right: calc(var(--spacing) * 4);
    }

    .awh {
        padding-right: calc(var(--spacing) * 5);
    }

    .awi {
        padding-right: calc(var(--spacing) * 6);
    }

    .awj {
        padding-right: calc(var(--spacing) * 7);
    }

    .awk {
        padding-right: calc(var(--spacing) * 8);
    }

    .awl {
        padding-right: calc(var(--spacing) * 9);
    }

    .awm {
        padding-right: calc(var(--spacing) * 10);
    }

    .awn {
        padding-right: calc(var(--spacing) * 12);
    }

    .awo {
        padding-right: calc(var(--spacing) * 16);
    }

    .awp {
        padding-bottom: calc(var(--spacing) * 0);
    }

    .awq {
        padding-bottom: calc(var(--spacing) * 1);
    }

    .awr {
        padding-bottom: calc(var(--spacing) * 1.5);
    }

    .aws {
        padding-bottom: calc(var(--spacing) * 2);
    }

    .awt {
        padding-bottom: calc(var(--spacing) * 3);
    }

    .awu {
        padding-bottom: calc(var(--spacing) * 4);
    }

    .awv {
        padding-bottom: calc(var(--spacing) * 5);
    }

    .aww {
        padding-bottom: calc(var(--spacing) * 6);
    }

    .awx {
        padding-bottom: calc(var(--spacing) * 8);
    }

    .awy {
        padding-bottom: calc(var(--spacing) * 9);
    }

    .awz {
        padding-bottom: calc(var(--spacing) * 10);
    }

    .axa {
        padding-bottom: calc(var(--spacing) * 5);
        /*padding-bottom: calc(var(--spacing) * 12);*/
    }

    .axb {
        padding-bottom: calc(var(--spacing) * 14);
    }

    .axc {
        padding-bottom: calc(var(--spacing) * 16);
    }

    .axd {
        padding-bottom: calc(var(--spacing) * 20);
    }

    .axe {
        padding-bottom: calc(var(--spacing) * 24);
    }

    .axf {
        padding-bottom: calc(var(--spacing) * 32);
    }

    .axg {
        padding-bottom: calc(var(--spacing) * 36);
    }

    .axh {
        padding-bottom: calc(var(--spacing) * 64);
    }

    .axi {
        padding-bottom: calc(var(--spacing) * 80);
    }

    .axj {
        padding-bottom: calc(var(--spacing) * 96);
    }

    .axk {
        padding-bottom: 1px;
    }

    .axl {
        padding-left: calc(var(--spacing) * 0);
    }

    .axm {
        padding-left: calc(var(--spacing) * 1);
    }

    .axn {
        padding-left: calc(var(--spacing) * 1.5);
    }

    .axo {
        padding-left: calc(var(--spacing) * 2);
    }

    .axp {
        padding-left: calc(var(--spacing) * 3);
    }

    .axq {
        padding-left: calc(var(--spacing) * 3.5);
    }

    .axr {
        padding-left: calc(var(--spacing) * 4);
    }

    .axs {
        padding-left: calc(var(--spacing) * 5);
    }

    .axt {
        padding-left: calc(var(--spacing) * 6);
    }

    .axu {
        padding-left: calc(var(--spacing) * 7);
    }

    .axv {
        padding-left: calc(var(--spacing) * 8);
    }

    .axw {
        padding-left: calc(var(--spacing) * 9);
    }

    .axx {
        padding-left: calc(var(--spacing) * 10);
    }

    .axy {
        padding-left: calc(var(--spacing) * 11);
    }

    .axz {
        padding-left: calc(var(--spacing) * 12);
    }

    .aya {
        padding-left: calc(var(--spacing) * 16);
    }

    .ayb {
        text-align: center;
    }

    .ayc {
        text-align: left;
    }

    .ayd {
        text-align: right;
    }

    .aye {
        vertical-align: middle;
    }

    .ayf {
        vertical-align: top;
    }

    .ayg {
        font-family: var(--font-mono);
    }

    .ayh {
        font-family: var(--font-sans);
        font-feature-settings: var(--font-sans--font-feature-settings);
    }

    .ayi {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .ayj {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .ayk {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .ayl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .aym {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

    .ayn {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .ayo {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .ayp {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .ayq {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .ayr {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .ays {
        font-size: var(--text-2xl);
        line-height: calc(var(--spacing) * 7);
    }

    .ayt {
        font-size: var(--text-2xl);
        line-height: calc(var(--spacing) * 9);
    }

    .ayu {
        font-size: var(--text-3xl);
        line-height: calc(var(--spacing) * 8);
    }

    .ayv {
        font-size: var(--text-3xl);
        line-height: calc(var(--spacing) * 10);
    }

    .ayw {
        font-size: 0.8125rem;
        line-height: calc(var(--spacing) * 6);
    }

    .ayx {
        font-size: var(--text-base);
        line-height: calc(var(--spacing) * 5);
    }

    .ayy {
        font-size: var(--text-base);
        line-height: calc(var(--spacing) * 7);
    }

    .ayz {
        font-size: var(--text-base);
        line-height: calc(var(--spacing) * 8);
    }

    .aza {
        font-size: var(--text-lg);
        line-height: calc(var(--spacing) * 6);
    }

    .azb {
        font-size: var(--text-lg);
        line-height: calc(var(--spacing) * 7);
    }

    .azc {
        font-size: var(--text-lg);
        line-height: calc(var(--spacing) * 8);
    }

    .azd {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 4);
    }

    .aze {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 6);
    }

    .azf {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 7);
    }

    .azg {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing) * 8);
    }

    .azh {
        font-size: var(--text-xl);
        line-height: calc(var(--spacing) * 6);
    }

    .azi {
        font-size: var(--text-xl);
        line-height: calc(var(--spacing) * 8);
    }

    .azj {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing) * 5);
    }

    .azk {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing) * 6);
    }

    .azl {
        font-size: 0.625rem;
    }

    .azm {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
    }

    .azn {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
    }

    .azo {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }

    .azp {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }

    .azq {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }

    .azr {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }

    .azs {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal);
    }

    .azt {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }

    .azu {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
    }

    .azv {
        text-wrap: balance;
    }

    .azw {
        text-wrap: pretty;
    }

    .azx {
        white-space: nowrap;
    }

    .azy {
        white-space: pre;
    }

    .azz {
        white-space: pre-wrap;
    }

    .baa {
        color: #7dd3fc;
    }

    .bab {
        color: var(--color-blue-200);
    }

    .bac {
        color: var(--color-blue-400);
    }

    .bad {
        color: var(--color-blue-500);
    }

    .bae {
        color: var(--color-blue-600);
    }

    .baf {
        color: var(--color-blue-700);
    }

    .bag {
        color: var(--color-blue-900);
    }

    .bah {
        color: var(--color-cyan-100);
    }

    .bai {
        color: var(--color-cyan-200);
    }

    .baj {
        color: var(--color-cyan-600);
    }

    .bak {
        color: var(--color-cyan-700);
    }

    .bal {
        color: var(--color-cyan-800);
    }

    .bam {
        color: var(--color-cyan-900);
    }

    .ban {
        color: var(--color-emerald-300);
    }

    .bao {
        color: var(--color-gray-50);
    }

    .bap {
        color: var(--color-gray-200);
    }

    .baq {
        color: var(--color-gray-300);
    }

    .bar {
        color: var(--color-gray-400);
    }

    .bas {
        color: var(--color-gray-500);
    }

    .bat {
        color: var(--color-gray-600);
    }

    .bau {
        color: var(--color-gray-700);
    }

    .bav {
        color: var(--color-gray-800);
    }

    .baw {
        color: var(--color-gray-900);
    }

    .bax {
        color: color-mix(in oklab, var(--color-gray-900) 40%, transparent);
    }

    .bay {
        color: var(--color-gray-950);
    }

    .baz {
        color: var(--color-green-400);
    }

    .bba {
        color: var(--color-green-500);
    }

    .bbb {
        color: var(--color-green-600);
    }

    .bbc {
        color: var(--color-green-700);
    }

    .bbd {
        color: var(--color-green-800);
    }

    .bbe {
        color: var(--color-indigo-50);
    }

    .bbf {
        color: var(--color-indigo-100);
    }

    .bbg {
        color: var(--color-indigo-200);
    }

    .bbh {
        color: var(--color-indigo-300);
    }

    .bbi {
        color: var(--color-indigo-400);
    }

    .bbj {
        color: var(--color-indigo-500);
    }

    .bbk {
        color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent);
    }

    .bbl {
        color: var(--color-indigo-600);
    }

    .bbm {
        color: var(--color-indigo-700);
    }

    .bbn {
        color: color-mix(in oklab, var(--color-indigo-700) 40%, transparent);
    }

    .bbo {
        color: var(--color-indigo-800);
    }

    .bbp {
        color: var(--color-indigo-900);
    }

    .bbq {
        color: var(--color-orange-50);
    }

    .bbr {
        color: var(--color-orange-500);
    }

    .bbs {
        color: var(--color-orange-600);
    }

    .bbt {
        color: var(--color-pink-400);
    }

    .bbu {
        color: var(--color-pink-500);
    }

    .bbv {
        color: var(--color-pink-700);
    }

    .bbw {
        color: var(--color-pink-800);
    }

    .bbx {
        color: var(--color-purple-200);
    }

    .bby {
        color: var(--color-purple-400);
    }

    .bbz {
        color: var(--color-purple-500);
    }

    .bca {
        color: var(--color-purple-600);
    }

    .bcb {
        color: var(--color-purple-700);
    }

    .bcc {
        color: var(--color-purple-900);
    }

    .bcd {
        color: var(--color-red-400);
    }

    .bce {
        color: var(--color-red-500);
    }

    .bcf {
        color: var(--color-red-600);
    }

    .bcg {
        color: var(--color-red-700);
    }

    .bch {
        color: var(--color-red-800);
    }

    .bci {
        color: var(--color-red-900);
    }

    .bcj {
        color: var(--color-rose-100);
    }

    .bck {
        color: var(--color-rose-200);
    }

    .bcl {
        color: var(--color-rose-400);
    }

    .bcm {
        color: color-mix(in oklab, var(--color-rose-400) 40%, transparent);
    }

    .bcn {
        color: var(--color-rose-500);
    }

    .bco {
        color: var(--color-rose-600);
    }

    .bcp {
        color: color-mix(in oklab, var(--color-rose-600) 40%, transparent);
    }

    .bcq {
        color: var(--color-rose-700);
    }

    .bcr {
        color: var(--color-sky-100);
    }

    .bcs {
        color: var(--color-sky-200);
    }

    .bct {
        color: var(--color-sky-700);
    }

    .bcu {
        color: var(--color-slate-300);
    }

    .bcv {
        color: var(--color-slate-400);
    }

    .bcw {
        color: var(--color-slate-500);
    }

    .bcx {
        color: var(--color-slate-600);
    }

    .bcy {
        color: var(--color-slate-700);
    }

    .bcz {
        color: var(--color-slate-900);
    }

    .bda {
        color: var(--color-stone-200);
    }

    .bdb {
        color: var(--color-stone-400);
    }

    .bdc {
        color: var(--color-stone-500);
    }

    .bdd {
        color: var(--color-stone-700);
    }

    .bde {
        color: var(--color-stone-900);
    }

    .bdf {
        color: var(--color-teal-50);
    }

    .bdg {
        color: var(--color-teal-200);
    }

    .bdh {
        color: var(--color-teal-500);
    }

    .bdi {
        color: var(--color-teal-700);
    }

    .bdj {
        color: transparent;
    }

    .bdk {
        color: var(--color-white);
    }

    .bdl {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }

    .bdm {
        color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }

    .bdn {
        color: var(--color-yellow-300);
    }

    .bdo {
        color: var(--color-yellow-400);
    }

    .bdp {
        color: var(--color-yellow-500);
    }

    .bdq {
        color: var(--color-yellow-700);
    }

    .bdr {
        color: var(--color-yellow-800);
    }

    .bds {
        text-transform: capitalize;
    }

    .bdt {
        text-transform: lowercase;
    }

    .bdu {
        text-transform: uppercase;
    }

    .bdv {
        font-style: italic;
    }

    .bdw {
        font-style: normal;
    }

    .bdx {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    }

    .bdy {
        text-decoration-line: underline;
    }

    .bdz {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .bea {
        &::placeholder {
            color: var(--color-gray-500);
        }
    }

    .beb {
        &::placeholder {
            color: var(--color-slate-400);
        }
    }

    .bec {
        &::placeholder {
            color: var(--color-stone-500);
        }
    }

    .bed {
        opacity: 0%;
    }

    .bee {
        opacity: 20%;
    }

    .bef {
        opacity: 25%;
    }

    .beg {
        opacity: 30%;
    }

    .beh {
        opacity: 40%;
    }

    .bei {
        opacity: 50%;
    }

    .bej {
        opacity: 60%;
    }

    .bek {
        opacity: 75%;
    }

    .bel {
        opacity: 90%;
    }

    .bem {
        opacity: 100%;
    }

    .ben {
        opacity: 0.45;
    }

    .beo {
        mix-blend-mode: multiply;
    }

    .bep {
        --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);
    }

    .beq {
        --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);
    }

    .ber {
        --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);
    }

    .bes {
        --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);
    }

    .bet {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }

    .beu {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
    }

    .bev {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + 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);
    }

    .bew {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bex {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bey {
        --tw-shadow: inset 0 0 2px 1px var(--tw-shadow-color, #ffffff4d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bez {
        --tw-shadow: inset 0 0 2px 1px var(--tw-shadow-color, rgb(255 255 255/2.5%));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bfa {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bfb {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bfc {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bfd {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bfe {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bff {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .bfg {
        --tw-shadow-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }

    .bfh {
        --tw-shadow-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent);
    }

    .bfi {
        --tw-ring-color: var(--color-black);
    }

    .bfj {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }

    .bfk {
        --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }

    .bfl {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent);
    }

    .bfm {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 10%, transparent);
    }

    .bfn {
        --tw-ring-color: currentColor;
    }

    .bfo {
        --tw-ring-color: var(--color-gray-100);
    }

    .bfp {
        --tw-ring-color: var(--color-gray-200);
    }

    .bfq {
        --tw-ring-color: var(--color-gray-300);
    }

    .bfr {
        --tw-ring-color: var(--color-gray-400);
    }

    .bfs {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
    }

    .bft {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent);
    }

    .bfu {
        --tw-ring-color: var(--color-gray-500);
    }

    .bfv {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
    }

    .bfw {
        --tw-ring-color: var(--color-gray-700);
    }

    .bfx {
        --tw-ring-color: var(--color-gray-800);
    }

    .bfy {
        --tw-ring-color: var(--color-gray-900);
    }

    .bfz {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
    }

    .bga {
        --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }

    .bgb {
        --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }

    .bgc {
        --tw-ring-color: color-mix(in oklab, var(--color-green-600) 20%, transparent);
    }

    .bgd {
        --tw-ring-color: var(--color-indigo-50);
    }

    .bge {
        --tw-ring-color: var(--color-indigo-200);
    }

    .bgf {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-400) 30%, transparent);
    }

    .bgg {
        --tw-ring-color: var(--color-indigo-500);
    }

    .bgh {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
    }

    .bgi {
        --tw-ring-color: var(--color-indigo-600);
    }

    .bgj {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent);
    }

    .bgk {
        --tw-ring-color: var(--color-indigo-700);
    }

    .bgl {
        --tw-ring-color: color-mix(in oklab, var(--color-indigo-700) 10%, transparent);
    }

    .bgm {
        --tw-ring-color: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
    }

    .bgn {
        --tw-ring-color: color-mix(in oklab, var(--color-pink-700) 10%, transparent);
    }

    .bgo {
        --tw-ring-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent);
    }

    .bgp {
        --tw-ring-color: color-mix(in oklab, var(--color-purple-700) 10%, transparent);
    }

    .bgq {
        --tw-ring-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
    }

    .bgr {
        --tw-ring-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
    }

    .bgs {
        --tw-ring-color: var(--color-slate-300);
    }

    .bgt {
        --tw-ring-color: color-mix(in oklab, var(--color-slate-900) 10%, transparent);
    }

    .bgu {
        --tw-ring-color: transparent;
    }

    .bgv {
        --tw-ring-color: var(--color-white);
    }

    .bgw {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }

    .bgx {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .bgy {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }

    .bgz {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }

    .bha {
        --tw-ring-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
    }

    .bhb {
        --tw-ring-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);
    }

    .bhc {
        --tw-ring-offset-width: 1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    .bhd {
        --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);
    }

    .bhe {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }

    .bhf {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }

    .bhg {
        outline-style: var(--tw-outline-style);
        outline-width: 0px;
    }

    .bhh {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }

    .bhi {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }

    .bhj {
        outline-offset: calc(1px * -1);
    }

    .bhk {
        outline-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }

    .bhl {
        outline-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }

    .bhm {
        outline-color: var(--color-gray-300);
    }

    .bhn {
        outline-color: var(--color-red-300);
    }

    .bho {
        outline-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }

    .bhp {
        --tw-blur: blur(8px);
        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,);
    }

    .bhq {
        --tw-blur: blur(var(--blur-2xl));
        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,);
    }

    .bhr {
        --tw-blur: blur(var(--blur-3xl));
        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,);
    }

    .bhs {
        --tw-blur: blur(118px);
        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,);
    }

    .bht {
        --tw-blur: blur(var(--blur-sm));
        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,);
    }

    .bhu {
        --tw-blur: blur(var(--blur-xs));
        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,);
    }

    .bhv {
        --tw-brightness: brightness(125%);
        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,);
    }

    .bhw {
        --tw-brightness: brightness(150%);
        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,);
    }

    .bhx {
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
        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,);
    }

    .bhy {
        --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,);
    }

    .bhz {
        --tw-saturate: saturate(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,);
    }

    .bia {
        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,) !important;
    }

    .bib {
        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,);
    }

    .bic {
        --tw-backdrop-blur: blur(8px);
        -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,);
    }

    .bid {
        --tw-backdrop-blur: blur(var(--blur-md));
        -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,);
    }

    .bie {
        --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,);
    }

    .bif {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -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,);
    }

    .big {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -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,);
    }

    .bih {
        -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,);
    }

    .bii {
        transition-property: color, background-color, border-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));
    }

    .bij {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .bik {
        transition-property: color, background-color, border-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));
    }

    .bil {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }

    .bim {
        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));
    }

    .bin {
        --tw-duration: 75ms;
        transition-duration: 75ms;
    }

    .bio {
        --tw-duration: 100ms;
        transition-duration: 100ms;
    }

    .bip {
        --tw-duration: 300ms;
        transition-duration: 300ms;
    }

    .biq {
        --tw-duration: 500ms;
        transition-duration: 500ms;
    }

    .bir {
        --tw-duration: 1000ms;
        transition-duration: 1000ms;
    }

    .bis {
        --tw-duration: 150ms;
        transition-duration: 150ms;
    }

    .bit {
        --tw-duration: 200ms;
        transition-duration: 200ms;
    }

    .biu {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in);
    }

    .biv {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }

    .biw {
        --tw-ease: linear;
        transition-timing-function: linear;
    }

    .bix {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out);
    }

    .biy {
        clip-path: inset(0);
    }

    .biz {
        mask-image: radial-gradient(32rem 32rem at center, white, transparent);
    }

    .bja {
        mask-image: radial-gradient(50% 45% at 50% 55%, white, transparent);
    }

    .bjb {
        mask-image: radial-gradient(64rem 64rem at 111.5rem 0%, white, transparent);
    }

    .bjc {
        mask-image: radial-gradient(64rem 64rem at top, white, transparent);
    }

    .bjd {
        mask-image: radial-gradient(100% 100% at top right, white, transparent);
    }

    .bje {
        mask-image: radial-gradient(closest-side, white, transparent);
    }

    .bjf {
        --tw-outline-style: none;
        outline-style: none;
    }

    .bjg {
        --tw-ring-inset: inset;
    }

    .bjh {
        -webkit-user-select: all;
        user-select: all;
    }

    .bji {
        -webkit-user-select: none;
        user-select: none;
    }

    .bjj {
        :is(& > *) {
            background-color: var(--color-gray-800);
        }
    }

    .bjk {
        &:not(*[data-focus]) {
            &:not(*[data-checked]) {
                --tw-ring-inset: inset;
            }
        }
    }

    .bjl {
        &:is(:where(.bjm):not(*[data-checked]) *) {
            visibility: hidden;
        }
    }

    .bjn {
        &:is(:where(.bjm):not(*[data-checked]) *) {
            display: none;
        }
    }

    .bjo {
        &:is(:where(.bjm):not(*[data-open]) *) {
            display: none;
        }
    }

    .bjp {
        &:is(:where(.bjm):not(*[data-selected]) *) {
            display: none;
        }
    }

    .bjq {
        &:is(:where(.bjm):first-of-type *) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .bjr {
        &:is(:where(.bjm):first-of-type *) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .bjs {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                visibility: visible;
            }
        }
    }

    .bjt {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                border-color: var(--color-gray-400);
            }
        }
    }

    .bju {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                border-color: var(--color-indigo-600);
            }
        }
    }

    .bjv {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-50);
            }
        }
    }

    .bjw {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-200);
            }
        }
    }

    .bjx {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-300);
            }
        }
    }

    .bjy {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-400);
            }
        }
    }

    .bjz {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                background-color: var(--color-gray-800);
            }
        }
    }

    .bka {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                background-color: var(--color-indigo-800);
            }
        }
    }

    .bkb {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                background-color: var(--color-white);
            }
        }
    }

    .bkc {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-blue-700) 75%, transparent);
            }
        }
    }

    .bkd {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-blue-800) 75%, transparent);
            }
        }
    }

    .bke {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-gray-600) 75%, transparent);
            }
        }
    }

    .bkf {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-gray-700) 75%, transparent);
            }
        }
    }

    .bkg {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-green-700) 75%, transparent);
            }
        }
    }

    .bkh {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-green-800) 75%, transparent);
            }
        }
    }

    .bki {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-indigo-600) 75%, transparent);
            }
        }
    }

    .bkj {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-indigo-700) 75%, transparent);
            }
        }
    }

    .bkk {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-pink-700) 75%, transparent);
            }
        }
    }

    .bkl {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-pink-800) 75%, transparent);
            }
        }
    }

    .bkm {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-red-600) 75%, transparent);
            }
        }
    }

    .bkn {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-red-700) 75%, transparent);
            }
        }
    }

    .bko {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-violet-600) 75%, transparent);
            }
        }
    }

    .bkp {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-violet-700) 75%, transparent);
            }
        }
    }

    .bkq {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-yellow-700) 75%, transparent);
            }
        }
    }

    .bkr {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                stroke: color-mix(in oklab, var(--color-yellow-800) 75%, transparent);
            }
        }
    }

    .bks {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-blue-700);
            }
        }
    }

    .bkt {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-200);
            }
        }
    }

    .bku {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-300);
            }
        }
    }

    .bkv {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-400);
            }
        }
    }

    .bkw {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-500);
            }
        }
    }

    .bkx {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-600);
            }
        }
    }

    .bky {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-700);
            }
        }
    }

    .bkz {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-800);
            }
        }
    }

    .bla {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-gray-900);
            }
        }
    }

    .blb {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-500);
            }
        }
    }

    .blc {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-600);
            }
        }
    }

    .bld {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-700);
            }
        }
    }

    .ble {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-800);
            }
        }
    }

    .blf {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-indigo-900);
            }
        }
    }

    .blg {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-pink-700);
            }
        }
    }

    .blh {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-slate-500);
            }
        }
    }

    .bli {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-slate-700);
            }
        }
    }

    .blj {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-slate-900);
            }
        }
    }

    .blk {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-teal-500);
            }
        }
    }

    .bll {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                color: var(--color-white);
            }
        }
    }

    .blm {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                opacity: 75%;
            }
        }
    }

    .bln {
        &:is(:where(.bjm):hover *) {
            @media (hover: hover) {
                opacity: 100%;
            }
        }
    }

    .blo {
        &:is(:where(.bjm):focus *) {
            visibility: visible;
        }
    }

    .blp {
        &:is(:where(.bjm):has(*:checked) *) {
            color: var(--color-indigo-700);
        }
    }

    .blq {
        &:is(:where(.bjm):has(*:checked) *) {
            color: var(--color-indigo-900);
        }
    }

    .blr {
        &:is(:where(.bjm):has(*:checked) *) {
            color: var(--color-orange-700);
        }
    }

    .bls {
        &:is(:where(.bjm):has(*:checked) *) {
            color: var(--color-orange-900);
        }
    }

    .blt {
        &:is(:where(.bjm):has(*:checked) *) {
            color: var(--color-sky-700);
        }
    }

    .blu {
        &:is(:where(.bjm):has(*:checked) *) {
            color: var(--color-sky-900);
        }
    }

    .blv {
        &:is(:where(.bjm):has(*:checked) *) {
            opacity: 100%;
        }
    }

    .blw {
        &:is(:where(.bjm):has(*:indeterminate) *) {
            opacity: 100%;
        }
    }

    .blx {
        &:is(:where(.bjm):has(*:disabled) *) {
            stroke: color-mix(in oklab, var(--color-gray-950) 25%, transparent);
        }
    }

    .bly {
        &:is(:where(.bjm):has(*:disabled) *) {
            stroke: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }

    .blz {
        &:is(:where(.bjm):has(*:is(*:first-child[aria-selected='true'])) *) {
            display: flex;
        }
    }

    .bma {
        &:is(:where(.bjm):has(*:is(:checked)) *) {
            color: var(--color-indigo-700);
        }
    }

    .bmb {
        &:is(:where(.bjm):has(*:is(:checked)) *) {
            color: var(--color-indigo-900);
        }
    }

    .bmc {
        &:is(:where(.bjm):has(*:is(:checked)) *) {
            color: var(--color-orange-700);
        }
    }

    .bmd {
        &:is(:where(.bjm):has(*:is(:checked)) *) {
            color: var(--color-orange-900);
        }
    }

    .bme {
        &:is(:where(.bjm):has(*:is(:checked)) *) {
            color: var(--color-sky-700);
        }
    }

    .bmf {
        &:is(:where(.bjm):has(*:is(:checked)) *) {
            color: var(--color-sky-900);
        }
    }

    .bmg {
        &:is(:where(.bjm):has(*:is(:checked)) *) {
            opacity: 100%;
        }
    }

    .bmh {
        &:is(:where(.bjm):has(*:is(:disabled)) *) {
            stroke: color-mix(in oklab, var(--color-gray-950) 25%, transparent);
        }
    }

    .bmi {
        &:is(:where(.bjm):has(*:is(:disabled)) *) {
            stroke: color-mix(in oklab, var(--color-white) 25%, transparent);
        }
    }

    .bmj {
        &:is(:where(.bjm):has(*:is(:indeterminate)) *) {
            opacity: 100%;
        }
    }

    .bmk {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-translate-x: calc(var(--spacing) * 3.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .bml {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-translate-x: calc(var(--spacing) * 5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .bmm {
        &:is(:where(.bjm)[data-checked] *) {
            border-color: var(--color-indigo-500);
        }
    }

    .bmn {
        &:is(:where(.bjm)[data-checked] *) {
            border-color: var(--color-indigo-600);
        }
    }

    .bmo {
        &:is(:where(.bjm)[data-checked] *) {
            border-color: transparent;
        }
    }

    .bmp {
        &:is(:where(.bjm)[data-checked] *) {
            background-color: var(--color-indigo-600);
        }
    }

    .bmq {
        &:is(:where(.bjm)[data-checked] *) {
            opacity: 0%;
        }
    }

    .bmr {
        &:is(:where(.bjm)[data-checked] *) {
            opacity: 100%;
        }
    }

    .bms {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .bmt {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .bmu {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
        }
    }

    .bmv {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }
    }

    .bmw {
        &:is(:where(.bjm)[data-disabled] *) {
            fill: var(--color-gray-300);
        }
    }

    .bmx {
        &:is(:where(.bjm)[data-focus] *) {
            display: block;
        }
    }

    .bmy {
        &:is(:where(.bjm)[data-focus] *) {
            display: inline;
        }
    }

    .bmz {
        &:is(:where(.bjm)[data-focus] *) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .bna {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-gray-500);
        }
    }

    .bnb {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-gray-700);
        }
    }

    .bnc {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-gray-900);
        }
    }

    .bnd {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-indigo-100);
        }
    }

    .bne {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-indigo-200);
        }
    }

    .bnf {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-purple-200);
        }
    }

    .bng {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-white);
        }
    }

    .bnh {
        &:is(:where(.bjm)[data-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);
        }
    }

    .bni {
        &:is(:where(.bjm)[data-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);
        }
    }

    .bnj {
        &:is(:where(.bjm)[data-open] *) {
            display: block;
        }
    }

    .bnk {
        &:is(:where(.bjm)[data-open] *) {
            display: none;
        }
    }

    .bnl {
        &:is(:where(.bjm)[data-open] *) {
            rotate: calc(180deg * -1);
        }
    }

    .bnm {
        &:is(:where(.bjm)[data-open] *) {
            rotate: 90deg;
        }
    }

    .bnn {
        &:is(:where(.bjm)[data-open] *) {
            rotate: 180deg;
        }
    }

    .bno {
        &:is(:where(.bjm)[data-open] *) {
            background-color: var(--color-gray-200);
        }
    }

    .bnp {
        &:is(:where(.bjm)[data-open] *) {
            background-color: var(--color-indigo-600);
        }
    }

    .bnq {
        &:is(:where(.bjm)[data-open] *) {
            background-color: var(--color-white);
        }
    }

    .bnr {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-gray-400);
        }
    }

    .bns {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-gray-500);
        }
    }

    .bnt {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-gray-600);
        }
    }

    .bnu {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-indigo-600);
        }
    }

    .bnv {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-white);
        }
    }

    .bnw {
        &:is(:where(.bjm)[data-open] *) {
            &:is(:where(.bjm):hover *) {
                @media (hover: hover) {
                    color: var(--color-gray-500);
                }
            }
        }
    }

    .bnx {
        &:is(:where(.bjm)[data-selected] *) {
            display: flex;
        }
    }

    .bny {
        &:is(:where(.bjm)[data-selected] *) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .bnz {
        &:is(:where(.bjm)[data-selected] *) {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .boa {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-translate-x: calc(var(--spacing) * 3.5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .bob {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-translate-x: calc(var(--spacing) * 5);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .boc {
        &:is(:where(.bjm)[data-checked] *) {
            border-color: var(--color-indigo-500);
        }
    }

    .bod {
        &:is(:where(.bjm)[data-checked] *) {
            border-color: var(--color-indigo-600);
        }
    }

    .boe {
        &:is(:where(.bjm)[data-checked] *) {
            background-color: var(--color-indigo-600);
        }
    }

    .bof {
        &:is(:where(.bjm)[data-checked] *) {
            opacity: 0%;
        }
    }

    .bog {
        &:is(:where(.bjm)[data-checked] *) {
            opacity: 100%;
        }
    }

    .boh {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .boi {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .boj {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
        }
    }

    .bok {
        &:is(:where(.bjm)[data-checked] *) {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }
    }

    .bol {
        &:is(:where(.bjm)[data-disabled] *) {
            fill: var(--color-gray-300);
        }
    }

    .bom {
        &:is(:where(.bjm)[data-focus] *) {
            display: block;
        }
    }

    .bon {
        &:is(:where(.bjm)[data-focus] *) {
            display: inline;
        }
    }

    .boo {
        &:is(:where(.bjm)[data-focus] *) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .bop {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-gray-500);
        }
    }

    .boq {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-gray-700);
        }
    }

    .bor {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-gray-900);
        }
    }

    .bos {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-indigo-100);
        }
    }

    .bot {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-indigo-200);
        }
    }

    .bou {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-purple-200);
        }
    }

    .bov {
        &:is(:where(.bjm)[data-focus] *) {
            color: var(--color-white);
        }
    }

    .bow {
        &:is(:where(.bjm)[data-open] *) {
            display: block;
        }
    }

    .box {
        &:is(:where(.bjm)[data-open] *) {
            display: none;
        }
    }

    .boy {
        &:is(:where(.bjm)[data-open] *) {
            rotate: calc(180deg * -1);
        }
    }

    .boz {
        &:is(:where(.bjm)[data-open] *) {
            rotate: 90deg;
        }
    }

    .bpa {
        &:is(:where(.bjm)[data-open] *) {
            rotate: 180deg;
        }
    }

    .bpb {
        &:is(:where(.bjm)[data-open] *) {
            background-color: var(--color-gray-200);
        }
    }

    .bpc {
        &:is(:where(.bjm)[data-open] *) {
            background-color: var(--color-indigo-600);
        }
    }

    .bpd {
        &:is(:where(.bjm)[data-open] *) {
            background-color: var(--color-white);
        }
    }

    .bpe {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-gray-400);
        }
    }

    .bpf {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-gray-500);
        }
    }

    .bpg {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-gray-600);
        }
    }

    .bph {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-indigo-600);
        }
    }

    .bpi {
        &:is(:where(.bjm)[data-open] *) {
            color: var(--color-white);
        }
    }

    .bpj {
        &:is(:where(.bjm)[data-open] *) {
            &:is(:where(.bjm):hover *) {
                @media (hover: hover) {
                    color: var(--color-gray-500);
                }
            }
        }
    }

    .bpk {
        &:is(:where(.bjm)[data-selected] *) {
            display: flex;
        }
    }

    .bpl {
        &:is(:where(.bjm)[data-selected] *) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .bpm {
        &:is(:where(.bjm)[data-selected] *) {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .bpn {
        &:is(:where(.bjm):not([data-checked]) *) {
            visibility: hidden;
        }
    }

    .bpo {
        &:is(:where(.bjm):not([data-checked]) *) {
            display: none;
        }
    }

    .bpp {
        &:is(:where(.bjm):not([data-open]) *) {
            display: none;
        }
    }

    .bpq {
        &:is(:where(.bjm):not([data-selected]) *) {
            display: none;
        }
    }

    .bpr {
        &:is(:where(.bps):hover ~ *) {
            @media (hover: hover) {
                background-color: var(--color-slate-50);
            }
        }
    }

    .bpt {
        &:is(:where(.bps):hover ~ *) {
            @media (hover: hover) {
                --tw-ring-color: var(--color-gray-400);
            }
        }
    }

    .bpu {
        &:is(:where(.bps):focus ~ *) {
            border-top-style: var(--tw-border-style);
            border-top-width: 2px;
        }
    }

    .bpv {
        &:is(:where(.bps):focus ~ *) {
            border-color: var(--color-indigo-600);
        }
    }

    .bpw {
        &:is(:where(.bps):focus ~ *) {
            color: var(--color-gray-400);
        }
    }

    .bpx {
        &:is(:where(.bps):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);
        }
    }

    .bpy {
        &:is(:where(.bps):focus ~ *) {
            --tw-ring-color: var(--color-blue-600);
        }
    }

    .bpz {
        &:is(:where(.bps):focus ~ *) {
            --tw-ring-color: var(--color-sky-500);
        }
    }

    .bqa {
        & *::marker {
            color: var(--color-gray-300);
        }

        &::marker {
            color: var(--color-gray-300);
        }
    }

    .bqb {
        &::placeholder {
            color: var(--color-gray-400);
        }
    }

    .bqc {
        &::placeholder {
            color: var(--color-gray-500);
        }
    }

    .bqd {
        &::placeholder {
            color: var(--color-indigo-200);
        }
    }

    .bqe {
        &::placeholder {
            color: var(--color-red-300);
        }
    }

    .bqf {
        &::placeholder {
            color: var(--color-sky-100);
        }
    }

    .bqg {
        &::placeholder {
            color: var(--color-white);
        }
    }

    .bqh {
        &::placeholder {
            color: color-mix(in oklab, var(--color-white) 75%, transparent);
        }
    }

    .bqi {
        &::before {
            content: var(--tw-content);
            position: absolute;
        }
    }

    .bqj {
        &::before {
            content: var(--tw-content);
            inset: calc(var(--spacing) * 1);
        }
    }

    .bqk {
        &::before {
            content: var(--tw-content);
            display: block;
        }
    }

    .bql {
        &::before {
            content: var(--tw-content);
            border-radius: calc(infinity * 1px);
        }
    }

    .bqm {
        &::before {
            content: var(--tw-content);
            background-color: var(--color-white);
        }
    }

    .bqn {
        &:not(*:checked) {
            &::before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .bqo {
        &:first-child {
            border-top-left-radius: var(--radius-md);
        }
    }

    .bqp {
        &:first-child {
            border-top-right-radius: var(--radius-md);
        }
    }

    .bqq {
        &:first-child {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .bqr {
        &:last-child {
            border-bottom-right-radius: var(--radius-md);
        }
    }

    .bqs {
        &:last-child {
            border-bottom-left-radius: var(--radius-md);
        }
    }

    .bqt {
        &:last-child {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .bqu {
        &:last-child {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .bqv {
        &:nth-child(even) {
            background-color: var(--color-gray-50);
        }
    }

    .bqw {
        &:checked {
            border-color: var(--color-indigo-600);
        }
    }

    .bqx {
        &:checked {
            border-color: var(--color-orange-600);
        }
    }

    .bqy {
        &:checked {
            border-color: var(--color-purple-600);
        }
    }

    .bqz {
        &:checked {
            border-color: var(--color-sky-600);
        }
    }

    .bra {
        &:checked {
            background-color: var(--color-indigo-600);
        }
    }

    .brb {
        &:checked {
            background-color: var(--color-orange-600);
        }
    }

    .brc {
        &:checked {
            background-color: var(--color-purple-600);
        }
    }

    .brd {
        &:checked {
            background-color: var(--color-sky-600);
        }
    }

    .bre {
        &:indeterminate {
            border-color: var(--color-indigo-600);
        }
    }

    .brf {
        &:indeterminate {
            background-color: var(--color-indigo-600);
        }
    }

    .brg {
        &:focus-within {
            position: relative;
        }
    }

    .brh {
        &:focus-within {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 2px;
        }
    }

    .bri {
        &:focus-within {
            border-color: var(--color-indigo-600);
        }
    }

    .brj {
        &:focus-within {
            background-color: var(--color-gray-50);
        }
    }

    .brk {
        &:focus-within {
            background-color: var(--color-gray-100);
        }
    }

    .brl {
        &:focus-within {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .brm {
        &:focus-within {
            opacity: 100%;
        }
    }

    .brn {
        &:focus-within {
            --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);
        }
    }

    .bro {
        &:focus-within {
            --tw-ring-color: var(--color-blue-600);
        }
    }

    .brp {
        &:focus-within {
            --tw-ring-color: var(--color-cyan-500);
        }
    }

    .brq {
        &:focus-within {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .brr {
        &:focus-within {
            --tw-ring-color: var(--color-indigo-600);
        }
    }

    .brs {
        &:focus-within {
            --tw-ring-color: var(--color-pink-500);
        }
    }

    .brt {
        &:focus-within {
            --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);
        }
    }

    .bru {
        &:focus-within {
            --tw-ring-offset-color: var(--color-gray-100);
        }
    }

    .brv {
        &:focus-within {
            --tw-ring-offset-color: var(--color-gray-900);
        }
    }

    .brw {
        &:focus-within {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }

    .brx {
        &:focus-within {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
    }

    .bry {
        &:focus-within {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .brz {
        &:focus-within {
            outline-offset: calc(2px * -1);
        }
    }

    .bsa {
        &:focus-within {
            outline-color: var(--color-blue-500);
        }
    }

    .bsb {
        &:focus-within {
            outline-color: var(--color-indigo-500);
        }
    }

    .bsc {
        &:focus-within {
            outline-color: var(--color-indigo-600);
        }
    }

    .bsd {
        &:focus-within {
            outline-color: var(--color-sky-600);
        }
    }

    .bse {
        &:focus-within {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .bsf {
        &:focus-within {
            --tw-ring-inset: inset;
        }
    }

    .bsg {
        &:hover {
            @media (hover: hover) {
                z-index: 10;
            }
        }
    }

    .bsh {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-gray-200);
            }
        }
    }

    .bsi {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-gray-300);
            }
        }
    }

    .bsj {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-gray-400);
            }
        }
    }

    .bsk {
        &:hover {
            @media (hover: hover) {
                border-color: var(--color-indigo-800);
            }
        }
    }

    .bsl {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-black);
            }
        }
    }

    .bsm {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
            }
        }
    }

    .bsn {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-100);
            }
        }
    }

    .bso {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-200);
            }
        }
    }

    .bsp {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-500);
            }
        }
    }

    .bsq {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-600);
            }
        }
    }

    .bsr {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent);
            }
        }
    }

    .bss {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-blue-700);
            }
        }
    }

    .bst {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-50);
            }
        }
    }

    .bsu {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-100);
            }
        }
    }

    .bsv {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-500);
            }
        }
    }

    .bsw {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-600);
            }
        }
    }

    .bsx {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-cyan-700);
            }
        }
    }

    .bsy {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-50);
            }
        }
    }

    .bsz {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-100);
            }
        }
    }

    .bta {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-200);
            }
        }
    }

    .btb {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-300);
            }
        }
    }

    .btc {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-400);
            }
        }
    }

    .btd {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
            }
        }
    }

    .bte {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
            }
        }
    }

    .btf {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-700);
            }
        }
    }

    .btg {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-800);
            }
        }
    }

    .bth {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-gray-900);
            }
        }
    }

    .bti {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-green-100);
            }
        }
    }

    .btj {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-green-500);
            }
        }
    }

    .btk {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-green-600) 20%, transparent);
            }
        }
    }

    .btl {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-50);
            }
        }
    }

    .btm {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-100);
            }
        }
    }

    .btn {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-400);
            }
        }
    }

    .bto {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-500);
            }
        }
    }

    .btp {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-indigo-500) 70%, transparent);
            }
        }
    }

    .btq {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-indigo-500) 75%, transparent);
            }
        }
    }

    .btr {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-600);
            }
        }
    }

    .bts {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-indigo-600) 20%, transparent);
            }
        }
    }

    .btt {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-indigo-600) 75%, transparent);
            }
        }
    }

    .btu {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-700);
            }
        }
    }

    .btv {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-800);
            }
        }
    }

    .btw {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-indigo-900);
            }
        }
    }

    .btx {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-orange-200);
            }
        }
    }

    .bty {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-pink-100);
            }
        }
    }

    .btz {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-pink-600) 20%, transparent);
            }
        }
    }

    .bua {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-50);
            }
        }
    }

    .bub {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-200);
            }
        }
    }

    .buc {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-500);
            }
        }
    }

    .bud {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-600);
            }
        }
    }

    .bue {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent);
            }
        }
    }

    .buf {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-purple-700);
            }
        }
    }

    .bug {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-red-400);
            }
        }
    }

    .buh {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-red-500);
            }
        }
    }

    .bui {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
            }
        }
    }

    .buj {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-100);
            }
        }
    }

    .buk {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-500);
            }
        }
    }

    .bul {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-600);
            }
        }
    }

    .bum {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-rose-700);
            }
        }
    }

    .bun {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-sky-400);
            }
        }
    }

    .buo {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-sky-600);
            }
        }
    }

    .bup {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-sky-800);
            }
        }
    }

    .buq {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-slate-50);
            }
        }
    }

    .bur {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-slate-100);
            }
        }
    }

    .bus {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-slate-900);
            }
        }
    }

    .but {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-stone-50);
            }
        }
    }

    .buu {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-stone-100);
            }
        }
    }

    .buv {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-stone-200);
            }
        }
    }

    .buw {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-teal-50);
            }
        }
    }

    .bux {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-teal-600);
            }
        }
    }

    .buy {
        &:hover {
            @media (hover: hover) {
                background-color: var(--color-white);
            }
        }
    }

    .buz {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
            }
        }
    }

    .bva {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
            }
        }
    }

    .bvb {
        &:hover {
            @media (hover: hover) {
                background-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);
            }
        }
    }

    .bvc {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-from: var(--color-purple-700);
                --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));
            }
        }
    }

    .bvd {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-from: var(--color-teal-600);
                --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));
            }
        }
    }

    .bve {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-to: var(--color-cyan-700);
                --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));
            }
        }
    }

    .bvf {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-to: var(--color-indigo-700);
                --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));
            }
        }
    }

    .bvg {
        &:hover {
            @media (hover: hover) {
                --tw-gradient-to: var(--color-pink-600);
                --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));
            }
        }
    }

    .bvh {
        &:hover {
            @media (hover: hover) {
                color: var(--color-blue-100);
            }
        }
    }

    .bvi {
        &:hover {
            @media (hover: hover) {
                color: var(--color-blue-500);
            }
        }
    }

    .bvj {
        &:hover {
            @media (hover: hover) {
                color: var(--color-blue-600);
            }
        }
    }

    .bvk {
        &:hover {
            @media (hover: hover) {
                color: var(--color-cyan-100);
            }
        }
    }

    .bvl {
        &:hover {
            @media (hover: hover) {
                color: var(--color-cyan-500);
            }
        }
    }

    .bvm {
        &:hover {
            @media (hover: hover) {
                color: var(--color-cyan-600);
            }
        }
    }

    .bvn {
        &:hover {
            @media (hover: hover) {
                color: var(--color-cyan-900);
            }
        }
    }

    .bvo {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-100);
            }
        }
    }

    .bvp {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-200);
            }
        }
    }

    .bvq {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-300);
            }
        }
    }

    .bvr {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-400);
            }
        }
    }

    .bvs {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-500);
            }
        }
    }

    .bvt {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-600);
            }
        }
    }

    .bvu {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-700);
            }
        }
    }

    .bvv {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-800);
            }
        }
    }

    .bvw {
        &:hover {
            @media (hover: hover) {
                color: var(--color-gray-900);
            }
        }
    }

    .bvx {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-50);
            }
        }
    }

    .bvy {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-100);
            }
        }
    }

    .bvz {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-300);
            }
        }
    }

    .bwa {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-500);
            }
        }
    }

    .bwb {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-600);
            }
        }
    }

    .bwc {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-700);
            }
        }
    }

    .bwd {
        &:hover {
            @media (hover: hover) {
                color: var(--color-indigo-900);
            }
        }
    }

    .bwe {
        &:hover {
            @media (hover: hover) {
                color: var(--color-orange-900);
            }
        }
    }

    .bwf {
        &:hover {
            @media (hover: hover) {
                color: var(--color-purple-500);
            }
        }
    }

    .bwg {
        &:hover {
            @media (hover: hover) {
                color: var(--color-red-500);
            }
        }
    }

    .bwh {
        &:hover {
            @media (hover: hover) {
                color: var(--color-rose-500);
            }
        }
    }

    .bwi {
        &:hover {
            @media (hover: hover) {
                color: var(--color-slate-500);
            }
        }
    }

    .bwj {
        &:hover {
            @media (hover: hover) {
                color: var(--color-slate-900);
            }
        }
    }

    .bwk {
        &:hover {
            @media (hover: hover) {
                color: var(--color-stone-300);
            }
        }
    }

    .bwl {
        &:hover {
            @media (hover: hover) {
                color: var(--color-stone-500);
            }
        }
    }

    .bwm {
        &:hover {
            @media (hover: hover) {
                color: var(--color-stone-900);
            }
        }
    }

    .bwn {
        &:hover {
            @media (hover: hover) {
                color: var(--color-teal-100);
            }
        }
    }

    .bwo {
        &:hover {
            @media (hover: hover) {
                color: var(--color-teal-700);
            }
        }
    }

    .bwp {
        &:hover {
            @media (hover: hover) {
                color: var(--color-white);
            }
        }
    }

    .bwq {
        &:hover {
            @media (hover: hover) {
                color: var(--color-yellow-400);
            }
        }
    }

    .bwr {
        &:hover {
            @media (hover: hover) {
                color: var(--color-yellow-600);
            }
        }
    }

    .bws {
        &:hover {
            @media (hover: hover) {
                text-decoration-line: underline;
            }
        }
    }

    .bwt {
        &:hover {
            @media (hover: hover) {
                opacity: 75%;
            }
        }
    }

    .bwu {
        &:hover {
            @media (hover: hover) {
                opacity: 100%;
            }
        }
    }

    .bwv {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .bww {
        &:hover {
            @media (hover: hover) {
                --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
        }
    }

    .bwx {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: var(--color-gray-400);
            }
        }
    }

    .bwy {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
            }
        }
    }

    .bwz {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: var(--color-indigo-300);
            }
        }
    }

    .bxa {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: var(--color-indigo-700);
            }
        }
    }

    .bxb {
        &:hover {
            @media (hover: hover) {
                --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent);
            }
        }
    }

    .bxc {
        &:hover {
            @media (hover: hover) {
                outline: 2px solid transparent;
                outline-offset: 2px;
            }
        }
    }

    .bxd {
        &:hover {
            @media (hover: hover) {
                --tw-outline-style: none;
                outline-style: none;
            }
        }
    }

    .bxe {
        &:focus {
            position: relative;
        }
    }

    .bxf {
        &:focus {
            z-index: 10;
        }
    }

    .bxg {
        &:focus {
            z-index: 20;
        }
    }

    .bxh {
        &:focus {
            border-color: var(--color-blue-500);
        }
    }

    .bxi {
        &:focus {
            border-color: var(--color-indigo-500);
        }
    }

    .bxj {
        &:focus {
            border-color: var(--color-indigo-600);
        }
    }

    .bxk {
        &:focus {
            border-color: var(--color-orange-500);
        }
    }

    .bxl {
        &:focus {
            border-color: var(--color-purple-500);
        }
    }

    .bxm {
        &:focus {
            border-color: var(--color-rose-500);
        }
    }

    .bxn {
        &:focus {
            border-color: var(--color-teal-500);
        }
    }

    .bxo {
        &:focus {
            border-color: transparent;
        }
    }

    .bxp {
        &:focus {
            border-color: var(--color-white);
        }
    }

    .bxq {
        &:focus {
            background-color: var(--color-gray-600);
        }
    }

    .bxr {
        &:focus {
            background-color: var(--color-sky-900);
        }
    }

    .bxs {
        &:focus {
            background-color: var(--color-white);
        }
    }

    .bxt {
        &:focus {
            color: var(--color-gray-900);
        }
    }

    .bxu {
        &:focus {
            &::placeholder {
                color: var(--color-gray-400);
            }
        }
    }

    .bxv {
        &:focus {
            opacity: 100%;
        }
    }

    .bxw {
        &:focus {
            --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);
        }
    }

    .bxx {
        &:focus {
            --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);
        }
    }

    .bxy {
        &: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);
        }
    }

    .bxz {
        &:focus {
            --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
        }
    }

    .bya {
        &:focus {
            --tw-ring-color: var(--color-blue-500);
        }
    }

    .byb {
        &:focus {
            --tw-ring-color: var(--color-blue-600);
        }
    }

    .byc {
        &:focus {
            --tw-ring-color: var(--color-cyan-400);
        }
    }

    .byd {
        &:focus {
            --tw-ring-color: var(--color-cyan-500);
        }
    }

    .bye {
        &:focus {
            --tw-ring-color: var(--color-cyan-600);
        }
    }

    .byf {
        &:focus {
            --tw-ring-color: var(--color-gray-900);
        }
    }

    .byg {
        &:focus {
            --tw-ring-color: var(--color-green-400);
        }
    }

    .byh {
        &:focus {
            --tw-ring-color: var(--color-green-500);
        }
    }

    .byi {
        &:focus {
            --tw-ring-color: var(--color-green-600);
        }
    }

    .byj {
        &:focus {
            --tw-ring-color: var(--color-indigo-300);
        }
    }

    .byk {
        &:focus {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .byl {
        &:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
        }
    }

    .bym {
        &:focus {
            --tw-ring-color: var(--color-indigo-600);
        }
    }

    .byn {
        &:focus {
            --tw-ring-color: color-mix(in oklab, var(--color-indigo-600) 25%, transparent);
        }
    }

    .byo {
        &:focus {
            --tw-ring-color: var(--color-orange-500);
        }
    }

    .byp {
        &:focus {
            --tw-ring-color: var(--color-pink-600);
        }
    }

    .byq {
        &:focus {
            --tw-ring-color: var(--color-purple-500);
        }
    }

    .byr {
        &:focus {
            --tw-ring-color: var(--color-rose-500);
        }
    }

    .bys {
        &:focus {
            --tw-ring-color: var(--color-sky-500);
        }
    }

    .byt {
        &:focus {
            --tw-ring-color: var(--color-teal-500);
        }
    }

    .byu {
        &:focus {
            --tw-ring-color: var(--color-white);
        }
    }

    .byv {
        &:focus {
            --tw-ring-offset-width: 1px;
            --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .byw {
        &: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);
        }
    }

    .byx {
        &:focus {
            --tw-ring-offset-width: 4px;
            --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        }
    }

    .byy {
        &:focus {
            --tw-ring-offset-color: var(--color-cyan-700);
        }
    }

    .byz {
        &:focus {
            --tw-ring-offset-color: var(--color-gray-50);
        }
    }

    .bza {
        &:focus {
            --tw-ring-offset-color: var(--color-gray-100);
        }
    }

    .bzb {
        &:focus {
            --tw-ring-offset-color: var(--color-gray-800);
        }
    }

    .bzc {
        &:focus {
            --tw-ring-offset-color: var(--color-gray-900);
        }
    }

    .bzd {
        &:focus {
            --tw-ring-offset-color: var(--color-green-50);
        }
    }

    .bze {
        &:focus {
            --tw-ring-offset-color: var(--color-indigo-600);
        }
    }

    .bzf {
        &:focus {
            --tw-ring-offset-color: var(--color-indigo-700);
        }
    }

    .bzg {
        &:focus {
            --tw-ring-offset-color: var(--color-indigo-900);
        }
    }

    .bzh {
        &:focus {
            --tw-ring-offset-color: var(--color-rose-500);
        }
    }

    .bzi {
        &:focus {
            --tw-ring-offset-color: var(--color-sky-500);
        }
    }

    .bzj {
        &:focus {
            --tw-ring-offset-color: var(--color-sky-900);
        }
    }

    .bzk {
        &:focus {
            --tw-ring-offset-color: var(--color-white);
        }
    }

    .bzl {
        &:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }

    .bzm {
        &:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
    }

    .bzn {
        &:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 0px;
        }
    }

    .bzo {
        &:focus {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .bzp {
        &:focus {
            outline-offset: calc(1px * -1);
        }
    }

    .bzq {
        &:focus {
            outline-offset: calc(2px * -1);
        }
    }

    .bzr {
        &:focus {
            outline-offset: 0px;
        }
    }

    .bzs {
        &:focus {
            outline-offset: 2px;
        }
    }

    .bzt {
        &:focus {
            outline-color: var(--color-blue-500);
        }
    }

    .bzu {
        &:focus {
            outline-color: var(--color-blue-600);
        }
    }

    .bzv {
        &:focus {
            outline-color: var(--color-gray-900);
        }
    }

    .bzw {
        &:focus {
            outline-color: var(--color-indigo-500);
        }
    }

    .bzx {
        &:focus {
            outline-color: var(--color-indigo-600);
        }
    }

    .bzy {
        &:focus {
            outline-color: var(--color-pink-500);
        }
    }

    .bzz {
        &:focus {
            outline-color: var(--color-purple-600);
        }
    }

    .caa {
        &:focus {
            outline-color: var(--color-red-600);
        }
    }

    .cab {
        &:focus {
            outline-color: var(--color-rose-500);
        }
    }

    .cac {
        &:focus {
            outline-color: var(--color-rose-600);
        }
    }

    .cad {
        &:focus {
            outline-color: var(--color-sky-600);
        }
    }

    .cae {
        &:focus {
            outline-color: var(--color-white);
        }
    }

    .caf {
        &:focus {
            outline-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
    }

    .cag {
        &:focus {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .cah {
        &:focus {
            --tw-ring-inset: inset;
        }
    }

    .cai {
        &:not(*:focus-visible) {
            &:focus {
                outline-color: var(--color-sky-600);
            }
        }
    }

    .caj {
        &:focus {
            &::placeholder {
                color: var(--color-gray-400);
            }
        }
    }

    .cak {
        &: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);
        }
    }

    .cal {
        &:focus-visible {
            --tw-ring-color: var(--color-purple-500);
        }
    }

    .cam {
        &:focus-visible {
            --tw-ring-color: transparent;
        }
    }

    .can {
        &:focus-visible {
            --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);
        }
    }

    .cao {
        &:focus-visible {
            --tw-ring-offset-color: var(--color-gray-50);
        }
    }

    .cap {
        &:focus-visible {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }

    .caq {
        &:focus-visible {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
    }

    .car {
        &:focus-visible {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .cas {
        &:focus-visible {
            outline-offset: 0px;
        }
    }

    .cat {
        &:focus-visible {
            outline-offset: 2px;
        }
    }

    .cau {
        &:focus-visible {
            outline-offset: -4px;
        }
    }

    .cav {
        &:focus-visible {
            outline-color: var(--color-blue-600);
        }
    }

    .caw {
        &:focus-visible {
            outline-color: var(--color-cyan-600);
        }
    }

    .cax {
        &:focus-visible {
            outline-color: var(--color-gray-900);
        }
    }

    .cay {
        &:focus-visible {
            outline-color: var(--color-indigo-400);
        }
    }

    .caz {
        &:focus-visible {
            outline-color: var(--color-indigo-500);
        }
    }

    .cba {
        &:focus-visible {
            outline-color: var(--color-indigo-600);
        }
    }

    .cbb {
        &:focus-visible {
            outline-color: var(--color-orange-600);
        }
    }

    .cbc {
        &:focus-visible {
            outline-color: var(--color-purple-600);
        }
    }

    .cbd {
        &:focus-visible {
            outline-color: var(--color-rose-600);
        }
    }

    .cbe {
        &:focus-visible {
            outline-color: var(--color-sky-500);
        }
    }

    .cbf {
        &:focus-visible {
            outline-color: var(--color-sky-600);
        }
    }

    .cbg {
        &:focus-visible {
            outline-color: var(--color-sky-700);
        }
    }

    .cbh {
        &:focus-visible {
            outline-color: var(--color-white);
        }
    }

    .cbi {
        &:focus-visible {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .cbj {
        &:active {
            --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);
        }
    }

    .cbk {
        &:active {
            --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);
        }
    }

    .cbl {
        &:disabled {
            cursor: not-allowed;
        }
    }

    .cbm {
        &:disabled {
            border-color: var(--color-gray-300);
        }
    }

    .cbn {
        &:disabled {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .cbo {
        &:disabled {
            background-color: var(--color-gray-50);
        }
    }

    .cbp {
        &:disabled {
            background-color: var(--color-gray-100);
        }
    }

    .cbq {
        &:disabled {
            background-color: transparent;
        }
    }

    .cbr {
        &:disabled {
            color: var(--color-gray-500);
        }
    }

    .cbs {
        &:disabled {
            opacity: 30%;
        }
    }

    .cbt {
        &:disabled {
            outline-color: var(--color-gray-200);
        }
    }

    .cbu {
        &:disabled {
            &::before {
                content: var(--tw-content);
                background-color: var(--color-gray-400);
            }
        }
    }

    .cbv {
        &:disabled {
            &::before {
                content: var(--tw-content);
                background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
            }
        }
    }

    .cbw {
        &:disabled {
            &:checked {
                background-color: var(--color-gray-100);
            }
        }
    }

    .cbx {
        &:disabled {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-white);
                }
            }
        }
    }

    .cby {
        &:has(*:checked) {
            position: relative;
        }
    }

    .cbz {
        &:has(*:checked) {
            border-color: var(--color-indigo-200);
        }
    }

    .cca {
        &:has(*:checked) {
            border-color: var(--color-orange-200);
        }
    }

    .ccb {
        &:has(*:checked) {
            border-color: var(--color-sky-200);
        }
    }

    .ccc {
        &:has(*:checked) {
            background-color: var(--color-indigo-50);
        }
    }

    .ccd {
        &:has(*:checked) {
            background-color: var(--color-orange-50);
        }
    }

    .cce {
        &:has(*:checked) {
            background-color: var(--color-sky-50);
        }
    }

    .ccf {
        &:has(*:is(:checked)) {
            position: relative;
        }
    }

    .ccg {
        &:has(*:is(:checked)) {
            border-color: var(--color-indigo-200);
        }
    }

    .cch {
        &:has(*:is(:checked)) {
            border-color: var(--color-orange-200);
        }
    }

    .cci {
        &:has(*:is(:checked)) {
            border-color: var(--color-sky-200);
        }
    }

    .ccj {
        &:has(*:is(:checked)) {
            background-color: var(--color-indigo-50);
        }
    }

    .cck {
        &:has(*:is(:checked)) {
            background-color: var(--color-orange-50);
        }
    }

    .ccl {
        &:has(*:is(:checked)) {
            background-color: var(--color-sky-50);
        }
    }

    .ccm {
        &:has(*:is(input:focus-within)) {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }
    }

    .ccn {
        &:has(*:is(input:focus-within)) {
            outline-style: var(--tw-outline-style);
            outline-width: 2px;
        }
    }

    .cco {
        &:has(*:is(input:focus-within)) {
            outline-offset: calc(2px * -1);
        }
    }

    .ccp {
        &:has(*:is(input:focus-within)) {
            outline-color: var(--color-indigo-600);
        }
    }

    .ccq {
        &[data-checked] {
            border-color: transparent;
        }
    }

    .ccr {
        &[data-checked] {
            background-color: var(--color-indigo-500);
        }
    }

    .ccs {
        &[data-checked] {
            background-color: var(--color-indigo-600);
        }
    }

    .cct {
        &[data-checked] {
            background-color: var(--color-orange-500);
        }
    }

    .ccu {
        &[data-checked] {
            background-color: var(--color-purple-600);
        }
    }

    .ccv {
        &[data-checked] {
            background-color: var(--color-teal-500);
        }
    }

    .ccw {
        &[data-checked] {
            color: var(--color-green-500);
        }
    }

    .ccx {
        &[data-checked] {
            color: var(--color-white);
        }
    }

    .ccy {
        &[data-checked] {
            --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);
        }
    }

    .ccz {
        &[data-checked] {
            --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);
        }
    }

    .cda {
        &[data-checked] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-indigo-500);
                }
            }
        }
    }

    .cdb {
        &[data-checked] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-indigo-700);
                }
            }
        }
    }

    .cdc {
        &[data-closed] {
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cdd {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cde {
        &[data-closed] {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cdf {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * 1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cdg {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * 4);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cdh {
        &[data-closed] {
            --tw-translate-y: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cdi {
        &[data-closed] {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .cdj {
        &[data-closed] {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .cdk {
        &[data-closed] {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .cdl {
        &[data-closed] {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .cdm {
        &[data-closed] {
            opacity: 0%;
        }
    }

    .cdn {
        &[data-disabled] {
            color: var(--color-gray-400);
        }
    }

    .cdo {
        &[data-enter] {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .cdp {
        &[data-enter] {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .cdq {
        &[data-enter] {
            --tw-duration: 150ms;
            transition-duration: 150ms;
        }
    }

    .cdr {
        &[data-enter] {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .cds {
        &[data-enter] {
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .cdt {
        &[data-enter] {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }
    }

    .cdu {
        &[data-closed] {
            &[data-enter] {
                --tw-translate-y: calc(var(--spacing) * 2);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .cdv {
        &[data-focus] {
            position: relative;
        }
    }

    .cdw {
        &[data-focus] {
            border-color: var(--color-indigo-600);
        }
    }

    .cdx {
        &[data-focus] {
            background-color: var(--color-gray-50);
        }
    }

    .cdy {
        &[data-focus] {
            background-color: var(--color-gray-100);
        }
    }

    .cdz {
        &[data-focus] {
            background-color: var(--color-gray-800);
        }
    }

    .cea {
        &[data-focus] {
            background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .ceb {
        &[data-focus] {
            background-color: var(--color-indigo-600);
        }
    }

    .cec {
        &[data-focus] {
            background-color: var(--color-purple-500);
        }
    }

    .ced {
        &[data-focus] {
            color: var(--color-gray-900);
        }
    }

    .cee {
        &[data-focus] {
            color: var(--color-white);
        }
    }

    .cef {
        &[data-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);
        }
    }

    .ceg {
        &[data-focus] {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .ceh {
        &[data-focus] {
            --tw-ring-color: var(--color-indigo-600);
        }
    }

    .cei {
        &[data-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);
        }
    }

    .cej {
        &[data-focus] {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }

    .cek {
        &[data-focus] {
            &:hover {
                @media (hover: hover) {
                    outline: 2px solid transparent;
                    outline-offset: 2px;
                }
            }
        }
    }

    .cel {
        &[data-focus] {
            &[data-checked] {
                --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);
            }
        }
    }

    .cem {
        &[data-focus] {
            &[data-checked] {
                --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
            }
        }
    }

    .cen {
        &[data-focus] {
            &[data-checked] {
                --tw-ring-offset-width: 1px;
                --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            }
        }
    }

    .ceo {
        &[data-leave] {
            transition-property: color, background-color, border-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));
        }
    }

    .cep {
        &[data-leave] {
            --tw-duration: 75ms;
            transition-duration: 75ms;
        }
    }

    .ceq {
        &[data-leave] {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .cer {
        &[data-leave] {
            --tw-duration: 150ms;
            transition-duration: 150ms;
        }
    }

    .ces {
        &[data-leave] {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .cet {
        &[data-leave] {
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
        }
    }

    .ceu {
        &[data-closed] {
            &[data-leave] {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .cev {
        &[data-closed] {
            &[data-leave] {
                transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
            }
        }
    }

    .cew {
        &[data-closed] {
            &[data-leave] {
                opacity: 0%;
            }
        }
    }

    .cex {
        &[data-open] {
            position: fixed;
        }
    }

    .cey {
        &[data-open] {
            inset: calc(var(--spacing) * 0);
        }
    }

    .cez {
        &[data-open] {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .cfa {
        &[data-open] {
            z-index: 40;
        }
    }

    .cfb {
        &[data-open] {
            overflow-y: auto;
        }
    }

    .cfc {
        &[data-open] {
            border-color: var(--color-indigo-600);
        }
    }

    .cfd {
        &[data-open] {
            background-color: var(--color-sky-900);
        }
    }

    .cfe {
        &[data-open] {
            color: var(--color-gray-900);
        }
    }

    .cff {
        &[data-open] {
            color: var(--color-indigo-600);
        }
    }

    .cfg {
        &[data-open] {
            color: var(--color-white);
        }
    }

    .cfh {
        &[data-selected] {
            border-color: var(--color-indigo-500);
        }
    }

    .cfi {
        &[data-selected] {
            border-color: var(--color-indigo-600);
        }
    }

    .cfj {
        &[data-selected] {
            background-color: var(--color-gray-100);
        }
    }

    .cfk {
        &[data-selected] {
            color: var(--color-gray-900);
        }
    }

    .cfl {
        &[data-selected] {
            color: var(--color-indigo-600);
        }
    }

    .cfm {
        &[data-selected] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-gray-200);
                }
            }
        }
    }

    .cfn {
        &[data-checked] {
            border-color: transparent;
        }
    }

    .cfo {
        &[data-checked] {
            background-color: var(--color-indigo-500);
        }
    }

    .cfp {
        &[data-checked] {
            background-color: var(--color-indigo-600);
        }
    }

    .cfq {
        &[data-checked] {
            background-color: var(--color-orange-500);
        }
    }

    .cfr {
        &[data-checked] {
            background-color: var(--color-purple-600);
        }
    }

    .cfs {
        &[data-checked] {
            background-color: var(--color-teal-500);
        }
    }

    .cft {
        &[data-checked] {
            color: var(--color-white);
        }
    }

    .cfu {
        &[data-checked] {
            --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);
        }
    }

    .cfv {
        &[data-checked] {
            --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);
        }
    }

    .cfw {
        &[data-checked] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-indigo-500);
                }
            }
        }
    }

    .cfx {
        &[data-checked] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-indigo-700);
                }
            }
        }
    }

    .cfy {
        &[data-closed] {
            --tw-translate-x: -100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cfz {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cga {
        &[data-closed] {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cgb {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * 1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cgc {
        &[data-closed] {
            --tw-translate-y: calc(var(--spacing) * 4);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cgd {
        &[data-closed] {
            --tw-translate-y: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .cge {
        &[data-closed] {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .cgf {
        &[data-closed] {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .cgg {
        &[data-closed] {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .cgh {
        &[data-closed] {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .cgi {
        &[data-closed] {
            opacity: 0%;
        }
    }

    .cgj {
        &[data-disabled] {
            color: var(--color-gray-400);
        }
    }

    .cgk {
        &[data-enter] {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .cgl {
        &[data-enter] {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .cgm {
        &[data-enter] {
            --tw-duration: 150ms;
            transition-duration: 150ms;
        }
    }

    .cgn {
        &[data-enter] {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .cgo {
        &[data-enter] {
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .cgp {
        &[data-enter] {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }
    }

    .cgq {
        &[data-closed] {
            &[data-enter] {
                --tw-translate-y: calc(var(--spacing) * 2);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .cgr {
        &[data-focus] {
            position: relative;
        }
    }

    .cgs {
        &[data-focus] {
            border-color: var(--color-indigo-600);
        }
    }

    .cgt {
        &[data-focus] {
            background-color: var(--color-gray-50);
        }
    }

    .cgu {
        &[data-focus] {
            background-color: var(--color-gray-100);
        }
    }

    .cgv {
        &[data-focus] {
            background-color: var(--color-gray-800);
        }
    }

    .cgw {
        &[data-focus] {
            background-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .cgx {
        &[data-focus] {
            background-color: var(--color-indigo-600);
        }
    }

    .cgy {
        &[data-focus] {
            background-color: var(--color-purple-500);
        }
    }

    .cgz {
        &[data-focus] {
            color: var(--color-gray-900);
        }
    }

    .cha {
        &[data-focus] {
            color: var(--color-white);
        }
    }

    .chb {
        &[data-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);
        }
    }

    .chc {
        &[data-focus] {
            --tw-ring-color: var(--color-indigo-500);
        }
    }

    .chd {
        &[data-focus] {
            --tw-ring-color: var(--color-indigo-600);
        }
    }

    .che {
        &[data-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);
        }
    }

    .chf {
        &[data-focus] {
            --tw-outline-style: none;
            outline-style: none;
        }
    }

    .chg {
        &[data-focus] {
            &:hover {
                @media (hover: hover) {
                    --tw-outline-style: none;
                    outline-style: none;
                }
            }
        }
    }

    .chh {
        &[data-focus] {
            &[data-checked] {
                --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);
            }
        }
    }

    .chi {
        &[data-focus] {
            &[data-checked] {
                --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);
            }
        }
    }

    .chj {
        &[data-focus] {
            &[data-checked] {
                --tw-ring-offset-width: 1px;
                --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            }
        }
    }

    .chk {
        &[data-leave] {
            transition-property: color, background-color, border-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));
        }
    }

    .chl {
        &[data-leave] {
            --tw-duration: 75ms;
            transition-duration: 75ms;
        }
    }

    .chm {
        &[data-leave] {
            --tw-duration: 100ms;
            transition-duration: 100ms;
        }
    }

    .chn {
        &[data-leave] {
            --tw-duration: 150ms;
            transition-duration: 150ms;
        }
    }

    .cho {
        &[data-leave] {
            --tw-duration: 200ms;
            transition-duration: 200ms;
        }
    }

    .chp {
        &[data-leave] {
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
        }
    }

    .chq {
        &[data-closed] {
            &[data-leave] {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .chr {
        &[data-closed] {
            &[data-leave] {
                transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
            }
        }
    }

    .chs {
        &[data-closed] {
            &[data-leave] {
                opacity: 0%;
            }
        }
    }

    .cht {
        &[data-open] {
            position: fixed;
        }
    }

    .chu {
        &[data-open] {
            inset: calc(var(--spacing) * 0);
        }
    }

    .chv {
        &[data-open] {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .chw {
        &[data-open] {
            z-index: 40;
        }
    }

    .chx {
        &[data-open] {
            overflow-y: auto;
        }
    }

    .chy {
        &[data-open] {
            border-color: var(--color-indigo-600);
        }
    }

    .chz {
        &[data-open] {
            background-color: var(--color-sky-900);
        }
    }

    .cia {
        &[data-open] {
            color: var(--color-gray-900);
        }
    }

    .cib {
        &[data-open] {
            color: var(--color-indigo-600);
        }
    }

    .cic {
        &[data-open] {
            color: var(--color-white);
        }
    }

    .cid {
        &[data-selected] {
            border-color: var(--color-indigo-500);
        }
    }

    .cie {
        &[data-selected] {
            border-color: var(--color-indigo-600);
        }
    }

    .cif {
        &[data-selected] {
            background-color: var(--color-gray-100);
        }
    }

    .cig {
        &[data-selected] {
            color: var(--color-gray-900);
        }
    }

    .cih {
        &[data-selected] {
            color: var(--color-indigo-600);
        }
    }

    .cii {
        &[data-selected] {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-gray-200);
                }
            }
        }
    }

    .cij {
        @media (width < 64rem) {
            grid-row-start: 1;
        }
    }

    .cik {
        @media (width < 64rem) {
            grid-row-start: 3;
        }
    }

    .cil {
        @media (width < 64rem) {
            margin-inline: auto;
        }
    }

    .cim {
        @media (width < 64rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .cin {
        @media (width < 64rem) {
            width: 100%;
        }
    }

    .cio {
        @media (width < 64rem) {
            max-width: var(--container-md);
        }
    }

    .cip {
        @media (width < 64rem) {
            max-width: var(--container-sm);
        }
    }

    .ciq {
        @media (width < 64rem) {
            max-width: var(--container-xs);
        }
    }

    .cir {
        @media (width < 64rem) {
            flex-direction: column;
        }
    }

    .cis {
        @media (width < 64rem) {
            border-top-left-radius: 2rem;
            border-top-right-radius: 2rem;
        }
    }

    .cit {
        @media (width < 64rem) {
            border-top-left-radius: calc(2rem + 1px);
            border-top-right-radius: calc(2rem + 1px);
        }
    }

    .ciu {
        @media (width < 64rem) {
            border-bottom-right-radius: 2rem;
            border-bottom-left-radius: 2rem;
        }
    }

    .civ {
        @media (width < 64rem) {
            border-bottom-right-radius: calc(2rem + 1px);
            border-bottom-left-radius: calc(2rem + 1px);
        }
    }

    .ciw {
        @media (width < 64rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .cix {
        @media (width < 64rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .ciy {
        @media (width < 64rem) {
            padding-bottom: calc(var(--spacing) * 12);
        }
    }

    .ciz {
        @media (width < 64rem) {
            text-align: center;
        }
    }

    .cja {
        @media (width < 48rem) {
            display: flex;
        }
    }

    .cjb {
        @media (width < 48rem) {
            justify-content: space-between;
        }
    }

    .cjc {
        @media (width < 48rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .cjd {
        @media (width < 48rem) {
            &:first-child {
                padding-top: calc(var(--spacing) * 0);
            }
        }
    }

    .cje {
        @media (width < 48rem) {
            &:last-child {
                padding-bottom: calc(var(--spacing) * 0);
            }
        }
    }

    .cjf {
        @media (width < 40rem) {
            margin-inline: auto;
        }
    }

    .cjg {
        @media (width < 40rem) {
            display: flex;
        }
    }

    .cjh {
        @media (width < 40rem) {
            display: none;
        }
    }

    .cji {
        @media (width < 40rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .cjj {
        @media (width < 40rem) {
            max-width: var(--container-md);
        }
    }

    .cjk {
        @media (width < 40rem) {
            flex-wrap: wrap;
        }
    }

    .cjl {
        @media (width < 40rem) {
            justify-content: space-between;
        }
    }

    .cjm {
        @media (width < 40rem) {
            justify-content: space-evenly;
        }
    }

    .cjn {
        @media (width < 40rem) {
            column-gap: calc(var(--spacing) * 4);
        }
    }

    .cjo {
        @media (width < 40rem) {
            row-gap: calc(var(--spacing) * 4);
        }
    }

    .cjp {
        @media (width < 40rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .cjq {
        @media (width < 40rem) {
            --tw-border-style: dotted;
            border-style: dotted;
        }
    }

    .cjr {
        @media (width < 40rem) {
            border-color: var(--color-gray-200);
        }
    }

    .cjs {
        @media (width < 40rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .cjt {
        @media (width < 40rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .cju {
        @media (width < 40rem) {
            text-align: center;
        }
    }

    .cjv {
        @media (width < 40rem) {
            &:first-child {
                padding-top: calc(var(--spacing) * 0);
            }
        }
    }

    .cjw {
        @media (width < 40rem) {
            &:last-child {
                padding-bottom: calc(var(--spacing) * 0);
            }
        }
    }

    .cjx {
        @media (width >= 40rem) {
            position: static;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal;
        }
    }

    .cjy {
        @media (width >= 40rem) {
            position: absolute;
        }
    }

    .cjz {
        @media (width >= 40rem) {
            position: fixed;
        }
    }

    .cka {
        @media (width >= 40rem) {
            position: relative;
        }
    }

    .ckb {
        @media (width >= 40rem) {
            position: static;
        }
    }

    .ckc {
        @media (width >= 40rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .ckd {
        @media (width >= 40rem) {
            inset: auto;
        }
    }

    .cke {
        @media (width >= 40rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .ckf {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * -10);
        }
    }

    .ckg {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * -12);
        }
    }

    .ckh {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * -80);
        }
    }

    .cki {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 0);
        }
    }

    .ckj {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 6);
        }
    }

    .ckk {
        @media (width >= 40rem) {
            top: calc(var(--spacing) * 8);
        }
    }

    .ckl {
        @media (width >= 40rem) {
            top: -20rem;
        }
    }

    .ckm {
        @media (width >= 40rem) {
            top: -28rem;
        }
    }

    .ckn {
        @media (width >= 40rem) {
            top: calc(100% - 30rem);
        }
    }

    .cko {
        @media (width >= 40rem) {
            top: auto;
        }
    }

    .ckp {
        @media (width >= 40rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .ckq {
        @media (width >= 40rem) {
            right: calc(1 / 2 * 100%);
        }
    }

    .ckr {
        @media (width >= 40rem) {
            right: calc(var(--spacing) * 6);
        }
    }

    .cks {
        @media (width >= 40rem) {
            right: calc(50% - 6rem);
        }
    }

    .ckt {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * -64);
        }
    }

    .cku {
        @media (width >= 40rem) {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .ckv {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * -40);
        }
    }

    .ckw {
        @media (width >= 40rem) {
            left: calc(1 / 2 * 100%);
        }
    }

    .ckx {
        @media (width >= 40rem) {
            left: calc(var(--spacing) * 12);
        }
    }

    .cky {
        @media (width >= 40rem) {
            left: calc(50% + 36rem);
        }
    }

    .ckz {
        @media (width >= 40rem) {
            left: calc(50% - 18rem);
        }
    }

    .cla {
        @media (width >= 40rem) {
            left: calc(50% - 30rem);
        }
    }

    .clb {
        @media (width >= 40rem) {
            left: calc(50% - 40rem);
        }
    }

    .clc {
        @media (width >= 40rem) {
            left: auto;
        }
    }

    .cld {
        @media (width >= 40rem) {
            left: 100%;
        }
    }

    .cle {
        @media (width >= 40rem) {
            z-index: calc(10 * -1);
        }
    }

    .clf {
        @media (width >= 40rem) {
            order: 0;
        }
    }

    .clg {
        @media (width >= 40rem) {
            order: 1;
        }
    }

    .clh {
        @media (width >= 40rem) {
            order: 2;
        }
    }

    .cli {
        @media (width >= 40rem) {
            order: 3;
        }
    }

    .clj {
        @media (width >= 40rem) {
            order: 0;
        }
    }

    .clk {
        @media (width >= 40rem) {
            order: calc(-infinity);
        }
    }

    .cll {
        @media (width >= 40rem) {
            order: calc(infinity);
        }
    }

    .clm {
        @media (width >= 40rem) {
            order: 0;
        }
    }

    .cln {
        @media (width >= 40rem) {
            grid-column: span 1 / span 1;
        }
    }

    .clo {
        @media (width >= 40rem) {
            grid-column: span 2 / span 2;
        }
    }

    .clp {
        @media (width >= 40rem) {
            grid-column: span 3 / span 3;
        }
    }

    .clq {
        @media (width >= 40rem) {
            grid-column: span 4 / span 4;
        }
    }

    .clr {
        @media (width >= 40rem) {
            grid-column: span 6 / span 6;
        }
    }

    .cls {
        @media (width >= 40rem) {
            grid-column: span 7 / span 7;
        }
    }

    .clt {
        @media (width >= 40rem) {
            grid-column: span 8 / span 8;
        }
    }

    .clu {
        @media (width >= 40rem) {
            grid-column: span 9 / span 9;
        }
    }

    .clv {
        @media (width >= 40rem) {
            grid-column: span 12 / span 12;
        }
    }

    .clw {
        @media (width >= 40rem) {
            grid-column-start: 1;
        }
    }

    .clx {
        @media (width >= 40rem) {
            grid-column-start: 2;
        }
    }

    .cly {
        @media (width >= 40rem) {
            grid-column-start: 3;
        }
    }

    .clz {
        @media (width >= 40rem) {
            grid-column-start: 6;
        }
    }

    .cma {
        @media (width >= 40rem) {
            grid-column-start: auto;
        }
    }

    .cmb {
        @media (width >= 40rem) {
            grid-row: span 2 / span 2;
        }
    }

    .cmc {
        @media (width >= 40rem) {
            grid-row-start: 1;
        }
    }

    .cmd {
        @media (width >= 40rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .cme {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * -0);
        }
    }

    .cmf {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * -4);
        }
    }

    .cmg {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * -6);
        }
    }

    .cmh {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * -16);
        }
    }

    .cmi {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .cmj {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 1);
        }
    }

    .cmk {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 2);
        }
    }

    .cml {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 6);
        }
    }

    .cmm {
        @media (width >= 40rem) {
            margin-inline: calc(var(--spacing) * 8);
        }
    }

    .cmn {
        @media (width >= 40rem) {
            margin-inline: auto;
        }
    }

    .cmo {
        @media (width >= 40rem) {
            margin-block: calc(var(--spacing) * -10);
        }
    }

    .cmp {
        @media (width >= 40rem) {
            margin-block: -1px;
        }
    }

    .cmq {
        @media (width >= 40rem) {
            margin-block: calc(var(--spacing) * 8);
        }
    }

    .cmr {
        @media (width >= 40rem) {
            margin-block: calc(var(--spacing) * 56);
        }
    }

    .cms {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * -8);
        }
    }

    .cmt {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * -10);
        }
    }

    .cmu {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * -16);
        }
    }

    .cmv {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * -20);
        }
    }

    .cmw {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * -32);
        }
    }

    .cmx {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * -44);
        }
    }

    .cmy {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .cmz {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .cna {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 1.5);
        }
    }

    .cnb {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .cnc {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .cnd {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 4);
        }
    }

    .cne {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .cnf {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .cng {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .cnh {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .cni {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 12);
        }
    }

    .cnj {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .cnk {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 20);
        }
    }

    .cnl {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 24);
        }
    }

    .cnm {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .cnn {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 40);
        }
    }

    .cno {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 48);
        }
    }

    .cnp {
        @media (width >= 40rem) {
            margin-top: calc(var(--spacing) * 56);
        }
    }

    .cnq {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * -1);
        }
    }

    .cnr {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * -2);
        }
    }

    .cns {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * -80);
        }
    }

    .cnt {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .cnu {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 4);
        }
    }

    .cnv {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 6);
        }
    }

    .cnw {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 10);
        }
    }

    .cnx {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 20);
        }
    }

    .cny {
        @media (width >= 40rem) {
            margin-right: calc(var(--spacing) * 28);
        }
    }

    .cnz {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * -24);
        }
    }

    .coa {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * -48);
        }
    }

    .cob {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * -64);
        }
    }

    .coc {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .cod {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 4);
        }
    }

    .coe {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 5);
        }
    }

    .cof {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 8);
        }
    }

    .cog {
        @media (width >= 40rem) {
            margin-bottom: calc(var(--spacing) * 10);
        }
    }

    .coh {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * -1);
        }
    }

    .coi {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * -4);
        }
    }

    .coj {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * -10);
        }
    }

    .cok {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * -80);
        }
    }

    .col {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * -96);
        }
    }

    .com {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .con {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 2);
        }
    }

    .coo {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 3);
        }
    }

    .cop {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .coq {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 6);
        }
    }

    .cor {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 7);
        }
    }

    .cos {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 8);
        }
    }

    .cot {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 10);
        }
    }

    .cou {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 16);
        }
    }

    .cov {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 32);
        }
    }

    .cow {
        @media (width >= 40rem) {
            margin-left: calc(var(--spacing) * 40);
        }
    }

    .cox {
        @media (width >= 40rem) {
            margin-left: auto;
        }
    }

    .coy {
        @media (width >= 40rem) {
            display: block;
        }
    }

    .coz {
        @media (width >= 40rem) {
            display: flex;
        }
    }

    .cpa {
        @media (width >= 40rem) {
            display: grid;
        }
    }

    .cpb {
        @media (width >= 40rem) {
            display: none;
        }
    }

    .cpc {
        @media (width >= 40rem) {
            display: inline;
        }
    }

    .cpd {
        @media (width >= 40rem) {
            display: inline-block;
        }
    }

    .cpe {
        @media (width >= 40rem) {
            display: inline-flex;
        }
    }

    .cpf {
        @media (width >= 40rem) {
            display: inline-grid;
        }
    }

    .cpg {
        @media (width >= 40rem) {
            display: table-cell;
        }
    }

    .cph {
        @media (width >= 40rem) {
            aspect-ratio: 2/1;
        }
    }

    .cpi {
        @media (width >= 40rem) {
            aspect-ratio: 2/3;
        }
    }

    .cpj {
        @media (width >= 40rem) {
            aspect-ratio: 4/5;
        }
    }

    .cpk {
        @media (width >= 40rem) {
            aspect-ratio: 5/2;
        }
    }

    .cpl {
        @media (width >= 40rem) {
            aspect-ratio: 16/7;
        }
    }

    .cpm {
        @media (width >= 40rem) {
            aspect-ratio: 2/1;
        }
    }

    .cpn {
        @media (width >= 40rem) {
            aspect-ratio: 2/3;
        }
    }

    .cpo {
        @media (width >= 40rem) {
            aspect-ratio: 4/5;
        }
    }

    .cpp {
        @media (width >= 40rem) {
            aspect-ratio: 5/2;
        }
    }

    .cpq {
        @media (width >= 40rem) {
            aspect-ratio: 16/7;
        }
    }

    .cpr {
        @media (width >= 40rem) {
            aspect-ratio: auto;
        }
    }

    .cps {
        @media (width >= 40rem) {
            aspect-ratio: 1 / 1;
        }
    }

    .cpt {
        @media (width >= 40rem) {
            aspect-ratio: 16 / 9;
        }
    }

    .cpu {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 4);
            height: calc(var(--spacing) * 4);
        }
    }

    .cpv {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 10);
            height: calc(var(--spacing) * 10);
        }
    }

    .cpw {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 12);
            height: calc(var(--spacing) * 12);
        }
    }

    .cpx {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 32);
            height: calc(var(--spacing) * 32);
        }
    }

    .cpy {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 40);
            height: calc(var(--spacing) * 40);
        }
    }

    .cpz {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 48);
            height: calc(var(--spacing) * 48);
        }
    }

    .cqa {
        @media (width >= 40rem) {
            width: 100%;
            height: 100%;
        }
    }

    .cqb {
        @media (width >= 40rem) {
            height: calc(2 / 3 * 100%);
        }
    }

    .cqc {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 6);
        }
    }

    .cqd {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 7);
        }
    }

    .cqe {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 8);
        }
    }

    .cqf {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 10);
        }
    }

    .cqg {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 12);
        }
    }

    .cqh {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 20);
        }
    }

    .cqi {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 32);
        }
    }

    .cqj {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 56);
        }
    }

    .cqk {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 64);
        }
    }

    .cql {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 72);
        }
    }

    .cqm {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .cqn {
        @media (width >= 40rem) {
            height: calc(var(--spacing) * 96);
        }
    }

    .cqo {
        @media (width >= 40rem) {
            height: auto;
        }
    }

    .cqp {
        @media (width >= 40rem) {
            height: 100%;
        }
    }

    .cqq {
        @media (width >= 40rem) {
            min-height: 240px;
        }
    }

    .cqr {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 0);
        }
    }

    .cqs {
        @media (width >= 40rem) {
            width: calc(1 / 2 * 100%);
        }
    }

    .cqt {
        @media (width >= 40rem) {
            width: calc(1 / 3 * 100%);
        }
    }

    .cqu {
        @media (width >= 40rem) {
            width: calc(1 / 6 * 100%);
        }
    }

    .cqv {
        @media (width >= 40rem) {
            width: calc(2 / 5 * 100%);
        }
    }

    .cqw {
        @media (width >= 40rem) {
            width: calc(3 / 4 * 100%);
        }
    }

    .cqx {
        @media (width >= 40rem) {
            width: calc(4 / 12 * 100%);
        }
    }

    .cqy {
        @media (width >= 40rem) {
            width: calc(11 / 12 * 100%);
        }
    }

    .cqz {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 12);
        }
    }

    .cra {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 32);
        }
    }

    .crb {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 40);
        }
    }

    .crc {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 56);
        }
    }

    .crd {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 64);
        }
    }

    .cre {
        @media (width >= 40rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .crf {
        @media (width >= 40rem) {
            width: 57rem;
        }
    }

    .crg {
        @media (width >= 40rem) {
            width: 68.5625rem;
        }
    }

    .crh {
        @media (width >= 40rem) {
            width: 72.1875rem;
        }
    }

    .cri {
        @media (width >= 40rem) {
            width: calc(80rem - 4rem);
        }
    }

    .crj {
        @media (width >= 40rem) {
            width: calc(var(--container-7xl) - calc(var(--spacing) * 16));
        }
    }

    .crk {
        @media (width >= 40rem) {
            width: auto;
        }
    }

    .crl {
        @media (width >= 40rem) {
            width: 100%;
        }
    }

    .crm {
        @media (width >= 40rem) {
            width: 1px;
        }
    }

    .crn {
        @media (width >= 40rem) {
            max-width: var(--container-2xl);
        }
    }

    .cro {
        @media (width >= 40rem) {
            max-width: var(--container-3xl);
        }
    }

    .crp {
        @media (width >= 40rem) {
            max-width: var(--container-5xl);
        }
    }

    .crq {
        @media (width >= 40rem) {
            max-width: var(--container-7xl);
        }
    }

    .crr {
        @media (width >= 40rem) {
            max-width: 480px;
        }
    }

    .crs {
        @media (width >= 40rem) {
            max-width: var(--container-lg);
        }
    }

    .crt {
        @media (width >= 40rem) {
            max-width: var(--container-md);
        }
    }

    .cru {
        @media (width >= 40rem) {
            max-width: none;
        }
    }

    .crv {
        @media (width >= 40rem) {
            max-width: var(--container-sm);
        }
    }

    .crw {
        @media (width >= 40rem) {
            max-width: 100%;
            padding-top: 10px;
            /*max-width: var(--container-xl);*/
        }
    }

    .crx {
        @media (width >= 40rem) {
            max-width: var(--container-xs);
        }
    }

    .cry {
        @media (width >= 40rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .crz {
        @media (width >= 40rem) {
            flex: 1;
        }
    }

    .csa {
        @media (width >= 40rem) {
            flex: auto;
        }
    }

    .csb {
        @media (width >= 40rem) {
            flex: none;
        }
    }

    .csc {
        @media (width >= 40rem) {
            flex-shrink: 1;
        }
    }

    .csd {
        @media (width >= 40rem) {
            flex-shrink: 0;
        }
    }

    .cse {
        @media (width >= 40rem) {
            flex-grow: 0;
        }
    }

    .csf {
        @media (width >= 40rem) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .csg {
        @media (width >= 40rem) {
            --tw-translate-x: calc(1 / 4 * 100%);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .csh {
        @media (width >= 40rem) {
            --tw-translate-x: calc(var(--spacing) * 2);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .csi {
        @media (width >= 40rem) {
            --tw-translate-x: calc(var(--spacing) * 8);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .csj {
        @media (width >= 40rem) {
            --tw-translate-x: calc(var(--spacing) * 16);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .csk {
        @media (width >= 40rem) {
            --tw-translate-x: 100%;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .csl {
        @media (width >= 40rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .csm {
        @media (width >= 40rem) {
            --tw-translate-y: 1px;
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .csn {
        @media (width >= 40rem) {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .cso {
        @media (width >= 40rem) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .csp {
        @media (width >= 40rem) {
            rotate: 0deg;
        }
    }

    .csq {
        @media (width >= 40rem) {
            transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .csr {
        @media (width >= 40rem) {
            transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .css {
        @media (width >= 40rem) {
            columns: 2;
        }
    }

    .cst {
        @media (width >= 40rem) {
            grid-auto-flow: row dense;
        }
    }

    .csu {
        @media (width >= 40rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .csv {
        @media (width >= 40rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .csw {
        @media (width >= 40rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .csx {
        @media (width >= 40rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .csy {
        @media (width >= 40rem) {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
    }

    .csz {
        @media (width >= 40rem) {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }
    }

    .cta {
        @media (width >= 40rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .ctb {
        @media (width >= 40rem) {
            grid-template-rows: repeat(1, minmax(0, 1fr));
        }
    }

    .ctc {
        @media (width >= 40rem) {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    }

    .ctd {
        @media (width >= 40rem) {
            flex-direction: column;
        }
    }

    .cte {
        @media (width >= 40rem) {
            flex-direction: row;
        }
    }

    .ctf {
        @media (width >= 40rem) {
            flex-direction: row-reverse;
        }
    }

    .ctg {
        @media (width >= 40rem) {
            flex-wrap: nowrap;
        }
    }

    .cth {
        @media (width >= 40rem) {
            flex-wrap: wrap;
        }
    }

    .cti {
        @media (width >= 40rem) {
            align-items: baseline;
        }
    }

    .ctj {
        @media (width >= 40rem) {
            align-items: center;
        }
    }

    .ctk {
        @media (width >= 40rem) {
            align-items: flex-end;
        }
    }

    .ctl {
        @media (width >= 40rem) {
            align-items: flex-start;
        }
    }

    .ctm {
        @media (width >= 40rem) {
            align-items: stretch;
        }
    }

    .ctn {
        @media (width >= 40rem) {
            justify-content: space-around;
        }
    }

    .cto {
        @media (width >= 40rem) {
            justify-content: space-between;
        }
    }

    .ctp {
        @media (width >= 40rem) {
            justify-content: center;
        }
    }

    .ctq {
        @media (width >= 40rem) {
            justify-content: flex-end;
        }
    }

    .ctr {
        @media (width >= 40rem) {
            justify-content: flex-start;
        }
    }

    .cts {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 0);
        }
    }

    .ctt {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 3);
        }
    }

    .ctu {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .ctv {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .ctw {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .ctx {
        @media (width >= 40rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .cty {
        @media (width >= 40rem) {
            gap: 1px;
        }
    }

    .ctz {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 4);
        }
    }

    .cua {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .cub {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .cuc {
        @media (width >= 40rem) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .cud {
        @media (width >= 40rem) {
            :where(& > :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)));
            }
        }
    }

    .cue {
        @media (width >= 40rem) {
            :where(& > :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)));
            }
        }
    }

    .cuf {
        @media (width >= 40rem) {
            :where(& > :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)));
            }
        }
    }

    .cug {
        @media (width >= 40rem) {
            :where(& > :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)));
            }
        }
    }

    .cuh {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .cui {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .cuj {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .cuk {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 8);
        }
    }

    .cul {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 10);
        }
    }

    .cum {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .cun {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 14);
        }
    }

    .cuo {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 16);
        }
    }

    .cup {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 20);
        }
    }

    .cuq {
        @media (width >= 40rem) {
            row-gap: calc(var(--spacing) * 24);
        }
    }

    .cur {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .cus {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .cut {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .cuu {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .cuv {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .cuw {
        @media (width >= 40rem) {
            :where(& > :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)));
            }
        }
    }

    .cux {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .cuy {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .cuz {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 1;
            }
        }
    }

    .cva {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
            }
        }
    }

    .cvb {
        @media (width >= 40rem) {
            :where(& > :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)));
            }
        }
    }

    .cvc {
        @media (width >= 40rem) {
            :where(& > :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(0px * var(--tw-divide-y-reverse));
                border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
            }
        }
    }

    .cvd {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-gray-200);
            }
        }
    }

    .cve {
        @media (width >= 40rem) {
            :where(& > :not(:last-child)) {
                border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
            }
        }
    }

    .cvf {
        @media (width >= 40rem) {
            align-self: stretch;
        }
    }

    .cvg {
        @media (width >= 40rem) {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }

    .cvh {
        @media (width >= 40rem) {
            overflow: hidden;
        }
    }

    .cvi {
        @media (width >= 40rem) {
            overflow: visible;
        }
    }

    .cvj {
        @media (width >= 40rem) {
            border-radius: var(--radius-2xl);
        }
    }

    .cvk {
        @media (width >= 40rem) {
            border-radius: var(--radius-3xl);
        }
    }

    .cvl {
        @media (width >= 40rem) {
            border-radius: var(--radius-lg);
        }
    }

    .cvm {
        @media (width >= 40rem) {
            border-radius: var(--radius-md);
        }
    }

    .cvn {
        @media (width >= 40rem) {
            border-radius: 0;
        }
    }

    .cvo {
        @media (width >= 40rem) {
            border-radius: var(--radius-xl);
        }
    }

    .cvp {
        @media (width >= 40rem) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
    }

    .cvq {
        @media (width >= 40rem) {
            border-top-right-radius: var(--radius-lg);
        }
    }

    .cvr {
        @media (width >= 40rem) {
            border-top-right-radius: 0;
        }
    }

    .cvs {
        @media (width >= 40rem) {
            border-bottom-right-radius: var(--radius-lg);
            border-bottom-left-radius: var(--radius-lg);
        }
    }

    .cvt {
        @media (width >= 40rem) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
    }

    .cvu {
        @media (width >= 40rem) {
            border-bottom-left-radius: var(--radius-lg);
        }
    }

    .cvv {
        @media (width >= 40rem) {
            border-bottom-left-radius: 0;
        }
    }

    .cvw {
        @media (width >= 40rem) {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }

    .cvx {
        @media (width >= 40rem) {
            border-style: var(--tw-border-style);
            border-width: 0px;
        }
    }

    .cvy {
        @media (width >= 40rem) {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 1px;
        }
    }

    .cvz {
        @media (width >= 40rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .cwa {
        @media (width >= 40rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0px;
        }
    }

    .cwb {
        @media (width >= 40rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .cwc {
        @media (width >= 40rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .cwd {
        @media (width >= 40rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .cwe {
        @media (width >= 40rem) {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .cwf {
        @media (width >= 40rem) {
            border-color: var(--color-gray-200);
        }
    }

    .cwg {
        @media (width >= 40rem) {
            border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .cwh {
        @media (width >= 40rem) {
            background-color: var(--color-gray-200);
        }
    }

    .cwi {
        @media (width >= 40rem) {
            background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
        }
    }

    .cwj {
        @media (width >= 40rem) {
            background-color: color-mix(in oklab, var(--color-gray-600) 75%, transparent);
        }
    }

    .cwk {
        @media (width >= 40rem) {
            background-color: transparent;
        }
    }

    .cwl {
        @media (width >= 40rem) {
            background-color: var(--color-white);
        }
    }

    .cwm {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .cwn {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 3);
        }
    }

    .cwo {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .cwp {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 8);
        }
    }

    .cwq {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .cwr {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 12);
        }
    }

    .cws {
        @media (width >= 40rem) {
            padding: calc(var(--spacing) * 16);
        }
    }

    .cwt {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .cwu {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .cwv {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 3);
        }
    }

    .cww {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 3.5);
        }
    }

    .cwx {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .cwy {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .cwz {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 7);
        }
    }

    .cxa {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .cxb {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .cxc {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 12);
        }
    }

    .cxd {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 14);
        }
    }

    .cxe {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .cxf {
        @media (width >= 40rem) {
            padding-inline: calc(var(--spacing) * 24);
        }
    }

    .cxg {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .cxh {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 3);
        }
    }

    .cxi {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .cxj {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 5);
        }
    }

    .cxk {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .cxl {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .cxm {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .cxn {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 12);
        }
    }

    .cxo {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .cxp {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 20);
        }
    }

    .cxq {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .cxr {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .cxs {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 40);
        }
    }

    .cxt {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 48);
        }
    }

    .cxu {
        @media (width >= 40rem) {
            padding-block: calc(var(--spacing) * 64);
        }
    }

    .cxv {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .cxw {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 1);
        }
    }

    .cxx {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 1.5);
        }
    }

    .cxy {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .cxz {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .cya {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .cyb {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .cyc {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .cyd {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 12);
        }
    }

    .cye {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .cyf {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 16);
        }
    }

    .cyg {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 20);
        }
    }

    .cyh {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 24);
        }
    }

    .cyi {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 32);
        }
    }

    .cyj {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 40);
        }
    }

    .cyk {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 48);
        }
    }

    .cyl {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 52);
        }
    }

    .cym {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 60);
        }
    }

    .cyn {
        @media (width >= 40rem) {
            padding-top: calc(var(--spacing) * 80);
        }
    }

    .cyo {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .cyp {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 2);
        }
    }

    .cyq {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 3);
        }
    }

    .cyr {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 3.5);
        }
    }

    .cys {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 4);
        }
    }

    .cyt {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .cyu {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .cyv {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 9);
        }
    }

    .cyw {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 12);
        }
    }

    .cyx {
        @media (width >= 40rem) {
            padding-right: calc(var(--spacing) * 20);
        }
    }

    .cyy {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .cyz {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 1);
        }
    }

    .cza {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .czb {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 5);
        }
    }

    .czc {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 6);
        }
    }

    .czd {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 7);
        }
    }

    .cze {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .czf {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 14);
        }
    }

    .czg {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .czh {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .czi {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .czj {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 32);
        }
    }

    .czk {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 40);
        }
    }

    .czl {
        @media (width >= 40rem) {
            padding-bottom: calc(var(--spacing) * 64);
        }
    }

    .czm {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .czn {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 3);
        }
    }

    .czo {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .czp {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 5);
        }
    }

    .czq {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 6);
        }
    }

    .czr {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 9);
        }
    }

    .czs {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 16);
        }
    }

    .czt {
        @media (width >= 40rem) {
            padding-left: calc(var(--spacing) * 20);
        }
    }

    .czu {
        @media (width >= 40rem) {
            text-align: center;
        }
    }

    .czv {
        @media (width >= 40rem) {
            text-align: left;
        }
    }

    .czw {
        @media (width >= 40rem) {
            text-align: right;
        }
    }

    .czx {
        @media (width >= 40rem) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }

    .czy {
        @media (width >= 40rem) {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height));
        }
    }

    .czz {
        @media (width >= 40rem) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
        }
    }

    .daa {
        @media (width >= 40rem) {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    }

    .dab {
        @media (width >= 40rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .dac {
        @media (width >= 40rem) {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height));
        }
    }

    .dad {
        @media (width >= 40rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .dae {
        @media (width >= 40rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .daf {
        @media (width >= 40rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }

    .dag {
        @media (width >= 40rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    .dah {
        @media (width >= 40rem) {
            font-size: var(--text-2xl);
            line-height: calc(var(--spacing) * 9);
        }
    }

    .dai {
        @media (width >= 40rem) {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
    }

    .daj {
        @media (width >= 40rem) {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 7);
        }
    }

    .dak {
        @media (width >= 40rem) {
            font-size: var(--text-xl);
            line-height: calc(var(--spacing) * 8);
        }
    }

    .dal {
        @media (width >= 40rem) {
            --tw-tracking: var(--tracking-tight);
            letter-spacing: var(--tracking-tight);
        }
    }

    .dam {
        @media (width >= 40rem) {
            text-wrap: balance;
        }
    }

    .dan {
        @media (width >= 40rem) {
            color: 0;
        }
    }

    .dao {
        @media (width >= 40rem) {
            opacity: 0%;
        }
    }

    .dap {
        @media (width >= 40rem) {
            opacity: 50%;
        }
    }

    .daq {
        @media (width >= 40rem) {
            opacity: 100%;
        }
    }

    .dar {
        @media (width >= 40rem) {
            --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);
        }
    }

    .das {
        @media (width >= 40rem) {
            --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);
        }
    }

    .dat {
        @media (width >= 40rem) {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .dau {
        @media (width >= 40rem) {
            --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);
        }
    }

    .dav {
        @media (width >= 40rem) {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .daw {
        @media (width >= 40rem) {
            --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
    }

    .dax {
        @media (width >= 40rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .day {
        @media (width >= 40rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .daz {
        @media (width >= 40rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .dba {
        @media (width >= 40rem) {
            --tw-blur: blur(var(--blur-3xl));
            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,);
        }
    }

    .dbb {
        @media (width >= 40rem) {
            transition-property: opacity;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
        }
    }

    .dbc {
        @media (width >= 40rem) {
            --tw-duration: 300ms;
            transition-duration: 300ms;
        }
    }

    .dbd {
        @media (width >= 40rem) {
            --tw-duration: 700ms;
            transition-duration: 700ms;
        }
    }

    .dbe {
        @media (width >= 40rem) {
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out);
        }
    }

    .dbf {
        @media (width >= 40rem) {
            &::before {
                content: var(--tw-content);
                flex: 1;
            }
        }
    }

    .dbg {
        &[data-closed] {
            @media (width >= 40rem) {
                --tw-translate-x: 100%;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .dbh {
        &[data-closed] {
            @media (width >= 40rem) {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .dbi {
        &[data-closed] {
            @media (width >= 40rem) {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .dbj {
        &[data-closed] {
            @media (width >= 40rem) {
                --tw-scale-x: 100%;
                --tw-scale-y: 100%;
                --tw-scale-z: 100%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .dbk {
        &[data-closed] {
            @media (width >= 40rem) {
                opacity: 100%;
            }
        }
    }

    .dbl {
        &[data-closed] {
            &[data-enter] {
                @media (width >= 40rem) {
                    --tw-translate-x: calc(var(--spacing) * 2);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .dbm {
        &[data-closed] {
            &[data-enter] {
                @media (width >= 40rem) {
                    --tw-translate-y: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .dbn {
        &[data-closed] {
            @media (width >= 40rem) {
                --tw-translate-x: 100%;
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .dbo {
        &[data-closed] {
            @media (width >= 40rem) {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .dbp {
        &[data-closed] {
            @media (width >= 40rem) {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .dbq {
        &[data-closed] {
            @media (width >= 40rem) {
                --tw-scale-x: 100%;
                --tw-scale-y: 100%;
                --tw-scale-z: 100%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .dbr {
        &[data-closed] {
            @media (width >= 40rem) {
                opacity: 100%;
            }
        }
    }

    .dbs {
        &[data-closed] {
            &[data-enter] {
                @media (width >= 40rem) {
                    --tw-translate-x: calc(var(--spacing) * 2);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .dbt {
        &[data-closed] {
            &[data-enter] {
                @media (width >= 40rem) {
                    --tw-translate-y: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
            }
        }
    }

    .dbu {
        @media (width >= 48rem) {
            position: absolute;
        }
    }

    .dbv {
        @media (width >= 48rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .dbw {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * -20);
        }
    }

    .dbx {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * 3);
        }
    }

    .dby {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * 6);
        }
    }

    .dbz {
        @media (width >= 48rem) {
            top: calc(var(--spacing) * 20);
        }
    }

    .dca {
        @media (width >= 48rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .dcb {
        @media (width >= 48rem) {
            right: calc(var(--spacing) * 6);
        }
    }

    .dcc {
        @media (width >= 48rem) {
            bottom: calc(var(--spacing) * 16);
        }
    }

    .dcd {
        @media (width >= 48rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .dce {
        @media (width >= 48rem) {
            left: 50rem;
        }
    }

    .dcf {
        @media (width >= 48rem) {
            order: 1;
        }
    }

    .dcg {
        @media (width >= 48rem) {
            order: 2;
        }
    }

    .dch {
        @media (width >= 48rem) {
            grid-column: span 2 / span 2;
        }
    }

    .dci {
        @media (width >= 48rem) {
            grid-column: span 3 / span 3;
        }
    }

    .dcj {
        @media (width >= 48rem) {
            grid-column: span 5 / span 5;
        }
    }

    .dck {
        @media (width >= 48rem) {
            grid-column: span 7 / span 7;
        }
    }

    .dcl {
        @media (width >= 48rem) {
            grid-column: span 8 / span 8;
        }
    }

    .dcm {
        @media (width >= 48rem) {
            grid-column-start: 2;
        }
    }

    .dcn {
        @media (width >= 48rem) {
            grid-column-start: 3;
        }
    }

    .dco {
        @media (width >= 48rem) {
            grid-column-start: 4;
        }
    }

    .dcp {
        @media (width >= 48rem) {
            grid-row: span 2 / span 2;
        }
    }

    .dcq {
        @media (width >= 48rem) {
            grid-row-start: 1;
        }
    }

    .dcr {
        @media (width >= 48rem) {
            grid-row-start: 2;
        }
    }

    .dcs {
        @media (width >= 48rem) {
            grid-row-end: 1;
        }
    }

    .dct {
        @media (width >= 48rem) {
            grid-row-end: 2;
        }
    }

    .dcu {
        @media (width >= 48rem) {
            margin-inline: calc(var(--spacing) * -8);
        }
    }

    .dcv {
        @media (width >= 48rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .dcw {
        @media (width >= 48rem) {
            margin-inline: auto;
        }
    }

    .dcx {
        @media (width >= 48rem) {
            margin-block: calc(var(--spacing) * 8);
        }
    }

    .dcy {
        @media (width >= 48rem) {
            margin-top: -1px;
        }
    }

    .dcz {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .dda {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 1);
        }
    }

    .ddb {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .ddc {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .ddd {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .dde {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .ddf {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .ddg {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 24);
        }
    }

    .ddh {
        @media (width >= 48rem) {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .ddi {
        @media (width >= 48rem) {
            margin-right: calc(var(--spacing) * -16);
        }
    }

    .ddj {
        @media (width >= 48rem) {
            margin-right: calc(var(--spacing) * -20);
        }
    }

    .ddk {
        @media (width >= 48rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .ddl {
        @media (width >= 48rem) {
            margin-bottom: calc(var(--spacing) * 2);
        }
    }

    .ddm {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * -4);
        }
    }

    .ddn {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * -16);
        }
    }

    .ddo {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .ddp {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .ddq {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * 6);
        }
    }

    .ddr {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * 10);
        }
    }

    .dds {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * 12);
        }
    }

    .ddt {
        @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * 20);
        }
    }

    .ddu {
        @media (width >= 48rem) {
            margin-left: auto;
        }
    }

    .ddv {
        @media (width >= 48rem) {
            display: block;
        }
    }

    .ddw {
        @media (width >= 48rem) {
            display: flex;
        }
    }

    .ddx {
        @media (width >= 48rem) {
            display: grid;
        }
    }

    .ddy {
        @media (width >= 48rem) {
            display: none;
        }
    }

    .ddz {
        @media (width >= 48rem) {
            display: inline;
        }
    }

    .dea {
        @media (width >= 48rem) {
            display: inline-block;
        }
    }

    .deb {
        @media (width >= 48rem) {
            display: inline-flex;
        }
    }

    .dec {
        @media (width >= 48rem) {
            display: table-cell;
        }
    }

    .ded {
        @media (width >= 48rem) {
            aspect-ratio: 2/1;
        }
    }

    .dee {
        @media (width >= 48rem) {
            aspect-ratio: 2/1;
        }
    }

    .def {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 56);
            height: calc(var(--spacing) * 56);
        }
    }

    .deg {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 72);
            height: calc(var(--spacing) * 72);
        }
    }

    .deh {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 40);
        }
    }

    .dei {
        @media (width >= 48rem) {
            height: calc(var(--spacing) * 96);
        }
    }

    .dej {
        @media (width >= 48rem) {
            height: 100%;
        }
    }

    .dek {
        @media (width >= 48rem) {
            height: 100vh;
        }
    }

    .del {
        @media (width >= 48rem) {
            width: calc(1 / 2 * 100%);
        }
    }

    .dem {
        @media (width >= 48rem) {
            width: calc(1 / 3 * 100%);
        }
    }

    .den {
        @media (width >= 48rem) {
            width: calc(2 / 3 * 100%);
        }
    }

    .deo {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 9);
        }
    }

    .dep {
        @media (width >= 48rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .deq {
        @media (width >= 48rem) {
            width: auto;
        }
    }

    .der {
        @media (width >= 48rem) {
            max-width: var(--container-2xl);
        }
    }

    .des {
        @media (width >= 48rem) {
            max-width: var(--container-3xl);
        }
    }

    .det {
        @media (width >= 48rem) {
            max-width: var(--container-4xl);
        }
    }

    .deu {
        @media (width >= 48rem) {
            max-width: 100%;
        }
    }

    .dev {
        @media (width >= 48rem) {
            max-width: none;
        }
    }

    .dew {
        @media (width >= 48rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .dex {
        @media (width >= 48rem) {
            flex: 1;
        }
    }

    .dey {
        @media (width >= 48rem) {
            flex-shrink: 0;
        }
    }

    .dez {
        @media (width >= 48rem) {
            flex-grow: 1;
        }
    }

    .dfa {
        @media (width >= 48rem) {
            --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .dfb {
        @media (width >= 48rem) {
            --tw-translate-y: calc(var(--spacing) * -24);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .dfc {
        @media (width >= 48rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .dfd {
        @media (width >= 48rem) {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .dfe {
        @media (width >= 48rem) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }

    .dff {
        @media (width >= 48rem) {
            transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .dfg {
        @media (width >= 48rem) {
            grid-auto-flow: column;
        }
    }

    .dfh {
        @media (width >= 48rem) {
            grid-auto-rows: min-content;
        }
    }

    .dfi {
        @media (width >= 48rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .dfj {
        @media (width >= 48rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .dfk {
        @media (width >= 48rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .dfl {
        @media (width >= 48rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .dfm {
        @media (width >= 48rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .dfn {
        @media (width >= 48rem) {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    }

    .dfo {
        @media (width >= 48rem) {
            flex-direction: column;
        }
    }

    .dfp {
        @media (width >= 48rem) {
            flex-direction: row;
        }
    }

    .dfq {
        @media (width >= 48rem) {
            align-items: baseline;
        }
    }

    .dfr {
        @media (width >= 48rem) {
            align-items: center;
        }
    }

    .dfs {
        @media (width >= 48rem) {
            align-items: flex-start;
        }
    }

    .dft {
        @media (width >= 48rem) {
            align-items: stretch;
        }
    }

    .dfu {
        @media (width >= 48rem) {
            justify-content: space-between;
        }
    }

    .dfv {
        @media (width >= 48rem) {
            justify-content: center;
        }
    }

    .dfw {
        @media (width >= 48rem) {
            justify-content: flex-end;
        }
    }

    .dfx {
        @media (width >= 48rem) {
            justify-content: flex-start;
        }
    }

    .dfy {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .dfz {
        @media (width >= 48rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .dga {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .dgb {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .dgc {
        @media (width >= 48rem) {
            column-gap: calc(var(--spacing) * 11);
        }
    }

    .dgd {
        @media (width >= 48rem) {
            :where(& > :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)));
            }
        }
    }

    .dge {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .dgf {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .dgg {
        @media (width >= 48rem) {
            row-gap: calc(var(--spacing) * 16);
        }
    }

    .dgh {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dgi {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dgj {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dgk {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dgl {
        @media (width >= 48rem) {
            :where(& > :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)));
            }
        }
    }

    .dgm {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dgn {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
            }
        }
    }

    .dgo {
        @media (width >= 48rem) {
            :where(& > :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(0px * var(--tw-divide-y-reverse));
                border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
            }
        }
    }

    .dgp {
        @media (width >= 48rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-gray-200);
            }
        }
    }

    .dgq {
        @media (width >= 48rem) {
            border-radius: var(--radius-3xl);
        }
    }

    .dgr {
        @media (width >= 48rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0px;
        }
    }

    .dgs {
        @media (width >= 48rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 4px;
        }
    }

    .dgt {
        @media (width >= 48rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .dgu {
        @media (width >= 48rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .dgv {
        @media (width >= 48rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 0px;
        }
    }

    .dgw {
        @media (width >= 48rem) {
            border-color: var(--color-indigo-900);
        }
    }

    .dgx {
        @media (width >= 48rem) {
            background-color: var(--color-white);
        }
    }

    .dgy {
        @media (width >= 48rem) {
            object-position: center;
        }
    }

    .dgz {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .dha {
        @media (width >= 48rem) {
            padding: calc(var(--spacing) * 20);
        }
    }

    .dhb {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .dhc {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .dhd {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .dhe {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .dhf {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .dhg {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .dhh {
        @media (width >= 48rem) {
            padding-inline: calc(var(--spacing) * 12);
        }
    }

    .dhi {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .dhj {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 4);
        }
    }

    .dhk {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .dhl {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 12);
        }
    }

    .dhm {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .dhn {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 28);
        }
    }

    .dho {
        @media (width >= 48rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .dhp {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .dhq {
        @media (width >= 48rem) {
            padding-top: calc(var(--spacing) * 24);
        }
    }

    .dhr {
        @media (width >= 48rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .dhs {
        @media (width >= 48rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .dht {
        @media (width >= 48rem) {
            padding-right: calc(var(--spacing) * 10);
        }
    }

    .dhu {
        @media (width >= 48rem) {
            padding-right: calc(var(--spacing) * 14);
        }
    }

    .dhv {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .dhw {
        @media (width >= 48rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .dhx {
        @media (width >= 48rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .dhy {
        @media (width >= 48rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .dhz {
        @media (width >= 48rem) {
            padding-left: calc(var(--spacing) * 10);
        }
    }

    .dia {
        @media (width >= 48rem) {
            padding-left: calc(var(--spacing) * 14);
        }
    }

    .dib {
        @media (width >= 48rem) {
            padding-left: calc(var(--spacing) * 16);
        }
    }

    .dic {
        @media (width >= 48rem) {
            text-align: center;
        }
    }

    .did {
        @media (width >= 48rem) {
            text-align: left;
        }
    }

    .die {
        @media (width >= 48rem) {
            text-align: right;
        }
    }

    .dif {
        @media (width >= 48rem) {
            vertical-align: middle;
        }
    }

    .dig {
        @media (width >= 48rem) {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    }

    .dih {
        @media (width >= 48rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .dii {
        @media (width >= 48rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .dij {
        @media (width >= 48rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    .dik {
        @media (width >= 48rem) {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
    }

    .dil {
        @media (width >= 48rem) {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
        }
    }

    .dim {
        @media (width >= 48rem) {
            color: var(--color-gray-700);
        }
    }

    .din {
        @media (width >= 48rem) {
            --tw-blur: blur(var(--blur-3xl));
            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,);
        }
    }

    .dio {
        @media (width >= 48rem) {
            clip-path: inset(0 round 1.5rem);
        }
    }

    .dip {
        @media (width >= 48rem) {
            clip-path: inset(0 round var(--radius-3xl));
        }
    }

    .diq {
        @media (width >= 48rem) {
            overflow-anchor: none;
        }
    }

    .dir {
        @media (width >= 48rem) {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-gray-50);
                }
            }
        }
    }

    .dis {
        &[data-closed] {
            @media (width >= 48rem) {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .dit {
        &[data-closed] {
            @media (width >= 48rem) {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .diu {
        &[data-closed] {
            @media (width >= 48rem) {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y);
            }
        }
    }

    .div {
        &[data-closed] {
            @media (width >= 48rem) {
                --tw-scale-x: 95%;
                --tw-scale-y: 95%;
                --tw-scale-z: 95%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }
        }
    }

    .diw {
        @media (width >= 64rem) {
            position: absolute;
        }
    }

    .dix {
        @media (width >= 64rem) {
            position: fixed;
        }
    }

    .diy {
        @media (width >= 64rem) {
            position: relative;
        }
    }

    .diz {
        @media (width >= 64rem) {
            position: static;
        }
    }

    .dja {
        @media (width >= 64rem) {
            position: sticky;
        }
    }

    .djb {
        @media (width >= 64rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .djc {
        @media (width >= 64rem) {
            inset-inline: auto;
        }
    }

    .djd {
        @media (width >= 64rem) {
            inset-inline: 1px;
        }
    }

    .dje {
        @media (width >= 64rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .djf {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * -12);
        }
    }

    .djg {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * -48);
        }
    }

    .djh {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 0);
        }
    }

    .dji {
        @media (width >= 64rem) {
            top: calc(1 / 2 * 100%);
        }
    }

    .djj {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 4);
        }
    }

    .djk {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 8);
        }
    }

    .djl {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 12);
        }
    }

    .djm {
        @media (width >= 64rem) {
            top: calc(var(--spacing) * 16);
        }
    }

    .djn {
        @media (width >= 64rem) {
            top: calc(50% - 7rem);
        }
    }

    .djo {
        @media (width >= 64rem) {
            top: calc(50% - 30rem);
        }
    }

    .djp {
        @media (width >= 64rem) {
            top: auto;
        }
    }

    .djq {
        @media (width >= 64rem) {
            top: 100%;
        }
    }

    .djr {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * -8);
        }
    }

    .djs {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * 0);
        }
    }

    .djt {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * 8);
        }
    }

    .dju {
        @media (width >= 64rem) {
            right: calc(var(--spacing) * 72);
        }
    }

    .djv {
        @media (width >= 64rem) {
            right: 100%;
        }
    }

    .djw {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * -32);
        }
    }

    .djx {
        @media (width >= 64rem) {
            bottom: calc(var(--spacing) * 0);
        }
    }

    .djy {
        @media (width >= 64rem) {
            bottom: -12rem;
        }
    }

    .djz {
        @media (width >= 64rem) {
            bottom: auto;
        }
    }

    .dka {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .dkb {
        @media (width >= 64rem) {
            left: calc(1 / 2 * 100%);
        }
    }

    .dkc {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * 8);
        }
    }

    .dkd {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * 36);
        }
    }

    .dke {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * 48);
        }
    }

    .dkf {
        @media (width >= 64rem) {
            left: calc(var(--spacing) * 80);
        }
    }

    .dkg {
        @media (width >= 64rem) {
            left: max(-14rem, calc(100% - 59rem));
        }
    }

    .dkh {
        @media (width >= 64rem) {
            left: auto;
        }
    }

    .dki {
        @media (width >= 64rem) {
            z-index: 10;
        }
    }

    .dkj {
        @media (width >= 64rem) {
            z-index: 50;
        }
    }

    .dkk {
        @media (width >= 64rem) {
            order: calc(-infinity);
        }
    }

    .dkl {
        @media (width >= 64rem) {
            order: calc(infinity);
        }
    }

    .dkm {
        @media (width >= 64rem) {
            grid-column: span 1 / span 1;
        }
    }

    .dkn {
        @media (width >= 64rem) {
            grid-column: span 2 / span 2;
        }
    }

    .dko {
        @media (width >= 64rem) {
            grid-column: span 3 / span 3;
        }
    }

    .dkp {
        @media (width >= 64rem) {
            grid-column: span 4 / span 4;
        }
    }

    .dkq {
        @media (width >= 64rem) {
            grid-column: span 5 / span 5;
        }
    }

    .dkr {
        @media (width >= 64rem) {
            grid-column: span 6 / span 6;
        }
    }

    .dks {
        @media (width >= 64rem) {
            grid-column: span 7 / span 7;
        }
    }

    .dkt {
        @media (width >= 64rem) {
            grid-column: span 8 / span 8;
        }
    }

    .dku {
        @media (width >= 64rem) {
            grid-column: span 9 / span 9;
        }
    }

    .dkv {
        @media (width >= 64rem) {
            grid-column: span 10 / span 10;
        }
    }

    .dkw {
        @media (width >= 64rem) {
            grid-column-start: 1;
        }
    }

    .dkx {
        @media (width >= 64rem) {
            grid-column-start: 2;
        }
    }

    .dky {
        @media (width >= 64rem) {
            grid-column-start: 3;
        }
    }

    .dkz {
        @media (width >= 64rem) {
            grid-column-start: 4;
        }
    }

    .dla {
        @media (width >= 64rem) {
            grid-column-start: 5;
        }
    }

    .dlb {
        @media (width >= 64rem) {
            grid-column-start: 6;
        }
    }

    .dlc {
        @media (width >= 64rem) {
            grid-column-start: 8;
        }
    }

    .dld {
        @media (width >= 64rem) {
            grid-column-start: 9;
        }
    }

    .dle {
        @media (width >= 64rem) {
            grid-column-end: 1;
        }
    }

    .dlf {
        @media (width >= 64rem) {
            grid-column-end: 2;
        }
    }

    .dlg {
        @media (width >= 64rem) {
            grid-column-end: 3;
        }
    }

    .dlh {
        @media (width >= 64rem) {
            grid-column-end: 6;
        }
    }

    .dli {
        @media (width >= 64rem) {
            grid-column-end: 8;
        }
    }

    .dlj {
        @media (width >= 64rem) {
            grid-column-end: 13;
        }
    }

    .dlk {
        @media (width >= 64rem) {
            grid-row: span 2 / span 2;
        }
    }

    .dll {
        @media (width >= 64rem) {
            grid-row: span 3 / span 3;
        }
    }

    .dlm {
        @media (width >= 64rem) {
            grid-row: span 4 / span 4;
        }
    }

    .dln {
        @media (width >= 64rem) {
            grid-row-start: 1;
        }
    }

    .dlo {
        @media (width >= 64rem) {
            grid-row-start: 2;
        }
    }

    .dlp {
        @media (width >= 64rem) {
            grid-row-start: 3;
        }
    }

    .dlq {
        @media (width >= 64rem) {
            grid-row-end: 1;
        }
    }

    .dlr {
        @media (width >= 64rem) {
            grid-row-end: 2;
        }
    }

    .dls {
        @media (width >= 64rem) {
            grid-row-end: 3;
        }
    }

    .dlt {
        @media (width >= 64rem) {
            grid-row-end: 4;
        }
    }

    .dlu {
        @media (width >= 64rem) {
            margin: calc(var(--spacing) * -4);
        }
    }

    .dlv {
        @media (width >= 64rem) {
            margin: calc(var(--spacing) * 0);
        }
    }

    .dlw {
        @media (width >= 64rem) {
            margin-inline: calc(var(--spacing) * -8);
        }
    }

    .dlx {
        @media (width >= 64rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .dly {
        @media (width >= 64rem) {
            margin-inline: calc(var(--spacing) * 6);
        }
    }

    .dlz {
        @media (width >= 64rem) {
            margin-inline: auto;
        }
    }

    .dma {
        @media (width >= 64rem) {
            margin-block: calc(var(--spacing) * -8);
        }
    }

    .dmb {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * -16);
        }
    }

    .dmc {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * -40);
        }
    }

    .dmd {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .dme {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 2);
        }
    }

    .dmf {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .dmg {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 4);
        }
    }

    .dmh {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .dmi {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 6);
        }
    }

    .dmj {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 8);
        }
    }

    .dmk {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 9);
        }
    }

    .dml {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .dmm {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .dmn {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 20);
        }
    }

    .dmo {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 24);
        }
    }

    .dmp {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 28);
        }
    }

    .dmq {
        @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 32);
        }
    }

    .dmr {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * -1.5);
        }
    }

    .dms {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * -6);
        }
    }

    .dmt {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * -8);
        }
    }

    .dmu {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * -16);
        }
    }

    .dmv {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * -36);
        }
    }

    .dmw {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * -96);
        }
    }

    .dmx {
        @media (width >= 64rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .dmy {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * -14);
        }
    }

    .dmz {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * -80);
        }
    }

    .dna {
        @media (width >= 64rem) {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }

    .dnb {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * -0);
        }
    }

    .dnc {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * -4);
        }
    }

    .dnd {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * -8);
        }
    }

    .dne {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .dnf {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .dng {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 6);
        }
    }

    .dnh {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 8);
        }
    }

    .dni {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 10);
        }
    }

    .dnj {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 12);
        }
    }

    .dnk {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 20);
        }
    }

    .dnl {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 24);
        }
    }

    .dnm {
        @media (width >= 64rem) {
            margin-left: calc(var(--spacing) * 36);
        }
    }

    .dnn {
        @media (width >= 64rem) {
            margin-left: auto;
        }
    }

    .dno {
        @media (width >= 64rem) {
            display: block;
        }
    }

    .dnp {
        @media (width >= 64rem) {
            display: contents;
        }
    }

    .dnq {
        @media (width >= 64rem) {
            display: flex;
        }
    }

    .dnr {
        @media (width >= 64rem) {
            display: grid;
        }
    }

    .dns {
        @media (width >= 64rem) {
            display: none;
        }
    }

    .dnt {
        @media (width >= 64rem) {
            display: inline;
        }
    }

    .dnu {
        @media (width >= 64rem) {
            display: table-cell;
        }
    }

    .dnv {
        @media (width >= 64rem) {
            aspect-ratio: 3/2;
        }
    }

    .dnw {
        @media (width >= 64rem) {
            aspect-ratio: 3/4;
        }
    }

    .dnx {
        @media (width >= 64rem) {
            aspect-ratio: 5/6;
        }
    }

    .dny {
        @media (width >= 64rem) {
            aspect-ratio: 3/2;
        }
    }

    .dnz {
        @media (width >= 64rem) {
            aspect-ratio: 3/4;
        }
    }

    .doa {
        @media (width >= 64rem) {
            aspect-ratio: 5/6;
        }
    }

    .dob {
        @media (width >= 64rem) {
            aspect-ratio: auto;
        }
    }

    .doc {
        @media (width >= 64rem) {
            aspect-ratio: 1 / 1;
        }
    }

    .dod {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 48);
            height: calc(var(--spacing) * 48);
        }
    }

    .doe {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 52);
            height: calc(var(--spacing) * 52);
        }
    }

    .dof {
        @media (width >= 64rem) {
            width: 100%;
            height: 100%;
        }
    }

    .dog {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 0);
        }
    }

    .doh {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 1);
        }
    }

    .doi {
        @media (width >= 64rem) {
            height: calc(2 / 3 * 100%);
        }
    }

    .doj {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 6);
        }
    }

    .dok {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 12);
        }
    }

    .dol {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 28);
        }
    }

    .dom {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 48);
        }
    }

    .don {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 72);
        }
    }

    .doo {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .dop {
        @media (width >= 64rem) {
            height: calc(var(--spacing) * 96);
        }
    }

    .doq {
        @media (width >= 64rem) {
            height: 34.5rem;
        }
    }

    .dor {
        @media (width >= 64rem) {
            height: 816px;
        }
    }

    .dos {
        @media (width >= 64rem) {
            height: 985px;
        }
    }

    .dot {
        @media (width >= 64rem) {
            height: 1024px;
        }
    }

    .dou {
        @media (width >= 64rem) {
            height: 1038px;
        }
    }

    .dov {
        @media (width >= 64rem) {
            height: 1147px;
        }
    }

    .dow {
        @media (width >= 64rem) {
            height: 1160px;
        }
    }

    .dox {
        @media (width >= 64rem) {
            height: auto;
        }
    }

    .doy {
        @media (width >= 64rem) {
            height: 100%;
        }
    }

    .doz {
        @media (width >= 64rem) {
            min-height: 192px;
        }
    }

    .dpa {
        @media (width >= 64rem) {
            min-height: 464px;
        }
    }

    .dpb {
        @media (width >= 64rem) {
            min-height: 583px;
        }
    }

    .dpc {
        @media (width >= 64rem) {
            min-height: 592px;
        }
    }

    .dpd {
        @media (width >= 64rem) {
            min-height: 700px;
        }
    }

    .dpe {
        @media (width >= 64rem) {
            min-height: 768px;
        }
    }

    .dpf {
        @media (width >= 64rem) {
            min-height: 851px;
        }
    }

    .dpg {
        @media (width >= 64rem) {
            min-height: 1100px;
        }
    }

    .dph {
        @media (width >= 64rem) {
            min-height: 100%;
        }
    }

    .dpi {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 0);
        }
    }

    .dpj {
        @media (width >= 64rem) {
            width: calc(1 / 2 * 100%);
        }
    }

    .dpk {
        @media (width >= 64rem) {
            width: calc(1 / 3 * 100%);
        }
    }

    .dpl {
        @media (width >= 64rem) {
            width: calc(1 / 12 * 100%);
        }
    }

    .dpm {
        @media (width >= 64rem) {
            width: calc(2 / 12 * 100%);
        }
    }

    .dpn {
        @media (width >= 64rem) {
            width: calc(4 / 12 * 100%);
        }
    }

    .dpo {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 20);
        }
    }

    .dpp {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 48);
        }
    }

    .dpq {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 64);
        }
    }

    .dpr {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 72);
        }
    }

    .dps {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .dpt {
        @media (width >= 64rem) {
            width: calc(var(--spacing) * 96);
        }
    }

    .dpu {
        @media (width >= 64rem) {
            width: 37rem;
        }
    }

    .dpv {
        @media (width >= 64rem) {
            width: 64rem;
        }
    }

    .dpw {
        @media (width >= 64rem) {
            width: auto;
        }
    }

    .dpx {
        @media (width >= 64rem) {
            width: 100%;
        }
    }

    .dpy {
        @media (width >= 64rem) {
            width: 1px;
        }
    }

    .dpz {
        @media (width >= 64rem) {
            width: 100vw;
        }
    }

    .dqa {
        @media (width >= 64rem) {
            max-width: var(--container-2xl);
        }
    }

    .dqb {
        @media (width >= 64rem) {
            max-width: var(--container-3xl);
        }
    }

    .dqc {
        @media (width >= 64rem) {
            max-width: var(--container-4xl);
        }
    }

    .dqd {
        @media (width >= 64rem) {
            max-width: var(--container-5xl);
        }
    }

    .dqe {
        @media (width >= 64rem) {
            max-width: var(--container-6xl);
        }
    }

    .dqf {
        @media (width >= 64rem) {
            max-width: var(--container-7xl);
        }
    }

    .dqg {
        @media (width >= 64rem) {
            max-width: var(--container-lg);
        }
    }

    .dqh {
        @media (width >= 64rem) {
            max-width: var(--container-md);
        }
    }

    .dqi {
        @media (width >= 64rem) {
            max-width: none;
        }
    }

    .dqj {
        @media (width >= 64rem) {
            max-width: var(--container-sm);
        }
    }

    .dqk {
        @media (width >= 64rem) {
            max-width: var(--container-xl);
        }
    }

    .dql {
        @media (width >= 64rem) {
            max-width: var(--container-xs);
        }
    }

    .dqm {
        @media (width >= 64rem) {
            min-width: calc(var(--spacing) * 0);
        }
    }

    .dqn {
        @media (width >= 64rem) {
            min-width: 100%;
        }
    }

    .dqo {
        @media (width >= 64rem) {
            flex: 1;
        }
    }

    .dqp {
        @media (width >= 64rem) {
            flex: auto;
        }
    }

    .dqq {
        @media (width >= 64rem) {
            flex: none;
        }
    }

    .dqr {
        @media (width >= 64rem) {
            flex-shrink: 1;
        }
    }

    .dqs {
        @media (width >= 64rem) {
            flex-shrink: 0;
        }
    }

    .dqt {
        @media (width >= 64rem) {
            flex-grow: 1;
        }
    }

    .dqu {
        @media (width >= 64rem) {
            flex-grow: 0;
        }
    }

    .dqv {
        @media (width >= 64rem) {
            transform-origin: center;
        }
    }

    .dqw {
        @media (width >= 64rem) {
            --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .dqx {
        @media (width >= 64rem) {
            --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .dqy {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * -72);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .dqz {
        @media (width >= 64rem) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .dra {
        @media (width >= 64rem) {
            --tw-translate-x: calc(1 / 2 * 100%);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .drb {
        @media (width >= 64rem) {
            --tw-translate-x: calc(var(--spacing) * 8);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .drc {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .drd {
        @media (width >= 64rem) {
            --tw-translate-y: calc(var(--spacing) * 20);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .dre {
        @media (width >= 64rem) {
            transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
        }
    }

    .drf {
        @media (width >= 64rem) {
            columns: 3;
        }
    }

    .drg {
        @media (width >= 64rem) {
            grid-auto-flow: column dense;
        }
    }

    .drh {
        @media (width >= 64rem) {
            grid-auto-flow: row dense;
        }
    }

    .dri {
        @media (width >= 64rem) {
            grid-auto-rows: min-content;
        }
    }

    .drj {
        @media (width >= 64rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .drk {
        @media (width >= 64rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .drl {
        @media (width >= 64rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .drm {
        @media (width >= 64rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .drn {
        @media (width >= 64rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .dro {
        @media (width >= 64rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .drp {
        @media (width >= 64rem) {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
    }

    .drq {
        @media (width >= 64rem) {
            grid-template-columns: repeat(10, minmax(0, 1fr));
        }
    }

    .drr {
        @media (width >= 64rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .drs {
        @media (width >= 64rem) {
            grid-template-columns: max(50%, 36rem) 1fr;
        }
    }

    .drt {
        @media (width >= 64rem) {
            grid-template-rows: repeat(1, minmax(0, 1fr));
        }
    }

    .dru {
        @media (width >= 64rem) {
            grid-template-rows: repeat(2, minmax(0, 1fr));
        }
    }

    .drv {
        @media (width >= 64rem) {
            grid-template-rows: repeat(3, minmax(0, 1fr));
        }
    }

    .drw {
        @media (width >= 64rem) {
            grid-template-rows: repeat(6, minmax(0, 1fr));
        }
    }

    .drx {
        @media (width >= 64rem) {
            grid-template-rows: auto auto 1fr;
        }
    }

    .dry {
        @media (width >= 64rem) {
            flex-direction: column;
        }
    }

    .drz {
        @media (width >= 64rem) {
            flex-direction: row;
        }
    }

    .dsa {
        @media (width >= 64rem) {
            flex-direction: row-reverse;
        }
    }

    .dsb {
        @media (width >= 64rem) {
            align-items: center;
        }
    }

    .dsc {
        @media (width >= 64rem) {
            align-items: flex-end;
        }
    }

    .dsd {
        @media (width >= 64rem) {
            align-items: flex-start;
        }
    }

    .dse {
        @media (width >= 64rem) {
            align-items: stretch;
        }
    }

    .dsf {
        @media (width >= 64rem) {
            justify-content: space-between;
        }
    }

    .dsg {
        @media (width >= 64rem) {
            justify-content: center;
        }
    }

    .dsh {
        @media (width >= 64rem) {
            justify-content: flex-end;
        }
    }

    .dsi {
        @media (width >= 64rem) {
            justify-content: flex-start;
        }
    }

    .dsj {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 4);
        }
    }

    .dsk {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 5);
        }
    }

    .dsl {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 6);
        }
    }

    .dsm {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .dsn {
        @media (width >= 64rem) {
            gap: calc(var(--spacing) * 24);
        }
    }

    .dso {
        @media (width >= 64rem) {
            gap: 1px;
        }
    }

    .dsp {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 5);
        }
    }

    .dsq {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 6);
        }
    }

    .dsr {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .dss {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 10);
        }
    }

    .dst {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 12);
        }
    }

    .dsu {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 14);
        }
    }

    .dsv {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 16);
        }
    }

    .dsw {
        @media (width >= 64rem) {
            column-gap: calc(var(--spacing) * 20);
        }
    }

    .dsx {
        @media (width >= 64rem) {
            :where(& > :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)));
            }
        }
    }

    .dsy {
        @media (width >= 64rem) {
            :where(& > :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)));
            }
        }
    }

    .dsz {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .dta {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .dtb {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 0);
        }
    }

    .dtc {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 8);
        }
    }

    .dtd {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 10);
        }
    }

    .dte {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 12);
        }
    }

    .dtf {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 16);
        }
    }

    .dtg {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 28);
        }
    }

    .dth {
        @media (width >= 64rem) {
            row-gap: calc(var(--spacing) * 44);
        }
    }

    .dti {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dtj {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dtk {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dtl {
        @media (width >= 64rem) {
            :where(& > :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)));
            }
        }
    }

    .dtm {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .dtn {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
            }
        }
    }

    .dto {
        @media (width >= 64rem) {
            :where(& > :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)));
            }
        }
    }

    .dtp {
        @media (width >= 64rem) {
            :where(& > :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(0px * var(--tw-divide-y-reverse));
                border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
            }
        }
    }

    .dtq {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-gray-200);
            }
        }
    }

    .dtr {
        @media (width >= 64rem) {
            :where(& > :not(:last-child)) {
                border-color: var(--color-gray-700);
            }
        }
    }

    .dts {
        @media (width >= 64rem) {
            align-self: center;
        }
    }

    .dtt {
        @media (width >= 64rem) {
            align-self: flex-end;
        }
    }

    .dtu {
        @media (width >= 64rem) {
            align-self: flex-start;
        }
    }

    .dtv {
        @media (width >= 64rem) {
            align-self: stretch;
        }
    }

    .dtw {
        @media (width >= 64rem) {
            overflow: hidden;
        }
    }

    .dtx {
        @media (width >= 64rem) {
            overflow: visible;
        }
    }

    .dty {
        @media (width >= 64rem) {
            overflow-y: auto;
        }
    }

    .dtz {
        @media (width >= 64rem) {
            overflow-y: visible;
        }
    }

    .dua {
        @media (width >= 64rem) {
            border-radius: var(--radius-2xl);
        }
    }

    .dub {
        @media (width >= 64rem) {
            border-radius: var(--radius-3xl);
        }
    }

    .duc {
        @media (width >= 64rem) {
            border-radius: var(--radius-lg);
        }
    }

    .dud {
        @media (width >= 64rem) {
            border-radius: var(--radius-md);
        }
    }

    .due {
        @media (width >= 64rem) {
            border-radius: 0;
        }
    }

    .duf {
        @media (width >= 64rem) {
            border-top-left-radius: 2rem;
            border-bottom-left-radius: 2rem;
        }
    }

    .dug {
        @media (width >= 64rem) {
            border-top-left-radius: calc(2rem + 1px);
            border-bottom-left-radius: calc(2rem + 1px);
        }
    }

    .duh {
        @media (width >= 64rem) {
            border-top-left-radius: var(--radius-lg);
            border-bottom-left-radius: var(--radius-lg);
        }
    }

    .dui {
        @media (width >= 64rem) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    }

    .duj {
        @media (width >= 64rem) {
            border-top-left-radius: var(--radius-2xl);
            border-top-right-radius: var(--radius-2xl);
        }
    }

    .duk {
        @media (width >= 64rem) {
            border-top-left-radius: 2rem;
        }
    }

    .dul {
        @media (width >= 64rem) {
            border-top-left-radius: calc(2rem + 1px);
        }
    }

    .dum {
        @media (width >= 64rem) {
            border-top-left-radius: var(--radius-lg);
        }
    }

    .dun {
        @media (width >= 64rem) {
            border-top-right-radius: 2rem;
            border-bottom-right-radius: 2rem;
        }
    }

    .duo {
        @media (width >= 64rem) {
            border-top-right-radius: calc(2rem + 1px);
            border-bottom-right-radius: calc(2rem + 1px);
        }
    }

    .dup {
        @media (width >= 64rem) {
            border-top-right-radius: var(--radius-lg);
            border-bottom-right-radius: var(--radius-lg);
        }
    }

    .duq {
        @media (width >= 64rem) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
    }

    .dur {
        @media (width >= 64rem) {
            border-top-right-radius: var(--radius-3xl);
        }
    }

    .dus {
        @media (width >= 64rem) {
            border-top-right-radius: 2rem;
        }
    }

    .dut {
        @media (width >= 64rem) {
            border-top-right-radius: calc(2rem + 1px);
        }
    }

    .duu {
        @media (width >= 64rem) {
            border-top-right-radius: 0;
        }
    }

    .duv {
        @media (width >= 64rem) {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
    }

    .duw {
        @media (width >= 64rem) {
            border-bottom-right-radius: 2rem;
        }
    }

    .dux {
        @media (width >= 64rem) {
            border-bottom-right-radius: calc(2rem + 1px);
        }
    }

    .duy {
        @media (width >= 64rem) {
            border-bottom-right-radius: 0;
        }
    }

    .duz {
        @media (width >= 64rem) {
            border-bottom-left-radius: var(--radius-3xl);
        }
    }

    .dva {
        @media (width >= 64rem) {
            border-bottom-left-radius: 2rem;
        }
    }

    .dvb {
        @media (width >= 64rem) {
            border-bottom-left-radius: calc(2rem + 1px);
        }
    }

    .dvc {
        @media (width >= 64rem) {
            border-bottom-left-radius: 0;
        }
    }

    .dvd {
        @media (width >= 64rem) {
            border-style: var(--tw-border-style);
            border-width: 0px;
        }
    }

    .dve {
        @media (width >= 64rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }

    .dvf {
        @media (width >= 64rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0px;
        }
    }

    .dvg {
        @media (width >= 64rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .dvh {
        @media (width >= 64rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .dvi {
        @media (width >= 64rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .dvj {
        @media (width >= 64rem) {
            --tw-border-style: none;
            border-style: none;
        }
    }

    .dvk {
        @media (width >= 64rem) {
            border-color: var(--color-gray-200);
        }
    }

    .dvl {
        @media (width >= 64rem) {
            border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .dvm {
        @media (width >= 64rem) {
            border-color: color-mix(in oklab, var(--color-indigo-400) 25%, transparent);
        }
    }

    .dvn {
        @media (width >= 64rem) {
            border-color: var(--color-sky-800);
        }
    }

    .dvo {
        @media (width >= 64rem) {
            border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
    }

    .dvp {
        @media (width >= 64rem) {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .dvq {
        @media (width >= 64rem) {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
    }

    .dvr {
        @media (width >= 64rem) {
            border-top-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
        }
    }

    .dvs {
        @media (width >= 64rem) {
            background-color: var(--color-gray-100);
        }
    }

    .dvt {
        @media (width >= 64rem) {
            background-color: var(--color-gray-200);
        }
    }

    .dvu {
        @media (width >= 64rem) {
            background-color: var(--color-gray-800);
        }
    }

    .dvv {
        @media (width >= 64rem) {
            background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent);
        }
    }

    .dvw {
        @media (width >= 64rem) {
            background-color: var(--color-gray-900);
        }
    }

    .dvx {
        @media (width >= 64rem) {
            background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
        }
    }

    .dvy {
        @media (width >= 64rem) {
            background-color: transparent;
        }
    }

    .dvz {
        @media (width >= 64rem) {
            background-image: radial-gradient(circle at center 150%, #7775D6, #592E71, #030712 70%);
        }
    }

    .dwa {
        @media (width >= 64rem) {
            background-image: none;
        }
    }

    .dwb {
        @media (width >= 64rem) {
            object-position: right;
        }
    }

    .dwc {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 0);
        }
    }

    .dwd {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 2);
        }
    }

    .dwe {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 4);
        }
    }

    .dwf {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 6);
        }
    }

    .dwg {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 8);
        }
    }

    .dwh {
        @media (width >= 64rem) {
            padding: calc(var(--spacing) * 20);
        }
    }

    .dwi {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .dwj {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .dwk {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 4);
        }
    }

    .dwl {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 6);
        }
    }

    .dwm {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .dwn {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .dwo {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 20);
        }
    }

    .dwp {
        @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 24);
        }
    }

    .dwq {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 0);
        }
    }

    .dwr {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 2);
        }
    }

    .dws {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 5);
        }
    }

    .dwt {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 6);
        }
    }

    .dwu {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 8);
        }
    }

    .dwv {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 12);
        }
    }

    .dww {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .dwx {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 20);
        }
    }

    .dwy {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .dwz {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .dxa {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 40);
        }
    }

    .dxb {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 48);
        }
    }

    .dxc {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 56);
        }
    }

    .dxd {
        @media (width >= 64rem) {
            padding-block: calc(var(--spacing) * 64);
        }
    }

    .dxe {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 0);
        }
    }

    .dxf {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 2);
        }
    }

    .dxg {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 4);
        }
    }

    .dxh {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 5);
        }
    }

    .dxi {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .dxj {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .dxk {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 10);
        }
    }

    .dxl {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 12);
        }
    }

    .dxm {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .dxn {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 16);
        }
    }

    .dxo {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 20);
        }
    }

    .dxp {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 24);
        }
    }

    .dxq {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 32);
        }
    }

    .dxr {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 36);
        }
    }

    .dxs {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 40);
        }
    }

    .dxt {
        @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 80);
        }
    }

    .dxu {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .dxv {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 0.5);
        }
    }

    .dxw {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 4);
        }
    }

    .dxx {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .dxy {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 16);
        }
    }

    .dxz {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 20);
        }
    }

    .dya {
        @media (width >= 64rem) {
            padding-right: calc(var(--spacing) * 96);
        }
    }

    .dyb {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .dyc {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 2);
        }
    }

    .dyd {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }

    .dye {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 8);
        }
    }

    .dyf {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }

    .dyg {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 14);
        }
    }

    .dyh {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 16);
        }
    }

    .dyi {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .dyj {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .dyk {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 28);
        }
    }

    .dyl {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 32);
        }
    }

    .dym {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 40);
        }
    }

    .dyn {
        @media (width >= 64rem) {
            padding-bottom: calc(var(--spacing) * 48);
        }
    }

    .dyo {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .dyp {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 2);
        }
    }

    .dyq {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 4);
        }
    }

    .dyr {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .dys {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 9);
        }
    }

    .dyt {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 10);
        }
    }

    .dyu {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 12);
        }
    }

    .dyv {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 16);
        }
    }

    .dyw {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 20);
        }
    }

    .dyx {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 24);
        }
    }

    .dyy {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 64);
        }
    }

    .dyz {
        @media (width >= 64rem) {
            padding-left: calc(var(--spacing) * 72);
        }
    }

    .dza {
        @media (width >= 64rem) {
            text-align: center;
        }
    }

    .dzb {
        @media (width >= 64rem) {
            text-align: left;
        }
    }

    .dzc {
        @media (width >= 64rem) {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height));
        }
    }

    .dzd {
        @media (width >= 64rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .dze {
        @media (width >= 64rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .dzf {
        @media (width >= 64rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .dzg {
        @media (width >= 64rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }

    .dzh {
        @media (width >= 64rem) {
            text-wrap: balance;
        }
    }

    .dzi {
        @media (width >= 64rem) {
            text-wrap: pretty;
        }
    }

    .dzj {
        @media (width >= 64rem) {
            opacity: 100%;
        }
    }

    .dzk {
        @media (width >= 64rem) {
            --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);
        }
    }

    .dzl {
        @media (width >= 64rem) {
            --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);
        }
    }

    .dzm {
        @media (width >= 64rem) {
            --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);
        }
    }

    .dzn {
        @media (width >= 64rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
    }

    .dzo {
        @media (width >= 64rem) {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
    }

    .dzp {
        @media (width >= 64rem) {
            &:hover {
                @media (hover: hover) {
                    background-color: var(--color-gray-50);
                }
            }
        }
    }

    .dzq {
        &[data-open] {
            @media (width >= 64rem) {
                position: static;
            }
        }
    }

    .dzr {
        &[data-open] {
            @media (width >= 64rem) {
                inset-block: calc(var(--spacing) * 0);
            }
        }
    }

    .dzs {
        &[data-open] {
            @media (width >= 64rem) {
                overflow-y: visible;
            }
        }
    }

    .dzt {
        &[data-open] {
            @media (width >= 64rem) {
                background-color: transparent;
            }
        }
    }

    .dzu {
        &[data-open] {
            @media (width >= 64rem) {
                position: static;
            }
        }
    }

    .dzv {
        &[data-open] {
            @media (width >= 64rem) {
                inset-block: calc(var(--spacing) * 0);
            }
        }
    }

    .dzw {
        &[data-open] {
            @media (width >= 64rem) {
                overflow-y: visible;
            }
        }
    }

    .dzx {
        &[data-open] {
            @media (width >= 64rem) {
                background-color: transparent;
            }
        }
    }

    .dzy {
        @media (width >= 80rem) {
            position: absolute;
        }
    }

    .dzz {
        @media (width >= 80rem) {
            position: fixed;
        }
    }

    .eaa {
        @media (width >= 80rem) {
            position: relative;
        }
    }

    .eab {
        @media (width >= 80rem) {
            position: static;
        }
    }

    .eac {
        @media (width >= 80rem) {
            inset: calc(var(--spacing) * 0);
        }
    }

    .ead {
        @media (width >= 80rem) {
            inset-block: calc(var(--spacing) * 0);
        }
    }

    .eae {
        @media (width >= 80rem) {
            top: calc(var(--spacing) * -6);
        }
    }

    .eaf {
        @media (width >= 80rem) {
            top: calc(var(--spacing) * 0);
        }
    }

    .eag {
        @media (width >= 80rem) {
            top: calc(var(--spacing) * 3);
        }
    }

    .eah {
        @media (width >= 80rem) {
            top: auto;
        }
    }

    .eai {
        @media (width >= 80rem) {
            right: calc(1 / 2 * 100%);
        }
    }

    .eaj {
        @media (width >= 80rem) {
            right: auto;
        }
    }

    .eak {
        @media (width >= 80rem) {
            bottom: auto;
        }
    }

    .eal {
        @media (width >= 80rem) {
            left: calc(var(--spacing) * -10);
        }
    }

    .eam {
        @media (width >= 80rem) {
            left: calc(var(--spacing) * 0);
        }
    }

    .ean {
        @media (width >= 80rem) {
            left: calc(1 / 2 * 100%);
        }
    }

    .eao {
        @media (width >= 80rem) {
            left: calc(50% - 24rem);
        }
    }

    .eap {
        @media (width >= 80rem) {
            z-index: 50;
        }
    }

    .eaq {
        @media (width >= 80rem) {
            order: calc(-infinity);
        }
    }

    .ear {
        @media (width >= 80rem) {
            order: calc(infinity);
        }
    }

    .eas {
        @media (width >= 80rem) {
            order: 0;
        }
    }

    .eat {
        @media (width >= 80rem) {
            grid-column: auto;
        }
    }

    .eau {
        @media (width >= 80rem) {
            grid-column: span 1 / span 1;
        }
    }

    .eav {
        @media (width >= 80rem) {
            grid-column: span 2 / span 2;
        }
    }

    .eaw {
        @media (width >= 80rem) {
            grid-column: span 3 / span 3;
        }
    }

    .eax {
        @media (width >= 80rem) {
            grid-column: span 4 / span 4;
        }
    }

    .eay {
        @media (width >= 80rem) {
            grid-column: span 6 / span 6;
        }
    }

    .eaz {
        @media (width >= 80rem) {
            grid-column: span 8 / span 8;
        }
    }

    .eba {
        @media (width >= 80rem) {
            grid-column: span 9 / span 9;
        }
    }

    .ebb {
        @media (width >= 80rem) {
            grid-column-start: 1;
        }
    }

    .ebc {
        @media (width >= 80rem) {
            grid-column-start: 2;
        }
    }

    .ebd {
        @media (width >= 80rem) {
            grid-column-start: 4;
        }
    }

    .ebe {
        @media (width >= 80rem) {
            grid-column-start: 5;
        }
    }

    .ebf {
        @media (width >= 80rem) {
            grid-column-start: 9;
        }
    }

    .ebg {
        @media (width >= 80rem) {
            grid-column-end: 1;
        }
    }

    .ebh {
        @media (width >= 80rem) {
            grid-row: span 2 / span 2;
        }
    }

    .ebi {
        @media (width >= 80rem) {
            grid-row-start: 1;
        }
    }

    .ebj {
        @media (width >= 80rem) {
            grid-row-end: 1;
        }
    }

    .ebk {
        @media (width >= 80rem) {
            grid-row-end: 2;
        }
    }

    .ebl {
        @media (width >= 80rem) {
            margin-inline: calc(var(--spacing) * -4);
        }
    }

    .ebm {
        @media (width >= 80rem) {
            margin-inline: calc(var(--spacing) * 0);
        }
    }

    .ebn {
        @media (width >= 80rem) {
            margin-inline: auto;
        }
    }

    .ebo {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * -8);
        }
    }

    .ebp {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 0);
        }
    }

    .ebq {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 3);
        }
    }

    .ebr {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 10);
        }
    }

    .ebs {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 16);
        }
    }

    .ebt {
        @media (width >= 80rem) {
            margin-top: calc(var(--spacing) * 36);
        }
    }

    .ebu {
        @media (width >= 80rem) {
            margin-right: calc(var(--spacing) * 0);
        }
    }

    .ebv {
        @media (width >= 80rem) {
            margin-right: calc(var(--spacing) * 16);
        }
    }

    .ebw {
        @media (width >= 80rem) {
            margin-right: calc(50% - 12rem);
        }
    }

    .ebx {
        @media (width >= 80rem) {
            margin-right: auto;
        }
    }

    .eby {
        @media (width >= 80rem) {
            margin-bottom: calc(var(--spacing) * -8);
        }
    }

    .ebz {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * -80);
        }
    }

    .eca {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * 0);
        }
    }

    .ecb {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * 3.5);
        }
    }

    .ecc {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * 4);
        }
    }

    .ecd {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * 8);
        }
    }

    .ece {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * 32);
        }
    }

    .ecf {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * 48);
        }
    }

    .ecg {
        @media (width >= 80rem) {
            margin-left: calc(var(--spacing) * 56);
        }
    }

    .ech {
        @media (width >= 80rem) {
            display: block;
        }
    }

    .eci {
        @media (width >= 80rem) {
            display: contents;
        }
    }

    .ecj {
        @media (width >= 80rem) {
            display: flex;
        }
    }

    .eck {
        @media (width >= 80rem) {
            display: grid;
        }
    }

    .ecl {
        @media (width >= 80rem) {
            display: none;
        }
    }

    .ecm {
        @media (width >= 80rem) {
            display: inline;
        }
    }

    .ecn {
        @media (width >= 80rem) {
            aspect-ratio: 7/8;
        }
    }

    .eco {
        @media (width >= 80rem) {
            aspect-ratio: 7/8;
        }
    }

    .ecp {
        @media (width >= 80rem) {
            aspect-ratio: auto;
        }
    }

    .ecq {
        @media (width >= 80rem) {
            height: calc(var(--spacing) * 80);
        }
    }

    .ecr {
        @media (width >= 80rem) {
            height: 608px;
        }
    }

    .ecs {
        @media (width >= 80rem) {
            height: 100%;
        }
    }

    .ect {
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 0);
        }
    }

    .ecu {
        @media (width >= 80rem) {
            width: calc(1 / 2 * 100%);
        }
    }

    .ecv {
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 32);
        }
    }

    .ecw {
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 64);
        }
    }

    .ecx {
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 72);
        }
    }

    .ecy {
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 80);
        }
    }

    .ecz {
        @media (width >= 80rem) {
            width: calc(var(--spacing) * 96);
        }
    }

    .eda {
        @media (width >= 80rem) {
            width: auto;
        }
    }

    .edb {
        @media (width >= 80rem) {
            width: 100%;
        }
    }

    .edc {
        @media (width >= 80rem) {
            max-width: var(--container-2xl);
        }
    }

    .edd {
        @media (width >= 80rem) {
            max-width: var(--container-5xl);
        }
    }

    .ede {
        @media (width >= 80rem) {
            max-width: var(--container-6xl);
        }
    }

    .edf {
        @media (width >= 80rem) {
            max-width: var(--container-7xl);
        }
    }

    .edg {
        @media (width >= 80rem) {
            max-width: none;
        }
    }

    .edh {
        @media (width >= 80rem) {
            flex: 1;
        }
    }

    .edi {
        @media (width >= 80rem) {
            flex: auto;
        }
    }

    .edj {
        @media (width >= 80rem) {
            flex: none;
        }
    }

    .edk {
        @media (width >= 80rem) {
            flex-shrink: 0;
        }
    }

    .edl {
        @media (width >= 80rem) {
            transform-origin: center;
        }
    }

    .edm {
        @media (width >= 80rem) {
            --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .edn {
        @media (width >= 80rem) {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .edo {
        @media (width >= 80rem) {
            --tw-translate-y: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
    }

    .edp {
        @media (width >= 80rem) {
            grid-auto-flow: column;
        }
    }

    .edq {
        @media (width >= 80rem) {
            grid-auto-flow: column dense;
        }
    }

    .edr {
        @media (width >= 80rem) {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }

    .eds {
        @media (width >= 80rem) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .edt {
        @media (width >= 80rem) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    .edu {
        @media (width >= 80rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .edv {
        @media (width >= 80rem) {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }

    .edw {
        @media (width >= 80rem) {
            grid-template-columns: repeat(6, minmax(0, 1fr));
        }
    }

    .edx {
        @media (width >= 80rem) {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .edy {
        @media (width >= 80rem) {
            grid-template-rows: repeat(1, minmax(0, 1fr));
        }
    }

    .edz {
        @media (width >= 80rem) {
            flex-direction: column;
        }
    }

    .eea {
        @media (width >= 80rem) {
            flex-direction: row;
        }
    }

    .eeb {
        @media (width >= 80rem) {
            align-items: center;
        }
    }

    .eec {
        @media (width >= 80rem) {
            align-items: flex-start;
        }
    }

    .eed {
        @media (width >= 80rem) {
            align-items: stretch;
        }
    }

    .eee {
        @media (width >= 80rem) {
            justify-content: space-between;
        }
    }

    .eef {
        @media (width >= 80rem) {
            justify-content: flex-end;
        }
    }

    .eeg {
        @media (width >= 80rem) {
            gap: calc(var(--spacing) * 8);
        }
    }

    .eeh {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 8);
        }
    }

    .eei {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 16);
        }
    }

    .eej {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 20);
        }
    }

    .eek {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 24);
        }
    }

    .eel {
        @media (width >= 80rem) {
            column-gap: calc(var(--spacing) * 48);
        }
    }

    .eem {
        @media (width >= 80rem) {
            :where(& > :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)));
            }
        }
    }

    .een {
        @media (width >= 80rem) {
            :where(& > :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)));
            }
        }
    }

    .eeo {
        @media (width >= 80rem) {
            :where(& > :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)));
            }
        }
    }

    .eep {
        @media (width >= 80rem) {
            :where(& > :not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
            }
        }
    }

    .eeq {
        @media (width >= 80rem) {
            :where(& > :not(:last-child)) {
                --tw-space-x-reverse: 0;
                margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
            }
        }
    }

    .eer {
        @media (width >= 80rem) {
            :where(& > :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)));
            }
        }
    }

    .ees {
        @media (width >= 80rem) {
            align-self: center;
        }
    }

    .eet {
        @media (width >= 80rem) {
            overflow: hidden;
        }
    }

    .eeu {
        @media (width >= 80rem) {
            overflow: visible;
        }
    }

    .eev {
        @media (width >= 80rem) {
            overflow-y: auto;
        }
    }

    .eew {
        @media (width >= 80rem) {
            border-radius: var(--radius-3xl);
        }
    }

    .eex {
        @media (width >= 80rem) {
            border-top-style: var(--tw-border-style);
            border-top-width: 0px;
        }
    }

    .eey {
        @media (width >= 80rem) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }

    .eez {
        @media (width >= 80rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }
    }

    .efa {
        @media (width >= 80rem) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0px;
        }
    }

    .efb {
        @media (width >= 80rem) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
        }
    }

    .efc {
        @media (width >= 80rem) {
            border-color: var(--color-gray-200);
        }
    }

    .efd {
        @media (width >= 80rem) {
            border-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent);
        }
    }

    .efe {
        @media (width >= 80rem) {
            --tw-gradient-position: to right in oklab,;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }
    }

    .eff {
        @media (width >= 80rem) {
            --tw-gradient-position: to right in oklab,;
            background-image: linear-gradient(var(--tw-gradient-stops));
        }
    }

    .efg {
        @media (width >= 80rem) {
            padding: calc(var(--spacing) * 10);
        }
    }

    .efh {
        @media (width >= 80rem) {
            padding: calc(var(--spacing) * 12);
        }
    }

    .efi {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 0);
        }
    }

    .efj {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 2);
        }
    }

    .efk {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 8);
        }
    }

    .efl {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 10);
        }
    }

    .efm {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 14);
        }
    }

    .efn {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 16);
        }
    }

    .efo {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 20);
        }
    }

    .efp {
        @media (width >= 80rem) {
            padding-inline: calc(var(--spacing) * 24);
        }
    }

    .efq {
        @media (width >= 80rem) {
            padding-block: calc(var(--spacing) * 10);
        }
    }

    .efr {
        @media (width >= 80rem) {
            padding-block: calc(var(--spacing) * 16);
        }
    }

    .efs {
        @media (width >= 80rem) {
            padding-block: calc(var(--spacing) * 20);
        }
    }

    .eft {
        @media (width >= 80rem) {
            padding-block: calc(var(--spacing) * 24);
        }
    }

    .efu {
        @media (width >= 80rem) {
            padding-block: calc(var(--spacing) * 32);
        }
    }

    .efv {
        @media (width >= 80rem) {
            padding-block: calc(var(--spacing) * 36);
        }
    }

    .efw {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 6);
        }
    }

    .efx {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 8);
        }
    }

    .efy {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 14);
        }
    }

    .efz {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 16);
        }
    }

    .ega {
        @media (width >= 80rem) {
            padding-top: calc(var(--spacing) * 80);
        }
    }

    .egb {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 0);
        }
    }

    .egc {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 6);
        }
    }

    .egd {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 8);
        }
    }

    .ege {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 12);
        }
    }

    .egf {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 16);
        }
    }

    .egg {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 20);
        }
    }

    .egh {
        @media (width >= 80rem) {
            padding-right: calc(var(--spacing) * 96);
        }
    }

    .egi {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }

    .egj {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 6);
        }
    }

    .egk {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }

    .egl {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 20);
        }
    }

    .egm {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 24);
        }
    }

    .egn {
        @media (width >= 80rem) {
            padding-bottom: calc(var(--spacing) * 32);
        }
    }

    .ego {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 0);
        }
    }

    .egp {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 3.5);
        }
    }

    .egq {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 6);
        }
    }

    .egr {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 8);
        }
    }

    .egs {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 12);
        }
    }

    .egt {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 20);
        }
    }

    .egu {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 32);
        }
    }

    .egv {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 72);
        }
    }

    .egw {
        @media (width >= 80rem) {
            padding-left: calc(var(--spacing) * 96);
        }
    }

    .egx {
        @media (width >= 80rem) {
            text-align: center;
        }
    }

    .egy {
        @media (width >= 80rem) {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height));
        }
    }

    .egz {
        @media (width >= 80rem) {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height));
        }
    }

    .eha {
        @media (width >= 80rem) {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height));
        }
    }

    .ehb {
        @media (width >= 80rem) {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height));
        }
    }

    .ehc {
        @media (width >= 96rem) {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .ehd {
        @media (width >= 96rem) {
            display: block;
        }
    }

    .ehe {
        @media (width >= 96rem) {
            display: none;
        }
    }

    .ehf {
        @media (width >= 96rem) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    .ehg {
        @media (prefers-color-scheme: dark) {
            color: var(--color-gray-400);
        }
    }

    .ehh {
        @media (forced-colors: active) {
            appearance: auto;
        }
    }

    .ehi {
        @media (forced-colors: active) {
            background-color: Highlight;
        }
    }

    .ehj {
        @media (forced-colors: active) {
            color: Highlight;
        }
    }

    .ehk {
        @media (forced-colors: active) {
            &:is(:where(.bjm)[data-focus] *) {
                color: Highlight;
            }
        }
    }

    .ehl {
        @media (forced-colors: active) {
            &:is(:where(.bjm)[data-focus] *) {
                color: Highlight;
            }
        }
    }

    .ehm {
        @media (forced-colors: active) {
            &::before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .ehn {
        & h4 {
            margin-top: calc(var(--spacing) * 5);
        }
    }

    .eho {
        & h4 {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }

    .ehp {
        & h4 {
            color: var(--color-gray-900);
        }
    }

    .ehq {
        & li {
            padding-left: calc(var(--spacing) * 2);
        }
    }

    .ehr {
        & li::marker {
            color: var(--color-gray-300);
        }
    }

    .ehs {
        & p {
            margin-block: calc(var(--spacing) * 2);
        }
    }

    .eht {
        & p {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
    }

    .ehu {
        & ul {
            margin-block: calc(var(--spacing) * 4);
        }
    }

    .ehv {
        & ul {
            list-style-type: disc;
        }
    }

    .ehw {
        & ul {
            :where(& > :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)));
            }
        }
    }

    .ehx {
        & ul {
            padding-left: calc(var(--spacing) * 5);
        }
    }

    .ehy {
        & ul {
            font-size: var(--text-sm);
            line-height: calc(var(--spacing) * 6);
        }
    }

    .ehz {
        &:not(:checked) {
            &::before {
                content: var(--tw-content);
                display: none;
            }
        }
    }

    .eia {
        &:not(:focus-visible) {
            &:focus {
                outline-color: var(--color-sky-600);
            }
        }
    }

    .eib {
        &:not([data-focus]) {
            &:focus {
                outline: 2px solid transparent;
                outline-offset: 2px;
            }
        }
    }

    .eic {
        &:not([data-focus]) {
            &:focus {
                --tw-outline-style: none;
                outline-style: none;
            }
        }
    }

    .eid {
        &:not([data-focus]) {
            &:not([data-checked]) {
                --tw-ring-inset: inset;
            }
        }
    }

    .eie {
        &:not([data-focus],[data-checked]) {
            --tw-ring-inset: inset;
        }
    }

    .eif {
        & > :first-child {
            margin-top: calc(var(--spacing) * 0);
        }
    }
}

@supports (-moz-orient: inline) {
    @layer base {
        *, ::before, ::after, ::backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: 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-x-reverse: 0;
            --tw-border-style: solid;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --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-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
        }
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false;
    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-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}

@property --tw-leading {
    syntax: "*";
    inherits: false;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-tracking {
    syntax: "*";
    inherits: false;
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false;
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false;
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@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: 0px;
}

@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-backdrop-blur {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}

@property --tw-duration {
    syntax: "*";
    inherits: false;
}

@property --tw-ease {
    syntax: "*";
    inherits: false;
}

@property --tw-content {
    syntax: "*";
    initial-value: "";
    inherits: false;
}

/* */
.flexible {
    overflow-y: hidden;
}

.auy {
    padding-block: calc(var(--spacing) * 5);
    /*padding-block: calc(var(--spacing) * 14);*/
}

@media (width >= 80rem) {
    .flexible {
        overflow: visible;
        height: auto;
    }

    .flexible > div {
        row-gap: calc(var(--spacing) * 8);
    }
}