@media (min-width: 640px) {
    .sm\:container {
        width: 100%;
        max-width: var(--container-max);
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }

    .sm\:block { display: block; }
    .sm\:inline-block { display: inline-block; }
    .sm\:flex { display: flex; }
    .sm\:inline-flex { display: inline-flex; }
    .sm\:grid { display: grid; }
    .sm\:hidden { display: none; }

    .sm\:flex-row { flex-direction: row; }
    .sm\:flex-col { flex-direction: column; }

    .sm\:items-center { align-items: center; }
    .sm\:items-start { align-items: flex-start; }

    .sm\:justify-end { justify-content: flex-end; }
    .sm\:justify-center { justify-content: center; }

    .sm\:gap-2\.5 { gap: 0.625rem; }
    .sm\:gap-4 { gap: 1rem; }

    .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .sm\:rounded-lg { border-radius: var(--radius); }

    .sm\:w-auto { width: auto; }

    .sm\:max-w-sm { max-width: 24rem; }
    .sm\:max-w-md { max-width: 28rem; }
    .sm\:max-w-lg { max-width: 32rem; }
    .sm\:max-w-xl { max-width: 36rem; }
    .sm\:max-w-2xl { max-width: 42rem; }

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

    .sm\:p-5 { padding: 1.25rem; }
    .sm\:p-7 { padding: 1.75rem; }
    .sm\:p-8 { padding: 2rem; }

    .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; }

    .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
    .sm\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }
    .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }
    .sm\:py-32 { padding-top: 8rem; padding-bottom: 8rem; }

    .sm\:pb-24 { padding-bottom: 6rem; }

    .sm\:pt-28 { padding-top: 7rem; }
    .sm\:pt-32 { padding-top: 8rem; }

    .sm\:mt-0 { margin-top: 0; }

    .sm\:text-left { text-align: left; }
    .sm\:text-center { text-align: center; }
    .sm\:text-right { text-align: right; }

    .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
    .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
    .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
    .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
    .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
    .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
    .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
    .sm\:text-5xl { font-size: 3rem; line-height: 1; }
    .sm\:text-6xl { font-size: 3.75rem; line-height: 1; }
    .sm\:text-7xl { font-size: 4.5rem; line-height: 1; }
}

@media (min-width: 768px) {
    .md\:block { display: block; }
    .md\:inline-block { display: inline-block; }
    .md\:flex { display: flex; }
    .md\:inline-flex { display: inline-flex; }
    .md\:grid { display: grid; }
    .md\:hidden { display: none; }

    .md\:absolute { position: absolute; }

    .md\:flex-row { flex-direction: row; }
    .md\:flex-col { flex-direction: column; }

    .md\:w-auto { width: auto; }
    .md\:w-\[420px\] { max-width: 420px; }

    .md\:max-w-\[420px\] { max-width: 420px; }

    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

    .md\:col-span-2 { grid-column: span 2 / span 2; }

    .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }

    .md\:pb-0 { padding-bottom: 0; }
}

@media (min-width: 1024px) {
    .lg\:block { display: block; }
    .lg\:flex { display: flex; }
    .lg\:grid { display: grid; }
    .lg\:hidden { display: none; }

    .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .lg\:col-span-3 { grid-column: span 3 / span 3; }
    .lg\:col-span-5 { grid-column: span 5 / span 5; }
    .lg\:col-span-6 { grid-column: span 6 / span 6; }
    .lg\:col-span-7 { grid-column: span 7 / span 7; }

    .lg\:justify-end { justify-content: flex-end; }

    .lg\:gap-14 { gap: 3.5rem; }

    .lg\:text-7xl { font-size: 4.5rem; line-height: 1; }
    .lg\:text-8xl { font-size: 6rem; line-height: 1; }
}

@media (min-width: 1280px) {
    .xl\:container {
        width: 100%;
        max-width: var(--container-max);
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }

    .xl\:block { display: block; }
    .xl\:flex { display: flex; }
    .xl\:grid { display: grid; }
    .xl\:hidden { display: none; }
}

@media (min-width: 1536px) {
    .\32xl\:block { display: block; }
    .\32xl\:flex { display: flex; }
    .\32xl\:grid { display: grid; }
    .\32xl\:hidden { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}