:root {
    --gradient-from-position: ;
    --gradient-via-position: ;
    --gradient-to-position: ;
    --sans: 'General Sans', sans-serif;
    --dark-50: #f8fafc;
    --dark-100: #f1f5f9;
    --dark-200: #e2e8f0;
    --dark-300: #cbd5e1;
    --dark-400: #94a3b8;
    --dark-400-5: rgba(148, 163, 184, 0.05);
    --dark-400-10: rgba(148, 163, 184, 0.1);
    --dark-400-20: rgba(148, 163, 184, 0.2);
    --dark-400-30: rgba(148, 163, 184, 0.3);
    --dark-400-40: rgba(148, 163, 184, 0.4);
    --dark-400-50: rgba(148, 163, 184, 0.5);
    --dark-400-60: rgba(148, 163, 184, 0.6);
    --dark-400-70: rgba(148, 163, 184, 0.7);
    --dark-400-80: rgba(148, 163, 184, 0.8);
    --dark-400-90: rgba(148, 163, 184, 0.9);
    --dark-500: #64748b;
    --dark-600: #475569;
    --dark-700: #334155;
    --dark-800: #1e293b;
    --dark-900: #0f172a;
    --dark-900-5: rgba(15, 23, 42, 0.05);
    --dark-900-10: rgba(15, 23, 42, 0.1);
    --dark-900-20: rgba(15, 23, 42, 0.2);
    --dark-900-30: rgba(15, 23, 42, 0.3);
    --dark-900-40: rgba(15, 23, 42, 0.4);
    --dark-900-50: rgba(15, 23, 42, 0.5);
    --dark-900-60: rgba(15, 23, 42, 0.6);
    --dark-900-70: rgba(15, 23, 42, 0.7);
    --dark-900-80: rgba(15, 23, 42, 0.8);
    --dark-900-90: rgba(15, 23, 42, 0.9);
    --danger-50: #fef2f2;
    --danger-100: #fee2e2;
    --danger-200: #fecaca;
    --danger-300: #fca5a5;
    --danger-400: #f87171;
    --danger-500: #ef4444;
    --danger-600: #dc2626;
    --danger-700: #b91c1c;
    --danger-800: #991b1b;
    --danger-900: #7f1d1d;
    --primary-50: #f0f9ff;
    --primary-100: #e0f2fe;
    --primary-200: #bae6fd;
    --primary-300: #7dd3fc;
    --primary-400: #38bdf8;
    --primary-500: #0ea5e9;
    --primary-500-5: rgba(14, 165, 233, 0.05);
    --primary-500-10: rgba(14, 165, 233, 0.1);
    --primary-500-20: rgba(14, 165, 233, 0.2);
    --primary-500-30: rgba(14, 165, 233, 0.3);
    --primary-500-40: rgba(14, 165, 233, 0.4);
    --primary-500-50: rgba(14, 165, 233, 0.5);
    --primary-500-60: rgba(14, 165, 233, 0.6);
    --primary-500-70: rgba(14, 165, 233, 0.7);
    --primary-500-80: rgba(14, 165, 233, 0.8);
    --primary-500-90: rgba(14, 165, 233, 0.9);
    --primary-600: #0284c7;
    --primary-700: #0369a1;
    --primary-800: #075985;
    --primary-900: #0c4a6e;
    --success-50: #f0fdf4;
    --success-100: #dcfce7;
    --success-200: #bbf7d0;
    --success-300: #86efac;
    --success-400: #4ade80;
    --success-500: #22c55e;
    --success-600: #16a34a;
    --success-700: #15803d;
    --success-800: #166534;
    --success-900: #14532d;
    --warning-50: #fffbeb;
    --warning-100: #fef3c7;
    --warning-200: #fde68a;
    --warning-300: #fcd34d;
    --warning-400: #fbbf24;
    --warning-500: #f59e0b;
    --warning-600: #d97706;
    --warning-700: #b45309;
    --warning-800: #92400e;
    --warning-900: #78350f;
    --size-px: 1px;
    --size-0: 0px;
    --size-0\5 : 0.125rem;
    --size-1: 0.25rem;
    --size-1\5 : 0.375rem;
    --size-2: 0.5rem;
    --size-2\5 : 0.625rem;
    --size-3: 0.75rem;
    --size-3\5 : 0.875rem;
    --size-4: 1rem;
    --size-4\5 : 1.125rem;
    --size-5: 1.25rem;
    --size-6: 1.5rem;
    --size-7: 1.75rem;
    --size-8: 2rem;
    --size-9: 2.25rem;
    --size-10: 2.5rem;
    --size-11: 2.75rem;
    --size-12: 3rem;
    --size-13: 3.25rem;
    --size-14: 3.5rem;
    --size-15: 3.75rem;
    --size-16: 4rem;
    --size-17: 4.25rem;
    --size-18: 4.5rem;
    --size-19: 4.75rem;
    --size-20: 5rem;
    --size-21: 5.25rem;
    --size-22: 5.5rem;
    --size-23: 5.75rem;
    --size-24: 6rem;
    --size-28: 7rem;
    --size-32: 8rem;
    --size-36: 9rem;
    --size-40: 10rem;
    --size-44: 11rem;
    --size-48: 12rem;
    --size-52: 13rem;
    --size-56: 14rem;
    --size-60: 15rem;
    --size-64: 16rem;
    --size-68: 17rem;
    --size-72: 18rem;
    --size-76: 19rem;
    --size-80: 20rem;
    --size-84: 21rem;
    --size-88: 22rem;
    --size-92: 23rem;
    --size-96: 24rem;
    --size-100: 25rem;
    --size-104: 26rem;
    --size-108: 27rem;
    --size-112: 28rem;
    --size-116: 29rem;
    --size-120: 30rem;
    --size-2xs: var(--size-2\5);
    --size-xs: var(--size-3);
    --size-sm: var(--size-3\5);
    --size-base: var(--size-4);
    --size-lg: var(--size-4\5);
    --size-xl: var(--size-5);
    --size-2xl: var(--size-6);
    --size-3xl: 1.875rem;
    --size-4xl: var(--size-9);
    --size-5xl: var(--size-12);
    --size-6xl: var(--size-15);
    --size-7xl: var(--size-18);
    --weight-normal: 465;
    --weight-medium: 560;
    --weight-semibold: 640;
    --weight-bold: 720;
    --weight-extrabold: 800;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --rounded-none: 0px;
    --rounded-sm: 0.125rem;
    --rounded: var(--size-1);
    --rounded-md: 0.375rem;
    --rounded-lg: var(--size-2);
    --rounded-xl: var(--size-3);
    --rounded-2xl: var(--size-4);
    --rounded-3xl: var(--size-6);
    --rounded-full: 9999px;
    --leading-base: 1.625;
    --leading-sm: 1.571;
    --leading-none: 1;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-3: var(--size-3);
    --leading-4: var(--size-4);
    --leading-5: var(--size-5);
    --leading-6: var(--size-6);
    --aspect-square: 1/1;
    --aspect-video: 16/9;
    --easing: cubic-bezier(0.76, 0, 0.24, 1);
}
.alert {
    position: relative;
    isolation: isolate;
    border: 1px solid var(--alert-border, transparent);
    border-radius: var(--rounded-xl);
    background-color: var(--dark-100);
    padding: var(--size-4);
    margin-block: var(--size-4);
    font-weight: var(--weight-medium);
    text-wrap: balance;
    font-size: 13px;
    line-height: var(--leading-5);
    overflow: clip;
}
.alert::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(12%, 12%);
    width: var(--size-13);
    height: var(--size-13);
    background-image: var(--notification-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.35;
}
.alert:first-child {
    margin-block-start: 0 !important;
}
.alert:last-child {
    margin-block-end: 0 !important;
}
@media (min-width: 1024px) {
    .alert {
        padding: var(--size-6);
    }
}
.alert .alert-container {
    display: flex;
    flex-direction: column;
    row-gap: var(--size-3);
}
.alert .alert-title {
    font-size: clamp(var(--size-base), 1.125vw, var(--size-lg));
    color: var(--alert-title, currentColor);
}
.alert .alert-content {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.alert .close {
    padding: 0;
    margin: var(--size-1);
    top: 0;
    right: 0;
    transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-6);
    height: var(--size-6);
    border-radius: var(--rounded-full);
    background-color: var(--dark-900);
    color: #fff;
    opacity: 1 !important;
    text-indent: -99999px;
}
.alert .close::before {
    content: '';
    width: var(--size-3);
    height: var(--size-3);
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOS4wMDA1IDQuOTk5ODhMNS4wMDA0OSAxOC45OTk5TTUuMDAwNDkgNC45OTk4OEwxOS4wMDA1IDE4Ljk5OTkiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.alert-danger {
    --link-color: var(--danger-600);
    --alert-title: var(--danger-600);
    --notification-icon: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNCIgZD0iTTEuMjUgMTJDMS4yNSAxNy45MzcxIDYuMDYyOTQgMjIuNzUgMTIgMjIuNzVDMTcuOTM3MSAyMi43NSAyMi43NSAxNy45MzcxIDIyLjc1IDEyQzIyLjc1IDYuMDYyOTQgMTcuOTM3MSAxLjI1IDEyIDEuMjVDNi4wNjI5NCAxLjI1IDEuMjUgNi4wNjI5NCAxLjI1IDEyWiIgZmlsbD0iI2RjMjYyNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjcwNzEgOC4yOTI5MkMxNi4wOTc2IDguNjgzNDUgMTYuMDk3NiA5LjMxNjYyIDE1LjcwNzEgOS43MDcxM0wxMy40MTQxIDEyTDE1LjcwNzEgMTQuMjkyOUMxNi4wOTc2IDE0LjY4MzQgMTYuMDk3NiAxNS4zMTY1IDE1LjcwNzEgMTUuNzA3MUMxNS4zMTY2IDE2LjA5NzYgMTQuNjgzNSAxNi4wOTc2IDE0LjI5MjkgMTUuNzA3MUwxMS45OTk4IDEzLjQxNDJMOS43MDcwOCAxNS43MDY3QzkuMzE2NTUgMTYuMDk3MiA4LjY4MzM4IDE2LjA5NzIgOC4yOTI4NyAxNS43MDY3QzcuOTAyMzYgMTUuMzE2MiA3LjkwMjM4IDE0LjY4MyA4LjI5MjkyIDE0LjI5MjVMMTAuNTg1NSAxMkw4LjI5MjkyIDkuNzA3NTJDNy45MDIzOCA5LjMxNzAxIDcuOTAyMzYgOC42ODM4NSA4LjI5Mjg3IDguMjkzMzFDOC42ODMzOCA3LjkwMjc3IDkuMzE2NTUgNy45MDI3NSA5LjcwNzA4IDguMjkzMjZMMTEuOTk5OCAxMC41ODU4TDE0LjI5MjkgOC4yOTI4N0MxNC42ODM1IDcuOTAyMzYgMTUuMzE2NiA3LjkwMjM4IDE1LjcwNzEgOC4yOTI5MloiIGZpbGw9IiNkYzI2MjYiLz4KPC9zdmc+');
    background-color: var(--danger-100);
    color: var(--dark-900);
}
.alert-warning {
    --link-color: var(--warning-500);
    --alert-title: var(--warning-500);
    --notification-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC40IiBkPSJNMTAuMzYyIDIuMDE1QzExLjQyNjQgMS42NjE2NyAxMi41NzM2IDEuNjYxNjcgMTMuNjM4IDIuMDE1QzE0LjY5ODEgMi4zNjY4NyAxNS41MzA0IDMuMjAxNDEgMTYuMzY2NSA0LjM3Mzk1QzE3LjE5OTkgNS41NDI2IDE4LjEyMDggNy4xNzIwNiAxOS4zMDc4IDkuMjcyNUwxOS4zNTQ0IDkuMzU0OTZDMjAuNTQxNyAxMS40NTU3IDIxLjQ2MjUgMTMuMDg1MSAyMi4wMzY0IDE0LjQwNjVDMjIuNjEzIDE1LjczNDMgMjIuOTAwMiAxNi44ODA3IDIyLjY3MTEgMTcuOTgyMUMyMi40NDAzIDE5LjA5MTEgMjEuODcxNCAyMC4wOTk1IDIxLjA0MjggMjAuODYxN0MyMC4yMTYyIDIxLjYyMiAxOS4wOTA3IDIxLjk0MjggMTcuNjczNiAyMi4wOTY4QzE2LjI2NDUgMjIuMjUgMTQuNDIxMiAyMi4yNSAxMi4wNDg4IDIyLjI1SDExLjk1MTNDOS41Nzg4MiAyMi4yNSA3LjczNTU0IDIyLjI1IDYuMzI2NDIgMjIuMDk2OEM0LjkwOTI3IDIxLjk0MjggMy43ODM3OSAyMS42MjIgMi45NTcyMiAyMC44NjE3QzIuMTI4NjIgMjAuMDk5NSAxLjU1OTY4IDE5LjA5MTEgMS4zMjg5NSAxNy45ODIxQzEuMDk5OCAxNi44ODA3IDEuMzg3IDE1LjczNDMgMS45NjM2NSAxNC40MDY1QzIuNTM3NTIgMTMuMDg1MSAzLjQ1ODM1IDExLjQ1NTcgNC42NDU1OCA5LjM1NDk1TDQuNjkyMTggOS4yNzI1TDQuNjkyMTggOS4yNzI0OUM1Ljg3OTIxIDcuMTcyMDYgNi44MDAwOCA1LjU0MjYgNy42MzM0NyA0LjM3Mzk1QzguNDY5NjMgMy4yMDE0MSA5LjMwMTk0IDIuMzY2ODcgMTAuMzYyIDIuMDE1WiIgZmlsbD0iI2Y1OWUwYiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDE3QzExIDE2LjQ0NzcgMTEuNDQ1NyAxNiAxMS45OTU1IDE2SDEyLjAwNDVDMTIuNTU0MyAxNiAxMyAxNi40NDc3IDEzIDE3QzEzIDE3LjU1MjMgMTIuNTU0MyAxOCAxMi4wMDQ1IDE4SDExLjk5NTVDMTEuNDQ1NyAxOCAxMSAxNy41NTIzIDExIDE3WiIgZmlsbD0iI2Y1OWUwYiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDE0QzExLjQ0NzcgMTQgMTEgMTMuNTUyMyAxMSAxM0wxMSA5QzExIDguNDQ3NzIgMTEuNDQ3NyA4IDEyIDhDMTIuNTUyMyA4IDEzIDguNDQ3NzIgMTMgOUwxMyAxM0MxMyAxMy41NTIzIDEyLjU1MjMgMTQgMTIgMTRaIiBmaWxsPSIjZjU5ZTBiIi8+Cjwvc3ZnPgo=');
    background-color: var(--warning-100);
    color: var(--dark-900);
}
.alert-primary,
.alert-info {
    --link-color: var(--primary-500);
    --alert-title: var(--primary-500);
    --notification-icon: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNCIgZD0iTTEuMjUgMTJDMS4yNSAxNy45MzcxIDYuMDYyOTQgMjIuNzUgMTIgMjIuNzVDMTcuOTM3MSAyMi43NSAyMi43NSAxNy45MzcxIDIyLjc1IDEyQzIyLjc1IDYuMDYyOTQgMTcuOTM3MSAxLjI1IDEyIDEuMjVDNi4wNjI5NCAxLjI1IDEuMjUgNi4wNjI5NCAxLjI1IDEyWiIgZmlsbD0iIzAyODRjNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjY4MTkgMTEuMDI3M0MxMS45Mjg5IDExLjA2MDUgMTIuMjcwNyAxMS4xNDk0IDEyLjU2MDcgMTEuNDM5NEMxMi44NTA3IDExLjcyOTQgMTIuOTM5NiAxMi4wNzExIDEyLjk3MjggMTIuMzE4MkMxMy4wMDAzIDEyLjUyMjggMTMuMDAwMSAxMi43NjA4IDEzIDEyLjk2MDZDMTMgMTIuOTc0IDEzIDEyLjk4NzEgMTMgMTNWMTdDMTMgMTcuNTUyMyAxMi41NTIzIDE4IDEyIDE4QzExLjQ0NzcgMTggMTEgMTcuNTUyMyAxMSAxN1YxM0MxMC40NDc3IDEzIDEwIDEyLjU1MjMgMTAgMTJDMTAgMTEuNDQ3NyAxMC40NDc3IDExIDExIDExQzExLjAxMjkgMTEgMTEuMDI2MSAxMSAxMS4wMzk0IDExQzExLjIzOTMgMTAuOTk5OSAxMS40NzcyIDEwLjk5OTcgMTEuNjgxOSAxMS4wMjczWiIgZmlsbD0iIzAyODRjNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjk5OTkgOEMxMC45OTk5IDcuNDQ3NzIgMTEuNDQ1NiA3IDExLjk5NTQgN0gxMi4wMDQ0QzEyLjU1NDIgNyAxMi45OTk5IDcuNDQ3NzIgMTIuOTk5OSA4QzEyLjk5OTkgOC41NTIyOCAxMi41NTQyIDkgMTIuMDA0NCA5SDExLjk5NTRDMTEuNDQ1NiA5IDEwLjk5OTkgOC41NTIyOCAxMC45OTk5IDhaIiBmaWxsPSIjMDI4NGM3Ii8+Cjwvc3ZnPgo=');
    background-color: var(--primary-100);
    color: var(--dark-900);
}
.alert-success {
    --link-color: var(--success-500);
    --alert-title: var(--success-500);
    --notification-icon: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNCIgZD0iTTEyIDIyLjc1QzYuMDYyOTQgMjIuNzUgMS4yNSAxNy45MzcxIDEuMjUgMTJDMS4yNSA2LjA2Mjk0IDYuMDYyOTQgMS4yNSAxMiAxLjI1QzE3LjkzNzEgMS4yNSAyMi43NSA2LjA2Mjk0IDIyLjc1IDEyQzIyLjc1IDE3LjkzNzEgMTcuOTM3MSAyMi43NSAxMiAyMi43NVoiIGZpbGw9IiMyMmM1NWUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi43MzcyIDkuNjc1NzNDMTcuMTEwMyA5LjI2ODYxIDE3LjA4MjggOC42MzYwNCAxNi42NzU3IDguMjYyODVDMTYuMjY4NiA3Ljg4OTY2IDE1LjYzNiA3LjkxNzE2IDE1LjI2MjggOC4zMjQyOEwxMC40Njg2IDEzLjU1NDRMOC43MDcxMSAxMS43OTI5QzguMzE2NTggMTEuNDAyNCA3LjY4MzQyIDExLjQwMjQgNy4yOTI4OSAxMS43OTI5QzYuOTAyMzcgMTIuMTgzNCA2LjkwMjM3IDEyLjgxNjYgNy4yOTI4OSAxMy4yMDcxTDkuNzkyODkgMTUuNzA3MUM5Ljk4NTc2IDE1LjkgMTAuMjQ5IDE2LjAwNTcgMTAuNTIxNyAxNS45OTk4QzEwLjc5NDQgMTUuOTkzOCAxMS4wNTI4IDE1Ljg3NjggMTEuMjM3MiAxNS42NzU3TDE2LjczNzIgOS42NzU3M1oiIGZpbGw9IiMyMmM1NWUiLz4KPC9zdmc+');
    background-color: var(--success-100);
    color: var(--dark-900);
}
.hidden {
    display: none !important;
}
.block {
    display: block !important;
}
.flex {
    display: flex !important;
}
.inline-flex {
    display: inline-flex !important;
}
.grid {
    display: grid !important;
}
.inline-grid {
    display: inline-grid !important;
}
.inline-block {
    display: inline-block !important;
}
.flex-row {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.grow {
    flex-grow: 1;
}
.grow-0 {
    flex-grow: 0;
}
.shrink {
    flex-shrink: 1;
}
.shrink-0 {
    flex-shrink: 0;
}
.justify-start {
    justify-content: start;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: end;
}
.justify-between {
    justify-content: space-between;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.items-baseline {
    align-items: baseline;
}
.items-stretch {
    align-items: stretch;
}
.self-end {
    align-self: flex-end;
}
.self-start {
    align-self: flex-start;
}
.basis-1\/4 {
    flex-basis: 25%;
}
.basis-1\/2 {
    flex-basis: 50%;
}
.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
}
.grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
}
.grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
}
.grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
}
.grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid-rows-none {
    grid-template-rows: none;
}
.grid-rows-subgrid {
    grid-template-rows: subgrid;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
    grid-template-columns: none;
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-3 {
    grid-column: span 3 / span 3;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-5 {
    grid-column: span 5 / span 5;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.col-span-7 {
    grid-column: span 7 / span 7;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.col-span-9 {
    grid-column: span 9 / span 9;
}
.col-span-10 {
    grid-column: span 10 / span 10;
}
.col-span-11 {
    grid-column: span 11 / span 11;
}
.col-span-12 {
    grid-column: span 12 / span 12;
}
.col-span-full {
    grid-column: 1/-1;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.col-start-4 {
    grid-column-start: 4;
}
.col-start-5 {
    grid-column-start: 5;
}
.col-start-6 {
    grid-column-start: 6;
}
.col-start-7 {
    grid-column-start: 7;
}
.col-start-8 {
    grid-column-start: 8;
}
.col-start-9 {
    grid-column-start: 9;
}
.col-start-10 {
    grid-column-start: 10;
}
.col-start-11 {
    grid-column-start: 11;
}
.col-start-12 {
    grid-column-start: 12;
}
.place-items-start {
    place-items: start;
}
.place-items-end {
    place-items: end;
}
.place-items-center {
    place-items: center;
}
.place-items-baseline {
    place-items: baseline;
}
.row-auto {
    grid-row: auto;
}
.row-span-1 {
    grid-row: span 1 / span 1;
}
.row-span-2 {
    grid-row: span 2 / span 2;
}
.row-span-3 {
    grid-row: span 3 / span 3;
}
.row-span-4 {
    grid-row: span 4 / span 4;
}
.row-span-5 {
    grid-row: span 5 / span 5;
}
.row-span-6 {
    grid-row: span 6 / span 6;
}
.row-span-7 {
    grid-row: span 7 / span 7;
}
.row-span-8 {
    grid-row: span 8 / span 8;
}
.row-span-9 {
    grid-row: span 9 / span 9;
}
.row-span-10 {
    grid-row: span 10 / span 10;
}
.row-span-11 {
    grid-row: span 11 / span 11;
}
.row-span-12 {
    grid-row: span 12 / span 12;
}
.row-span-full {
    grid-row: 1/-1;
}
.row-start-1 {
    grid-row-start: 1;
}
.row-start-2 {
    grid-row-start: 2;
}
.row-start-3 {
    grid-row-start: 3;
}
.row-start-4 {
    grid-row-start: 4;
}
.row-start-5 {
    grid-row-start: 5;
}
.row-start-6 {
    grid-row-start: 6;
}
.row-start-7 {
    grid-row-start: 7;
}
.row-start-8 {
    grid-row-start: 8;
}
.row-start-9 {
    grid-row-start: 9;
}
.row-start-10 {
    grid-row-start: 10;
}
.row-start-11 {
    grid-row-start: 11;
}
.row-start-12 {
    grid-row-start: 12;
}
.row-start-13 {
    grid-row-start: 13;
}
.row-start-auto {
    grid-row-start: auto;
}
.row-end-1 {
    grid-row-end: 1;
}
.row-end-2 {
    grid-row-end: 2;
}
.row-end-3 {
    grid-row-end: 3;
}
.row-end-4 {
    grid-row-end: 4;
}
.row-end-5 {
    grid-row-end: 5;
}
.row-end-6 {
    grid-row-end: 6;
}
.row-end-7 {
    grid-row-end: 7;
}
.row-end-8 {
    grid-row-end: 8;
}
.row-end-9 {
    grid-row-end: 9;
}
.row-end-10 {
    grid-row-end: 10;
}
.row-end-11 {
    grid-row-end: 11;
}
.row-end-12 {
    grid-row-end: 12;
}
.row-end-13 {
    grid-row-end: 13;
}
.row-end-auto {
    grid-row-end: auto;
}
.gap-0\.5 {
    gap: var(--size-0\5);
}
.gap-1 {
    gap: var(--size-1);
}
.gap-1\.5 {
    gap: var(--size-1\5);
}
.gap-2 {
    gap: var(--size-2);
}
.gap-2\.5 {
    gap: var(--size-2\5);
}
.gap-3 {
    gap: var(--size-3);
}
.gap-4 {
    gap: var(--size-4);
}
.gap-5 {
    gap: var(--size-5);
}
.gap-6 {
    gap: var(--size-6);
}
.gap-7 {
    gap: var(--size-7);
}
.gap-8 {
    gap: var(--size-8);
}
.gap-9 {
    gap: var(--size-9);
}
.gap-10 {
    gap: var(--size-10);
}
.gap-11 {
    gap: var(--size-11);
}
.gap-12 {
    gap: var(--size-12);
}
.gap-14 {
    gap: var(--size-14);
}
.gap-16 {
    gap: var(--size-16);
}
.gap-20 {
    gap: var(--size-20);
}
.gap-x-1 {
    column-gap: var(--size-1);
}
.gap-x-2 {
    column-gap: var(--size-2);
}
.gap-x-3 {
    column-gap: var(--size-3);
}
.gap-x-4 {
    column-gap: var(--size-4);
}
.gap-x-5 {
    column-gap: var(--size-5);
}
.gap-x-6 {
    column-gap: var(--size-6);
}
.gap-x-7 {
    column-gap: var(--size-7);
}
.gap-x-8 {
    column-gap: var(--size-8);
}
.gap-x-9 {
    column-gap: var(--size-9);
}
.gap-x-10 {
    column-gap: var(--size-10);
}
.gap-x-11 {
    column-gap: var(--size-11);
}
.gap-x-12 {
    column-gap: var(--size-12);
}
.gap-y-1 {
    row-gap: var(--size-1);
}
.gap-y-2 {
    row-gap: var(--size-2);
}
.gap-y-3 {
    row-gap: var(--size-3);
}
.gap-y-4 {
    row-gap: var(--size-4);
}
.gap-y-5 {
    row-gap: var(--size-5);
}
.gap-y-6 {
    row-gap: var(--size-6);
}
.gap-y-7 {
    row-gap: var(--size-7);
}
.gap-y-8 {
    row-gap: var(--size-8);
}
.gap-y-9 {
    row-gap: var(--size-9);
}
.gap-y-10 {
    row-gap: var(--size-10);
}
.gap-y-11 {
    row-gap: var(--size-11);
}
.gap-y-12 {
    row-gap: var(--size-12);
}
.p-0 {
    padding: 0 !important;
}
.px-0 {
    padding-inline: 0 !important;
}
.py-0 {
    padding-block: 0 !important;
}
.pl-0 {
    padding-inline-start: 0 !important;
}
.pt-0 {
    padding-block-start: 0 !important;
}
.pr-0 {
    padding-inline-end: 0 !important;
}
.pb-0 {
    padding-block-end: 0 !important;
}
.p-1 {
    padding: var(--size-1) !important;
}
.px-1 {
    padding-inline: var(--size-1) !important;
}
.py-1 {
    padding-block: var(--size-1) !important;
}
.pl-1 {
    padding-inline-start: var(--size-1) !important;
}
.pt-1 {
    padding-block-start: var(--size-1) !important;
}
.pr-1 {
    padding-inline-end: var(--size-1) !important;
}
.pb-1 {
    padding-block-end: var(--size-1) !important;
}
.p-2 {
    padding: var(--size-2) !important;
}
.px-2 {
    padding-inline: var(--size-2) !important;
}
.py-2 {
    padding-block: var(--size-2) !important;
}
.pl-2 {
    padding-inline-start: var(--size-2) !important;
}
.pt-2 {
    padding-block-start: var(--size-2) !important;
}
.pr-2 {
    padding-inline-end: var(--size-2) !important;
}
.pb-2 {
    padding-block-end: var(--size-2) !important;
}
.px-2\.5 {
    padding-inline: var(--size-2\5) !important;
}
.py-2\.5 {
    padding-block: var(--size-2\5) !important;
}
.pl-2\.5 {
    padding-inline-start: var(--size-2\5) !important;
}
.pt-2\.5 {
    padding-block-start: var(--size-2\5) !important;
}
.pr-2\.5 {
    padding-inline-end: var(--size-2\5) !important;
}
.pb-2\.5 {
    padding-block-end: var(--size-2\5) !important;
}
.p-3 {
    padding: var(--size-3) !important;
}
.px-3 {
    padding-inline: var(--size-3) !important;
}
.py-3 {
    padding-block: var(--size-3) !important;
}
.pl-3 {
    padding-inline-start: var(--size-3) !important;
}
.pt-3 {
    padding-block-start: var(--size-3) !important;
}
.pr-3 {
    padding-inline-end: var(--size-3) !important;
}
.pb-3 {
    padding-block-end: var(--size-3) !important;
}
.p-4 {
    padding: var(--size-4) !important;
}
.px-4 {
    padding-inline: var(--size-4) !important;
}
.py-4 {
    padding-block: var(--size-4) !important;
}
.pl-4 {
    padding-inline-start: var(--size-4) !important;
}
.pt-4 {
    padding-block-start: var(--size-4) !important;
}
.pr-4 {
    padding-inline-end: var(--size-4) !important;
}
.pb-4 {
    padding-block-end: var(--size-4) !important;
}
.p-5 {
    padding: var(--size-5) !important;
}
.px-5 {
    padding-inline: var(--size-5) !important;
}
.py-5 {
    padding-block: var(--size-5) !important;
}
.pl-5 {
    padding-inline-start: var(--size-5) !important;
}
.pt-5 {
    padding-block-start: var(--size-5) !important;
}
.pr-5 {
    padding-inline-end: var(--size-5) !important;
}
.pb-5 {
    padding-block-end: var(--size-5) !important;
}
.p-6 {
    padding: var(--size-6) !important;
}
.px-6 {
    padding-inline: var(--size-6) !important;
}
.py-6 {
    padding-block: var(--size-6) !important;
}
.pl-6 {
    padding-inline-start: var(--size-6) !important;
}
.pt-6 {
    padding-block-start: var(--size-6) !important;
}
.pr-6 {
    padding-inline-end: var(--size-6) !important;
}
.pb-6 {
    padding-block-end: var(--size-6) !important;
}
.p-7 {
    padding: var(--size-7) !important;
}
.px-7 {
    padding-inline: var(--size-7) !important;
}
.py-7 {
    padding-block: var(--size-7) !important;
}
.pl-7 {
    padding-inline-start: var(--size-7) !important;
}
.pt-7 {
    padding-block-start: var(--size-7) !important;
}
.pr-7 {
    padding-inline-end: var(--size-7) !important;
}
.pb-7 {
    padding-block-end: var(--size-7) !important;
}
.p-8 {
    padding: var(--size-8) !important;
}
.px-8 {
    padding-inline: var(--size-8) !important;
}
.py-8 {
    padding-block: var(--size-8) !important;
}
.pl-8 {
    padding-inline-start: var(--size-8) !important;
}
.pt-8 {
    padding-block-start: var(--size-8) !important;
}
.pr-8 {
    padding-inline-end: var(--size-8) !important;
}
.pb-8 {
    padding-block-end: var(--size-8) !important;
}
.p-9 {
    padding: var(--size-9) !important;
}
.px-9 {
    padding-inline: var(--size-9) !important;
}
.py-9 {
    padding-block: var(--size-9) !important;
}
.pl-9 {
    padding-inline-start: var(--size-9) !important;
}
.pt-9 {
    padding-block-start: var(--size-9) !important;
}
.pr-9 {
    padding-inline-end: var(--size-9) !important;
}
.pb-9 {
    padding-block-end: var(--size-9) !important;
}
.p-10 {
    padding: var(--size-10) !important;
}
.px-10 {
    padding-inline: var(--size-10) !important;
}
.py-10 {
    padding-block: var(--size-10) !important;
}
.pl-10 {
    padding-inline-start: var(--size-10) !important;
}
.pt-10 {
    padding-block-start: var(--size-10) !important;
}
.pr-10 {
    padding-inline-end: var(--size-10) !important;
}
.pb-10 {
    padding-block-end: var(--size-10) !important;
}
.p-11 {
    padding: var(--size-11) !important;
}
.px-11 {
    padding-inline: var(--size-11) !important;
}
.py-11 {
    padding-block: var(--size-11) !important;
}
.pl-11 {
    padding-inline-start: var(--size-11) !important;
}
.pt-11 {
    padding-block-start: var(--size-11) !important;
}
.pr-11 {
    padding-inline-end: var(--size-11) !important;
}
.pb-11 {
    padding-block-end: var(--size-11) !important;
}
.p-12 {
    padding: var(--size-12) !important;
}
.px-12 {
    padding-inline: var(--size-12) !important;
}
.py-12 {
    padding-block: var(--size-12) !important;
}
.pl-12 {
    padding-inline-start: var(--size-12) !important;
}
.pt-12 {
    padding-block-start: var(--size-12) !important;
}
.pr-12 {
    padding-inline-end: var(--size-12) !important;
}
.pb-12 {
    padding-block-end: var(--size-12) !important;
}
.p-13 {
    padding: var(--size-13) !important;
}
.px-13 {
    padding-inline: var(--size-13) !important;
}
.py-13 {
    padding-block: var(--size-13) !important;
}
.pl-13 {
    padding-inline-start: var(--size-13) !important;
}
.pt-13 {
    padding-block-start: var(--size-13) !important;
}
.pr-13 {
    padding-inline-end: var(--size-13) !important;
}
.pb-13 {
    padding-block-end: var(--size-13) !important;
}
.p-14 {
    padding: var(--size-14) !important;
}
.px-14 {
    padding-inline: var(--size-14) !important;
}
.py-14 {
    padding-block: var(--size-14) !important;
}
.pl-14 {
    padding-inline-start: var(--size-14) !important;
}
.pt-14 {
    padding-block-start: var(--size-14) !important;
}
.pr-14 {
    padding-inline-end: var(--size-14) !important;
}
.pb-14 {
    padding-block-end: var(--size-14) !important;
}
.p-15 {
    padding: var(--size-15) !important;
}
.px-15 {
    padding-inline: var(--size-15) !important;
}
.py-15 {
    padding-block: var(--size-15) !important;
}
.pl-15 {
    padding-inline-start: var(--size-15) !important;
}
.pt-15 {
    padding-block-start: var(--size-15) !important;
}
.pr-15 {
    padding-inline-end: var(--size-15) !important;
}
.pb-15 {
    padding-block-end: var(--size-15) !important;
}
.p-16 {
    padding: var(--size-16) !important;
}
.px-16 {
    padding-inline: var(--size-16) !important;
}
.py-16 {
    padding-block: var(--size-16) !important;
}
.pl-16 {
    padding-inline-start: var(--size-16) !important;
}
.pt-16 {
    padding-block-start: var(--size-16) !important;
}
.pr-16 {
    padding-inline-end: var(--size-16) !important;
}
.pb-16 {
    padding-block-end: var(--size-16) !important;
}
.p-20 {
    padding: var(--size-20) !important;
}
.px-20 {
    padding-inline: var(--size-20) !important;
}
.py-20 {
    padding-block: var(--size-20) !important;
}
.pl-20 {
    padding-inline-start: var(--size-20) !important;
}
.pt-20 {
    padding-block-start: var(--size-20) !important;
}
.pr-20 {
    padding-inline-end: var(--size-20) !important;
}
.pb-20 {
    padding-block-end: var(--size-20) !important;
}
.p-24 {
    padding: var(--size-24) !important;
}
.px-24 {
    padding-inline: var(--size-24) !important;
}
.py-24 {
    padding-block: var(--size-24) !important;
}
.pl-24 {
    padding-inline-start: var(--size-24) !important;
}
.pt-24 {
    padding-block-start: var(--size-24) !important;
}
.pr-24 {
    padding-inline-end: var(--size-24) !important;
}
.pb-24 {
    padding-block-end: var(--size-24) !important;
}
.p-48 {
    padding: var(--size-48) !important;
}
.px-48 {
    padding-inline: var(--size-48) !important;
}
.py-48 {
    padding-block: var(--size-48) !important;
}
.pl-48 {
    padding-inline-start: var(--size-48) !important;
}
.pt-48 {
    padding-block-start: var(--size-48) !important;
}
.pr-48 {
    padding-inline-end: var(--size-4) !important;
}
.pb-48 {
    padding-block-end: var(--size-48) !important;
}
.first\:pt-0:first-child {
    padding-block-start: 0 !important;
}
.last\:pb-0:last-child {
    padding-block-end: 0 !important;
}
.m-0 {
    margin: 0 !important;
}
.mx-0 {
    margin-inline: 0 !important;
}
.my-0 {
    margin-block: 0 !important;
}
.ml-0 {
    margin-inline-start: 0 !important;
}
.mt-0 {
    margin-block-start: 0 !important;
}
.mr-0 {
    margin-inline-end: 0 !important;
}
.mb-0 {
    margin-block-end: 0 !important;
}
.m-1 {
    margin: var(--size-1) !important;
}
.mx-1 {
    margin-inline: var(--size-1) !important;
}
.my-1 {
    margin-block: var(--size-1) !important;
}
.ml-1 {
    margin-inline-start: var(--size-1) !important;
}
.mt-1 {
    margin-block-start: var(--size-1) !important;
}
.mr-1 {
    margin-inline-end: var(--size-1) !important;
}
.mb-1 {
    margin-block-end: var(--size-1) !important;
}
.-m-1 {
    margin: calc(var(--size-1) * -1) !important;
}
.-mx-1 {
    margin-inline: calc(var(--size-1) * -1) !important;
}
.-my-1 {
    margin-block: calc(var(--size-1) * -1) !important;
}
.-ml-1 {
    margin-inline-start: calc(var(--size-1) * -1) !important;
}
.-mt-1 {
    margin-block-start: calc(var(--size-1) * -1) !important;
}
.-mr-1 {
    margin-inline-end: calc(var(--size-1) * -1) !important;
}
.-mb-1 {
    margin-block-end: calc(var(--size-1) * -1) !important;
}
.m-2 {
    margin: var(--size-2) !important;
}
.mx-2 {
    margin-inline: var(--size-2) !important;
}
.my-2 {
    margin-block: var(--size-2) !important;
}
.ml-2 {
    margin-inline-start: var(--size-2) !important;
}
.mt-2 {
    margin-block-start: var(--size-2) !important;
}
.mr-2 {
    margin-inline-end: var(--size-2) !important;
}
.mb-2 {
    margin-block-end: var(--size-2) !important;
}
.-m-2 {
    margin: calc(var(--size-2) * -1) !important;
}
.-mx-2 {
    margin-inline: calc(var(--size-2) * -1) !important;
}
.-my-2 {
    margin-block: calc(var(--size-2) * -1) !important;
}
.-ml-2 {
    margin-inline-start: calc(var(--size-2) * -1) !important;
}
.-mt-2 {
    margin-block-start: calc(var(--size-2) * -1) !important;
}
.-mr-2 {
    margin-inline-end: calc(var(--size-2) * -1) !important;
}
.-mb-2 {
    margin-block-end: calc(var(--size-2) * -1) !important;
}
.-mx-2\.5 {
    margin-inline: calc(var(--size-2\5) * -1) !important;
}
.-my-2\.5 {
    margin-block: calc(var(--size-2\5) * -1) !important;
}
.-ml-2\.5 {
    margin-inline-start: calc(var(--size-2\5) * -1) !important;
}
.-mt-2\.5 {
    margin-block-start: calc(var(--size-2\5) * -1) !important;
}
.-mr-2\.5 {
    margin-inline-end: calc(var(--size-2\5) * -1) !important;
}
.-mb-2\.5 {
    margin-block-end: calc(var(--size-2\5) * -1) !important;
}
.m-3 {
    margin: var(--size-3) !important;
}
.mx-3 {
    margin-inline: var(--size-3) !important;
}
.my-3 {
    margin-block: var(--size-3) !important;
}
.ml-3 {
    margin-inline-start: var(--size-3) !important;
}
.mt-3 {
    margin-block-start: var(--size-3) !important;
}
.mr-3 {
    margin-inline-end: var(--size-3) !important;
}
.mb-3 {
    margin-block-end: var(--size-3) !important;
}
.-m-3 {
    margin: calc(var(--size-3) * -1) !important;
}
.-mx-3 {
    margin-inline: calc(var(--size-3) * -1) !important;
}
.-my-3 {
    margin-block: calc(var(--size-3) * -1) !important;
}
.-ml-3 {
    margin-inline-start: calc(var(--size-3) * -1) !important;
}
.-mt-3 {
    margin-block-start: calc(var(--size-3) * -1) !important;
}
.-mr-3 {
    margin-inline-end: calc(var(--size-3) * -1) !important;
}
.-mb-3 {
    margin-block-end: calc(var(--size-3) * -1) !important;
}
.-mx-3\.5 {
    margin-inline: calc(var(--size-3\5) * -1) !important;
}
.-my-3\.5 {
    margin-block: calc(var(--size-3\5) * -1) !important;
}
.-ml-3\.5 {
    margin-inline-start: calc(var(--size-3\5) * -1) !important;
}
.-mt-3\.5 {
    margin-block-start: calc(var(--size-3\5) * -1) !important;
}
.-mr-3\.5 {
    margin-inline-end: calc(var(--size-3\5) * -1) !important;
}
.-mb-3\.5 {
    margin-block-end: calc(var(--size-3\5) * -1) !important;
}
.m-4 {
    margin: var(--size-4) !important;
}
.mx-4 {
    margin-inline: var(--size-4) !important;
}
.my-4 {
    margin-block: var(--size-4) !important;
}
.ml-4 {
    margin-inline-start: var(--size-4) !important;
}
.mt-4 {
    margin-block-start: var(--size-4) !important;
}
.mr-4 {
    margin-inline-end: var(--size-4) !important;
}
.mb-4 {
    margin-block-end: var(--size-4) !important;
}
.-m-4 {
    margin: calc(var(--size-4) * -1) !important;
}
.-mx-4 {
    margin-inline: calc(var(--size-4) * -1) !important;
}
.-my-4 {
    margin-block: calc(var(--size-4) * -1) !important;
}
.-ml-4 {
    margin-inline-start: calc(var(--size-4) * -1) !important;
}
.-mt-4 {
    margin-block-start: calc(var(--size-4) * -1) !important;
}
.-mr-4 {
    margin-inline-end: calc(var(--size-4) * -1) !important;
}
.-mb-4 {
    margin-block-end: calc(var(--size-4) * -1) !important;
}
.m-5 {
    margin: var(--size-5) !important;
}
.mx-5 {
    margin-inline: var(--size-5) !important;
}
.my-5 {
    margin-block: var(--size-5) !important;
}
.ml-5 {
    margin-inline-start: var(--size-5) !important;
}
.mt-5 {
    margin-block-start: var(--size-5) !important;
}
.mr-5 {
    margin-inline-end: var(--size-5) !important;
}
.mb-5 {
    margin-block-end: var(--size-5) !important;
}
.-m-5 {
    margin: calc(var(--size-5) * -1) !important;
}
.-mx-5 {
    margin-inline: calc(var(--size-5) * -1) !important;
}
.-my-5 {
    margin-block: calc(var(--size-5) * -1) !important;
}
.-ml-5 {
    margin-inline-start: calc(var(--size-5) * -1) !important;
}
.-mt-5 {
    margin-block-start: calc(var(--size-5) * -1) !important;
}
.-mr-5 {
    margin-inline-end: calc(var(--size-5) * -1) !important;
}
.-mb-5 {
    margin-block-end: calc(var(--size-5) * -1) !important;
}
.m-6 {
    margin: var(--size-6) !important;
}
.mx-6 {
    margin-inline: var(--size-6) !important;
}
.my-6 {
    margin-block: var(--size-6) !important;
}
.ml-6 {
    margin-inline-start: var(--size-6) !important;
}
.mt-6 {
    margin-block-start: var(--size-6) !important;
}
.mr-6 {
    margin-inline-end: var(--size-6) !important;
}
.mb-6 {
    margin-block-end: var(--size-6) !important;
}
.-m-6 {
    margin: calc(var(--size-6) * -1) !important;
}
.-mx-6 {
    margin-inline: calc(var(--size-6) * -1) !important;
}
.-my-6 {
    margin-block: calc(var(--size-6) * -1) !important;
}
.-ml-6 {
    margin-inline-start: calc(var(--size-6) * -1) !important;
}
.-mt-6 {
    margin-block-start: calc(var(--size-6) * -1) !important;
}
.-mr-6 {
    margin-inline-end: calc(var(--size-6) * -1) !important;
}
.-mb-6 {
    margin-block-end: calc(var(--size-6) * -1) !important;
}
.m-7 {
    margin: var(--size-7) !important;
}
.mx-7 {
    margin-inline: var(--size-7) !important;
}
.my-7 {
    margin-block: var(--size-7) !important;
}
.ml-7 {
    margin-inline-start: var(--size-7) !important;
}
.mt-7 {
    margin-block-start: var(--size-7) !important;
}
.mr-7 {
    margin-inline-end: var(--size-7) !important;
}
.mb-7 {
    margin-block-end: var(--size-7) !important;
}
.-m-7 {
    margin: calc(var(--size-7) * -1) !important;
}
.-mx-7 {
    margin-inline: calc(var(--size-7) * -1) !important;
}
.-my-7 {
    margin-block: calc(var(--size-7) * -1) !important;
}
.-ml-7 {
    margin-inline-start: calc(var(--size-7) * -1) !important;
}
.-mt-7 {
    margin-block-start: calc(var(--size-7) * -1) !important;
}
.-mr-7 {
    margin-inline-end: calc(var(--size-7) * -1) !important;
}
.-mb-7 {
    margin-block-end: calc(var(--size-7) * -1) !important;
}
.m-8 {
    margin: var(--size-8) !important;
}
.mx-8 {
    margin-inline: var(--size-8) !important;
}
.my-8 {
    margin-block: var(--size-8) !important;
}
.ml-8 {
    margin-inline-start: var(--size-8) !important;
}
.mt-8 {
    margin-block-start: var(--size-8) !important;
}
.mr-8 {
    margin-inline-end: var(--size-8) !important;
}
.mb-8 {
    margin-block-end: var(--size-8) !important;
}
.-m-8 {
    margin: calc(var(--size-8) * -1) !important;
}
.-mx-8 {
    margin-inline: calc(var(--size-8) * -1) !important;
}
.-my-8 {
    margin-block: calc(var(--size-8) * -1) !important;
}
.-ml-8 {
    margin-inline-start: calc(var(--size-8) * -1) !important;
}
.-mt-8 {
    margin-block-start: calc(var(--size-8) * -1) !important;
}
.-mr-8 {
    margin-inline-end: calc(var(--size-8) * -1) !important;
}
.-mb-8 {
    margin-block-end: calc(var(--size-8) * -1) !important;
}
.m-9 {
    margin: var(--size-9) !important;
}
.mx-9 {
    margin-inline: var(--size-9) !important;
}
.my-9 {
    margin-block: var(--size-9) !important;
}
.ml-9 {
    margin-inline-start: var(--size-9) !important;
}
.mt-9 {
    margin-block-start: var(--size-9) !important;
}
.mr-9 {
    margin-inline-end: var(--size-9) !important;
}
.mb-9 {
    margin-block-end: var(--size-9) !important;
}
.-m-9 {
    margin: calc(var(--size-9) * -1) !important;
}
.-mx-9 {
    margin-inline: calc(var(--size-9) * -1) !important;
}
.-my-9 {
    margin-block: calc(var(--size-9) * -1) !important;
}
.-ml-9 {
    margin-inline-start: calc(var(--size-9) * -1) !important;
}
.-mt-9 {
    margin-block-start: calc(var(--size-9) * -1) !important;
}
.-mr-9 {
    margin-inline-end: calc(var(--size-9) * -1) !important;
}
.-mb-9 {
    margin-block-end: calc(var(--size-9) * -1) !important;
}
.m-10 {
    margin: var(--size-10) !important;
}
.mx-10 {
    margin-inline: var(--size-10) !important;
}
.my-10 {
    margin-block: var(--size-10) !important;
}
.ml-10 {
    margin-inline-start: var(--size-10) !important;
}
.mt-10 {
    margin-block-start: var(--size-10) !important;
}
.mr-10 {
    margin-inline-end: var(--size-10) !important;
}
.mb-10 {
    margin-block-end: var(--size-10) !important;
}
.-m-10 {
    margin: calc(var(--size-10) * -1) !important;
}
.-mx-10 {
    margin-inline: calc(var(--size-10) * -1) !important;
}
.-my-10 {
    margin-block: calc(var(--size-10) * -1) !important;
}
.-ml-10 {
    margin-inline-start: calc(var(--size-10) * -1) !important;
}
.-mt-10 {
    margin-block-start: calc(var(--size-10) * -1) !important;
}
.-mr-10 {
    margin-inline-end: calc(var(--size-10) * -1) !important;
}
.-mb-10 {
    margin-block-end: calc(var(--size-10) * -1) !important;
}
.m-11 {
    margin: var(--size-11) !important;
}
.mx-11 {
    margin-inline: var(--size-11) !important;
}
.my-11 {
    margin-block: var(--size-11) !important;
}
.ml-11 {
    margin-inline-start: var(--size-11) !important;
}
.mt-11 {
    margin-block-start: var(--size-11) !important;
}
.mr-11 {
    margin-inline-end: var(--size-11) !important;
}
.mb-11 {
    margin-block-end: var(--size-11) !important;
}
.-m-11 {
    margin: calc(var(--size-11) * -1) !important;
}
.-mx-11 {
    margin-inline: calc(var(--size-11) * -1) !important;
}
.-my-11 {
    margin-block: calc(var(--size-11) * -1) !important;
}
.-ml-11 {
    margin-inline-start: calc(var(--size-11) * -1) !important;
}
.-mt-11 {
    margin-block-start: calc(var(--size-11) * -1) !important;
}
.-mr-11 {
    margin-inline-end: calc(var(--size-11) * -1) !important;
}
.-mb-11 {
    margin-block-end: calc(var(--size-11) * -1) !important;
}
.m-12 {
    margin: var(--size-12) !important;
}
.mx-12 {
    margin-inline: var(--size-12) !important;
}
.my-12 {
    margin-block: var(--size-12) !important;
}
.ml-12 {
    margin-inline-start: var(--size-12) !important;
}
.mt-12 {
    margin-block-start: var(--size-12) !important;
}
.mr-12 {
    margin-inline-end: var(--size-12) !important;
}
.mb-12 {
    margin-block-end: var(--size-12) !important;
}
.-m-12 {
    margin: calc(var(--size-12) * -1) !important;
}
.-mx-12 {
    margin-inline: calc(var(--size-12) * -1) !important;
}
.-my-12 {
    margin-block: calc(var(--size-12) * -1) !important;
}
.-ml-12 {
    margin-inline-start: calc(var(--size-12) * -1) !important;
}
.-mt-12 {
    margin-block-start: calc(var(--size-12) * -1) !important;
}
.-mr-12 {
    margin-inline-end: calc(var(--size-12) * -1) !important;
}
.-mb-12 {
    margin-block-end: calc(var(--size-12) * -1) !important;
}
.m-13 {
    margin: var(--size-13) !important;
}
.mx-13 {
    margin-inline: var(--size-13) !important;
}
.my-13 {
    margin-block: var(--size-13) !important;
}
.ml-13 {
    margin-inline-start: var(--size-13) !important;
}
.mt-13 {
    margin-block-start: var(--size-13) !important;
}
.mr-13 {
    margin-inline-end: var(--size-13) !important;
}
.mb-13 {
    margin-block-end: var(--size-13) !important;
}
.-m-13 {
    margin: calc(var(--size-13) * -1) !important;
}
.-mx-13 {
    margin-inline: calc(var(--size-13) * -1) !important;
}
.-my-13 {
    margin-block: calc(var(--size-13) * -1) !important;
}
.-ml-13 {
    margin-inline-start: calc(var(--size-13) * -1) !important;
}
.-mt-13 {
    margin-block-start: calc(var(--size-13) * -1) !important;
}
.-mr-13 {
    margin-inline-end: calc(var(--size-13) * -1) !important;
}
.-mb-13 {
    margin-block-end: calc(var(--size-13) * -1) !important;
}
.m-14 {
    margin: var(--size-14) !important;
}
.mx-14 {
    margin-inline: var(--size-14) !important;
}
.my-14 {
    margin-block: var(--size-14) !important;
}
.ml-14 {
    margin-inline-start: var(--size-14) !important;
}
.mt-14 {
    margin-block-start: var(--size-14) !important;
}
.mr-14 {
    margin-inline-end: var(--size-14) !important;
}
.mb-14 {
    margin-block-end: var(--size-14) !important;
}
.-m-14 {
    margin: calc(var(--size-14) * -1) !important;
}
.-mx-14 {
    margin-inline: calc(var(--size-14) * -1) !important;
}
.-my-14 {
    margin-block: calc(var(--size-14) * -1) !important;
}
.-ml-14 {
    margin-inline-start: calc(var(--size-14) * -1) !important;
}
.-mt-14 {
    margin-block-start: calc(var(--size-14) * -1) !important;
}
.-mr-14 {
    margin-inline-end: calc(var(--size-14) * -1) !important;
}
.-mb-14 {
    margin-block-end: calc(var(--size-14) * -1) !important;
}
.m-15 {
    margin: var(--size-15) !important;
}
.mx-15 {
    margin-inline: var(--size-15) !important;
}
.my-15 {
    margin-block: var(--size-15) !important;
}
.ml-15 {
    margin-inline-start: var(--size-15) !important;
}
.mt-15 {
    margin-block-start: var(--size-15) !important;
}
.mr-15 {
    margin-inline-end: var(--size-15) !important;
}
.mb-15 {
    margin-block-end: var(--size-15) !important;
}
.m-16 {
    margin: var(--size-16) !important;
}
.mx-16 {
    margin-inline: var(--size-16) !important;
}
.my-16 {
    margin-block: var(--size-16) !important;
}
.ml-16 {
    margin-inline-start: var(--size-16) !important;
}
.mt-16 {
    margin-block-start: var(--size-16) !important;
}
.mr-16 {
    margin-inline-end: var(--size-16) !important;
}
.mb-16 {
    margin-block-end: var(--size-16) !important;
}
.m-20 {
    margin: var(--size-20) !important;
}
.mx-20 {
    margin-inline: var(--size-20) !important;
}
.my-20 {
    margin-block: var(--size-20) !important;
}
.ml-20 {
    margin-inline-start: var(--size-20) !important;
}
.mt-20 {
    margin-block-start: var(--size-20) !important;
}
.mr-20 {
    margin-inline-end: var(--size-20) !important;
}
.mb-20 {
    margin-block-end: var(--size-20) !important;
}
.m-24 {
    margin: var(--size-24) !important;
}
.mx-24 {
    margin-inline: var(--size-24) !important;
}
.my-24 {
    margin-block: var(--size-24) !important;
}
.ml-24 {
    margin-inline-start: var(--size-24) !important;
}
.mt-24 {
    margin-block-start: var(--size-24) !important;
}
.mr-24 {
    margin-inline-end: var(--size-24) !important;
}
.mb-24 {
    margin-block-end: var(--size-24) !important;
}
.m-auto {
    margin: auto !important;
}
.mx-auto {
    margin-inline-start: auto;
    margin-inline-end: auto !important;
}
.my-auto {
    margin-block-start: auto;
    margin-block-end: auto !important;
}
.ml-auto {
    margin-inline-start: auto !important;
}
.mt-auto {
    margin-block-start: auto !important;
}
.mr-auto {
    margin-inline-end: auto !important;
}
.mb-auto {
    margin-block-end: auto !important;
}
.space-x-0 > * + * {
    margin-inline-start: 0;
}
.space-y-0 > * + * {
    margin-block-start: 0;
}
.space-x-1 > * + * {
    margin-inline-start: var(--size-1);
}
.space-y-1 > * + * {
    margin-block-start: var(--size-1);
}
.space-x-2 > * + * {
    margin-inline-start: var(--size-2);
}
.space-y-2 > * + * {
    margin-block-start: var(--size-2);
}
.space-x-3 > * + * {
    margin-inline-start: var(--size-3);
}
.space-y-3 > * + * {
    margin-block-start: var(--size-3);
}
.space-x-4 > * + * {
    margin-inline-start: var(--size-4);
}
.space-y-4 > * + * {
    margin-block-start: var(--size-4);
}
.space-x-5 > * + * {
    margin-inline-start: var(--size-5);
}
.space-y-5 > * + * {
    margin-block-start: var(--size-5);
}
.space-x-6 > * + * {
    margin-inline-start: var(--size-6);
}
.space-y-6 > * + * {
    margin-block-start: var(--size-6);
}
.space-x-7 > * + * {
    margin-inline-start: var(--size-7);
}
.space-y-7 > * + * {
    margin-block-start: var(--size-7);
}
.space-x-8 > * + * {
    margin-inline-start: var(--size-8);
}
.space-y-8 > * + * {
    margin-block-start: var(--size-8);
}
.space-x-9 > * + * {
    margin-inline-start: var(--size-9);
}
.space-y-9 > * + * {
    margin-block-start: var(--size-9);
}
.space-x-10 > * + * {
    margin-inline-start: var(--size-10);
}
.space-y-10 > * + * {
    margin-block-start: var(--size-10);
}
.space-x-11 > * + * {
    margin-inline-start: var(--size-11);
}
.space-y-11 > * + * {
    margin-block-start: var(--size-11);
}
.space-x-12 > * + * {
    margin-inline-start: var(--size-12);
}
.space-y-12 > * + * {
    margin-block-start: var(--size-12);
}
.max-w-screen-xs {
    max-width: 480px;
}
.max-w-screen-sm {
    max-width: 640px;
}
.max-w-screen-md {
    max-width: 768px;
}
.max-w-screen-lg {
    max-width: 1024px;
}
.max-w-screen-xl {
    max-width: 1280px;
}
.max-w-screen-2xl {
    max-width: 1536px;
}
.max-w-1 {
    max-width: var(--size-1);
}
.max-w-2 {
    max-width: var(--size-2);
}
.max-w-3 {
    max-width: var(--size-3);
}
.max-w-4 {
    max-width: var(--size-4);
}
.max-w-5 {
    max-width: var(--size-5);
}
.max-w-6 {
    max-width: var(--size-6);
}
.max-w-7 {
    max-width: var(--size-7);
}
.max-w-8 {
    max-width: var(--size-8);
}
.max-w-9 {
    max-width: var(--size-9);
}
.max-w-10 {
    max-width: var(--size-10);
}
.max-w-12 {
    max-width: var(--size-12);
}
.max-w-14 {
    max-width: var(--size-14);
}
.max-w-16 {
    max-width: var(--size-16);
}
.max-w-18 {
    max-width: var(--size-18);
}
.max-w-20 {
    max-width: var(--size-20);
}
.max-w-24 {
    max-width: var(--size-24);
}
.max-w-28 {
    max-width: var(--size-28);
}
.max-w-32 {
    max-width: var(--size-32);
}
.max-w-36 {
    max-width: var(--size-36);
}
.max-w-40 {
    max-width: var(--size-40);
}
.max-w-44 {
    max-width: var(--size-44);
}
.max-w-48 {
    max-width: var(--size-48);
}
.max-w-52 {
    max-width: var(--size-52);
}
.max-w-56 {
    max-width: var(--size-56);
}
.max-w-60 {
    max-width: var(--size-60);
}
.max-w-64 {
    max-width: var(--size-64);
}
.max-w-68 {
    max-width: var(--size-68);
}
.max-w-72 {
    max-width: var(--size-72);
}
.max-w-76 {
    max-width: var(--size-76);
}
.max-w-80 {
    max-width: var(--size-80);
}
.max-w-84 {
    max-width: var(--size-84);
}
.max-w-88 {
    max-width: var(--size-88);
}
.max-w-92 {
    max-width: var(--size-92);
}
.max-w-96 {
    max-width: var(--size-96);
}
.max-w-100 {
    max-width: var(--size-100);
}
.max-w-104 {
    max-width: var(--size-104);
}
.max-w-108 {
    max-width: var(--size-108);
}
.max-w-112 {
    max-width: var(--size-112);
}
.max-w-116 {
    max-width: var(--size-116);
}
.max-w-120 {
    max-width: var(--size-120);
}
.size-min {
    width: min-content;
    height: min-content;
}
.size-full {
    width: 100%;
    height: 100%;
}
.size-0 {
    width: 0px;
    height: 0px;
}
.size-px {
    width: 1px;
    height: 1px;
}
.size-0\.5 {
    width: var(--size-0\5);
    height: var(--size-0\5);
}
.size-1 {
    width: var(--size-1);
    height: var(--size-1);
}
.size-1\.5 {
    width: var(--size-1\5);
    height: var(--size-1\5);
}
.size-2 {
    width: var(--size-2);
    height: var(--size-2);
}
.size-2\.5 {
    width: var(--size-2\5);
    height: var(--size-2\5);
}
.size-3 {
    width: var(--size-3);
    height: var(--size-3);
}
.size-3\.5 {
    width: var(--size-3\5);
    height: var(--size-3\5);
}
.size-4 {
    width: var(--size-4);
    height: var(--size-4);
}
.size-4\.5 {
    width: var(--size-4\5);
    height: var(--size-4\5);
}
.size-5 {
    width: var(--size-5);
    height: var(--size-5);
}
.size-6 {
    width: var(--size-6);
    height: var(--size-6);
}
.size-7 {
    width: var(--size-7);
    height: var(--size-7);
}
.size-8 {
    width: var(--size-8);
    height: var(--size-8);
}
.size-9 {
    width: var(--size-9);
    height: var(--size-9);
}
.size-10 {
    width: var(--size-10);
    height: var(--size-10);
}
.size-11 {
    width: var(--size-11);
    height: var(--size-11);
}
.size-12 {
    width: var(--size-12);
    height: var(--size-12);
}
.size-14 {
    width: var(--size-14);
    height: var(--size-14);
}
.size-16 {
    width: var(--size-16);
    height: var(--size-16);
}
.size-20 {
    width: var(--size-20);
    height: var(--size-20);
}
.size-24 {
    width: var(--size-24);
    height: var(--size-24);
}
.size-28 {
    width: var(--size-28);
    height: var(--size-28);
}
.size-32 {
    width: var(--size-32);
    height: var(--size-32);
}
.size-40 {
    width: var(--size-40);
    height: var(--size-40);
}
.size-40 {
    width: var(--size-40);
    height: var(--size-40);
}
.size-44 {
    width: var(--size-44);
    height: var(--size-44);
}
.size-48 {
    width: var(--size-48);
    height: var(--size-48);
}
.size-52 {
    width: var(--size-52);
    height: var(--size-52);
}
.size-56 {
    width: var(--size-56);
    height: var(--size-56);
}
.size-60 {
    width: var(--size-60);
    height: var(--size-60);
}
.w-full {
    width: 100%;
}
.w-screen {
    width: 100dvw;
}
.w-0 {
    width: 0px;
}
.w-px {
    width: 1px;
}
.w-0\.5 {
    width: var(--size-0\5);
}
.w-1 {
    width: var(--size-1);
}
.w-1\.5 {
    width: var(--size-1\5);
}
.w-2 {
    width: var(--size-2);
}
.w-2\.5 {
    width: var(--size-2\5);
}
.w-3 {
    width: var(--size-3);
}
.w-3\.5 {
    width: var(--size-3\5);
}
.w-4 {
    width: var(--size-4);
}
.w-5 {
    width: var(--size-5);
}
.w-6 {
    width: var(--size-6);
}
.w-7 {
    width: var(--size-7);
}
.w-8 {
    width: var(--size-8);
}
.w-9 {
    width: var(--size-9);
}
.w-10 {
    width: var(--size-10);
}
.w-11 {
    width: var(--size-11);
}
.w-12 {
    width: var(--size-12);
}
.w-14 {
    width: var(--size-15);
}
.w-16 {
    width: var(--size-16);
}
.w-20 {
    width: var(--size-20);
}
.w-24 {
    width: var(--size-24);
}
.w-28 {
    width: var(--size-28);
}
.w-32 {
    width: var(--size-32);
}
.w-36 {
    width: var(--size-36);
}
.w-40 {
    width: var(--size-40);
}
.w-44 {
    width: var(--size-44);
}
.w-48 {
    width: var(--size-48);
}
.w-52 {
    width: var(--size-52);
}
.w-56 {
    width: var(--size-56);
}
.w-60 {
    width: var(--size-60);
}
.w-min {
    width: min-content;
}
.w-auto {
    width: auto;
}
.w-max {
    width: max-content;
}
.min-w-px {
    min-width: 1px;
}
.min-w-0 {
    min-width: 0px;
}
.min-w-fit {
    min-width: fit-content;
}
.min-w-full {
    min-width: 100%;
}
.max-w-full {
    max-width: 100%;
}
.min-w-screen {
    min-width: 100dvw;
}
.max-w-screen {
    max-width: 100dvw;
}
.max-w-max {
    max-width: max-content;
}
.min-w-0\.5 {
    min-width: var(--size-0\5);
}
.min-w-1 {
    min-width: var(--size-1);
}
.min-w-1\.5 {
    min-width: var(--size-1\5);
}
.min-w-2 {
    min-width: var(--size-2);
}
.min-w-2\.5 {
    min-width: var(--size-2\5);
}
.min-w-3 {
    min-width: var(--size-3);
}
.min-w-3\.5 {
    min-width: var(--size-3\5);
}
.min-w-4 {
    min-width: var(--size-4);
}
.min-w-5 {
    min-width: var(--size-5);
}
.min-w-6 {
    min-width: var(--size-6);
}
.min-w-7 {
    min-width: var(--size-7);
}
.min-w-8 {
    min-width: var(--size-8);
}
.min-w-9 {
    min-width: var(--size-9);
}
.min-w-10 {
    min-width: var(--size-10);
}
.min-w-11 {
    min-width: var(--size-11);
}
.min-w-12 {
    min-width: var(--size-12);
}
.min-w-14 {
    min-width: var(--size-15);
}
.min-w-16 {
    min-width: var(--size-16);
}
.min-w-20 {
    min-width: var(--size-20);
}
.min-w-24 {
    min-width: var(--size-24);
}
.min-w-28 {
    min-width: var(--size-28);
}
.min-w-32 {
    min-width: var(--size-32);
}
.min-w-36 {
    min-width: var(--size-36);
}
.min-w-40 {
    min-width: var(--size-40);
}
.min-w-44 {
    min-width: var(--size-44);
}
.min-w-48 {
    min-width: var(--size-48);
}
.min-w-52 {
    min-width: var(--size-52);
}
.min-w-56 {
    min-width: var(--size-56);
}
.min-w-60 {
    min-width: var(--size-60);
}
.max-w-none {
    max-width: none;
}
.max-w-0 {
    max-width: 0px;
}
.max-w-px {
    max-width: 1px;
}
.max-w-0\.5 {
    max-width: var(--size-0\5);
}
.max-w-1 {
    max-width: var(--size-1);
}
.max-w-1\.5 {
    max-width: var(--size-1\5);
}
.max-w-2 {
    max-width: var(--size-2);
}
.max-w-2\.5 {
    max-width: var(--size-2\5);
}
.max-w-3 {
    max-width: var(--size-3);
}
.max-w-3\.5 {
    max-width: var(--size-3\5);
}
.max-w-4 {
    max-width: var(--size-4);
}
.max-w-5 {
    max-width: var(--size-5);
}
.max-w-6 {
    max-width: var(--size-6);
}
.max-w-7 {
    max-width: var(--size-7);
}
.max-w-8 {
    max-width: var(--size-8);
}
.max-w-9 {
    max-width: var(--size-9);
}
.max-w-10 {
    max-width: var(--size-10);
}
.max-w-11 {
    max-width: var(--size-11);
}
.max-w-12 {
    max-width: var(--size-12);
}
.max-w-14 {
    max-width: var(--size-15);
}
.max-w-16 {
    max-width: var(--size-16);
}
.max-w-20 {
    max-width: var(--size-20);
}
.max-w-24 {
    max-width: var(--size-24);
}
.max-w-28 {
    max-width: var(--size-28);
}
.max-w-32 {
    max-width: var(--size-32);
}
.max-w-36 {
    max-width: var(--size-36);
}
.max-w-40 {
    max-width: var(--size-40);
}
.max-w-44 {
    max-width: var(--size-44);
}
.max-w-48 {
    max-width: var(--size-48);
}
.max-w-52 {
    max-width: var(--size-52);
}
.max-w-56 {
    max-width: var(--size-56);
}
.max-w-60 {
    max-width: var(--size-60);
}
.h-full {
    height: 100%;
}
.h-screen {
    height: 100dvh;
}
.h-0 {
    height: 0px;
}
.h-px {
    height: 1px;
}
.h-0\.5 {
    height: var(--size-0\5);
}
.h-1 {
    height: var(--size-1);
}
.h-1\.5 {
    height: var(--size-1\5);
}
.h-2 {
    height: var(--size-2);
}
.h-2\.5 {
    height: var(--size-2\5);
}
.h-3 {
    height: var(--size-3);
}
.h-3\.5 {
    height: var(--size-3\5);
}
.h-4 {
    height: var(--size-4);
}
.h-5 {
    height: var(--size-5);
}
.h-6 {
    height: var(--size-6);
}
.h-7 {
    height: var(--size-7);
}
.h-8 {
    height: var(--size-8);
}
.h-9 {
    height: var(--size-9);
}
.h-10 {
    height: var(--size-10);
}
.h-11 {
    height: var(--size-11);
}
.h-12 {
    height: var(--size-12);
}
.h-14 {
    height: var(--size-15);
}
.h-16 {
    height: var(--size-16);
}
.h-20 {
    height: var(--size-20);
}
.h-24 {
    height: var(--size-24);
}
.h-28 {
    height: var(--size-28);
}
.h-32 {
    height: var(--size-32);
}
.h-36 {
    height: var(--size-36);
}
.h-40 {
    height: var(--size-40);
}
.h-44 {
    height: var(--size-44);
}
.h-48 {
    height: var(--size-48);
}
.h-52 {
    height: var(--size-52);
}
.h-56 {
    height: var(--size-56);
}
.h-60 {
    height: var(--size-60);
}
.h-min {
    height: min-content;
}
.h-auto {
    height: auto;
}
.min-h-px {
    min-height: 1px;
}
.min-h-0 {
    min-height: 0px;
}
.min-h-full {
    min-height: 100%;
}
.max-h-full {
    max-height: 100%;
}
.min-h-screen {
    min-height: 100dvh;
}
.max-h-screen {
    max-height: 100dvh;
}
.min-h-0\.5 {
    min-height: var(--size-0\5);
}
.min-h-1 {
    min-height: var(--size-1);
}
.min-h-1\.5 {
    min-height: var(--size-1\5);
}
.min-h-2 {
    min-height: var(--size-2);
}
.min-h-2\.5 {
    min-height: var(--size-2\5);
}
.min-h-3 {
    min-height: var(--size-3);
}
.min-h-3\.5 {
    min-height: var(--size-3\5);
}
.min-h-4 {
    min-height: var(--size-4);
}
.min-h-5 {
    min-height: var(--size-5);
}
.min-h-6 {
    min-height: var(--size-6);
}
.min-h-7 {
    min-height: var(--size-7);
}
.min-h-8 {
    min-height: var(--size-8);
}
.min-h-9 {
    min-height: var(--size-9);
}
.min-h-10 {
    min-height: var(--size-10);
}
.min-h-11 {
    min-height: var(--size-11);
}
.min-h-12 {
    min-height: var(--size-12);
}
.min-h-14 {
    min-height: var(--size-15);
}
.min-h-16 {
    min-height: var(--size-16);
}
.min-h-20 {
    min-height: var(--size-20);
}
.min-h-24 {
    min-height: var(--size-24);
}
.min-h-28 {
    min-height: var(--size-28);
}
.min-h-32 {
    min-height: var(--size-32);
}
.min-h-36 {
    min-height: var(--size-36);
}
.min-h-40 {
    min-height: var(--size-40);
}
.min-h-44 {
    min-height: var(--size-44);
}
.min-h-48 {
    min-height: var(--size-48);
}
.min-h-52 {
    min-height: var(--size-52);
}
.min-h-56 {
    min-height: var(--size-56);
}
.min-h-60 {
    min-height: var(--size-60);
}
.max-h-0 {
    max-height: 0px;
}
.max-h-0\.5 {
    max-height: var(--size-0\5);
}
.max-h-1 {
    max-height: var(--size-1);
}
.max-h-1\.5 {
    max-height: var(--size-1\5);
}
.max-h-2 {
    max-height: var(--size-2);
}
.max-h-2\.5 {
    max-height: var(--size-2\5);
}
.max-h-3 {
    max-height: var(--size-3);
}
.max-h-3\.5 {
    max-height: var(--size-3\5);
}
.max-h-4 {
    max-height: var(--size-4);
}
.max-h-5 {
    max-height: var(--size-5);
}
.max-h-6 {
    max-height: var(--size-6);
}
.max-h-7 {
    max-height: var(--size-7);
}
.max-h-8 {
    max-height: var(--size-8);
}
.max-h-9 {
    max-height: var(--size-9);
}
.max-h-10 {
    max-height: var(--size-10);
}
.max-h-11 {
    max-height: var(--size-11);
}
.max-h-12 {
    max-height: var(--size-12);
}
.max-h-14 {
    max-height: var(--size-15);
}
.max-h-16 {
    max-height: var(--size-16);
}
.max-h-20 {
    max-height: var(--size-20);
}
.max-h-24 {
    max-height: var(--size-24);
}
.max-h-28 {
    max-height: var(--size-28);
}
.max-h-32 {
    max-height: var(--size-32);
}
.max-h-36 {
    max-height: var(--size-36);
}
.max-h-40 {
    max-height: var(--size-40);
}
.max-h-44 {
    max-height: var(--size-44);
}
.max-h-48 {
    max-height: var(--size-48);
}
.max-h-52 {
    max-height: var(--size-52);
}
.max-h-56 {
    max-height: var(--size-56);
}
.max-h-60 {
    max-height: var(--size-60);
}
.font-sans {
    font-family: var(--sans);
}
.font-serif {
    font-family: var(--serif);
}
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
        'Courier New', monospace;
}
.text-2xs {
    font-size: var(--size-2xs);
}
.text-11px {
    font-size: 11px;
}
.text-xs {
    font-size: var(--size-xs);
}
.text-sm {
    font-size: var(--size-sm);
}
.text-base {
    font-size: var(--size-base);
}
.text-lg {
    font-size: var(--size-lg);
}
.text-xl {
    font-size: var(--size-xl);
}
.text-2xl {
    font-size: var(--size-2xl);
}
.text-3xl {
    font-size: var(--size-3xl);
}
.text-4xl {
    font-size: var(--size-4xl);
}
.text-5xl {
    font-size: var(--size-5xl);
}
.text-6xl {
    font-size: var(--size-6xl);
}
.leading-base {
    line-height: var(--leading-base);
}
.leading-base-sm {
    line-height: var(--leading-sm);
}
.leading-none {
    line-height: var(--leading-none);
}
.leading-tight {
    line-height: var(--leading-tight);
}
.leading-snug {
    line-height: var(--leading-snug);
}
.leading-normal {
    line-height: var(--leading-normal);
}
.leading-3 {
    line-height: var(--size-3);
}
.leading-4 {
    line-height: var(--size-4);
}
.leading-5 {
    line-height: var(--size-5);
}
.leading-6 {
    line-height: var(--size-6);
}
.font-normal {
    font-weight: var(--weight-normal);
}
.font-medium {
    font-weight: var(--weight-medium);
}
.font-semibold {
    font-weight: var(--weight-semibold);
}
.font-bold {
    font-weight: var(--weight-bold);
}
.font-extrabold {
    font-weight: var(--weight-extrabold);
}
.text-dark-50,
.hover\:text-dark-50:hover,
.group:hover .group-hover\:text-dark-50 {
    color: rgba(248, 250, 252, var(--text-opacity, 1));
}
.text-dark-100,
.hover\:text-dark-100:hover,
.group:hover .group-hover\:text-dark-100 {
    color: rgba(241, 245, 249, var(--text-opacity, 1));
}
.text-dark-200,
.hover\:text-dark-200:hover,
.group:hover .group-hover\:text-dark-200 {
    color: rgba(226, 232, 240, var(--text-opacity, 1));
}
.text-dark-300,
.hover\:text-dark-300:hover,
.group:hover .group-hover\:text-dark-300 {
    color: rgba(203, 213, 225, var(--text-opacity, 1));
}
.text-dark-400,
.hover\:text-dark-400:hover,
.group:hover .group-hover\:text-dark-400 {
    color: rgba(148, 163, 184, var(--text-opacity, 1));
}
.text-dark-500,
.hover\:text-dark-500:hover,
.group:hover .group-hover\:text-dark-500 {
    color: rgba(100, 116, 139, var(--text-opacity, 1));
}
.text-dark-600,
.hover\:text-dark-600:hover,
.group:hover .group-hover\:text-dark-600 {
    color: rgba(71, 85, 105, var(--text-opacity, 1));
}
.text-dark-700,
.hover\:text-dark-700:hover,
.group:hover .group-hover\:text-dark-700 {
    color: rgba(51, 65, 85, var(--text-opacity, 1));
}
.text-dark-800,
.hover\:text-dark-800:hover,
.group:hover .group-hover\:text-dark-800 {
    color: rgba(30, 41, 59, var(--text-opacity, 1));
}
.text-dark-900,
.hover\:text-dark-900:hover,
.group:hover .group-hover\:text-dark-900 {
    color: rgba(15, 23, 42, var(--text-opacity, 1));
}
.text-danger-50,
.hover\:text-danger-50:hover,
.group:hover .group-hover\:text-danger-50 {
    color: rgba(254, 242, 242, var(--text-opacity, 1));
}
.text-danger-100,
.hover\:text-danger-100:hover,
.group:hover .group-hover\:text-danger-100 {
    color: rgba(254, 226, 226, var(--text-opacity, 1));
}
.text-danger-200,
.hover\:text-danger-200:hover,
.group:hover .group-hover\:text-danger-200 {
    color: rgba(254, 202, 202, var(--text-opacity, 1));
}
.text-danger-300,
.hover\:text-danger-300:hover,
.group:hover .group-hover\:text-danger-300 {
    color: rgba(252, 165, 165, var(--text-opacity, 1));
}
.text-danger-400,
.hover\:text-danger-400:hover,
.group:hover .group-hover\:text-danger-400 {
    color: rgba(248, 113, 113, var(--text-opacity, 1));
}
.text-danger-500,
.hover\:text-danger-500:hover,
.group:hover .group-hover\:text-danger-500 {
    color: rgba(239, 68, 68, var(--text-opacity, 1));
}
.text-danger-600,
.hover\:text-danger-600:hover,
.group:hover .group-hover\:text-danger-600 {
    color: rgba(220, 38, 38, var(--text-opacity, 1));
}
.text-danger-700,
.hover\:text-danger-700:hover,
.group:hover .group-hover\:text-danger-700 {
    color: rgba(185, 28, 28, var(--text-opacity, 1));
}
.text-danger-800,
.hover\:text-danger-800:hover,
.group:hover .group-hover\:text-danger-800 {
    color: rgba(153, 27, 27, var(--text-opacity, 1));
}
.text-danger-900,
.hover\:text-danger-900:hover,
.group:hover .group-hover\:text-danger-900 {
    color: rgba(127, 29, 29, var(--text-opacity, 1));
}
.text-warning-50,
.hover\:text-warning-50:hover,
.group:hover .group-hover\:text-warning-50 {
    color: rgba(254, 252, 232, var(--text-opacity, 1));
}
.text-warning-100,
.hover\:text-warning-100:hover,
.group:hover .group-hover\:text-warning-100 {
    color: rgba(254, 249, 195, var(--text-opacity, 1));
}
.text-warning-200,
.hover\:text-warning-200:hover,
.group:hover .group-hover\:text-warning-200 {
    color: rgba(254, 240, 138, var(--text-opacity, 1));
}
.text-warning-300,
.hover\:text-warning-300:hover,
.group:hover .group-hover\:text-warning-300 {
    color: rgba(253, 224, 71, var(--text-opacity, 1));
}
.text-warning-400,
.hover\:text-warning-400:hover,
.group:hover .group-hover\:text-warning-400 {
    color: rgba(250, 204, 21, var(--text-opacity, 1));
}
.text-warning-500,
.hover\:text-warning-500:hover,
.group:hover .group-hover\:text-warning-500 {
    color: rgba(234, 179, 8, var(--text-opacity, 1));
}
.text-warning-600,
.hover\:text-warning-600:hover,
.group:hover .group-hover\:text-warning-600 {
    color: rgba(202, 138, 4, var(--text-opacity, 1));
}
.text-warning-700,
.hover\:text-warning-700:hover,
.group:hover .group-hover\:text-warning-700 {
    color: rgba(161, 98, 7, var(--text-opacity, 1));
}
.text-warning-800,
.hover\:text-warning-800:hover,
.group:hover .group-hover\:text-warning-800 {
    color: rgba(133, 77, 14, var(--text-opacity, 1));
}
.text-warning-900,
.hover\:text-warning-900:hover,
.group:hover .group-hover\:text-warning-900 {
    color: rgba(113, 63, 18, var(--text-opacity, 1));
}
.text-success-50,
.hover\:text-success-50:hover,
.group:hover .group-hover\:text-success-50 {
    color: rgba(236, 253, 245, var(--text-opacity, 1));
}
.text-success-100,
.hover\:text-success-100:hover,
.group:hover .group-hover\:text-success-100 {
    color: rgba(209, 250, 229, var(--text-opacity, 1));
}
.text-success-200,
.hover\:text-success-200:hover,
.group:hover .group-hover\:text-success-200 {
    color: rgba(167, 243, 208, var(--text-opacity, 1));
}
.text-success-300,
.hover\:text-success-300:hover,
.group:hover .group-hover\:text-success-300 {
    color: rgba(110, 231, 183, var(--text-opacity, 1));
}
.text-success-400,
.hover\:text-success-400:hover,
.group:hover .group-hover\:text-success-400 {
    color: rgba(52, 211, 153, var(--text-opacity, 1));
}
.text-success-500,
.hover\:text-success-500:hover,
.group:hover .group-hover\:text-success-500 {
    color: rgba(16, 185, 129, var(--text-opacity, 1));
}
.text-success-600,
.hover\:text-success-600:hover,
.group:hover .group-hover\:text-success-600 {
    color: rgba(5, 150, 105, var(--text-opacity, 1));
}
.text-success-700,
.hover\:text-success-700:hover,
.group:hover .group-hover\:text-success-700 {
    color: rgba(4, 120, 87, var(--text-opacity, 1));
}
.text-success-800,
.hover\:text-success-800:hover,
.group:hover .group-hover\:text-success-800 {
    color: rgba(6, 95, 70, var(--text-opacity, 1));
}
.text-success-900,
.hover\:text-success-900:hover,
.group:hover .group-hover\:text-success-900 {
    color: rgba(6, 78, 59, var(--text-opacity, 1));
}
.text-cyan-50,
.hover\:text-cyan-50:hover,
.group:hover .group-hover\:text-cyan-50 {
    color: rgba(236, 254, 255, var(--text-opacity, 1));
}
.text-cyan-100,
.hover\:text-cyan-100:hover,
.group:hover .group-hover\:text-cyan-100 {
    color: rgba(207, 250, 254, var(--text-opacity, 1));
}
.text-cyan-200,
.hover\:text-cyan-200:hover,
.group:hover .group-hover\:text-cyan-200 {
    color: rgba(165, 243, 252, var(--text-opacity, 1));
}
.text-cyan-300,
.hover\:text-cyan-300:hover,
.group:hover .group-hover\:text-cyan-300 {
    color: rgba(103, 232, 249, var(--text-opacity, 1));
}
.text-cyan-400,
.hover\:text-cyan-400:hover,
.group:hover .group-hover\:text-cyan-400 {
    color: rgba(34, 211, 238, var(--text-opacity, 1));
}
.text-cyan-500,
.hover\:text-cyan-500:hover,
.group:hover .group-hover\:text-cyan-500 {
    color: rgba(6, 182, 212, var(--text-opacity, 1));
}
.text-cyan-600,
.hover\:text-cyan-600:hover,
.group:hover .group-hover\:text-cyan-600 {
    color: rgba(8, 145, 178, var(--text-opacity, 1));
}
.text-cyan-700,
.hover\:text-cyan-700:hover,
.group:hover .group-hover\:text-cyan-700 {
    color: rgba(14, 116, 144, var(--text-opacity, 1));
}
.text-cyan-800,
.hover\:text-cyan-800:hover,
.group:hover .group-hover\:text-cyan-800 {
    color: rgba(21, 94, 117, var(--text-opacity, 1));
}
.text-cyan-900,
.hover\:text-cyan-900:hover,
.group:hover .group-hover\:text-cyan-900 {
    color: rgba(22, 78, 99, var(--text-opacity, 1));
}
.text-primary-50,
.hover\:text-primary-50:hover,
.group:hover .group-hover\:text-primary-50 {
    color: rgba(240, 249, 255, var(--text-opacity, 1));
}
.text-primary-100,
.hover\:text-primary-100:hover,
.group:hover .group-hover\:text-primary-100 {
    color: rgba(224, 242, 254, var(--text-opacity, 1));
}
.text-primary-200,
.hover\:text-primary-200:hover,
.group:hover .group-hover\:text-primary-200 {
    color: rgba(186, 230, 253, var(--text-opacity, 1));
}
.text-primary-300,
.hover\:text-primary-300:hover,
.group:hover .group-hover\:text-primary-300 {
    color: rgba(125, 211, 252, var(--text-opacity, 1));
}
.text-primary-400,
.hover\:text-primary-400:hover,
.group:hover .group-hover\:text-primary-400 {
    color: rgba(56, 189, 248, var(--text-opacity, 1));
}
.text-primary-500,
.hover\:text-primary-500:hover,
.group:hover .group-hover\:text-primary-500 {
    color: rgba(14, 165, 233, var(--text-opacity, 1));
}
.text-primary-600,
.hover\:text-primary-600:hover,
.group:hover .group-hover\:text-primary-600 {
    color: rgba(2, 132, 199, var(--text-opacity, 1));
}
.text-primary-700,
.hover\:text-primary-700:hover,
.group:hover .group-hover\:text-primary-700 {
    color: rgba(3, 105, 161, var(--text-opacity, 1));
}
.text-primary-800,
.hover\:text-primary-800:hover,
.group:hover .group-hover\:text-primary-800 {
    color: rgba(7, 89, 133, var(--text-opacity, 1));
}
.text-primary-900,
.hover\:text-primary-900:hover,
.group:hover .group-hover\:text-primary-900 {
    color: rgba(12, 74, 110, var(--text-opacity, 1));
}
.text-transparent,
.hover\:text-transparent:hover,
.group:hover .group-hover\:text-transparent {
    color: rgba(0, 0, 0, 0) !important;
}
.text-black,
.hover\:text-black:hover,
.group:hover .group-hover\:text-black {
    color: rgba(0, 0, 0, var(--text-opacity, 1));
}
.text-white,
.hover\:text-white:hover,
.group:hover .group-hover\:text-white {
    color: rgba(255, 255, 255, var(--text-opacity, 1)) !important;
}
.text-opacity-0,
.hover\:text-opacity-0:hover,
.group:hover .group-hover\:text-opacity-0 {
    --text-opacity: 0 !important;
}
.text-opacity-10,
.hover\:text-opacity-10:hover,
.group:hover .group-hover\:text-opacity-10 {
    --text-opacity: 0.1 !important;
}
.text-opacity-20,
.hover\:text-opacity-20:hover,
.group:hover .group-hover\:text-opacity-20 {
    --text-opacity: 0.2 !important;
}
.text-opacity-30,
.hover\:text-opacity-30:hover,
.group:hover .group-hover\:text-opacity-30 {
    --text-opacity: 0.3 !important;
}
.text-opacity-40,
.hover\:text-opacity-40:hover,
.group:hover .group-hover\:text-opacity-40 {
    --text-opacity: 0.4 !important;
}
.text-opacity-50,
.hover\:text-opacity-50:hover,
.group:hover .group-hover\:text-opacity-50 {
    --text-opacity: 0.5 !important;
}
.text-opacity-60,
.hover\:text-opacity-60:hover,
.group:hover .group-hover\:text-opacity-60 {
    --text-opacity: 0.6 !important;
}
.text-opacity-70,
.hover\:text-opacity-70:hover,
.group:hover .group-hover\:text-opacity-70 {
    --text-opacity: 0.7 !important;
}
.text-opacity-80,
.hover\:text-opacity-80:hover,
.group:hover .group-hover\:text-opacity-80 {
    --text-opacity: 0.8 !important;
}
.text-opacity-90,
.hover\:text-opacity-90:hover,
.group:hover .group-hover\:text-opacity-90 {
    --text-opacity: 0.9 !important;
}
.bg-dark-50,
.hover\:bg-dark-50:hover,
.group:hover .group-hover\:bg-dark-50 {
    background-color: rgba(248, 250, 252, var(--bg-opacity, 1));
}
.bg-dark-100,
.hover\:bg-dark-100:hover,
.group:hover .group-hover\:bg-dark-100 {
    background-color: rgba(241, 245, 249, var(--bg-opacity, 1));
}
.bg-dark-200,
.hover\:bg-dark-200:hover,
.group:hover .group-hover\:bg-dark-200 {
    background-color: rgba(226, 232, 240, var(--bg-opacity, 1));
}
.bg-dark-300,
.hover\:bg-dark-300:hover,
.group:hover .group-hover\:bg-dark-300 {
    background-color: rgba(203, 213, 225, var(--bg-opacity, 1));
}
.bg-dark-400,
.hover\:bg-dark-400:hover,
.group:hover .group-hover\:bg-dark-400 {
    background-color: rgba(148, 163, 184, var(--bg-opacity, 1));
}
.bg-dark-500,
.hover\:bg-dark-500:hover,
.group:hover .group-hover\:bg-dark-500 {
    background-color: rgba(100, 116, 139, var(--bg-opacity, 1));
}
.bg-dark-600,
.hover\:bg-dark-600:hover,
.group:hover .group-hover\:bg-dark-600 {
    background-color: rgba(71, 85, 105, var(--bg-opacity, 1));
}
.bg-dark-700,
.hover\:bg-dark-700:hover,
.group:hover .group-hover\:bg-dark-700 {
    background-color: rgba(51, 65, 85, var(--bg-opacity, 1));
}
.bg-dark-800,
.hover\:bg-dark-800:hover,
.group:hover .group-hover\:bg-dark-800 {
    background-color: rgba(30, 41, 59, var(--bg-opacity, 1));
}
.bg-dark-900,
.hover\:bg-dark-900:hover,
.group:hover .group-hover\:bg-dark-900 {
    background-color: rgba(15, 23, 42, var(--bg-opacity, 1));
}
.bg-danger-50,
.hover\:bg-danger-50:hover,
.group:hover .group-hover\:bg-danger-50 {
    background-color: rgba(254, 242, 242, var(--bg-opacity, 1));
}
.bg-danger-100,
.hover\:bg-danger-100:hover,
.group:hover .group-hover\:bg-danger-100 {
    background-color: rgba(254, 226, 226, var(--bg-opacity, 1));
}
.bg-danger-200,
.hover\:bg-danger-200:hover,
.group:hover .group-hover\:bg-danger-200 {
    background-color: rgba(254, 202, 202, var(--bg-opacity, 1));
}
.bg-danger-300,
.hover\:bg-danger-300:hover,
.group:hover .group-hover\:bg-danger-300 {
    background-color: rgba(252, 165, 165, var(--bg-opacity, 1));
}
.bg-danger-400,
.hover\:bg-danger-400:hover,
.group:hover .group-hover\:bg-danger-400 {
    background-color: rgba(248, 113, 113, var(--bg-opacity, 1));
}
.bg-danger-500,
.hover\:bg-danger-500:hover,
.group:hover .group-hover\:bg-danger-500 {
    background-color: rgba(239, 68, 68, var(--bg-opacity, 1));
}
.bg-danger-600,
.hover\:bg-danger-600:hover,
.group:hover .group-hover\:bg-danger-600 {
    background-color: rgba(220, 38, 38, var(--bg-opacity, 1));
}
.bg-danger-700,
.hover\:bg-danger-700:hover,
.group:hover .group-hover\:bg-danger-700 {
    background-color: rgba(185, 28, 28, var(--bg-opacity, 1));
}
.bg-danger-800,
.hover\:bg-danger-800:hover,
.group:hover .group-hover\:bg-danger-800 {
    background-color: rgba(153, 27, 27, var(--bg-opacity, 1));
}
.bg-danger-900,
.hover\:bg-danger-900:hover,
.group:hover .group-hover\:bg-danger-900 {
    background-color: rgba(127, 29, 29, var(--bg-opacity, 1));
}
.\!bg-danger-500,
.hover\:\!bg-danger-500:hover,
.group:hover .group-hover\:\!bg-danger-500 {
    background-color: rgba(239, 68, 68, var(--bg-opacity, 1)) !important;
}
.bg-amber-50,
.hover\:bg-amber-50:hover,
.group:hover .group-hover\:bg-amber-50 {
    background-color: rgba(255, 251, 235, var(--bg-opacity, 1));
}
.bg-amber-100,
.hover\:bg-amber-100:hover,
.group:hover .group-hover\:bg-amber-100 {
    background-color: rgba(254, 243, 199, var(--bg-opacity, 1));
}
.bg-amber-200,
.hover\:bg-amber-200:hover,
.group:hover .group-hover\:bg-amber-200 {
    background-color: rgba(253, 230, 138, var(--bg-opacity, 1));
}
.bg-amber-300,
.hover\:bg-amber-300:hover,
.group:hover .group-hover\:bg-amber-300 {
    background-color: rgba(252, 211, 77, var(--bg-opacity, 1));
}
.bg-amber-400,
.hover\:bg-amber-400:hover,
.group:hover .group-hover\:bg-amber-400 {
    background-color: rgba(251, 191, 36, var(--bg-opacity, 1));
}
.bg-amber-500,
.hover\:bg-amber-500:hover,
.group:hover .group-hover\:bg-amber-500 {
    background-color: rgba(245, 158, 11, var(--bg-opacity, 1));
}
.bg-amber-600,
.hover\:bg-amber-600:hover,
.group:hover .group-hover\:bg-amber-600 {
    background-color: rgba(217, 119, 6, var(--bg-opacity, 1));
}
.bg-amber-700,
.hover\:bg-amber-700:hover,
.group:hover .group-hover\:bg-amber-700 {
    background-color: rgba(180, 83, 9, var(--bg-opacity, 1));
}
.bg-amber-800,
.hover\:bg-amber-800:hover,
.group:hover .group-hover\:bg-amber-800 {
    background-color: rgba(146, 64, 14, var(--bg-opacity, 1));
}
.bg-amber-900,
.hover\:bg-amber-900:hover,
.group:hover .group-hover\:bg-amber-900 {
    background-color: rgba(120, 53, 15, var(--bg-opacity, 1));
}
.bg-warning-50,
.hover\:bg-warning-50:hover,
.group:hover .group-hover\:bg-warning-50 {
    background-color: rgba(254, 252, 232, var(--bg-opacity, 1));
}
.bg-warning-100,
.hover\:bg-warning-100:hover,
.group:hover .group-hover\:bg-warning-100 {
    background-color: rgba(254, 249, 195, var(--bg-opacity, 1));
}
.bg-warning-200,
.hover\:bg-warning-200:hover,
.group:hover .group-hover\:bg-warning-200 {
    background-color: rgba(254, 240, 138, var(--bg-opacity, 1));
}
.bg-warning-300,
.hover\:bg-warning-300:hover,
.group:hover .group-hover\:bg-warning-300 {
    background-color: rgba(253, 224, 71, var(--bg-opacity, 1));
}
.bg-warning-400,
.hover\:bg-warning-400:hover,
.group:hover .group-hover\:bg-warning-400 {
    background-color: rgba(250, 204, 21, var(--bg-opacity, 1));
}
.bg-warning-500,
.hover\:bg-warning-500:hover,
.group:hover .group-hover\:bg-warning-500 {
    background-color: rgba(234, 179, 8, var(--bg-opacity, 1));
}
.bg-warning-600,
.hover\:bg-warning-600:hover,
.group:hover .group-hover\:bg-warning-600 {
    background-color: rgba(202, 138, 4, var(--bg-opacity, 1));
}
.bg-warning-700,
.hover\:bg-warning-700:hover,
.group:hover .group-hover\:bg-warning-700 {
    background-color: rgba(161, 98, 7, var(--bg-opacity, 1));
}
.bg-warning-800,
.hover\:bg-warning-800:hover,
.group:hover .group-hover\:bg-warning-800 {
    background-color: rgba(133, 77, 14, var(--bg-opacity, 1));
}
.bg-warning-900,
.hover\:bg-warning-900:hover,
.group:hover .group-hover\:bg-warning-900 {
    background-color: rgba(113, 63, 18, var(--bg-opacity, 1));
}
.bg-success-50,
.hover\:bg-success-50:hover,
.group:hover .group-hover\:bg-success-50 {
    background-color: rgba(240, 253, 244, var(--bg-opacity, 1));
}
.bg-success-100,
.hover\:bg-success-100:hover,
.group:hover .group-hover\:bg-success-100 {
    background-color: rgba(220, 252, 231, var(--bg-opacity, 1));
}
.bg-success-200,
.hover\:bg-success-200:hover,
.group:hover .group-hover\:bg-success-200 {
    background-color: rgba(187, 247, 208, var(--bg-opacity, 1));
}
.bg-success-300,
.hover\:bg-success-300:hover,
.group:hover .group-hover\:bg-success-300 {
    background-color: rgba(134, 239, 172, var(--bg-opacity, 1));
}
.bg-success-400,
.hover\:bg-success-400:hover,
.group:hover .group-hover\:bg-success-400 {
    background-color: rgba(74, 222, 128, var(--bg-opacity, 1));
}
.bg-success-500,
.hover\:bg-success-500:hover,
.group:hover .group-hover\:bg-success-500 {
    background-color: rgba(34, 197, 94, var(--bg-opacity, 1));
}
.bg-success-600,
.hover\:bg-success-600:hover,
.group:hover .group-hover\:bg-success-600 {
    background-color: rgba(22, 163, 74, var(--bg-opacity, 1));
}
.bg-success-700,
.hover\:bg-success-700:hover,
.group:hover .group-hover\:bg-success-700 {
    background-color: rgba(21, 128, 61, var(--bg-opacity, 1));
}
.bg-success-800,
.hover\:bg-success-800:hover,
.group:hover .group-hover\:bg-success-800 {
    background-color: rgba(22, 101, 52, var(--bg-opacity, 1));
}
.bg-success-900,
.hover\:bg-success-900:hover,
.group:hover .group-hover\:bg-success-900 {
    background-color: rgba(20, 83, 45, var(--bg-opacity, 1));
}
.bg-cyan-50,
.hover\:bg-cyan-50:hover,
.group:hover .group-hover\:bg-cyan-50 {
    background-color: rgba(236, 254, 255, var(--bg-opacity, 1));
}
.bg-cyan-100,
.hover\:bg-cyan-100:hover,
.group:hover .group-hover\:bg-cyan-100 {
    background-color: rgba(207, 250, 254, var(--bg-opacity, 1));
}
.bg-cyan-200,
.hover\:bg-cyan-200:hover,
.group:hover .group-hover\:bg-cyan-200 {
    background-color: rgba(165, 243, 252, var(--bg-opacity, 1));
}
.bg-cyan-300,
.hover\:bg-cyan-300:hover,
.group:hover .group-hover\:bg-cyan-300 {
    background-color: rgba(103, 232, 249, var(--bg-opacity, 1));
}
.bg-cyan-400,
.hover\:bg-cyan-400:hover,
.group:hover .group-hover\:bg-cyan-400 {
    background-color: rgba(34, 211, 238, var(--bg-opacity, 1));
}
.bg-cyan-500,
.hover\:bg-cyan-500:hover,
.group:hover .group-hover\:bg-cyan-500 {
    background-color: rgba(6, 182, 212, var(--bg-opacity, 1));
}
.bg-cyan-600,
.hover\:bg-cyan-600:hover,
.group:hover .group-hover\:bg-cyan-600 {
    background-color: rgba(8, 145, 178, var(--bg-opacity, 1));
}
.bg-cyan-700,
.hover\:bg-cyan-700:hover,
.group:hover .group-hover\:bg-cyan-700 {
    background-color: rgba(14, 116, 144, var(--bg-opacity, 1));
}
.bg-cyan-800,
.hover\:bg-cyan-800:hover,
.group:hover .group-hover\:bg-cyan-800 {
    background-color: rgba(21, 94, 117, var(--bg-opacity, 1));
}
.bg-cyan-900,
.hover\:bg-cyan-900:hover,
.group:hover .group-hover\:bg-cyan-900 {
    background-color: rgba(22, 78, 99, var(--bg-opacity, 1));
}
.bg-primary-50,
.hover\:bg-primary-50:hover,
.group:hover .group-hover\:bg-primary-50 {
    background-color: rgba(240, 249, 255, var(--bg-opacity, 1));
}
.bg-primary-100,
.hover\:bg-primary-100:hover,
.group:hover .group-hover\:bg-primary-100 {
    background-color: rgba(224, 242, 254, var(--bg-opacity, 1));
}
.bg-primary-200,
.hover\:bg-primary-200:hover,
.group:hover .group-hover\:bg-primary-200 {
    background-color: rgba(186, 230, 253, var(--bg-opacity, 1));
}
.bg-primary-300,
.hover\:bg-primary-300:hover,
.group:hover .group-hover\:bg-primary-300 {
    background-color: rgba(125, 211, 252, var(--bg-opacity, 1));
}
.bg-primary-400,
.hover\:bg-primary-400:hover,
.group:hover .group-hover\:bg-primary-400 {
    background-color: rgba(56, 189, 248, var(--bg-opacity, 1));
}
.bg-primary-500,
.hover\:bg-primary-500:hover,
.group:hover .group-hover\:bg-primary-500 {
    background-color: rgba(14, 165, 233, var(--bg-opacity, 1));
}
.bg-primary-600,
.hover\:bg-primary-600:hover,
.group:hover .group-hover\:bg-primary-600 {
    background-color: rgba(2, 132, 199, var(--bg-opacity, 1));
}
.bg-primary-700,
.hover\:bg-primary-700:hover,
.group:hover .group-hover\:bg-primary-700 {
    background-color: rgba(3, 105, 161, var(--bg-opacity, 1));
}
.bg-primary-800,
.hover\:bg-primary-800:hover,
.group:hover .group-hover\:bg-primary-800 {
    background-color: rgba(7, 89, 133, var(--bg-opacity, 1));
}
.bg-primary-900,
.hover\:bg-primary-900:hover,
.group:hover .group-hover\:bg-primary-900 {
    background-color: rgba(12, 74, 110, var(--bg-opacity, 1));
}
.bg-transparent,
.hover\:bg-transparent:hover,
.group:hover .group-hover\:bg-transparent {
    background-color: rgba(0, 0, 0, 0) !important;
}
.bg-black,
.hover\:bg-black:hover,
.group:hover .group-hover\:bg-black {
    background-color: rgba(0, 0, 0, var(--bg-opacity, 1)) !important;
}
.bg-white,
.hover\:bg-white:hover,
.group:hover .group-hover\:bg-white {
    background-color: rgba(255, 255, 255, var(--bg-opacity, 1)) !important;
}
.bg-opacity-0,
.hover\:bg-opacity-0:hover,
.group:hover .group-hover\:bg-opacity-0 {
    --bg-opacity: 0 !important;
}
.bg-opacity-5,
.hover\:bg-opacity-5:hover,
.group:hover .group-hover\:bg-opacity-10 {
    --bg-opacity: 0.05 !important;
}
.bg-opacity-10,
.hover\:bg-opacity-10:hover,
.group:hover .group-hover\:bg-opacity-10 {
    --bg-opacity: 0.1 !important;
}
.bg-opacity-20,
.hover\:bg-opacity-20:hover,
.group:hover .group-hover\:bg-opacity-20 {
    --bg-opacity: 0.2 !important;
}
.bg-opacity-30,
.hover\:bg-opacity-30:hover,
.group:hover .group-hover\:bg-opacity-30 {
    --bg-opacity: 0.3 !important;
}
.bg-opacity-40,
.hover\:bg-opacity-40:hover,
.group:hover .group-hover\:bg-opacity-40 {
    --bg-opacity: 0.4 !important;
}
.bg-opacity-50,
.hover\:bg-opacity-50:hover,
.group:hover .group-hover\:bg-opacity-50 {
    --bg-opacity: 0.5 !important;
}
.bg-opacity-60,
.hover\:bg-opacity-60:hover,
.group:hover .group-hover\:bg-opacity-60 {
    --bg-opacity: 0.6 !important;
}
.bg-opacity-70,
.hover\:bg-opacity-70:hover,
.group:hover .group-hover\:bg-opacity-70 {
    --bg-opacity: 0.7 !important;
}
.bg-opacity-80,
.hover\:bg-opacity-80:hover,
.group:hover .group-hover\:bg-opacity-80 {
    --bg-opacity: 0.8 !important;
}
.bg-opacity-90,
.hover\:bg-opacity-90:hover,
.group:hover .group-hover\:bg-opacity-90 {
    --bg-opacity: 0.9 !important;
}
[class*='border-'],
[class^='border-'] {
    border-width: var(--border-t, 0) var(--border-r, 0) var(--border-b, 0) var(--border-l, 0) !important;
    border-style: var(--border-style, solid) !important;
}
.border-solid {
    --border-style: solid;
}
.border-dashed {
    --border-style: dashed !important;
}
.border-dotted {
    --border-style: dotted !important;
}
.border-double {
    --border-style: double !important;
}
.border-hidden {
    --border-style: hidden;
}
.border-none {
    border: none !important;
}
.border-0 {
    border-width: 0px !important;
}
.border {
    border-width: 1px !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-3 {
    border-width: 3px !important;
}
.border-4 {
    border-width: 4px !important;
}
.border-5 {
    border-width: 5px !important;
}
.border-6 {
    border-width: 6px !important;
}
.border-7 {
    border-width: 7px !important;
}
.border-8 {
    border-width: 8px !important;
}
.border-t-0 {
    --border-t: 0 !important;
}
.border-t {
    --border-t: 1px !important;
}
.border-t-2 {
    --border-t: 2px !important;
}
.border-t-3 {
    --border-t: 3px !important;
}
.border-t-4 {
    --border-t: 4px !important;
}
.border-t-5 {
    --border-t: 5px !important;
}
.border-t-6 {
    --border-t: 6px !important;
}
.border-t-7 {
    --border-t: 7px !important;
}
.border-t-8 {
    --border-t: 8px !important;
}
.border-r-0 {
    --border-r: 0 !important;
}
.border-r {
    --border-r: 1px !important;
}
.border-r-2 {
    --border-r: 2px !important;
}
.border-r-3 {
    --border-r: 3px !important;
}
.border-r-4 {
    --border-r: 4px !important;
}
.border-r-5 {
    --border-r: 5px !important;
}
.border-r-6 {
    --border-r: 6px !important;
}
.border-r-7 {
    --border-r: 7px !important;
}
.border-r-8 {
    --border-r: 8px !important;
}
.border-b-0 {
    --border-b: 0 !important;
}
.border-b {
    --border-b: 1px !important;
}
.border-b-2 {
    --border-b: 2px !important;
}
.border-b-3 {
    --border-b: 3px !important;
}
.border-b-4 {
    --border-b: 4px !important;
}
.border-b-5 {
    --border-b: 5px !important;
}
.border-b-6 {
    --border-b: 6px !important;
}
.border-b-7 {
    --border-b: 7px !important;
}
.border-b-8 {
    --border-b: 8px !important;
}
.border-l-0 {
    --border-l: 0 !important;
}
.border-l {
    --border-l: 1px !important;
}
.border-l-2 {
    --border-l: 2px !important;
}
.border-l-3 {
    --border-l: 3px !important;
}
.border-l-4 {
    --border-l: 4px !important;
}
.border-l-5 {
    --border-l: 5px !important;
}
.border-l-6 {
    --border-l: 6px !important;
}
.border-l-7 {
    --border-l: 7px !important;
}
.border-l-8 {
    --border-l: 8px !important;
}
.border-dark-50,
.hover\:border-dark-50:hover,
.group:hover .group-hover\:border-dark-50 {
    border-color: rgba(248, 250, 252, var(--border-opacity, 1)) !important;
}
.border-dark-100,
.hover\:border-dark-100:hover,
.group:hover .group-hover\:border-dark-100 {
    border-color: rgba(241, 245, 249, var(--border-opacity, 1)) !important;
}
.border-dark-200,
.hover\:border-dark-200:hover,
.group:hover .group-hover\:border-dark-200 {
    border-color: rgba(226, 232, 240, var(--border-opacity, 1)) !important;
}
.border-dark-300,
.hover\:border-dark-300:hover,
.group:hover .group-hover\:border-dark-300 {
    border-color: rgba(203, 213, 225, var(--border-opacity, 1)) !important;
}
.border-dark-400,
.hover\:border-dark-400:hover,
.group:hover .group-hover\:border-dark-400 {
    border-color: rgba(148, 163, 184, var(--border-opacity, 1)) !important;
}
.border-dark-500,
.hover\:border-dark-500:hover,
.group:hover .group-hover\:border-dark-500 {
    border-color: rgba(100, 116, 139, var(--border-opacity, 1)) !important;
}
.border-dark-600,
.hover\:border-dark-600:hover,
.group:hover .group-hover\:border-dark-600 {
    border-color: rgba(71, 85, 105, var(--border-opacity, 1)) !important;
}
.border-dark-700,
.hover\:border-dark-700:hover,
.group:hover .group-hover\:border-dark-700 {
    border-color: rgba(51, 65, 85, var(--border-opacity, 1)) !important;
}
.border-dark-800,
.hover\:border-dark-800:hover,
.group:hover .group-hover\:border-dark-800 {
    border-color: rgba(30, 41, 59, var(--border-opacity, 1)) !important;
}
.border-dark-900,
.hover\:border-dark-900:hover,
.group:hover .group-hover\:border-dark-900 {
    border-color: rgba(15, 23, 42, var(--border-opacity, 1)) !important;
}
.border-danger-50,
.hover\:border-danger-50:hover,
.group:hover .group-hover\:border-danger-50 {
    border-color: rgba(254, 242, 242, var(--border-opacity, 1)) !important;
}
.border-danger-100,
.hover\:border-danger-100:hover,
.group:hover .group-hover\:border-danger-100 {
    border-color: rgba(254, 226, 226, var(--border-opacity, 1)) !important;
}
.border-danger-200,
.hover\:border-danger-200:hover,
.group:hover .group-hover\:border-danger-200 {
    border-color: rgba(254, 202, 202, var(--border-opacity, 1)) !important;
}
.border-danger-300,
.hover\:border-danger-300:hover,
.group:hover .group-hover\:border-danger-300 {
    border-color: rgba(252, 165, 165, var(--border-opacity, 1)) !important;
}
.border-danger-400,
.hover\:border-danger-400:hover,
.group:hover .group-hover\:border-danger-400 {
    border-color: rgba(248, 113, 113, var(--border-opacity, 1)) !important;
}
.border-danger-500,
.hover\:border-danger-500:hover,
.group:hover .group-hover\:border-danger-500 {
    border-color: rgba(239, 68, 68, var(--border-opacity, 1)) !important;
}
.border-danger-600,
.hover\:border-danger-600:hover,
.group:hover .group-hover\:border-danger-600 {
    border-color: rgba(220, 38, 38, var(--border-opacity, 1)) !important;
}
.border-danger-700,
.hover\:border-danger-700:hover,
.group:hover .group-hover\:border-danger-700 {
    border-color: rgba(185, 28, 28, var(--border-opacity, 1)) !important;
}
.border-danger-800,
.hover\:border-danger-800:hover,
.group:hover .group-hover\:border-danger-800 {
    border-color: rgba(153, 27, 27, var(--border-opacity, 1)) !important;
}
.border-danger-900,
.hover\:border-danger-900:hover,
.group:hover .group-hover\:border-danger-900 {
    border-color: rgba(127, 29, 29, var(--border-opacity, 1)) !important;
}
.border-amber-50,
.hover\:border-amber-50:hover,
.group:hover .group-hover\:border-amber-50 {
    border-color: rgba(255, 251, 235, var(--border-opacity, 1)) !important;
}
.border-amber-100,
.hover\:border-amber-100:hover,
.group:hover .group-hover\:border-amber-100 {
    border-color: rgba(254, 243, 199, var(--border-opacity, 1)) !important;
}
.border-amber-200,
.hover\:border-amber-200:hover,
.group:hover .group-hover\:border-amber-200 {
    border-color: rgba(253, 230, 138, var(--border-opacity, 1)) !important;
}
.border-amber-300,
.hover\:border-amber-300:hover,
.group:hover .group-hover\:border-amber-300 {
    border-color: rgba(252, 211, 77, var(--border-opacity, 1)) !important;
}
.border-amber-400,
.hover\:border-amber-400:hover,
.group:hover .group-hover\:border-amber-400 {
    border-color: rgba(251, 191, 36, var(--border-opacity, 1)) !important;
}
.border-amber-500,
.hover\:border-amber-500:hover,
.group:hover .group-hover\:border-amber-500 {
    border-color: rgba(245, 158, 11, var(--border-opacity, 1)) !important;
}
.border-amber-600,
.hover\:border-amber-600:hover,
.group:hover .group-hover\:border-amber-600 {
    border-color: rgba(217, 119, 6, var(--border-opacity, 1)) !important;
}
.border-amber-700,
.hover\:border-amber-700:hover,
.group:hover .group-hover\:border-amber-700 {
    border-color: rgba(180, 83, 9, var(--border-opacity, 1)) !important;
}
.border-amber-800,
.hover\:border-amber-800:hover,
.group:hover .group-hover\:border-amber-800 {
    border-color: rgba(146, 64, 14, var(--border-opacity, 1)) !important;
}
.border-amber-900,
.hover\:border-amber-900:hover,
.group:hover .group-hover\:border-amber-900 {
    border-color: rgba(120, 53, 15, var(--border-opacity, 1)) !important;
}
.border-warning-50,
.hover\:border-warning-50:hover,
.group:hover .group-hover\:border-warning-50 {
    border-color: rgba(254, 252, 232, var(--border-opacity, 1)) !important;
}
.border-warning-100,
.hover\:border-warning-100:hover,
.group:hover .group-hover\:border-warning-100 {
    border-color: rgba(254, 249, 195, var(--border-opacity, 1)) !important;
}
.border-warning-200,
.hover\:border-warning-200:hover,
.group:hover .group-hover\:border-warning-200 {
    border-color: rgba(254, 240, 138, var(--border-opacity, 1)) !important;
}
.border-warning-300,
.hover\:border-warning-300:hover,
.group:hover .group-hover\:border-warning-300 {
    border-color: rgba(253, 224, 71, var(--border-opacity, 1)) !important;
}
.border-warning-400,
.hover\:border-warning-400:hover,
.group:hover .group-hover\:border-warning-400 {
    border-color: rgba(250, 204, 21, var(--border-opacity, 1)) !important;
}
.border-warning-500,
.hover\:border-warning-500:hover,
.group:hover .group-hover\:border-warning-500 {
    border-color: rgba(234, 179, 8, var(--border-opacity, 1)) !important;
}
.border-warning-600,
.hover\:border-warning-600:hover,
.group:hover .group-hover\:border-warning-600 {
    border-color: rgba(202, 138, 4, var(--border-opacity, 1)) !important;
}
.border-warning-700,
.hover\:border-warning-700:hover,
.group:hover .group-hover\:border-warning-700 {
    border-color: rgba(161, 98, 7, var(--border-opacity, 1)) !important;
}
.border-warning-800,
.hover\:border-warning-800:hover,
.group:hover .group-hover\:border-warning-800 {
    border-color: rgba(133, 77, 14, var(--border-opacity, 1)) !important;
}
.border-warning-900,
.hover\:border-warning-900:hover,
.group:hover .group-hover\:border-warning-900 {
    border-color: rgba(113, 63, 18, var(--border-opacity, 1)) !important;
}
.border-success-50,
.hover\:border-success-50:hover,
.group:hover .group-hover\:border-success-50 {
    border-color: rgba(236, 253, 245, var(--border-opacity, 1)) !important;
}
.border-success-100,
.hover\:border-success-100:hover,
.group:hover .group-hover\:border-success-100 {
    border-color: rgba(209, 250, 229, var(--border-opacity, 1)) !important;
}
.border-success-200,
.hover\:border-success-200:hover,
.group:hover .group-hover\:border-success-200 {
    border-color: rgba(167, 243, 208, var(--border-opacity, 1)) !important;
}
.border-success-300,
.hover\:border-success-300:hover,
.group:hover .group-hover\:border-success-300 {
    border-color: rgba(110, 231, 183, var(--border-opacity, 1)) !important;
}
.border-success-400,
.hover\:border-success-400:hover,
.group:hover .group-hover\:border-success-400 {
    border-color: rgba(52, 211, 153, var(--border-opacity, 1)) !important;
}
.border-success-500,
.hover\:border-success-500:hover,
.group:hover .group-hover\:border-success-500 {
    border-color: rgba(16, 185, 129, var(--border-opacity, 1)) !important;
}
.border-success-600,
.hover\:border-success-600:hover,
.group:hover .group-hover\:border-success-600 {
    border-color: rgba(5, 150, 105, var(--border-opacity, 1)) !important;
}
.border-success-700,
.hover\:border-success-700:hover,
.group:hover .group-hover\:border-success-700 {
    border-color: rgba(4, 120, 87, var(--border-opacity, 1)) !important;
}
.border-success-800,
.hover\:border-success-800:hover,
.group:hover .group-hover\:border-success-800 {
    border-color: rgba(6, 95, 70, var(--border-opacity, 1)) !important;
}
.border-success-900,
.hover\:border-success-900:hover,
.group:hover .group-hover\:border-success-900 {
    border-color: rgba(6, 78, 59, var(--border-opacity, 1)) !important;
}
.border-cyan-50,
.hover\:border-cyan-50:hover,
.group:hover .group-hover\:border-cyan-50 {
    border-color: rgba(236, 254, 255, var(--border-opacity, 1)) !important;
}
.border-cyan-100,
.hover\:border-cyan-100:hover,
.group:hover .group-hover\:border-cyan-100 {
    border-color: rgba(207, 250, 254, var(--border-opacity, 1)) !important;
}
.border-cyan-200,
.hover\:border-cyan-200:hover,
.group:hover .group-hover\:border-cyan-200 {
    border-color: rgba(165, 243, 252, var(--border-opacity, 1)) !important;
}
.border-cyan-300,
.hover\:border-cyan-300:hover,
.group:hover .group-hover\:border-cyan-300 {
    border-color: rgba(103, 232, 249, var(--border-opacity, 1)) !important;
}
.border-cyan-400,
.hover\:border-cyan-400:hover,
.group:hover .group-hover\:border-cyan-400 {
    border-color: rgba(34, 211, 238, var(--border-opacity, 1)) !important;
}
.border-cyan-500,
.hover\:border-cyan-500:hover,
.group:hover .group-hover\:border-cyan-500 {
    border-color: rgba(6, 182, 212, var(--border-opacity, 1)) !important;
}
.border-cyan-600,
.hover\:border-cyan-600:hover,
.group:hover .group-hover\:border-cyan-600 {
    border-color: rgba(8, 145, 178, var(--border-opacity, 1)) !important;
}
.border-cyan-700,
.hover\:border-cyan-700:hover,
.group:hover .group-hover\:border-cyan-700 {
    border-color: rgba(14, 116, 144, var(--border-opacity, 1)) !important;
}
.border-cyan-800,
.hover\:border-cyan-800:hover,
.group:hover .group-hover\:border-cyan-800 {
    border-color: rgba(21, 94, 117, var(--border-opacity, 1)) !important;
}
.border-cyan-900,
.hover\:border-cyan-900:hover,
.group:hover .group-hover\:border-cyan-900 {
    border-color: rgba(22, 78, 99, var(--border-opacity, 1)) !important;
}
.border-primary-50,
.hover\:border-primary-50:hover,
.group:hover .group-hover\:border-primary-50 {
    border-color: rgba(239, 246, 255, var(--border-opacity, 1)) !important;
}
.border-primary-100,
.hover\:border-primary-100:hover,
.group:hover .group-hover\:border-primary-100 {
    border-color: rgba(219, 234, 254, var(--border-opacity, 1)) !important;
}
.border-primary-200,
.hover\:border-primary-200:hover,
.group:hover .group-hover\:border-primary-200 {
    border-color: rgba(191, 219, 254, var(--border-opacity, 1)) !important;
}
.border-primary-300,
.hover\:border-primary-300:hover,
.group:hover .group-hover\:border-primary-300 {
    border-color: rgba(147, 197, 253, var(--border-opacity, 1)) !important;
}
.border-primary-400,
.hover\:border-primary-400:hover,
.group:hover .group-hover\:border-primary-400 {
    border-color: rgba(96, 165, 250, var(--border-opacity, 1)) !important;
}
.border-primary-500,
.hover\:border-primary-500:hover,
.group:hover .group-hover\:border-primary-500 {
    border-color: rgba(59, 130, 246, var(--border-opacity, 1)) !important;
}
.border-primary-600,
.hover\:border-primary-600:hover,
.group:hover .group-hover\:border-primary-600 {
    border-color: rgba(37, 99, 235, var(--border-opacity, 1)) !important;
}
.border-primary-700,
.hover\:border-primary-700:hover,
.group:hover .group-hover\:border-primary-700 {
    border-color: rgba(29, 78, 216, var(--border-opacity, 1)) !important;
}
.border-primary-800,
.hover\:border-primary-800:hover,
.group:hover .group-hover\:border-primary-800 {
    border-color: rgba(30, 64, 175, var(--border-opacity, 1)) !important;
}
.border-primary-900,
.hover\:border-primary-900:hover,
.group:hover .group-hover\:border-primary-900 {
    border-color: rgba(30, 58, 138, var(--border-opacity, 1)) !important;
}
.border-transparent,
.hover\:border-transparent:hover,
.group:hover .group-hover\:border-transparent {
    border-color: rgba(0, 0, 0, 0);
}
.border-black,
.hover\:border-black:hover,
.group:hover .group-hover\:border-black {
    border-color: rgba(0, 0, 0, var(--border-opacity, 1)) !important;
}
.border-white,
.hover\:border-white:hover,
.group:hover .group-hover\:border-white {
    border-color: rgba(255, 255, 255, var(--border-opacity, 1)) !important;
}
.border-opacity-0,
.hover\:border-opacity-0:hover,
.group:hover .group-hover\:border-opacity-0 {
    --border-opacity: 0 !important;
}
.border-opacity-5,
.hover\:border-opacity-10:hover,
.group:hover .group-hover\:border-opacity-10 {
    --border-opacity: 0.05 !important;
}
.border-opacity-10,
.hover\:border-opacity-10:hover,
.group:hover .group-hover\:border-opacity-10 {
    --border-opacity: 0.1 !important;
}
.border-opacity-20,
.hover\:border-opacity-20:hover,
.group:hover .group-hover\:border-opacity-20 {
    --border-opacity: 0.2 !important;
}
.border-opacity-30,
.hover\:border-opacity-30:hover,
.group:hover .group-hover\:border-opacity-30 {
    --border-opacity: 0.3 !important;
}
.border-opacity-40,
.hover\:border-opacity-40:hover,
.group:hover .group-hover\:border-opacity-40 {
    --border-opacity: 0.4 !important;
}
.border-opacity-50,
.hover\:border-opacity-50:hover,
.group:hover .group-hover\:border-opacity-50 {
    --border-opacity: 0.5 !important;
}
.border-opacity-60,
.hover\:border-opacity-60:hover,
.group:hover .group-hover\:border-opacity-60 {
    --border-opacity: 0.6 !important;
}
.border-opacity-70,
.hover\:border-opacity-70:hover,
.group:hover .group-hover\:border-opacity-70 {
    --border-opacity: 0.7 !important;
}
.border-opacity-80,
.hover\:border-opacity-80:hover,
.group:hover .group-hover\:border-opacity-80 {
    --border-opacity: 0.8 !important;
}
.border-opacity-90,
.hover\:border-opacity-90:hover,
.group:hover .group-hover\:border-opacity-90 {
    --border-opacity: 0.9 !important;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.normal-case {
    text-transform: none;
}
.tracking-tighter {
    letter-spacing: var(--tracking-tighter);
}
.tracking-tight {
    letter-spacing: var(--tracking-tight);
}
.tracking-normal {
    letter-spacing: var(--tracking-normal);
}
.tracking-wide {
    letter-spacing: var(--tracking-wide);
}
.tracking-wider {
    letter-spacing: var(--tracking-wider);
}
.tracking-widest {
    letter-spacing: var(--tracking-widest);
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-start {
    text-align: start;
}
.text-end {
    text-align: end;
}
.align-baseline {
    vertical-align: baseline;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.whitespace-pre {
    white-space: pre;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.whitespace-break-spaces {
    white-space: break-spaces;
}
.\!whitespace-normal {
    white-space: normal;
}
.\!whitespace-nowrap {
    white-space: nowrap;
}
.\!whitespace-pre {
    white-space: pre;
}
.\!whitespace-pre-line {
    white-space: pre-line;
}
.\!whitespace-pre-wrap {
    white-space: pre-wrap;
}
.\!whitespace-break-spaces {
    white-space: break-spaces;
}
.break-normal {
    overflow-wrap: normal;
    word-break: normal;
}
.break-words {
    overflow-wrap: break-word;
}
.break-all {
    word-break: break-all;
}
.break-keep {
    word-break: keep-all;
}
.hyphens-none {
    hyphens: none;
}
.hyphens-manual {
    hyphens: manual;
}
.hyphens-auto {
    hyphens: auto;
}
[class^='line-clamp-'],
[class*='line-clamp-'] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.line-clamp-1 {
    -webkit-line-clamp: 1;
}
.line-clamp-2 {
    -webkit-line-clamp: 2;
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
}
.line-clamp-4 {
    -webkit-line-clamp: 4;
}
.line-clamp-5 {
    -webkit-line-clamp: 5;
}
.opacity-0,
.group:hover .group-hover\:opacity-0 {
    opacity: 0;
}
.opacity-10,
.group:hover .group-hover\:opacity-10 {
    opacity: 0.1;
}
.opacity-20,
.group:hover .group-hover\:opacity-20 {
    opacity: 0.2;
}
.opacity-30,
.group:hover .group-hover\:opacity-30 {
    opacity: 0.3;
}
.opacity-40,
.group:hover .group-hover\:opacity-40 {
    opacity: 0.4;
}
.opacity-50,
.group:hover .group-hover\:opacity-50 {
    opacity: 0.5;
}
.opacity-60,
.group:hover .group-hover\:opacity-60 {
    opacity: 0.6;
}
.opacity-70,
.group:hover .group-hover\:opacity-70 {
    opacity: 0.7;
}
.opacity-80,
.group:hover .group-hover\:opacity-80 {
    opacity: 0.8;
}
.opacity-90,
.group:hover .group-hover\:opacity-90 {
    opacity: 0.9;
}
.opacity-100,
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}
.rounded-none {
    border-radius: var(--rounded-none);
}
.rounded-sm {
    border-radius: var(--rounded-sm);
}
.rounded {
    border-radius: var(--rounded);
}
.rounded-md {
    border-radius: var(--rounded-md);
}
.rounded-lg {
    border-radius: var(--rounded-lg);
}
.rounded-xl {
    border-radius: var(--rounded-xl);
}
.rounded-2xl {
    border-radius: var(--rounded-2xl);
}
.rounded-3xl {
    border-radius: var(--rounded-3xl);
}
.rounded-full {
    border-radius: var(--rounded-full);
}
.rounded-t-none {
    border-top-left-radius: var(--rounded-none);
    border-top-right-radius: var(--rounded-none);
}
.rounded-t-sm {
    border-top-left-radius: var(--rounded-sm);
    border-top-right-radius: var(--rounded-sm);
}
.rounded-t {
    border-top-left-radius: var(--rounded);
    border-top-right-radius: var(--rounded);
}
.rounded-t-md {
    border-top-left-radius: var(--rounded-md);
    border-top-right-radius: var(--rounded-md);
}
.rounded-t-lg {
    border-top-left-radius: var(--rounded-lg);
    border-top-right-radius: var(--rounded-lg);
}
.rounded-t-xl {
    border-top-left-radius: var(--rounded-xl);
    border-top-right-radius: var(--rounded-xl);
}
.rounded-t-2xl {
    border-top-left-radius: var(--rounded-2xl);
    border-top-right-radius: var(--rounded-2xl);
}
.rounded-t-3xl {
    border-top-left-radius: var(--rounded-3xl);
    border-top-right-radius: var(--rounded-3xl);
}
.rounded-t-full {
    border-top-left-radius: var(--rounded-full);
    border-top-right-radius: var(--rounded-full);
}
.rounded-b-none {
    border-bottom-left-radius: var(--rounded-none);
    border-bottom-right-radius: var(--rounded-none);
}
.rounded-b-sm {
    border-bottom-left-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm);
}
.rounded-b {
    border-bottom-left-radius: var(--rounded);
    border-bottom-right-radius: var(--rounded);
}
.rounded-b-md {
    border-bottom-left-radius: var(--rounded-md);
    border-bottom-right-radius: var(--rounded-md);
}
.rounded-b-lg {
    border-bottom-left-radius: var(--rounded-lg);
    border-bottom-right-radius: var(--rounded-lg);
}
.rounded-b-xl {
    border-bottom-left-radius: var(--rounded-xl);
    border-bottom-right-radius: var(--rounded-xl);
}
.rounded-b-2xl {
    border-bottom-left-radius: var(--rounded-2xl);
    border-bottom-right-radius: var(--rounded-2xl);
}
.rounded-b-3xl {
    border-bottom-left-radius: var(--rounded-3xl);
    border-bottom-right-radius: var(--rounded-3xl);
}
.rounded-b-full {
    border-bottom-left-radius: var(--rounded-full);
    border-bottom-right-radius: var(--rounded-full);
}
.rounded-l-none {
    border-top-left-radius: var(--rounded-none);
    border-bottom-left-radius: var(--rounded-none);
}
.rounded-l-sm {
    border-top-left-radius: var(--rounded-sm);
    border-bottom-left-radius: var(--rounded-sm);
}
.rounded-l {
    border-top-left-radius: var(--rounded);
    border-bottom-left-radius: var(--rounded);
}
.rounded-l-md {
    border-top-left-radius: var(--rounded-md);
    border-bottom-left-radius: var(--rounded-md);
}
.rounded-l-lg {
    border-top-left-radius: var(--rounded-lg);
    border-bottom-left-radius: var(--rounded-lg);
}
.rounded-l-xl {
    border-top-left-radius: var(--rounded-xl);
    border-bottom-left-radius: var(--rounded-xl);
}
.rounded-l-2xl {
    border-top-left-radius: var(--rounded-2xl);
    border-bottom-left-radius: var(--rounded-2xl);
}
.rounded-l-3xl {
    border-top-left-radius: var(--rounded-3xl);
    border-bottom-left-radius: var(--rounded-3xl);
}
.rounded-l-full {
    border-top-left-radius: var(--rounded-full);
    border-bottom-left-radius: var(--rounded-full);
}
.rounded-r-none {
    border-top-right-radius: var(--rounded-none);
    border-bottom-right-radius: var(--rounded-none);
}
.rounded-r-sm {
    border-top-right-radius: var(--rounded-sm);
    border-bottom-right-radius: var(--rounded-sm);
}
.rounded-r {
    border-top-right-radius: var(--rounded);
    border-bottom-right-radius: var(--rounded);
}
.rounded-r-md {
    border-top-right-radius: var(--rounded-md);
    border-bottom-right-radius: var(--rounded-md);
}
.rounded-r-lg {
    border-top-right-radius: var(--rounded-lg);
    border-bottom-right-radius: var(--rounded-lg);
}
.rounded-r-xl {
    border-top-right-radius: var(--rounded-xl);
    border-bottom-right-radius: var(--rounded-xl);
}
.rounded-r-2xl {
    border-top-right-radius: var(--rounded-2xl);
    border-bottom-right-radius: var(--rounded-2xl);
}
.rounded-r-3xl {
    border-top-right-radius: var(--rounded-3xl);
    border-bottom-right-radius: var(--rounded-3xl);
}
.rounded-r-full {
    border-top-right-radius: var(--rounded-full);
    border-bottom-right-radius: var(--rounded-full);
}
.aspect-square {
    aspect-ratio: 1/1;
}
.aspect-video {
    aspect-ratio: 16/9;
}
.object-cover {
    object-fit: cover;
}
.object-contain {
    object-fit: contain;
}
.object-center {
    object-position: center;
}
.object-bottom {
    object-position: bottom;
}
.object-left {
    object-position: left;
}
.object-left-bottom {
    object-position: left bottom;
}
.object-left-top {
    object-position: left top;
}
.object-right {
    object-position: right;
}
.object-right-bottom {
    object-position: right bottom;
}
.object-right-top {
    object-position: right top;
}
.object-top {
    object-position: top;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-clip {
    overflow: clip;
}
.overflow-visible {
    overflow: visible;
}
.overflow-scroll {
    overflow: scroll;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-x-clip {
    overflow-x: clip;
}
.overflow-y-clip {
    overflow-y: clip;
}
.overflow-x-visible {
    overflow-x: visible;
}
.overflow-y-visible {
    overflow-y: visible;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.isolate {
    isolation: isolate;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.inset-0 {
    inset: 0px;
}
.inset-px {
    inset: 1px;
}
.inset-0\.5 {
    inset: var(--size-0\5);
}
.inset-1 {
    inset: var(--size-1);
}
.inset-1\.5 {
    inset: var(--size-1\5);
}
.inset-2 {
    inset: var(--size-2);
}
.inset-2\.5 {
    inset: var(--size-2\5);
}
.inset-3 {
    inset: var(--size-3);
}
.inset-3\.5 {
    inset: var(--size-3\5);
}
.inset-4 {
    inset: var(--size-4);
}
.inset-5 {
    inset: var(--size-5);
}
.inset-6 {
    inset: var(--size-6);
}
.inset-7 {
    inset: var(--size-7);
}
.inset-8 {
    inset: var(--size-8);
}
.inset-9 {
    inset: var(--size-9);
}
.inset-x-0 {
    inset-inline: 0;
}
.inset-y-0 {
    inset-block: 0;
}
.inset-x-auto {
    inset-inline: auto;
}
.inset-y-auto {
    inset-block: auto;
}
.inset-auto {
    inset: auto;
}
.top-auto {
    top: auto;
}
.top-0 {
    top: 0px;
}
.top-px {
    top: 1px;
}
.top-1\/2 {
    top: 50%;
}
.top-0\.5 {
    top: var(--size-0\5);
}
.top-1 {
    top: var(--size-1);
}
.top-1\.5 {
    top: var(--size-1\5);
}
.top-2 {
    top: var(--size-2);
}
.top-2\.5 {
    top: var(--size-2\5);
}
.top-3 {
    top: var(--size-3);
}
.top-3\.5 {
    top: var(--size-3\5);
}
.top-4 {
    top: var(--size-4);
}
.top-5 {
    top: var(--size-5);
}
.top-6 {
    top: var(--size-6);
}
.top-7 {
    top: var(--size-7);
}
.top-8 {
    top: var(--size-8);
}
.top-9 {
    top: var(--size-9);
}
.top-10 {
    top: var(--size-10);
}
.top-11 {
    top: var(--size-11);
}
.top-12 {
    top: var(--size-12);
}
.top-14 {
    top: var(--size-15);
}
.top-16 {
    top: var(--size-16);
}
.top-20 {
    top: var(--size-20);
}
.top-24 {
    top: var(--size-24);
}
.top-28 {
    top: var(--size-28);
}
.top-32 {
    top: var(--size-32);
}
.top-36 {
    top: var(--size-36);
}
.top-40 {
    top: var(--size-40);
}
.top-44 {
    top: var(--size-44);
}
.top-48 {
    top: var(--size-48);
}
.top-52 {
    top: var(--size-52);
}
.top-56 {
    top: var(--size-56);
}
.top-60 {
    top: var(--size-60);
}
.-top-px {
    top: -1px;
}
.-top-0\.5 {
    top: calc(var(--size-0\5) * -1);
}
.-top-1 {
    top: calc(var(--size-1) * -1);
}
.-top-1\.5 {
    top: calc(var(--size-1\5) * -1);
}
.-top-2 {
    top: calc(var(--size-2) * -1);
}
.-top-2\.5 {
    top: calc(var(--size-2\5) * -1);
}
.-top-3 {
    top: calc(var(--size-3) * -1);
}
.-top-3\.5 {
    top: calc(var(--size-3\5) * -1);
}
.-top-4 {
    top: calc(var(--size-4) * -1);
}
.-top-5 {
    top: calc(var(--size-5) * -1);
}
.-top-6 {
    top: calc(var(--size-6) * -1);
}
.-top-7 {
    top: calc(var(--size-7) * -1);
}
.-top-8 {
    top: calc(var(--size-8) * -1);
}
.-top-9 {
    top: calc(var(--size-9) * -1);
}
.-top-10 {
    top: calc(var(--size-10) * -1);
}
.-top-11 {
    top: calc(var(--size-11) * -1);
}
.-top-12 {
    top: calc(var(--size-12) * -1);
}
.-top-14 {
    top: calc(var(--size-15) * -1);
}
.-top-16 {
    top: calc(var(--size-16) * -1);
}
.-top-20 {
    top: calc(var(--size-20) * -1);
}
.-top-24 {
    top: calc(var(--size-24) * -1);
}
.-top-28 {
    top: calc(var(--size-28) * -1);
}
.-top-32 {
    top: calc(var(--size-32) * -1);
}
.-top-36 {
    top: calc(var(--size-36) * -1);
}
.-top-40 {
    top: calc(var(--size-40) * -1);
}
.-top-44 {
    top: calc(var(--size-44) * -1);
}
.-top-48 {
    top: calc(var(--size-48) * -1);
}
.-top-52 {
    top: calc(var(--size-52) * -1);
}
.-top-56 {
    top: calc(var(--size-56) * -1);
}
.-top-60 {
    top: calc(var(--size-60) * -1);
}
.right-auto {
    right: auto;
}
.right-0 {
    right: 0px;
}
.right-px {
    right: 1px;
}
.right-0\.5 {
    right: var(--size-0\5);
}
.right-1 {
    right: var(--size-1);
}
.right-1\.5 {
    right: var(--size-1\5);
}
.right-2 {
    right: var(--size-2);
}
.right-2\.5 {
    right: var(--size-2\5);
}
.right-3 {
    right: var(--size-3);
}
.right-3\.5 {
    right: var(--size-3\5);
}
.right-4 {
    right: var(--size-4);
}
.right-5 {
    right: var(--size-5);
}
.right-6 {
    right: var(--size-6);
}
.right-7 {
    right: var(--size-7);
}
.right-8 {
    right: var(--size-8);
}
.right-9 {
    right: var(--size-9);
}
.right-10 {
    right: var(--size-10);
}
.right-11 {
    right: var(--size-11);
}
.right-12 {
    right: var(--size-12);
}
.right-14 {
    right: var(--size-15);
}
.right-16 {
    right: var(--size-16);
}
.right-20 {
    right: var(--size-20);
}
.right-24 {
    right: var(--size-24);
}
.right-28 {
    right: var(--size-28);
}
.right-32 {
    right: var(--size-32);
}
.right-36 {
    right: var(--size-36);
}
.right-40 {
    right: var(--size-40);
}
.right-44 {
    right: var(--size-44);
}
.right-48 {
    right: var(--size-48);
}
.right-52 {
    right: var(--size-52);
}
.right-56 {
    right: var(--size-56);
}
.right-60 {
    right: var(--size-60);
}
.-right-0\.5 {
    right: calc(var(--size-0\5) * -1);
}
.-right-1 {
    right: calc(var(--size-1) * -1);
}
.-right-1\.5 {
    right: calc(var(--size-1\5) * -1);
}
.-right-2 {
    right: calc(var(--size-2) * -1);
}
.-right-2\.5 {
    right: calc(var(--size-2\5) * -1);
}
.-right-3 {
    right: calc(var(--size-3) * -1);
}
.-right-3\.5 {
    right: calc(var(--size-3\5) * -1);
}
.-right-4 {
    right: calc(var(--size-4) * -1);
}
.-right-5 {
    right: calc(var(--size-5) * -1);
}
.-right-6 {
    right: calc(var(--size-6) * -1);
}
.-right-7 {
    right: calc(var(--size-7) * -1);
}
.-right-8 {
    right: calc(var(--size-8) * -1);
}
.-right-9 {
    right: calc(var(--size-9) * -1);
}
.-right-10 {
    right: calc(var(--size-10) * -1);
}
.-right-11 {
    right: calc(var(--size-11) * -1);
}
.-right-12 {
    right: calc(var(--size-12) * -1);
}
.-right-14 {
    right: calc(var(--size-15) * -1);
}
.-right-16 {
    right: calc(var(--size-16) * -1);
}
.-right-20 {
    right: calc(var(--size-20) * -1);
}
.-right-24 {
    right: calc(var(--size-24) * -1);
}
.-right-28 {
    right: calc(var(--size-28) * -1);
}
.-right-32 {
    right: calc(var(--size-32) * -1);
}
.-right-36 {
    right: calc(var(--size-36) * -1);
}
.-right-40 {
    right: calc(var(--size-40) * -1);
}
.-right-44 {
    right: calc(var(--size-44) * -1);
}
.-right-48 {
    right: calc(var(--size-48) * -1);
}
.-right-52 {
    right: calc(var(--size-52) * -1);
}
.-right-56 {
    right: calc(var(--size-56) * -1);
}
.-right-60 {
    right: calc(var(--size-60) * -1);
}
.bottom-auto {
    bottom: auto;
}
.bottom-0 {
    bottom: 0px;
}
.bottom-px {
    bottom: 1px;
}
.bottom-1\/2 {
    bottom: 50%;
}
.bottom-0\.5 {
    bottom: var(--size-0\5);
}
.bottom-1 {
    bottom: var(--size-1);
}
.bottom-1\.5 {
    bottom: var(--size-1\5);
}
.bottom-2 {
    bottom: var(--size-2);
}
.bottom-2\.5 {
    bottom: var(--size-2\5);
}
.bottom-3 {
    bottom: var(--size-3);
}
.bottom-3\.5 {
    bottom: var(--size-3\5);
}
.bottom-4 {
    bottom: var(--size-4);
}
.bottom-5 {
    bottom: var(--size-5);
}
.bottom-6 {
    bottom: var(--size-6);
}
.bottom-7 {
    bottom: var(--size-7);
}
.bottom-8 {
    bottom: var(--size-8);
}
.bottom-9 {
    bottom: var(--size-9);
}
.bottom-10 {
    bottom: var(--size-10);
}
.bottom-11 {
    bottom: var(--size-11);
}
.bottom-12 {
    bottom: var(--size-12);
}
.bottom-14 {
    bottom: var(--size-15);
}
.bottom-16 {
    bottom: var(--size-16);
}
.bottom-20 {
    bottom: var(--size-20);
}
.bottom-24 {
    bottom: var(--size-24);
}
.bottom-28 {
    bottom: var(--size-28);
}
.bottom-32 {
    bottom: var(--size-32);
}
.bottom-36 {
    bottom: var(--size-36);
}
.bottom-40 {
    bottom: var(--size-40);
}
.bottom-44 {
    bottom: var(--size-44);
}
.bottom-48 {
    bottom: var(--size-48);
}
.bottom-52 {
    bottom: var(--size-52);
}
.bottom-56 {
    bottom: var(--size-56);
}
.bottom-60 {
    bottom: var(--size-60);
}
.-bottom-px {
    top: -1px;
}
.-bottom-0\.5 {
    bottom: calc(var(--size-0\5) * -1);
}
.-bottom-1 {
    bottom: calc(var(--size-1) * -1);
}
.-bottom-1\.5 {
    bottom: calc(var(--size-1\5) * -1);
}
.-bottom-2 {
    bottom: calc(var(--size-2) * -1);
}
.-bottom-2\.5 {
    bottom: calc(var(--size-2\5) * -1);
}
.-bottom-3 {
    bottom: calc(var(--size-3) * -1);
}
.-bottom-3\.5 {
    bottom: calc(var(--size-3\5) * -1);
}
.-bottom-4 {
    bottom: calc(var(--size-4) * -1);
}
.-bottom-5 {
    bottom: calc(var(--size-5) * -1);
}
.-bottom-6 {
    bottom: calc(var(--size-6) * -1);
}
.-bottom-7 {
    bottom: calc(var(--size-7) * -1);
}
.-bottom-8 {
    bottom: calc(var(--size-8) * -1);
}
.-bottom-9 {
    bottom: calc(var(--size-9) * -1);
}
.-bottom-10 {
    bottom: calc(var(--size-10) * -1);
}
.-bottom-11 {
    bottom: calc(var(--size-11) * -1);
}
.-bottom-12 {
    bottom: calc(var(--size-12) * -1);
}
.-bottom-14 {
    bottom: calc(var(--size-15) * -1);
}
.-bottom-16 {
    bottom: calc(var(--size-16) * -1);
}
.-bottom-20 {
    bottom: calc(var(--size-20) * -1);
}
.-bottom-24 {
    bottom: calc(var(--size-24) * -1);
}
.-bottom-28 {
    bottom: calc(var(--size-28) * -1);
}
.-bottom-32 {
    bottom: calc(var(--size-32) * -1);
}
.-bottom-36 {
    bottom: calc(var(--size-36) * -1);
}
.-bottom-40 {
    bottom: calc(var(--size-40) * -1);
}
.-bottom-44 {
    bottom: calc(var(--size-44) * -1);
}
.-bottom-48 {
    bottom: calc(var(--size-48) * -1);
}
.-bottom-52 {
    bottom: calc(var(--size-52) * -1);
}
.-bottom-56 {
    bottom: calc(var(--size-56) * -1);
}
.-bottom-60 {
    bottom: calc(var(--size-60) * -1);
}
.left-auto {
    left: auto;
}
.left-0 {
    left: 0px;
}
.left-px {
    left: 1px;
}
.left-0\.5 {
    left: var(--size-0\5);
}
.left-1 {
    left: var(--size-1);
}
.left-1\.5 {
    left: var(--size-1\5);
}
.left-2 {
    left: var(--size-2);
}
.left-2\.5 {
    left: var(--size-2\5);
}
.left-3 {
    left: var(--size-3);
}
.left-3\.5 {
    left: var(--size-3\5);
}
.left-4 {
    left: var(--size-4);
}
.left-5 {
    left: var(--size-5);
}
.left-6 {
    left: var(--size-6);
}
.left-7 {
    left: var(--size-7);
}
.left-8 {
    left: var(--size-8);
}
.left-9 {
    left: var(--size-9);
}
.left-10 {
    left: var(--size-10);
}
.left-11 {
    left: var(--size-11);
}
.left-12 {
    left: var(--size-12);
}
.left-14 {
    left: var(--size-15);
}
.left-16 {
    left: var(--size-16);
}
.left-20 {
    left: var(--size-20);
}
.left-24 {
    left: var(--size-24);
}
.left-28 {
    left: var(--size-28);
}
.left-32 {
    left: var(--size-32);
}
.left-36 {
    left: var(--size-36);
}
.left-40 {
    left: var(--size-40);
}
.left-44 {
    left: var(--size-44);
}
.left-48 {
    left: var(--size-48);
}
.left-52 {
    left: var(--size-52);
}
.left-56 {
    left: var(--size-56);
}
.left-60 {
    left: var(--size-60);
}
.-left-0\.5 {
    left: calc(var(--size-0\5) * -1);
}
.-left-1 {
    left: calc(var(--size-1) * -1);
}
.-left-1\.5 {
    left: calc(var(--size-1\5) * -1);
}
.-left-2 {
    left: calc(var(--size-2) * -1);
}
.-left-2\.5 {
    left: calc(var(--size-2\5) * -1);
}
.-left-3 {
    left: calc(var(--size-3) * -1);
}
.-left-3\.5 {
    left: calc(var(--size-3\5) * -1);
}
.-left-4 {
    left: calc(var(--size-4) * -1);
}
.-left-5 {
    left: calc(var(--size-5) * -1);
}
.-left-6 {
    left: calc(var(--size-6) * -1);
}
.-left-7 {
    left: calc(var(--size-7) * -1);
}
.-left-8 {
    left: calc(var(--size-8) * -1);
}
.-left-9 {
    left: calc(var(--size-9) * -1);
}
.-left-10 {
    left: calc(var(--size-10) * -1);
}
.-left-11 {
    left: calc(var(--size-11) * -1);
}
.-left-12 {
    left: calc(var(--size-12) * -1);
}
.-left-14 {
    left: calc(var(--size-15) * -1);
}
.-left-16 {
    left: calc(var(--size-16) * -1);
}
.-left-20 {
    left: calc(var(--size-20) * -1);
}
.-left-24 {
    left: calc(var(--size-24) * -1);
}
.-left-28 {
    left: calc(var(--size-28) * -1);
}
.-left-32 {
    left: calc(var(--size-32) * -1);
}
.-left-36 {
    left: calc(var(--size-36) * -1);
}
.-left-40 {
    left: calc(var(--size-40) * -1);
}
.-left-44 {
    left: calc(var(--size-44) * -1);
}
.-left-48 {
    left: calc(var(--size-48) * -1);
}
.-left-52 {
    left: calc(var(--size-52) * -1);
}
.-left-56 {
    left: calc(var(--size-56) * -1);
}
.-left-60 {
    left: calc(var(--size-60) * -1);
}
.-inset-0\.5 {
    inset: calc(var(--size-0\5) * -1);
}
.-inset-1 {
    inset: calc(var(--size-1) * -1);
}
.-inset-1\.5 {
    inset: calc(var(--size-1\5) * -1);
}
.-inset-2 {
    inset: calc(var(--size-2) * -1);
}
.-inset-2\.5 {
    inset: calc(var(--size-2\5) * -1);
}
.-inset-3 {
    inset: calc(var(--size-3) * -1);
}
.-inset-3\.5 {
    inset: calc(var(--size-3\5) * -1);
}
.-inset-4 {
    inset: calc(var(--size-4) * -1);
}
.-inset-5 {
    inset: calc(var(--size-5) * -1);
}
.-inset-6 {
    inset: calc(var(--size-6) * -1);
}
.-inset-7 {
    inset: calc(var(--size-7) * -1);
}
.-inset-8 {
    inset: calc(var(--size-8) * -1);
}
.-inset-9 {
    inset: calc(var(--size-9) * -1);
}
.-inset-10 {
    inset: calc(var(--size-10) * -1);
}
.-inset-11 {
    inset: calc(var(--size-11) * -1);
}
.-inset-12 {
    inset: calc(var(--size-12) * -1);
}
.-inset-14 {
    inset: calc(var(--size-15) * -1);
}
.-inset-16 {
    inset: calc(var(--size-16) * -1);
}
.-inset-20 {
    inset: calc(var(--size-20) * -1);
}
.-inset-24 {
    inset: calc(var(--size-24) * -1);
}
.-inset-28 {
    inset: calc(var(--size-28) * -1);
}
.-inset-32 {
    inset: calc(var(--size-32) * -1);
}
.-inset-36 {
    inset: calc(var(--size-36) * -1);
}
.-inset-40 {
    inset: calc(var(--size-40) * -1);
}
.-inset-44 {
    inset: calc(var(--size-44) * -1);
}
.-inset-48 {
    inset: calc(var(--size-48) * -1);
}
.-inset-52 {
    inset: calc(var(--size-52) * -1);
}
.-inset-56 {
    inset: calc(var(--size-56) * -1);
}
.-inset-60 {
    inset: calc(var(--size-60) * -1);
}
.mix-blend-normal {
    mix-blend-mode: normal;
}
.mix-blend-multiply {
    mix-blend-mode: multiply;
}
.mix-blend-screen {
    mix-blend-mode: screen;
}
.mix-blend-overlay {
    mix-blend-mode: overlay;
}
.mix-blend-darken {
    mix-blend-mode: darken;
}
.mix-blend-lighten {
    mix-blend-mode: lighten;
}
.mix-blend-color-dodge {
    mix-blend-mode: color-dodge;
}
.mix-blend-color-burn {
    mix-blend-mode: color-burn;
}
.mix-blend-hard-light {
    mix-blend-mode: hard-light;
}
.mix-blend-soft-light {
    mix-blend-mode: soft-light;
}
.mix-blend-difference {
    mix-blend-mode: difference;
}
.mix-blend-exclusion {
    mix-blend-mode: exclusion;
}
.mix-blend-hue {
    mix-blend-mode: hue;
}
.mix-blend-saturation {
    mix-blend-mode: saturation;
}
.mix-blend-color {
    mix-blend-mode: color;
}
.mix-blend-luminosity {
    mix-blend-mode: luminosity;
}
.mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter;
}
.from-dark-50 {
    --gradient-from: var(--dark-50) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(248, 250, 252, 0) var(--gradient-to-position);
}
.from-dark-100 {
    --gradient-from: var(--dark-100) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(241, 245, 249, 0) var(--gradient-to-position);
}
.from-dark-200 {
    --gradient-from: var(--dark-200) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(226, 232, 240, 0) var(--gradient-to-position);
}
.from-dark-300 {
    --gradient-from: var(--dark-300) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(203, 213, 225, 0) var(--gradient-to-position);
}
.from-dark-400 {
    --gradient-from: var(--dark-400) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(148, 163, 184, 0) var(--gradient-to-position);
}
.from-dark-500 {
    --gradient-from: var(--dark-500) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(100, 116, 139, 0) var(--gradient-to-position);
}
.from-dark-600 {
    --gradient-from: var(--dark-600) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(71, 85, 105, 0) var(--gradient-to-position);
}
.from-dark-700 {
    --gradient-from: var(--dark-700) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(51, 65, 85, 0) var(--gradient-to-position);
}
.from-dark-800 {
    --gradient-from: var(--dark-800) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(30, 41, 59, 0) var(--gradient-to-position);
}
.from-dark-900 {
    --gradient-from: var(--dark-900) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(15, 23, 42, 0) var(--gradient-to-position);
}
.from-danger-50 {
    --gradient-from: var(--danger-50) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(254, 242, 242, 0) var(--gradient-to-position);
}
.from-danger-100 {
    --gradient-from: var(--danger-100) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(254, 226, 226, 0) var(--gradient-to-position);
}
.from-danger-200 {
    --gradient-from: var(--danger-200) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(254, 202, 202, 0) var(--gradient-to-position);
}
.from-danger-300 {
    --gradient-from: var(--danger-300) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(252, 165, 165, 0) var(--gradient-to-position);
}
.from-danger-400 {
    --gradient-from: var(--danger-400) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(248, 113, 113, 0) var(--gradient-to-position);
}
.from-danger-500 {
    --gradient-from: var(--danger-500) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(239, 68, 68, 0) var(--gradient-to-position);
}
.from-danger-600 {
    --gradient-from: var(--danger-600) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(220, 38, 38, 0) var(--gradient-to-position);
}
.from-danger-700 {
    --gradient-from: var(--danger-700) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(185, 28, 28, 0) var(--gradient-to-position);
}
.from-danger-800 {
    --gradient-from: var(--danger-800) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(153, 27, 27, 0) var(--gradient-to-position);
}
.from-danger-900 {
    --gradient-from: var(--danger-900) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(127, 29, 29, 0) var(--gradient-to-position);
}
.from-warning-50 {
    --gradient-from: var(--warning-50) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(255, 251, 235, 0) var(--gradient-to-position);
}
.from-warning-100 {
    --gradient-from: var(--warning-100) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(254, 243, 199, 0) var(--gradient-to-position);
}
.from-warning-200 {
    --gradient-from: var(--warning-200) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(253, 230, 138, 0) var(--gradient-to-position);
}
.from-warning-300 {
    --gradient-from: var(--warning-300) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(252, 211, 77, 0) var(--gradient-to-position);
}
.from-warning-400 {
    --gradient-from: var(--warning-400) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(251, 191, 36, 0) var(--gradient-to-position);
}
.from-warning-500 {
    --gradient-from: var(--warning-500) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(245, 158, 11, 0) var(--gradient-to-position);
}
.from-warning-600 {
    --gradient-from: var(--warning-600) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(217, 119, 6, 0) var(--gradient-to-position);
}
.from-warning-700 {
    --gradient-from: var(--warning-700) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(180, 83, 9, 0) var(--gradient-to-position);
}
.from-warning-800 {
    --gradient-from: var(--warning-800) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(146, 64, 14, 0) var(--gradient-to-position);
}
.from-warning-900 {
    --gradient-from: var(--warning-900) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(120, 53, 15, 0) var(--gradient-to-position);
}
.from-success-50 {
    --gradient-from: var(--success-50) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(240, 253, 244, 0) var(--gradient-to-position);
}
.from-success-100 {
    --gradient-from: var(--success-100) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(220, 252, 231, 0) var(--gradient-to-position);
}
.from-success-200 {
    --gradient-from: var(--success-200) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(187, 247, 208, 0) var(--gradient-to-position);
}
.from-success-300 {
    --gradient-from: var(--success-300) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(134, 239, 172, 0) var(--gradient-to-position);
}
.from-success-400 {
    --gradient-from: var(--success-400) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(74, 222, 128, 0) var(--gradient-to-position);
}
.from-success-500 {
    --gradient-from: var(--success-500) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(34, 197, 94, 0) var(--gradient-to-position);
}
.from-success-600 {
    --gradient-from: var(--success-600) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(22, 163, 74, 0) var(--gradient-to-position);
}
.from-success-700 {
    --gradient-from: var(--success-700) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(21, 128, 61, 0) var(--gradient-to-position);
}
.from-success-800 {
    --gradient-from: var(--success-800) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(22, 101, 52, 0) var(--gradient-to-position);
}
.from-success-900 {
    --gradient-from: var(--success-900) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(20, 83, 45, 0) var(--gradient-to-position);
}
.from-primary-50 {
    --gradient-from: var(--primary-50) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(240, 249, 255, 0) var(--gradient-to-position);
}
.from-primary-100 {
    --gradient-from: var(--primary-100) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(224, 242, 254, 0) var(--gradient-to-position);
}
.from-primary-200 {
    --gradient-from: var(--primary-200) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(186, 230, 253, 0) var(--gradient-to-position);
}
.from-primary-300 {
    --gradient-from: var(--primary-300) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(125, 211, 252, 0) var(--gradient-to-position);
}
.from-primary-400 {
    --gradient-from: var(--primary-400) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(56, 189, 248, 0) var(--gradient-to-position);
}
.from-primary-500 {
    --gradient-from: var(--primary-500) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(14, 165, 233, 0) var(--gradient-to-position);
}
.from-primary-600 {
    --gradient-from: var(--primary-600) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(2, 132, 199, 0) var(--gradient-to-position);
}
.from-primary-700 {
    --gradient-from: var(--primary-700) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(3, 105, 161, 0) var(--gradient-to-position);
}
.from-primary-800 {
    --gradient-from: var(--primary-800) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(7, 89, 133, 0) var(--gradient-to-position);
}
.from-primary-900 {
    --gradient-from: var(--primary-900) var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(12, 74, 110, 0) var(--gradient-to-position);
}
.from-black {
    --gradient-from: black var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(0, 0, 0, 0) var(--gradient-to-position);
}
.from-white {
    --gradient-from: white var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(255, 255, 255, 0) var(--gradient-to-position);
}
.from-transparent {
    --gradient-from: transparent var(--gradient-from-position);
    --gradient-stops: var(--gradient-from), var(--gradient-to);
    --gradient-to: rgba(0, 0, 0, 0) var(--gradient-to-position);
}
.via-dark-50 {
    --gradient-to: rgba(248, 250, 252, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-50) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-100 {
    --gradient-to: rgba(241, 245, 249, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-100) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-200 {
    --gradient-to: rgba(226, 232, 240, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-200) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-300 {
    --gradient-to: rgba(203, 213, 225, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-300) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-400 {
    --gradient-to: rgba(148, 163, 184, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-400) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-500 {
    --gradient-to: rgba(100, 116, 139, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-500) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-600 {
    --gradient-to: rgba(71, 85, 105, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-600) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-700 {
    --gradient-to: rgba(51, 65, 85, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-700) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-800 {
    --gradient-to: rgba(30, 41, 59, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-800) var(--gradient-via-position),
        var(--gradient-to);
}
.via-dark-900 {
    --gradient-to: rgba(15, 23, 42, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--dark-900) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-50 {
    --gradient-to: rgba(254, 242, 242, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-50) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-100 {
    --gradient-to: rgba(254, 226, 226, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-100) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-200 {
    --gradient-to: rgba(252, 202, 202, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-200) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-300 {
    --gradient-to: rgba(252, 165, 165, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-300) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-400 {
    --gradient-to: rgba(248, 113, 113, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-400) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-500 {
    --gradient-to: rgba(239, 68, 68, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-500) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-600 {
    --gradient-to: rgba(220, 38, 38, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-600) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-700 {
    --gradient-to: rgba(185, 28, 28, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-700) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-800 {
    --gradient-to: rgba(153, 27, 27, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-800) var(--gradient-via-position),
        var(--gradient-to);
}
.via-danger-900 {
    --gradient-to: rgba(127, 29, 29, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--danger-900) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-50 {
    --gradient-to: rgba(255, 251, 235, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-50) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-100 {
    --gradient-to: rgba(254, 243, 199, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-100) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-200 {
    --gradient-to: rgba(253, 230, 138, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-200) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-300 {
    --gradient-to: rgba(252, 211, 77, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-300) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-400 {
    --gradient-to: rgba(251, 191, 36, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-400) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-500 {
    --gradient-to: rgba(245, 158, 11, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-500) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-600 {
    --gradient-to: rgba(217, 119, 6, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-600) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-700 {
    --gradient-to: rgba(180, 83, 9, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-700) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-800 {
    --gradient-to: rgba(146, 64, 14, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-800) var(--gradient-via-position),
        var(--gradient-to);
}
.via-warning-900 {
    --gradient-to: rgba(120, 53, 15, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--warning-900) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-50 {
    --gradient-to: rgba(240, 253, 244, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-50) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-100 {
    --gradient-to: rgba(220, 252, 231, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-100) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-200 {
    --gradient-to: rgba(187, 247, 208, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-200) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-300 {
    --gradient-to: rgba(134, 239, 172, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-300) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-400 {
    --gradient-to: rgba(74, 222, 128, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-400) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-500 {
    --gradient-to: rgba(34, 197, 94, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-500) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-600 {
    --gradient-to: rgba(22, 163, 74, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-600) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-700 {
    --gradient-to: rgba(21, 128, 61, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-700) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-800 {
    --gradient-to: rgba(22, 101, 52, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-800) var(--gradient-via-position),
        var(--gradient-to);
}
.via-success-900 {
    --gradient-to: rgba(20, 83, 45, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--success-900) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-50 {
    --gradient-to: rgba(240, 249, 255, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-50) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-100 {
    --gradient-to: rgba(224, 242, 254, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-100) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-200 {
    --gradient-to: rgba(186, 230, 253, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-200) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-300 {
    --gradient-to: rgba(125, 211, 252, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-300) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-400 {
    --gradient-to: rgba(56, 189, 248, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-400) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-500 {
    --gradient-to: rgba(14, 165, 233, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-500) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-600 {
    --gradient-to: rgba(2, 132, 199, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-600) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-700 {
    --gradient-to: rgba(3, 105, 161, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-700) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-800 {
    --gradient-to: rgba(7, 89, 133, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-800) var(--gradient-via-position),
        var(--gradient-to);
}
.via-primary-900 {
    --gradient-to: rgba(12, 74, 110, 0) var(--gradient-to-position);
    --gradient-stops: var(--gradient-from), var(--primary-900) var(--gradient-via-position),
        var(--gradient-to);
}
.to-dark-50 {
    --gradient-to: var(--dark-50) var(--gradient-to-position);
}
.to-dark-100 {
    --gradient-to: var(--dark-400) var(--gradient-to-position);
}
.to-dark-200 {
    --gradient-to: var(--dark-200) var(--gradient-to-position);
}
.to-dark-300 {
    --gradient-to: var(--dark-300) var(--gradient-to-position);
}
.to-dark-400 {
    --gradient-to: var(--dark-400) var(--gradient-to-position);
}
.to-dark-500 {
    --gradient-to: var(--dark-500) var(--gradient-to-position);
}
.to-dark-600 {
    --gradient-to: var(--dark-600) var(--gradient-to-position);
}
.to-dark-700 {
    --gradient-to: var(--dark-700) var(--gradient-to-position);
}
.to-dark-800 {
    --gradient-to: var(--dark-800) var(--gradient-to-position);
}
.to-dark-900 {
    --gradient-to: var(--dark-900) var(--gradient-to-position);
}
.to-danger-50 {
    --gradient-to: var(--danger-50) var(--gradient-to-position);
}
.to-danger-100 {
    --gradient-to: var(--danger-400) var(--gradient-to-position);
}
.to-danger-200 {
    --gradient-to: var(--danger-200) var(--gradient-to-position);
}
.to-danger-300 {
    --gradient-to: var(--danger-300) var(--gradient-to-position);
}
.to-danger-400 {
    --gradient-to: var(--danger-400) var(--gradient-to-position);
}
.to-danger-500 {
    --gradient-to: var(--danger-500) var(--gradient-to-position);
}
.to-danger-600 {
    --gradient-to: var(--danger-600) var(--gradient-to-position);
}
.to-danger-700 {
    --gradient-to: var(--danger-700) var(--gradient-to-position);
}
.to-danger-800 {
    --gradient-to: var(--danger-800) var(--gradient-to-position);
}
.to-danger-900 {
    --gradient-to: var(--danger-900) var(--gradient-to-position);
}
.to-warning-50 {
    --gradient-to: var(--warning-50) var(--gradient-to-position);
}
.to-warning-100 {
    --gradient-to: var(--warning-400) var(--gradient-to-position);
}
.to-warning-200 {
    --gradient-to: var(--warning-200) var(--gradient-to-position);
}
.to-warning-300 {
    --gradient-to: var(--warning-300) var(--gradient-to-position);
}
.to-warning-400 {
    --gradient-to: var(--warning-400) var(--gradient-to-position);
}
.to-warning-500 {
    --gradient-to: var(--warning-500) var(--gradient-to-position);
}
.to-warning-600 {
    --gradient-to: var(--warning-600) var(--gradient-to-position);
}
.to-warning-700 {
    --gradient-to: var(--warning-700) var(--gradient-to-position);
}
.to-warning-800 {
    --gradient-to: var(--warning-800) var(--gradient-to-position);
}
.to-warning-900 {
    --gradient-to: var(--warning-900) var(--gradient-to-position);
}
.to-success-50 {
    --gradient-to: var(--success-50) var(--gradient-to-position);
}
.to-success-100 {
    --gradient-to: var(--success-400) var(--gradient-to-position);
}
.to-success-200 {
    --gradient-to: var(--success-200) var(--gradient-to-position);
}
.to-success-300 {
    --gradient-to: var(--success-300) var(--gradient-to-position);
}
.to-success-400 {
    --gradient-to: var(--success-400) var(--gradient-to-position);
}
.to-success-500 {
    --gradient-to: var(--success-500) var(--gradient-to-position);
}
.to-success-600 {
    --gradient-to: var(--success-600) var(--gradient-to-position);
}
.to-success-700 {
    --gradient-to: var(--success-700) var(--gradient-to-position);
}
.to-success-800 {
    --gradient-to: var(--success-800) var(--gradient-to-position);
}
.to-success-900 {
    --gradient-to: var(--success-900) var(--gradient-to-position);
}
.to-primary-50 {
    --gradient-to: var(--primary-50) var(--gradient-to-position);
}
.to-primary-100 {
    --gradient-to: var(--primary-400) var(--gradient-to-position);
}
.to-primary-200 {
    --gradient-to: var(--primary-200) var(--gradient-to-position);
}
.to-primary-300 {
    --gradient-to: var(--primary-300) var(--gradient-to-position);
}
.to-primary-400 {
    --gradient-to: var(--primary-400) var(--gradient-to-position);
}
.to-primary-500 {
    --gradient-to: var(--primary-500) var(--gradient-to-position);
}
.to-primary-600 {
    --gradient-to: var(--primary-600) var(--gradient-to-position);
}
.to-primary-700 {
    --gradient-to: var(--primary-700) var(--gradient-to-position);
}
.to-primary-800 {
    --gradient-to: var(--primary-800) var(--gradient-to-position);
}
.to-primary-900 {
    --gradient-to: var(--primary-900) var(--gradient-to-position);
}
.to-black {
    --gradient-to: black var(--gradient-to-position);
}
.to-white {
    --gradient-to: white var(--gradient-to-position);
}
.to-transparent {
    --gradient-to: transparent var(--gradient-to-position);
}
.from-0\% {
    --gradient-from-position: 0%;
}
.from-5\% {
    --gradient-from-position: 5%;
}
.from-10\% {
    --gradient-from-position: 10%;
}
.from-15\% {
    --gradient-from-position: 15%;
}
.from-20\% {
    --gradient-from-position: 20%;
}
.from-25\% {
    --gradient-from-position: 25%;
}
.from-30\% {
    --gradient-from-position: 30%;
}
.from-35\% {
    --gradient-from-position: 35%;
}
.from-40\% {
    --gradient-from-position: 40%;
}
.from-45\% {
    --gradient-from-position: 45%;
}
.from-50\% {
    --gradient-from-position: 50%;
}
.from-55\% {
    --gradient-from-position: 55%;
}
.from-60\% {
    --gradient-from-position: 60%;
}
.from-65\% {
    --gradient-from-position: 65%;
}
.from-70\% {
    --gradient-from-position: 70%;
}
.from-75\% {
    --gradient-from-position: 75%;
}
.from-80\% {
    --gradient-from-position: 80%;
}
.from-85\% {
    --gradient-from-position: 85%;
}
.from-90\% {
    --gradient-from-position: 90%;
}
.from-95\% {
    --gradient-from-position: 95%;
}
.from-100\% {
    --gradient-from-position: 100%;
}
.to-0\% {
    --gradient-to-position: 0%;
}
.to-5\% {
    --gradient-to-position: 5%;
}
.to-10\% {
    --gradient-to-position: 10%;
}
.to-15\% {
    --gradient-to-position: 15%;
}
.to-20\% {
    --gradient-to-position: 20%;
}
.to-25\% {
    --gradient-to-position: 25%;
}
.to-30\% {
    --gradient-to-position: 30%;
}
.to-35\% {
    --gradient-to-position: 35%;
}
.to-40\% {
    --gradient-to-position: 40%;
}
.to-45\% {
    --gradient-to-position: 45%;
}
.to-50\% {
    --gradient-to-position: 50%;
}
.to-55\% {
    --gradient-to-position: 55%;
}
.to-60\% {
    --gradient-to-position: 60%;
}
.to-65\% {
    --gradient-to-position: 65%;
}
.to-70\% {
    --gradient-to-position: 70%;
}
.to-75\% {
    --gradient-to-position: 75%;
}
.to-80\% {
    --gradient-to-position: 80%;
}
.to-85\% {
    --gradient-to-position: 85%;
}
.to-90\% {
    --gradient-to-position: 90%;
}
.to-95\% {
    --gradient-to-position: 95%;
}
.to-100\% {
    --gradient-to-position: 100%;
}
.via-0\% {
    --gradient-via-position: 0%;
}
.via-5\% {
    --gradient-via-position: 5%;
}
.via-10\% {
    --gradient-via-position: 10%;
}
.via-15\% {
    --gradient-via-position: 15%;
}
.via-20\% {
    --gradient-via-position: 20%;
}
.via-25\% {
    --gradient-via-position: 25%;
}
.via-30\% {
    --gradient-via-position: 30%;
}
.via-35\% {
    --gradient-via-position: 35%;
}
.via-40\% {
    --gradient-via-position: 40%;
}
.via-45\% {
    --gradient-via-position: 45%;
}
.via-50\% {
    --gradient-via-position: 50%;
}
.via-55\% {
    --gradient-via-position: 55%;
}
.via-60\% {
    --gradient-via-position: 60%;
}
.via-65\% {
    --gradient-via-position: 65%;
}
.via-70\% {
    --gradient-via-position: 70%;
}
.via-75\% {
    --gradient-via-position: 75%;
}
.via-80\% {
    --gradient-via-position: 80%;
}
.via-85\% {
    --gradient-via-position: 85%;
}
.via-90\% {
    --gradient-via-position: 90%;
}
.via-95\% {
    --gradient-via-position: 95%;
}
.via-100\% {
    --gradient-via-position: 100%;
}
.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-stops));
}
.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-stops));
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-stops));
}
.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-stops));
}
.z-0 {
    z-index: 0;
}
.z-1 {
    z-index: 1;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.z-40 {
    z-index: 40;
}
.z-50 {
    z-index: 50;
}
.z-first {
    z-index: 9999;
}
.-z-3 {
    z-index: -3;
}
.-z-2 {
    z-index: -2;
}
.-z-1 {
    z-index: -1;
}
.-z-10 {
    z-index: -10;
}
.-z-20 {
    z-index: -20;
}
.-z-30 {
    z-index: -30;
}
.-z-40 {
    z-index: -40;
}
.-z-50 {
    z-index: -50;
}
.z-last {
    z-index: -9999;
}
.z-auto {
    z-index: auto !important;
}
[class^='translate-'],
[class*='translate-'] {
    transform: translate(var(--translate-x, 0), var(--translate-y, 0)) rotate(var(--rotate, 0))
        skewX(var(--skew-x, 0)) skewY(var(--skew-y, 0)) scaleX(var(--scale-x, 1))
        scaleY(var(--scale-y, 1));
}
.translate-x-px {
    --translate-x: 1px;
}
.translate-x-0 {
    --translate-x: 0;
}
.translate-x-1 {
    --translate-x: 0;
}
.translate-x-1\.5 {
    --translate-x: var(--size-1\5);
}
.translate-x-2 {
    --translate-x: var(--size-2);
}
.translate-x-2\.5 {
    --translate-x: var(--size-2\5);
}
.translate-x-3 {
    --translate-x: var(--size-3);
}
.translate-x-3\.5 {
    --translate-x: var(--size-3\5);
}
.translate-x-4 {
    --translate-x: var(--size-4);
}
.translate-x-5 {
    --translate-x: var(--size-5);
}
.translate-x-6 {
    --translate-x: var(--size-6);
}
.translate-x-7 {
    --translate-x: var(--size-7);
}
.translate-x-8 {
    --translate-x: var(--size-8);
}
.translate-x-9 {
    --translate-x: var(--size-9);
}
.translate-x-10 {
    --translate-x: var(--size-10);
}
.translate-x-11 {
    --translate-x: var(--size-11);
}
.translate-x-12 {
    --translate-x: var(--size-12);
}
.translate-x-14 {
    --translate-x: var(--size-14);
}
.translate-x-16 {
    --translate-x: var(--size-16);
}
.translate-x-20 {
    --translate-x: var(--size-20);
}
.translate-x-24 {
    --translate-x: var(--size-24);
}
.translate-x-28 {
    --translate-x: var(--size-28);
}
.translate-x-32 {
    --translate-x: var(--size-32);
}
.translate-x-36 {
    --translate-x: var(--size-36);
}
.translate-x-40 {
    --translate-x: var(--size-40);
}
.translate-x-1\/2 {
    --translate-x: 50%;
}
.translate-x-1\/3 {
    --translate-x: 33.3333%;
}
.translate-x-2\/3 {
    --translate-x: 66.6667%;
}
.translate-x-1\/4 {
    --translate-x: 25%;
}
.translate-x-full {
    --translate-x: 100%;
}
.-translate-x-1\/2 {
    --translate-x: -50%;
}
.-translate-x-1\/3 {
    --translate-x: -33.3333%;
}
.-translate-x-2\/3 {
    --translate-x: -66.6667%;
}
.-translate-x-1\/4 {
    --translate-x: -25%;
}
.-translate-x-full {
    --translate-x: -100%;
}
.-translate-y-full {
    --translate-y: -100%;
}
.-translate-x-1\.5 {
    --translate-x: calc(var(--size-1\5) * -1);
}
.-translate-x-2 {
    --translate-x: calc(var(--size-2) * -1);
}
.-translate-x-2\.5 {
    --translate-x: calc(var(--size-2\5) * -1);
}
.-translate-x-3 {
    --translate-x: calc(var(--size-3) * -1);
}
.-translate-x-3\.5 {
    --translate-x: calc(var(--size-3\5) * -1);
}
.-translate-x-4 {
    --translate-x: calc(var(--size-4) * -1);
}
.-translate-x-5 {
    --translate-x: calc(var(--size-5) * -1);
}
.-translate-x-6 {
    --translate-x: calc(var(--size-6) * -1);
}
.-translate-x-7 {
    --translate-x: calc(var(--size-7) * -1);
}
.-translate-x-8 {
    --translate-x: calc(var(--size-8) * -1);
}
.-translate-x-9 {
    --translate-x: calc(var(--size-9) * -1);
}
.-translate-x-10 {
    --translate-x: calc(var(--size-10) * -1);
}
.-translate-x-11 {
    --translate-x: calc(var(--size-11) * -1);
}
.-translate-x-12 {
    --translate-x: calc(var(--size-12) * -1);
}
.-translate-x-14 {
    --translate-x: calc(var(--size-14) * -1);
}
.-translate-x-16 {
    --translate-x: calc(var(--size-16) * -1);
}
.-translate-x-20 {
    --translate-x: calc(var(--size-20) * -1);
}
.-translate-x-24 {
    --translate-x: calc(var(--size-24) * -1);
}
.-translate-x-28 {
    --translate-x: calc(var(--size-28) * -1);
}
.-translate-x-32 {
    --translate-x: calc(var(--size-32) * -1);
}
.-translate-x-36 {
    --translate-x: calc(var(--size-36) * -1);
}
.-translate-x-40 {
    --translate-x: calc(var(--size-40) * -1);
}
.translate-y-px {
    --translate-y: 1px;
}
.translate-y-0 {
    --translate-y: 0;
}
.translate-y-1 {
    --translate-y: 0;
}
.translate-y-1\.5 {
    --translate-y: var(--size-1\5);
}
.translate-y-2 {
    --translate-y: var(--size-2);
}
.translate-y-2\.5 {
    --translate-y: var(--size-2\5);
}
.translate-y-3 {
    --translate-y: var(--size-3);
}
.translate-y-3\.5 {
    --translate-y: var(--size-3\5);
}
.translate-y-4 {
    --translate-y: var(--size-4);
}
.translate-y-5 {
    --translate-y: var(--size-5);
}
.translate-y-6 {
    --translate-y: var(--size-6);
}
.translate-y-7 {
    --translate-y: var(--size-7);
}
.translate-y-8 {
    --translate-y: var(--size-8);
}
.translate-y-9 {
    --translate-y: var(--size-9);
}
.translate-y-10 {
    --translate-y: var(--size-10);
}
.translate-y-11 {
    --translate-y: var(--size-11);
}
.translate-y-12 {
    --translate-y: var(--size-12);
}
.translate-y-14 {
    --translate-y: var(--size-14);
}
.translate-y-16 {
    --translate-y: var(--size-16);
}
.translate-y-20 {
    --translate-y: var(--size-20);
}
.translate-y-24 {
    --translate-y: var(--size-24);
}
.translate-y-28 {
    --translate-y: var(--size-28);
}
.translate-y-32 {
    --translate-y: var(--size-32);
}
.translate-y-36 {
    --translate-y: var(--size-36);
}
.translate-y-40 {
    --translate-y: var(--size-40);
}
.translate-y-1\/2 {
    --translate-y: 50%;
}
.translate-y-1\/3 {
    --translate-y: 33.3333%;
}
.translate-y-2\/3 {
    --translate-y: 66.6667%;
}
.translate-y-1\/4 {
    --translate-y: 25%;
}
.translate-y-full {
    --translate-y: 100%;
}
.-translate-y-1\/2 {
    --translate-y: -50%;
}
.-translate-y-1\/3 {
    --translate-y: -33.3333%;
}
.-translate-y-2\/3 {
    --translate-y: -66.6667%;
}
.-translate-y-1\/4 {
    --translate-y: -25%;
}
.-translate-y-1\.5 {
    --translate-y: calc(var(--size-1\5) * -1);
}
.-translate-y-2 {
    --translate-y: calc(var(--size-2) * -1);
}
.-translate-y-2\.5 {
    --translate-y: calc(var(--size-2\5) * -1);
}
.-translate-y-3 {
    --translate-y: calc(var(--size-3) * -1);
}
.-translate-y-3\.5 {
    --translate-y: calc(var(--size-3\5) * -1);
}
.-translate-y-4 {
    --translate-y: calc(var(--size-4) * -1);
}
.-translate-y-5 {
    --translate-y: calc(var(--size-5) * -1);
}
.-translate-y-6 {
    --translate-y: calc(var(--size-6) * -1);
}
.-translate-y-7 {
    --translate-y: calc(var(--size-7) * -1);
}
.-translate-y-8 {
    --translate-y: calc(var(--size-8) * -1);
}
.-translate-y-9 {
    --translate-y: calc(var(--size-9) * -1);
}
.-translate-y-10 {
    --translate-y: calc(var(--size-10) * -1);
}
.-translate-y-11 {
    --translate-y: calc(var(--size-11) * -1);
}
.-translate-y-12 {
    --translate-y: calc(var(--size-12) * -1);
}
.-translate-y-14 {
    --translate-y: calc(var(--size-14) * -1);
}
.-translate-y-16 {
    --translate-y: calc(var(--size-16) * -1);
}
.-translate-y-20 {
    --translate-y: calc(var(--size-20) * -1);
}
.-translate-y-24 {
    --translate-y: calc(var(--size-24) * -1);
}
.-translate-y-28 {
    --translate-y: calc(var(--size-28) * -1);
}
.-translate-y-32 {
    --translate-y: calc(var(--size-32) * -1);
}
.-translate-y-36 {
    --translate-y: calc(var(--size-36) * -1);
}
.-translate-y-40 {
    --translate-y: calc(var(--size-40) * -1);
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
[class^='ring-'],
[class*='ring-'] {
    --ring-inset: ;
    --ring-offset-width: 0px;
    --ring-offset-color: #fff;
    --ring-color: #0000;
    --ring-offset-shadow: 0 0 #0000;
    --ring-shadow: 0 0 #0000;
    --shadow: 0 0 #0000;
    --shadow-colodanger: 0 0 #0000;
    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
    box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 rgba(0, 0, 0, 0));
}
[class^='shadow-'],
[class*='shadow-'] {
    --ring-offset-shadow: 0 0 #0000;
    --ring-shadow: 0 0 #0000;
    --shadow: 0 0 #0000;
    --ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
    box-shadow: var(--ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
        var(--ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--shadow);
}
.ring-1,
.hover\:ring-1:hover {
    --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-color);
}
.ring-2,
.hover\:ring-2:hover {
    --ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);
}
.ring-4,
.hover\:ring-4:hover {
    --ring-shadow: var(--ring-inset) 0 0 0 calc(4px + var(--ring-offset-width)) var(--ring-color);
}
.ring-6,
.hover\:ring-6:hover {
    --ring-shadow: var(--ring-inset) 0 0 0 calc(6px + var(--ring-offset-width)) var(--ring-color);
}
.ring-8,
.hover\:ring-8:hover {
    --ring-shadow: var(--ring-inset) 0 0 0 calc(8px + var(--ring-offset-width)) var(--ring-color);
}
.ring-inset,
.hover\:ring-inset:hover {
    --ring-inset: inset;
}
.ring-dark-50,
.hover\:ring-dark-50:hover,
.group:hover .group-hover\:ring-dark-50 {
    --ring-color: rgba(250, 250, 250, var(--ring-opacity, 1));
}
.ring-dark-100,
.hover\:ring-dark-100:hover,
.group:hover .group-hover\:ring-dark-100 {
    --ring-color: rgba(244, 244, 245, var(--ring-opacity, 1));
}
.ring-dark-200,
.hover\:ring-dark-200:hover,
.group:hover .group-hover\:ring-dark-200 {
    --ring-color: rgba(228, 228, 231, var(--ring-opacity, 1));
}
.ring-dark-300,
.hover\:ring-dark-300:hover,
.group:hover .group-hover\:ring-dark-300 {
    --ring-color: rgba(212, 212, 216, var(--ring-opacity, 1));
}
.ring-dark-400,
.hover\:ring-dark-400:hover,
.group:hover .group-hover\:ring-dark-400 {
    --ring-color: rgba(161, 161, 170, var(--ring-opacity, 1));
}
.ring-dark-500,
.hover\:ring-dark-500:hover,
.group:hover .group-hover\:ring-dark-500 {
    --ring-color: rgba(113, 113, 122, var(--ring-opacity, 1));
}
.ring-dark-600,
.hover\:ring-dark-600:hover,
.group:hover .group-hover\:ring-dark-600 {
    --ring-color: rgba(82, 82, 91, var(--ring-opacity, 1));
}
.ring-dark-700,
.hover\:ring-dark-700:hover,
.group:hover .group-hover\:ring-dark-700 {
    --ring-color: rgba(63, 63, 70, var(--ring-opacity, 1));
}
.ring-dark-800,
.hover\:ring-dark-800:hover,
.group:hover .group-hover\:ring-dark-800 {
    --ring-color: rgba(39, 39, 42, var(--ring-opacity, 1));
}
.ring-dark-900,
.hover\:ring-dark-900:hover,
.group:hover .group-hover\:ring-dark-900 {
    --ring-color: rgba(24, 24, 27, var(--ring-opacity, 1));
}
.ring-danger-50,
.hover\:ring-danger-50:hover,
.group:hover .group-hover\:ring-danger-50 {
    --ring-color: rgba(254, 242, 242, var(--ring-opacity, 1));
}
.ring-danger-100,
.hover\:ring-danger-100:hover,
.group:hover .group-hover\:ring-danger-100 {
    --ring-color: rgba(254, 226, 226, var(--ring-opacity, 1));
}
.ring-danger-200,
.hover\:ring-danger-200:hover,
.group:hover .group-hover\:ring-danger-200 {
    --ring-color: rgba(254, 202, 202, var(--ring-opacity, 1));
}
.ring-danger-300,
.hover\:ring-danger-300:hover,
.group:hover .group-hover\:ring-danger-300 {
    --ring-color: rgba(252, 165, 165, var(--ring-opacity, 1));
}
.ring-danger-400,
.hover\:ring-danger-400:hover,
.group:hover .group-hover\:ring-danger-400 {
    --ring-color: rgba(248, 113, 113, var(--ring-opacity, 1));
}
.ring-danger-500,
.hover\:ring-danger-500:hover,
.group:hover .group-hover\:ring-danger-500 {
    --ring-color: rgba(239, 68, 68, var(--ring-opacity, 1));
}
.ring-danger-600,
.hover\:ring-danger-600:hover,
.group:hover .group-hover\:ring-danger-600 {
    --ring-color: rgba(220, 38, 38, var(--ring-opacity, 1));
}
.ring-danger-700,
.hover\:ring-danger-700:hover,
.group:hover .group-hover\:ring-danger-700 {
    --ring-color: rgba(185, 28, 28, var(--ring-opacity, 1));
}
.ring-danger-800,
.hover\:ring-danger-800:hover,
.group:hover .group-hover\:ring-danger-800 {
    --ring-color: rgba(153, 27, 27, var(--ring-opacity, 1));
}
.ring-danger-900,
.hover\:ring-danger-900:hover,
.group:hover .group-hover\:ring-danger-900 {
    --ring-color: rgba(127, 29, 29, var(--ring-opacity, 1));
}
.ring-amber-50,
.hover\:ring-amber-50:hover,
.group:hover .group-hover\:ring-amber-50 {
    --ring-color: rgba(255, 251, 235, var(--ring-opacity, 1));
}
.ring-amber-100,
.hover\:ring-amber-100:hover,
.group:hover .group-hover\:ring-amber-100 {
    --ring-color: rgba(254, 243, 199, var(--ring-opacity, 1));
}
.ring-amber-200,
.hover\:ring-amber-200:hover,
.group:hover .group-hover\:ring-amber-200 {
    --ring-color: rgba(253, 230, 138, var(--ring-opacity, 1));
}
.ring-amber-300,
.hover\:ring-amber-300:hover,
.group:hover .group-hover\:ring-amber-300 {
    --ring-color: rgba(252, 211, 77, var(--ring-opacity, 1));
}
.ring-amber-400,
.hover\:ring-amber-400:hover,
.group:hover .group-hover\:ring-amber-400 {
    --ring-color: rgba(251, 191, 36, var(--ring-opacity, 1));
}
.ring-amber-500,
.hover\:ring-amber-500:hover,
.group:hover .group-hover\:ring-amber-500 {
    --ring-color: rgba(245, 158, 11, var(--ring-opacity, 1));
}
.ring-amber-600,
.hover\:ring-amber-600:hover,
.group:hover .group-hover\:ring-amber-600 {
    --ring-color: rgba(217, 119, 6, var(--ring-opacity, 1));
}
.ring-amber-700,
.hover\:ring-amber-700:hover,
.group:hover .group-hover\:ring-amber-700 {
    --ring-color: rgba(180, 83, 9, var(--ring-opacity, 1));
}
.ring-amber-800,
.hover\:ring-amber-800:hover,
.group:hover .group-hover\:ring-amber-800 {
    --ring-color: rgba(146, 64, 14, var(--ring-opacity, 1));
}
.ring-amber-900,
.hover\:ring-amber-900:hover,
.group:hover .group-hover\:ring-amber-900 {
    --ring-color: rgba(120, 53, 15, var(--ring-opacity, 1));
}
.ring-warning-50,
.hover\:ring-warning-50:hover,
.group:hover .group-hover\:ring-warning-50 {
    --ring-color: rgba(254, 252, 232, var(--ring-opacity, 1));
}
.ring-warning-100,
.hover\:ring-warning-100:hover,
.group:hover .group-hover\:ring-warning-100 {
    --ring-color: rgba(254, 249, 195, var(--ring-opacity, 1));
}
.ring-warning-200,
.hover\:ring-warning-200:hover,
.group:hover .group-hover\:ring-warning-200 {
    --ring-color: rgba(254, 240, 138, var(--ring-opacity, 1));
}
.ring-warning-300,
.hover\:ring-warning-300:hover,
.group:hover .group-hover\:ring-warning-300 {
    --ring-color: rgba(253, 224, 71, var(--ring-opacity, 1));
}
.ring-warning-400,
.hover\:ring-warning-400:hover,
.group:hover .group-hover\:ring-warning-400 {
    --ring-color: rgba(250, 204, 21, var(--ring-opacity, 1));
}
.ring-warning-500,
.hover\:ring-warning-500:hover,
.group:hover .group-hover\:ring-warning-500 {
    --ring-color: rgba(234, 179, 8, var(--ring-opacity, 1));
}
.ring-warning-600,
.hover\:ring-warning-600:hover,
.group:hover .group-hover\:ring-warning-600 {
    --ring-color: rgba(202, 138, 4, var(--ring-opacity, 1));
}
.ring-warning-700,
.hover\:ring-warning-700:hover,
.group:hover .group-hover\:ring-warning-700 {
    --ring-color: rgba(161, 98, 7, var(--ring-opacity, 1));
}
.ring-warning-800,
.hover\:ring-warning-800:hover,
.group:hover .group-hover\:ring-warning-800 {
    --ring-color: rgba(133, 77, 14, var(--ring-opacity, 1));
}
.ring-warning-900,
.hover\:ring-warning-900:hover,
.group:hover .group-hover\:ring-warning-900 {
    --ring-color: rgba(113, 63, 18, var(--ring-opacity, 1));
}
.ring-success-50,
.hover\:ring-success-50:hover,
.group:hover .group-hover\:ring-success-50 {
    --ring-color: rgba(236, 253, 245, var(--ring-opacity, 1));
}
.ring-success-100,
.hover\:ring-success-100:hover,
.group:hover .group-hover\:ring-success-100 {
    --ring-color: rgba(209, 250, 229, var(--ring-opacity, 1));
}
.ring-success-200,
.hover\:ring-success-200:hover,
.group:hover .group-hover\:ring-success-200 {
    --ring-color: rgba(167, 243, 208, var(--ring-opacity, 1));
}
.ring-success-300,
.hover\:ring-success-300:hover,
.group:hover .group-hover\:ring-success-300 {
    --ring-color: rgba(110, 231, 183, var(--ring-opacity, 1));
}
.ring-success-400,
.hover\:ring-success-400:hover,
.group:hover .group-hover\:ring-success-400 {
    --ring-color: rgba(52, 211, 153, var(--ring-opacity, 1));
}
.ring-success-500,
.hover\:ring-success-500:hover,
.group:hover .group-hover\:ring-success-500 {
    --ring-color: rgba(16, 185, 129, var(--ring-opacity, 1));
}
.ring-success-600,
.hover\:ring-success-600:hover,
.group:hover .group-hover\:ring-success-600 {
    --ring-color: rgba(5, 150, 105, var(--ring-opacity, 1));
}
.ring-success-700,
.hover\:ring-success-700:hover,
.group:hover .group-hover\:ring-success-700 {
    --ring-color: rgba(4, 120, 87, var(--ring-opacity, 1));
}
.ring-success-800,
.hover\:ring-success-800:hover,
.group:hover .group-hover\:ring-success-800 {
    --ring-color: rgba(6, 95, 70, var(--ring-opacity, 1));
}
.ring-success-900,
.hover\:ring-success-900:hover,
.group:hover .group-hover\:ring-success-900 {
    --ring-color: rgba(6, 78, 59, var(--ring-opacity, 1));
}
.ring-cyan-50,
.hover\:ring-cyan-50:hover,
.group:hover .group-hover\:ring-cyan-50 {
    --ring-color: rgba(236, 254, 255, var(--ring-opacity, 1));
}
.ring-cyan-100,
.hover\:ring-cyan-100:hover,
.group:hover .group-hover\:ring-cyan-100 {
    --ring-color: rgba(207, 250, 254, var(--ring-opacity, 1));
}
.ring-cyan-200,
.hover\:ring-cyan-200:hover,
.group:hover .group-hover\:ring-cyan-200 {
    --ring-color: rgba(165, 243, 252, var(--ring-opacity, 1));
}
.ring-cyan-300,
.hover\:ring-cyan-300:hover,
.group:hover .group-hover\:ring-cyan-300 {
    --ring-color: rgba(103, 232, 249, var(--ring-opacity, 1));
}
.ring-cyan-400,
.hover\:ring-cyan-400:hover,
.group:hover .group-hover\:ring-cyan-400 {
    --ring-color: rgba(34, 211, 238, var(--ring-opacity, 1));
}
.ring-cyan-500,
.hover\:ring-cyan-500:hover,
.group:hover .group-hover\:ring-cyan-500 {
    --ring-color: rgba(6, 182, 212, var(--ring-opacity, 1));
}
.ring-cyan-600,
.hover\:ring-cyan-600:hover,
.group:hover .group-hover\:ring-cyan-600 {
    --ring-color: rgba(8, 145, 178, var(--ring-opacity, 1));
}
.ring-cyan-700,
.hover\:ring-cyan-700:hover,
.group:hover .group-hover\:ring-cyan-700 {
    --ring-color: rgba(14, 116, 144, var(--ring-opacity, 1));
}
.ring-cyan-800,
.hover\:ring-cyan-800:hover,
.group:hover .group-hover\:ring-cyan-800 {
    --ring-color: rgba(21, 94, 117, var(--ring-opacity, 1));
}
.ring-cyan-900,
.hover\:ring-cyan-900:hover,
.group:hover .group-hover\:ring-cyan-900 {
    --ring-color: rgba(22, 78, 99, var(--ring-opacity, 1));
}
.ring-primary-50,
.hover\:ring-primary-50:hover,
.group:hover .group-hover\:ring-primary-50 {
    --ring-color: rgba(240, 249, 255, var(--ring-opacity, 1));
}
.ring-primary-100,
.hover\:ring-primary-100:hover,
.group:hover .group-hover\:ring-primary-100 {
    --ring-color: rgba(224, 242, 254, var(--ring-opacity, 1));
}
.ring-primary-200,
.hover\:ring-primary-200:hover,
.group:hover .group-hover\:ring-primary-200 {
    --ring-color: rgba(186, 230, 253 var(--ring-opacity, 1));
}
.ring-primary-300,
.hover\:ring-primary-300:hover,
.group:hover .group-hover\:ring-primary-300 {
    --ring-color: rgba(125, 211, 252, var(--ring-opacity, 1));
}
.ring-primary-400,
.hover\:ring-primary-400:hover,
.group:hover .group-hover\:ring-primary-400 {
    --ring-color: rgba(56, 189, 248, var(--ring-opacity, 1));
}
.ring-primary-500,
.hover\:ring-primary-500:hover,
.group:hover .group-hover\:ring-primary-500 {
    --ring-color: rgba(14, 165, 233, var(--ring-opacity, 1));
}
.ring-primary-600,
.hover\:ring-primary-600:hover,
.group:hover .group-hover\:ring-primary-600 {
    --ring-color: rgba(2, 132, 199, var(--ring-opacity, 1));
}
.ring-primary-700,
.hover\:ring-primary-700:hover,
.group:hover .group-hover\:ring-primary-700 {
    --ring-color: rgba(3, 105, 161, var(--ring-opacity, 1));
}
.ring-primary-800,
.hover\:ring-primary-800:hover,
.group:hover .group-hover\:ring-primary-800 {
    --ring-color: rgba(7, 89, 133, var(--ring-opacity, 1));
}
.ring-primary-900,
.hover\:ring-primary-900:hover,
.group:hover .group-hover\:ring-primary-900 {
    --ring-color: rgba(12, 74, 110, var(--ring-opacity, 1));
}
.ring-transparent,
.hover\:ring-transparent:hover,
.group:hover .group-hover\:ring-transparent {
    --ring-color: transparent;
}
.ring-black,
.hover\:ring-black:hover,
.group:hover .group-hover\:ring-black {
    --ring-color: rgba(0, 0, 0, var(--ring-opacity, 1));
}
.ring-white,
.hover\:ring-white:hover,
.group:hover .group-hover\:ring-white {
    --ring-color: rgba(255, 255, 255, var(--ring-opacity, 1));
}
.ring-opacity-0,
.hover\:ring-opacity-0:hover,
.group:hover .group-hover\:ring-opacity-0 {
    --ring-opacity: 0;
}
.ring-opacity-5,
.hover\:ring-opacity-5:hover,
.group:hover .group-hover\:ring-opacity-10 {
    --ring-opacity: 0.05;
}
.ring-opacity-10,
.hover\:ring-opacity-10:hover,
.group:hover .group-hover\:ring-opacity-10 {
    --ring-opacity: 0.1;
}
.ring-opacity-20,
.hover\:ring-opacity-20:hover,
.group:hover .group-hover\:ring-opacity-20 {
    --ring-opacity: 0.2;
}
.ring-opacity-30,
.hover\:ring-opacity-30:hover,
.group:hover .group-hover\:ring-opacity-30 {
    --ring-opacity: 0.3;
}
.ring-opacity-40,
.hover\:ring-opacity-40:hover,
.group:hover .group-hover\:ring-opacity-40 {
    --ring-opacity: 0.4;
}
.ring-opacity-50,
.hover\:ring-opacity-50:hover,
.group:hover .group-hover\:ring-opacity-50 {
    --ring-opacity: 0.5;
}
.ring-opacity-60,
.hover\:ring-opacity-60:hover,
.group:hover .group-hover\:ring-opacity-60 {
    --ring-opacity: 0.6;
}
.ring-opacity-70,
.hover\:ring-opacity-70:hover,
.group:hover .group-hover\:ring-opacity-70 {
    --ring-opacity: 0.7;
}
.ring-opacity-80,
.hover\:ring-opacity-80:hover,
.group:hover .group-hover\:ring-opacity-80 {
    --ring-opacity: 0.8;
}
.ring-opacity-90,
.hover\:ring-opacity-90:hover,
.group:hover .group-hover\:ring-opacity-90 {
    --ring-opacity: 0.9;
}
.shadow-sm {
    --shadow: 0 1px 2px 0 #0000000d;
    --shadow-colodanger: 0 1px 2px 0 var(--shadow-color);
}
.shadow {
    --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-colodanger: 0 1px 3px 0 var(--shadow-color), 0 1px 2px -1px var(--shadow-color);
}
.shadow-md {
    --shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-colodanger: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color);
}
.shadow-lg {
    --shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --shadow-colodanger: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);
}
.shadow-xl {
    --shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --shadow-colodanger: 0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color);
}
.shadow-2xl {
    --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.075);
    --shadow-colodanger: 0 25px 50px -12px var(--shadow-color);
}
.shadow-3xl {
    --shadow: 0 1.5rem 2rem rgba(0, 0, 0, 0.075);
    --shadow-colodanger: 0 1.5rem 2rem var(--shadow-color);
}
.shadow-none {
    box-shadow: 0 0 rgba(0, 0, 0, 0);
}
[class^='divide-'] > * + *,
[class*='divide-'] > * + * {
    border-top: var(--divide-width, 1px) var(--divide-style, solid) rgba(255, 255, 255, 0.075);
}
.divide-y-0 > * + * {
    --divide-width: 0;
}
.divide-y > * + * {
    --divide-width: 1px;
}
.divide-y-2 > * + * {
    --divide-width: 2px;
}
.divide-y-4 > * + * {
    --divide-width: 4px;
}
.divide-y-6 > * + * {
    --divide-width: 6px;
}
.divide-y-8 > * + * {
    --divide-width: 8px;
}
.divide-dashed > * + * {
    --divide-style: dashed;
}
.divide-dotted > * + * {
    --divide-style: dotted;
}
.divide-dark-50 > * + * {
    border-color: rgba(248, 250, 252, var(--border-opacity, 1));
}
.divide-dark-100 > * + * {
    border-color: rgba(241, 245, 249, var(--border-opacity, 1));
}
.divide-dark-200 > * + * {
    border-color: rgba(226, 232, 240, var(--border-opacity, 1));
}
.divide-dark-300 > * + * {
    border-color: rgba(203, 213, 225, var(--border-opacity, 1));
}
.divide-dark-400 > * + * {
    border-color: rgba(148, 163, 184, var(--border-opacity, 1));
}
.divide-dark-500 > * + * {
    border-color: rgba(100, 116, 139, var(--border-opacity, 1));
}
.divide-dark-600 > * + * {
    border-color: rgba(71, 85, 105, var(--border-opacity, 1));
}
.divide-dark-700 > * + * {
    border-color: rgba(51, 65, 85, var(--border-opacity, 1));
}
.divide-dark-800 > * + * {
    border-color: rgba(30, 41, 59, var(--border-opacity, 1));
}
.divide-dark-900 > * + * {
    border-color: rgba(15, 23, 42, var(--border-opacity, 1));
}
.divide-white > * + * {
    border-color: rgba(255, 255, 255, var(--border-opacity, 1));
}
.divide-black > * + * {
    border-color: rgba(0, 0, 0, var(--border-opacity, 1));
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.order-first {
    order: -9999;
}
.order-last {
    order: 9999;
}
.order-none {
    order: 0;
}
.-order-1 {
    order: -1;
}
.-order-2 {
    order: -2;
}
.-order-3 {
    order: -3;
}
.-order-4 {
    order: -4;
}
.-order-5 {
    order: -5;
}
.-order-6 {
    order: -6;
}
.-order-7 {
    order: -7;
}
.-order-8 {
    order: -8;
}
.-order-9 {
    order: -9;
}
.-order-10 {
    order: -10;
}
.-order-11 {
    order: -11;
}
.-order-12 {
    order: -12;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.backdrop-blur-none {
    backdrop-filter: blur(0);
}
.backdrop-blur-sm {
    backdrop-filter: blur(4px);
}
.backdrop-blur {
    backdrop-filter: blur(8px);
}
.backdrop-blur-md {
    backdrop-filter: blur(12px);
}
.backdrop-blur-lg {
    backdrop-filter: blur(16px);
}
.backdrop-blur-xl {
    backdrop-filter: blur(24px);
}
.backdrop-blur-2xl {
    backdrop-filter: blur(40px);
}
.backdrop-blur-3xl {
    backdrop-filter: blur(64px);
}
[class*='grayscale'],
[class*='brightness'],
[class*='invert'],
[class*='blur'] {
    filter: var(--blur) var(--brightness) var(--contrast) var(--grayscale) var(--hue-rotate)
        var(--invert) var(--saturate) var(--sepia) var(--drop-shadow);
}
.grayscale {
    --grayscale: grayscale(100%);
}
.brightness-0 {
    --brightness: brightness(0);
}
.invert-0 {
    --invert: invert(0);
}
.invert {
    --invert: invert(100%);
}
.blur-sm {
    --blur: blur(4px);
}
.blur {
    --blur: blur(8px);
}
.blur-md {
    --blur: blur(12px);
}
.blur-lg {
    --blur: blur(16px);
}
.blur-xl {
    --blur: blur(24px);
}
.blur-2xl {
    --blur: blur(40px);
}
.blur-3xl {
    --blur: blur(64px);
}
.blur-4xl {
    --blur: blur(72px);
}
.blur-5xl {
    --blur: blur(80px);
}
.text-wrap {
    text-wrap: wrap;
}
.text-nowrap {
    text-wrap: nowrap;
}
.text-balance {
    text-wrap: balance;
}
.text-pretty {
    text-wrap: pretty;
}
@layer components {
    .avatar {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--rounded-full);
        overflow: clip;
        flex-shrink: 0;
        width: var(--size-10);
        height: var(--size-10);
        background-color: var(--avatar-bg, var(--primary-200));
    }
    .avatar > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: var(--rounded-full);
    }
    .avatar > span {
        font-size: var(--size-xs);
        line-height: var(--leading-4);
        text-transform: uppercase;
        letter-spacing: var(--tracking-wide);
        color: var(--dark-900);
    }
    .avatar.avatar-sm {
        width: var(--size-9);
        height: var(--size-9);
    }
    .avatar.avatar-lg {
        width: var(--size-16);
        height: var(--size-16);
    }
    .avatar.avatar-xl {
        width: var(--size-24);
        height: var(--size-24);
    }
}
.badge {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    max-width: 100%;
    white-space: nowrap;
    padding-block: var(--size-1);
    padding-inline: var(--size-2\5);
    border-radius: var(--rounded-full);
    background-color: var(--badge-bg, var(--dark-300));
    box-shadow: inset 0 0 0 1px var(--ring-color, transparent);
    transition: none;
}
.badge > * {
    font-size: 10px;
    letter-spacing: var(--tracking-wide);
    line-height: var(--leading-4);
    text-transform: uppercase;
    font-weight: var(--weight-medium);
    color: var(--badge-color, var(--dark-600));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.badge-outline {
    --badge-bg: transparent;
    --ring-color: var(--dark-900);
}
.badge-dark {
    --badge-bg: var(--dark-900);
    --badge-color: white;
}
.badge-primary {
    --badge-bg: var(--primary-500);
    --badge-color: white;
}
.badge-primary-light {
    --badge-bg: var(--primary-200);
    --badge-color: var(--primary-600);
}
.badge-warning {
    --badge-bg: var(--warning-400);
    --badge-color: var(--dark-900);
}
.badge-danger {
    --badge-bg: var(--danger-500);
    --badge-color: white;
}
.badge-danger[href]:hover {
    background-color: var(--danger-400);
}
.badge-danger-light {
    --badge-bg: var(--danger-100);
    --badge-color: var(--danger-600);
}
.badge-success {
    --badge-bg: var(--success-500);
    --badge-color: white;
}
.badge-success-light {
    --badge-bg: var(--success-100);
    --badge-color: var(--success-600);
}
.badge-glass {
    --badge-bg: var(--dark-400-40);
    --badge-color: white;
    backdrop-filter: blur(6px);
}
.btn {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: var(--weight-semibold);
    line-height: var(--leading-5);
    padding-inline: var(--size-5);
    padding-block: var(--size-2\5);
    border-radius: var(--rounded-full);
    background-color: var(--dark-200);
    color: var(--dark-600);
    box-shadow: inset 0 0 0 1px var(--ring-color, transparent);
    border: none;
    overflow: clip;
    transition: opacity 500ms var(--easing), color 500ms var(--easing);
}
.btn:hover {
    color: var(--dark-900);
}
.btn:focus,
.btn.focus {
    box-shadow: inset 0 0 0 1px var(--ring-color, transparent);
}
.btn.btn-sm {
    font-size: var(--size-xs);
    padding-block: var(--size-1\5);
    padding-inline: var(--size-4);
}
.btn:disabled,
.btn.disabled {
    opacity: 1;
    cursor: not-allowed;
}
.btn-icon {
    padding: 0 !important;
    width: var(--size-10);
    height: var(--size-10);
    font-size: var(--size-lg);
}
.btn-icon.btn-xs {
    width: var(--size-6);
    height: var(--size-6);
    font-size: 13px;
}
.btn-icon.btn-sm {
    width: var(--size-8);
    height: var(--size-8);
    font-size: var(--size-sm);
}
.btn-dark {
    --outline-color: var(--dark-900);
    --bg-hover: var(--dark-900);
    background-color: var(--dark-900);
    color: #fff;
}
.btn-dark:hover {
    background-color: var(--dark-900);
    color: #fff;
}
.btn-dark.is-hover {
    color: #fff;
}
.btn-white {
    --outline-color: white;
    --bg-hover: white;
    background-color: #fff;
    color: #fff;
}
.btn-white:hover {
    background-color: #fff;
}
.btn-white.is-hover {
    color: var(--dark-900);
}
.btn-primary {
    --outline-color: var(--primary-500);
    --bg-hover: var(--primary-400);
    background-color: var(--primary-500);
    color: #fff !important;
}
.btn-primary:hover {
    background-color: var(--primary-500);
}
.btn-primary.is-hover {
    color: #fff;
}
.btn-primary-light {
    --outline-color: var(--primary-100);
    --bg-hover: var(--primary-500);
    background-color: var(--primary-100);
    color: var(--primary-600) !important;
}
.btn-primary-light:hover {
    background-color: var(--primary-100);
}
.btn-primary-light.is-hover {
    color: #fff !important;
}
.btn-success {
    --outline-color: var(--success-500);
    --bg-hover: var(--success-400);
    background-color: var(--success-500);
    color: #fff !important;
}
.btn-success:hover {
    background-color: var(--success-500);
}
.btn-success.is-hover {
    color: #fff;
}
.btn-success-light {
    --outline-color: var(--success-100);
    --bg-hover: var(--success-500);
    background-color: var(--success-100);
    color: var(--success-600) !important;
}
.btn-success-light:hover {
    background-color: var(--success-100);
}
.btn-success-light.is-hover {
    color: #fff !important;
}
.btn-warning {
    --outline-color: var(--warning-400);
    --bg-hover: var(--warning-300);
    background-color: var(--warning-400);
    color: var(--dark-900) !important;
}
.btn-warning:hover {
    background-color: var(--warning-400);
}
.btn-warning.is-hover {
    color: var(--dark-900);
}
.btn-warning-light {
    --outline-color: var(--warning-100);
    --bg-hover: var(--warning-400);
    background-color: var(--warning-100);
    color: var(--warning-500) !important;
}
.btn-warning-light:hover {
    background-color: var(--warning-100);
}
.btn-warning-light.is-hover {
    color: var(--warning-500);
}
.btn-danger {
    --outline-color: var(--danger-500);
    --bg-hover: var(--danger-400);
    background-color: var(--danger-500);
    color: #fff !important;
}
.btn-danger:hover {
    background-color: var(--danger-500);
}
.btn-danger.is-hover {
    color: #fff;
}
.btn-danger-light {
    --outline-color: var(--danger-200);
    --bg-hover: var(--danger-500);
    background-color: var(--danger-200);
    color: var(--danger-600) !important;
}
.btn-danger-light:hover {
    background-color: var(--danger-200);
}
.btn-danger-light.is-hover {
    color: #fff !important;
}
.btn-outline {
    --bg-hover: var(--dark-200);
    --ring-color: var(--dark-200);
    background-color: rgba(0, 0, 0, 0) !important;
}
.vdp-datepicker > div:has(.c-input) {
    display: flex;
    align-items: center;
    gap: var(--size-4);
}
.vdp-datepicker input {
    flex-grow: 1;
}
.vdp-datepicker .vdp-datepicker__clear-button {
    margin-block: calc(var(--size-1) * -1);
    display: inline-flex;
    flex-shrink: 0;
}
.vdp-datepicker .vdp-datepicker__clear-button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    width: var(--size-6);
    height: var(--size-6);
    border-radius: var(--rounded-full) !important;
    background-color: var(--dark-900);
    flex-grow: 0;
    flex-shrink: 0;
}
.vdp-datepicker .vdp-datepicker__clear-button span::before {
    content: '';
    width: var(--size-3);
    height: var(--size-3);
    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOS4wMDA1IDQuOTk5ODhMNS4wMDA0OSAxOC45OTk5TTUuMDAwNDkgNC45OTk4OEwxOS4wMDA1IDE4Ljk5OTkiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIvPgo8L3N2Zz4K');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}
.vdp-datepicker .vdp-datepicker__clear-button i {
    display: none;
}
.vdp-datepicker .vdp-datepicker__calendar {
    margin-block: var(--size-2);
    background-color: #fff;
    width: 100%;
    max-width: 16.25rem;
    border: none;
    border-radius: var(--rounded-xl);
    overflow: clip;
    padding: var(--size-1);
    box-shadow: 0 1rem 3rem -0.5rem var(--dark-900-20);
}
.vdp-datepicker .vdp-datepicker__calendar header {
    display: flex;
    line-height: inherit;
    padding: 0;
    margin-block-end: var(--size-1);
}
.vdp-datepicker .vdp-datepicker__calendar header .day__month_btn,
.vdp-datepicker .vdp-datepicker__calendar header .month__year_btn {
    padding-block: var(--size-1\5);
}
.vdp-datepicker .vdp-datepicker__calendar header span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: var(--leading-5);
    border-radius: var(--rounded-full);
    font-weight: var(--weight-semibold);
    color: var(--dark-900);
    font-size: var(--size-xs);
    flex-grow: 1;
}
.vdp-datepicker .vdp-datepicker__calendar header span:after {
    display: none;
}
.vdp-datepicker .vdp-datepicker__calendar header span:hover {
    background-color: var(--dark-100) !important;
    color: var(--dark-900) !important;
}
.vdp-datepicker .vdp-datepicker__calendar header .prev,
.vdp-datepicker .vdp-datepicker__calendar header .next {
    width: var(--size-8);
    height: var(--size-8);
    padding: 0;
    flex-grow: 0;
}
.vdp-datepicker .vdp-datepicker__calendar header .prev::before,
.vdp-datepicker .vdp-datepicker__calendar header .next::before {
    content: '';
    width: var(--size-4);
    height: var(--size-4);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.vdp-datepicker .vdp-datepicker__calendar header .prev::before {
    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNSA2TDkgMTIuMDAwMUwxNSAxOCIgc3Ryb2tlPSIjMGYxNzJhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiLz4KPC9zdmc+');
}
.vdp-datepicker .vdp-datepicker__calendar header .next::before {
    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjAwMDA1IDZMMTUgMTJMOSAxOCIgc3Ryb2tlPSIjMGYxNzJhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiLz4KPC9zdmc+');
}
.vdp-datepicker .vdp-datepicker__calendar > div {
    display: flex;
    flex-wrap: wrap;
}
.vdp-datepicker .vdp-datepicker__calendar .cell {
    position: relative;
    isolation: isolate;
    height: auto;
    width: 14.2857142857%;
    padding: 0;
    line-height: var(--size-4);
    aspect-ratio: 1/1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-xs);
    font-weight: var(--weight-medium);
    color: var(--dark-600);
    border: none !important;
}
.vdp-datepicker .vdp-datepicker__calendar .cell::before {
    content: '';
    display: none;
    position: absolute;
    inset: 0;
    border-radius: var(--rounded-full);
    z-index: -1;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.month {
    width: 50%;
    aspect-ratio: auto;
    line-height: var(--leading-5);
    border-radius: var(--rounded-full);
    padding-block: var(--size-1\5);
    padding-inline: var(--size-3);
}
.vdp-datepicker .vdp-datepicker__calendar .cell.year {
    width: 20%;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.day {
    color: var(--dark-900);
}
.vdp-datepicker .vdp-datepicker__calendar .cell.day:hover::before {
    display: block;
    background-color: var(--dark-100);
    color: var(--dark-900);
}
.vdp-datepicker .vdp-datepicker__calendar .cell.day-header {
    font-size: 9px;
    text-transform: uppercase;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.day-header,
.vdp-datepicker .vdp-datepicker__calendar .cell.disabled,
.vdp-datepicker .vdp-datepicker__calendar .cell.blank {
    color: var(--dark-400);
}
.vdp-datepicker .vdp-datepicker__calendar .cell.blank::before {
    display: none !important;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.selected {
    background-color: rgba(0, 0, 0, 0) !important;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.selected::before {
    display: block;
    background-color: var(--primary-500) !important;
}
input,
textarea,
select {
    appearance: none;
}
input::-webkit-search-decoration-button,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration,
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
textarea::-webkit-search-decoration-button,
textarea::-webkit-search-cancel-button,
textarea::-webkit-search-results-button,
textarea::-webkit-search-results-decoration,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
select::-webkit-search-decoration-button,
select::-webkit-search-cancel-button,
select::-webkit-search-results-button,
select::-webkit-search-results-decoration,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button {
    display: none;
}
input:-webkit-autofill,
input:-internal-autofill-selected,
textarea:-webkit-autofill,
textarea:-internal-autofill-selected,
select:-webkit-autofill,
select:-internal-autofill-selected {
    background-clip: text;
    appearance: none;
}
select {
    cursor: pointer;
    background-image: none !important;
    height: auto !important;
}
select option {
    font-size: 13px;
    line-height: var(--leading-4);
    font-weight: var(--weight-medium);
    padding-inline: var(--size-4) !important;
}
.c-form-wrapper {
    display: flex;
    flex-direction: column;
}
.c-form-wrapper .invalid-tooltip {
    position: static;
    inset: auto;
    z-index: unset;
    max-width: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-size: 11px;
    font-weight: var(--weight-medium);
    line-height: var(--leading-4);
    color: var(--danger-600);
    margin-block-start: var(--size-1\5);
}
.c-form-wrapper .invalid-tooltip ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
}
.c-form-wrapper .multiselect,
.c-form-wrapper .multiselect__single {
    min-height: auto !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
}
.c-form-wrapper .multiselect.multiselect--active .multiselect__input,
.c-form-wrapper .multiselect__single.multiselect--active .multiselect__input {
    width: 100% !important;
}
.c-form-wrapper .multiselect .multiselect__tags {
    display: flex;
    column-gap: var(--size-2);
    flex-wrap: wrap;
    cursor: text;
}
.c-form-wrapper .multiselect .multiselect__tags .multiselect__input {
    flex-grow: 1;
    width: 0 !important;
    float: left;
}
.c-form-wrapper .multiselect .multiselect__tags.multiselect--active .multiselect__input {
    width: auto !important;
}
.c-form-wrapper .multiselect .multiselect__tag {
    position: relative;
    display: inline-flex;
    padding: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    line-height: var(--leading-5);
    margin: 0;
    font-weight: var(--weight-medium);
    color: var(--dark-900);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--warning-400);
}
.c-form-wrapper .multiselect .multiselect__tag:not(:last-child) {
    margin-inline-end: var(--size-1\5);
}
.c-form-wrapper .multiselect .multiselect__tag:not(:last-child)::after {
    content: ',';
}
.c-form-wrapper .multiselect .multiselect__tag .multiselect__tag-icon {
    position: absolute;
    text-indent: -99999px;
    inset: 0;
    cursor: pointer;
    width: auto;
    margin: 0;
}
.c-form-wrapper .multiselect--disabled {
    opacity: 1;
}
.c-form-wrapper .multiselect__select {
    display: none;
}
.c-form-wrapper .multiselect__tags {
    min-height: auto !important;
    padding-inline: 0 !important;
    padding-block: var(--size-2\5) !important;
    border: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.c-form-wrapper .multiselect__tags input {
    padding: 0;
    font-size: var(--size-sm);
    line-height: var(--leading-5);
    margin: 0;
    height: auto !important;
    font-weight: var(--weight-medium) !important;
    color: var(--dark-900) !important;
}
.c-form-wrapper .multiselect__single,
.c-form-wrapper .multiselect__placeholder {
    color: var(--dark-900) !important;
    line-height: var(--leading-5) !important;
    font-weight: var(--weight-medium) !important;
    font-size: var(--size-sm) !important;
    height: auto !important;
    padding: 0 !important;
}
.c-form-wrapper .multiselect__placeholder {
    opacity: 0.3;
}
.c-form-wrapper .multiselect__content-wrapper {
    background-color: #fff !important;
    border-radius: var(--rounded-xl) !important;
    box-shadow: 0 1rem 3rem -0.5rem var(--dark-900-20) !important;
    margin-block: var(--size-2);
    border: none !important;
}
.c-form-wrapper .multiselect__content-wrapper .multiselect__option {
    padding-block: var(--size-2);
    padding-inline: var(--size-3);
    font-size: 13px;
    line-height: var(--leading-5);
    font-weight: var(--weight-medium);
    color: var(--dark-400);
    transition-property: background-color, color;
    transition-duration: 500ms;
    transition-timing-function: var(--easing);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c-form-wrapper .multiselect__content-wrapper .multiselect__option:hover,
.c-form-wrapper .multiselect__content-wrapper .multiselect__option:active,
.c-form-wrapper .multiselect__content-wrapper .multiselect__option:focus {
    color: var(--dark-900);
    background-color: var(--dark-100);
}
.c-form-wrapper .multiselect__content-wrapper .multiselect__option::after {
    display: none;
}
.c-form-wrapper .multiselect__content-wrapper .multiselect__option--highlight {
    background-color: var(--dark-100) !important;
    color: var(--dark-900) !important;
}
.c-form-wrapper .multiselect__content-wrapper .multiselect__option--selected {
    background-color: var(--primary-500) !important;
    color: #fff !important;
}
.c-form {
    position: relative;
    display: flex;
    flex-direction: column;
    border-block-end: 1px solid var(--dark-900-20);
}
.c-form:has(.c-label) {
    padding-block-start: var(--size-1\5);
}
.c-form:has(.c-label) .c-input::placeholder {
    opacity: 0;
}
.is-focus .c-form:has(.c-label) .c-input::placeholder {
    opacity: 1;
}
.c-form:has(input:user-invalid),
.c-form:has([state='invalid']) {
    border-color: var(--danger-600);
}
.c-form:has(input:user-invalid) .c-label,
.c-form:has([state='invalid']) .c-label {
    top: 0;
    font-size: var(--size-xs);
    line-height: var(--leading-4);
    color: var(--dark-500);
}
.c-form .c-label {
    pointer-events: none;
    color: var(--dark-900);
    font-size: inherit;
    line-height: var(--leading-5);
    position: absolute;
    top: 0;
    left: var(--size-5);
}
.c-form.is-focus,
.c-form.is-valid {
    border-color: var(--primary-500);
}
.c-form.is-focus .c-label,
.c-form.is-valid .c-label {
    top: 0;
    margin-block-end: 0;
    font-size: var(--size-xs);
    line-height: var(--leading-4);
    color: var(--dark-500);
}
.c-form.is-invalid {
    border-color: var(--danger-500);
}
.c-form.is-invalid .c-label {
    top: 0;
    margin-block-end: 0;
    font-size: var(--size-xs);
    line-height: var(--leading-4);
    color: var(--dark-500);
}
.c-label-fixed {
    color: var(--dark-500);
    font-size: var(--size-xs);
    font-weight: var(--weight-medium);
    margin-block-end: calc(var(--size-1\5) * -1);
    transition: all 300ms var(--easing);
}
.c-input {
    flex-grow: 1;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
    border: none;
    appearance: none;
    color: var(--dark-900);
    padding-block: var(--size-2\5);
    padding-inline: 0 !important;
    line-height: var(--leading-5);
    font-weight: var(--weight-medium);
    border-width: 0 0 1px;
    border-block-color: var(--dark-300);
    text-overflow: ellipsis;
}
.c-input[readonly] {
    background-color: rgba(0, 0, 0, 0) !important;
}
.c-input[disabled],
.c-input:disabled {
    color: var(--dark-400);
    background-color: rgba(0, 0, 0, 0);
}
.c-input::placeholder {
    color: var(--placeholder, currentColor);
    opacity: 0.3;
}
.c-input:focus {
    background-color: rgba(0, 0, 0, 0);
    color: var(--dark-900);
}
.c-input.is-focus::placeholder {
    opacity: 0;
}
.c-input.b-form-file {
    padding: 0;
    height: auto;
}
.c-input .custom-file-input {
    display: none;
}
.c-input .custom-file-input:disabled ~ .custom-file-label {
    background-color: rgba(0, 0, 0, 0) !important;
}
.c-input .custom-file-label {
    position: static;
    inset: auto;
    height: auto;
    font-weight: inherit;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
    margin: 0;
    padding-inline: 0;
    padding-block: var(--size-2\5);
    line-height: var(--leading-5);
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--size-3);
}
.c-input .custom-file-label span {
    overflow-x: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}
.c-input .custom-file-label::after {
    position: static;
    inset: auto;
    height: auto;
    display: inline-flex;
    margin-block: calc(var(--size-1) * -1);
    font-size: 10px;
    letter-spacing: var(--tracking-wide);
    line-height: var(--leading-4);
    text-transform: uppercase;
    font-weight: var(--weight-medium);
    padding-block: var(--size-1);
    padding-inline: var(--size-2\5);
    border-radius: var(--rounded-full);
    background-color: var(--dark-200);
    cursor: pointer;
}
textarea.c-input {
    resize: none !important;
    min-height: var(--size-15);
    max-height: calc(var(--max-rows, '') * var(--leading-5) + var(--size-5));
}
.custom-control {
    width: fit-content;
}
.custom-control.custom-radio,
.custom-control.custom-checkbox {
    display: inline-flex;
    cursor: pointer;
    padding: 0;
    min-height: auto;
}
.custom-control.custom-radio .custom-control-label,
.custom-control.custom-checkbox .custom-control-label {
    display: flex;
    flex-grow: 1;
    margin-block: var(--size-2\5);
    gap: var(--size-2\5);
    line-height: var(--leading-5);
    cursor: pointer;
}
.custom-control.custom-radio .custom-control-label::before,
.custom-control.custom-checkbox .custom-control-label::before {
    position: static;
    inset: auto;
    display: inline-flex;
    border-radius: var(--rounded-full);
    width: var(--size-5);
    height: var(--size-5);
    flex-shrink: 0;
    transition: none;
    border: none;
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.custom-control.custom-radio span,
.custom-control.custom-checkbox span {
    display: inline-flex;
    font-weight: var(--weight-medium);
}
.custom-control.custom-checkbox .custom-control-label::before {
    background-color: var(--dark-200) !important;
    box-shadow: none !important;
    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjI1IDEzLjVMOC43NSAxOEwxOS43NSA2IiBzdHJva2U9IiM5NGEzYjgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiLz4KPC9zdmc+Cg==') !important;
    background-size: var(--size-3) var(--size-3);
    background-repeat: no-repeat;
    background-position: center;
}
.custom-control.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary-500) !important;
    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjI1IDEzLjVMOC43NSAxOEwxOS43NSA2IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiLz4KPC9zdmc+Cg==') !important;
    box-shadow: 0 0 0 4px var(--primary-500-30) !important;
}
.custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label {
    color: var(--dark-400);
}
.custom-control.custom-checkbox .custom-control-input.is-valid ~ .custom-control-label {
    color: var(--dark-900);
}
.custom-control.custom-radio .custom-control-label::before {
    background-image: none;
    box-shadow: inset 0 0 0 7px var(--dark-200);
}
.custom-control.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 7px var(--primary-500), 0 0 0 4px var(--primary-500-30);
}
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 0 0 7px var(--primary-500), 0 0 0 4px var(--primary-500-30);
}
.custom-control.custom-control-inline {
    margin-inline-end: 0;
}
.custom-controls-inline {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--size-4);
}
.custom-switch {
    padding-inline-start: 0;
}
.custom-switch .custom-control-label {
    --switch-width: var(--size-8);
    --switch-height: var(--size-5);
    --switch-bar-color: var(--dark-200);
    --switch-dot-color: var(--dark-900);
    --switch-bar-active: var(--dark-900);
    --switch-dot-active: white;
    position: relative;
    display: flex;
    flex-grow: 1;
    margin-block: var(--size-2\5);
    gap: var(--size-2\5);
    line-height: var(--leading-5);
    cursor: pointer;
}
.custom-switch .custom-control-label::before {
    content: 'a';
    color: rgba(0, 0, 0, 0);
    text-indent: -999999px;
    position: static;
    inset: auto;
    width: var(--switch-width);
    height: var(--switch-height);
    border: none !important;
    background-color: var(--switch-bar-color) !important;
    border-radius: var(--rounded-full);
    box-shadow: none !important;
}
.custom-switch .custom-control-label::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(--switch-height);
    height: var(--switch-height);
    border: 3px solid var(--switch-bar-color);
    background-color: var(--switch-dot-color) !important;
    border-radius: var(--rounded-full);
    transform: translateX(0);
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--switch-bar-active) !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(var(--switch-width) - var(--switch-height)));
    border-color: var(--switch-bar-active);
    background-color: var(--switch-dot-active) !important;
}
.custom-switch.switch-reverse .custom-control-label {
    flex-direction: row-reverse;
}
.custom-switch.switch-reverse .custom-control-label::after {
    left: auto;
    right: 0;
    transform: translateX(calc((var(--switch-width) - var(--switch-height)) * -1));
}
.custom-switch.switch-reverse .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(0);
}
.custom-switch.switch-primary .custom-control-label {
    --switch-bar-color: var(--primary-100);
    --switch-dot-color: var(--primary-500);
    --switch-bar-active: var(--primary-500);
}
.custom-switch.switch-success .custom-control-label {
    --switch-bar-color: var(--success-100);
    --switch-dot-color: var(--success-500);
    --switch-bar-active: var(--success-500);
}
.custom-switch.switch-warning .custom-control-label {
    --switch-bar-color: var(--warning-100);
    --switch-dot-color: var(--warning-400);
    --switch-bar-active: var(--warning-400);
    --switch-dot-active: var(--dark-900);
}
.table-wrapper {
    overflow: auto;
}
.table {
    font-size: var(--size-xs);
    font-weight: var(--weight-medium);
    color: var(--dark-600);
    border-collapse: collapse;
}
.table thead th {
    vertical-align: bottom;
    border: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: var(--weight-medium);
    color: var(--primary-400);
    padding-block: var(--size-3);
    white-space: nowrap;
}
.table thead th:where([aria-sort]) {
    padding-inline-end: var(--size-12) !important;
    background-size: var(--size-2) var(--size-3) !important;
    background-position: right calc((var(--size-12) - var(--size-2)) / 2) center !important;
}
.table th,
.table td {
    line-height: var(--leading-4);
    padding-block: var(--size-4);
    padding-inline: var(--size-4);
}
.table th:first-child,
.table td:first-child {
    padding-inline-start: var(--size-4);
    text-align: start !important;
}
.table th:last-child,
.table td:last-child {
    padding-inline-end: var(--size-4);
}
@media (min-width: 1024px) {
    .table th:first-child,
    .table td:first-child {
        padding-inline-start: var(--size-6);
    }
    .table th:last-child,
    .table td:last-child {
        padding-inline-end: var(--size-6);
    }
}
.table tbody td {
    vertical-align: baseline !important;
}
.table a:not(.btn) {
    color: var(--dark-900);
}
.table-bordered td {
    border-inline: none;
    border-block-end: none;
    border-block-start: 1px solid var(--dark-200);
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to right, transparent, var(--dark-400-10), transparent);
}
.table-justify-between th:first-child,
.table-justify-between td:first-child {
    text-align: start;
    padding-inline-start: 0;
}
.table-justify-between th:last-child,
.table-justify-between td:last-child {
    text-align: right !important;
    padding-inline-end: 0;
}
.pagination {
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--size-0\5);
}
.pagination .page-item .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 0;
    padding-block: 0;
    width: var(--size-6);
    height: var(--size-6);
    border-radius: var(--rounded-full);
    min-width: auto;
    font-size: 11px;
    font-weight: var(--weight-medium);
    line-height: 1;
    color: var(--dark-400);
    border: none;
    transition-property: background-color, color;
    transition-duration: 500ms;
    transition-timing-function: var(--easing);
}
.pagination .page-item .page-link:hover {
    background-color: var(--dark-200);
    color: var(--dark-600);
}
.pagination .page-item + .page-item .page-link {
    margin-inline-start: 0;
}
.pagination .page-item.active .page-link {
    background-color: var(--warning-400);
    color: var(--dark-900);
}
.vue-notification-group {
    padding: var(--size-3);
    pointer-events: none;
}
.vue-notification-group span {
    display: flex;
    flex-direction: column;
    gap: var(--size-3);
}
.vue-notification-group .vue-notification-wrapper {
    pointer-events: auto;
    margin: 0;
    padding: 0;
}
.vue-notification-group .vue-notification-wrapper .vue-notification-template {
    position: relative;
    isolation: isolate;
    overflow: clip;
    display: flex;
    flex-direction: column;
    gap: var(--size-1\5);
    padding-block: var(--size-5);
    padding-inline: var(--size-6);
    margin: 0;
    border-radius: var(--rounded-xl);
    background: none;
    background-color: var(--notification-bg, white);
    color: var(--dark-600);
    border: none;
}
.vue-notification-group .vue-notification-wrapper .vue-notification-template::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(12%, 12%);
    width: var(--size-12);
    height: var(--size-12);
    background-image: var(--notification-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.5;
}
.vue-notification-group .vue-notification-wrapper .vue-notification-template .notification-title {
    font-size: 11px;
    font-weight: var(--weight-medium);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    line-height: 1;
    opacity: 0.5;
}
.vue-notification-group .vue-notification-wrapper .vue-notification-template .notification-content {
    font-size: var(--size-sm);
    line-height: var(--leading-5);
    font-weight: var(--weight-medium);
    letter-spacing: normal;
    word-break: break-word;
}
.vue-notification-group .vue-notification-wrapper .notification-danger {
    --notification-bg: var(--danger-600);
    --notification-icon: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNCIgZD0iTTEuMjUgMTJDMS4yNSAxNy45MzcxIDYuMDYyOTQgMjIuNzUgMTIgMjIuNzVDMTcuOTM3MSAyMi43NSAyMi43NSAxNy45MzcxIDIyLjc1IDEyQzIyLjc1IDYuMDYyOTQgMTcuOTM3MSAxLjI1IDEyIDEuMjVDNi4wNjI5NCAxLjI1IDEuMjUgNi4wNjI5NCAxLjI1IDEyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS43MDcxIDguMjkyOTJDMTYuMDk3NiA4LjY4MzQ1IDE2LjA5NzYgOS4zMTY2MiAxNS43MDcxIDkuNzA3MTNMMTMuNDE0MSAxMkwxNS43MDcxIDE0LjI5MjlDMTYuMDk3NiAxNC42ODM0IDE2LjA5NzYgMTUuMzE2NSAxNS43MDcxIDE1LjcwNzFDMTUuMzE2NiAxNi4wOTc2IDE0LjY4MzUgMTYuMDk3NiAxNC4yOTI5IDE1LjcwNzFMMTEuOTk5OCAxMy40MTQyTDkuNzA3MDggMTUuNzA2N0M5LjMxNjU1IDE2LjA5NzIgOC42ODMzOCAxNi4wOTcyIDguMjkyODcgMTUuNzA2N0M3LjkwMjM2IDE1LjMxNjIgNy45MDIzOCAxNC42ODMgOC4yOTI5MiAxNC4yOTI1TDEwLjU4NTUgMTJMOC4yOTI5MiA5LjcwNzUyQzcuOTAyMzggOS4zMTcwMSA3LjkwMjM2IDguNjgzODUgOC4yOTI4NyA4LjI5MzMxQzguNjgzMzggNy45MDI3NyA5LjMxNjU1IDcuOTAyNzUgOS43MDcwOCA4LjI5MzI2TDExLjk5OTggMTAuNTg1OEwxNC4yOTI5IDguMjkyODdDMTQuNjgzNSA3LjkwMjM2IDE1LjMxNjYgNy45MDIzOCAxNS43MDcxIDguMjkyOTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
}
.vue-notification-group .vue-notification-wrapper .notification-danger > * {
    color: #fff;
}
.vue-notification-group .vue-notification-wrapper .notification-success {
    --notification-bg: var(--success-500);
    --notification-icon: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC40IiBkPSJNMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMkMxLjI1IDYuMDYyOTQgNi4wNjI5NCAxLjI1IDEyIDEuMjVDMTcuOTM3MSAxLjI1IDIyLjc1IDYuMDYyOTQgMjIuNzUgMTJDMjIuNzUgMTcuOTM3MSAxNy45MzcxIDIyLjc1IDEyIDIyLjc1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi43MzcyIDkuNjc1NzNDMTcuMTEwMyA5LjI2ODYxIDE3LjA4MjggOC42MzYwNCAxNi42NzU3IDguMjYyODVDMTYuMjY4NiA3Ljg4OTY2IDE1LjYzNiA3LjkxNzE2IDE1LjI2MjggOC4zMjQyOEwxMC40Njg2IDEzLjU1NDRMOC43MDcxMSAxMS43OTI5QzguMzE2NTggMTEuNDAyNCA3LjY4MzQyIDExLjQwMjQgNy4yOTI4OSAxMS43OTI5QzYuOTAyMzcgMTIuMTgzNCA2LjkwMjM3IDEyLjgxNjYgNy4yOTI4OSAxMy4yMDcxTDkuNzkyODkgMTUuNzA3MUM5Ljk4NTc2IDE1LjkgMTAuMjQ5IDE2LjAwNTcgMTAuNTIxNyAxNS45OTk4QzEwLjc5NDQgMTUuOTkzOCAxMS4wNTI4IDE1Ljg3NjggMTEuMjM3MiAxNS42NzU3TDE2LjczNzIgOS42NzU3M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==');
}
.vue-notification-group .vue-notification-wrapper .notification-success > * {
    color: #fff;
}
.vue-notification-group .vue-notification-wrapper .notification-warning {
    --notification-bg: var(--warning-400);
    --notification-icon: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNCIgZD0iTTEwLjM2MiAyLjAxNUMxMS40MjY0IDEuNjYxNjcgMTIuNTczNiAxLjY2MTY3IDEzLjYzOCAyLjAxNUMxNC42OTgxIDIuMzY2ODcgMTUuNTMwNCAzLjIwMTQxIDE2LjM2NjUgNC4zNzM5NUMxNy4xOTk5IDUuNTQyNiAxOC4xMjA4IDcuMTcyMDYgMTkuMzA3OCA5LjI3MjVMMTkuMzU0NCA5LjM1NDk2QzIwLjU0MTcgMTEuNDU1NyAyMS40NjI1IDEzLjA4NTEgMjIuMDM2NCAxNC40MDY1QzIyLjYxMyAxNS43MzQzIDIyLjkwMDIgMTYuODgwNyAyMi42NzExIDE3Ljk4MjFDMjIuNDQwMyAxOS4wOTExIDIxLjg3MTQgMjAuMDk5NSAyMS4wNDI4IDIwLjg2MTdDMjAuMjE2MiAyMS42MjIgMTkuMDkwNyAyMS45NDI4IDE3LjY3MzYgMjIuMDk2OEMxNi4yNjQ1IDIyLjI1IDE0LjQyMTIgMjIuMjUgMTIuMDQ4OCAyMi4yNUgxMS45NTEzQzkuNTc4ODIgMjIuMjUgNy43MzU1NCAyMi4yNSA2LjMyNjQyIDIyLjA5NjhDNC45MDkyNyAyMS45NDI4IDMuNzgzNzkgMjEuNjIyIDIuOTU3MjIgMjAuODYxN0MyLjEyODYyIDIwLjA5OTUgMS41NTk2OCAxOS4wOTExIDEuMzI4OTUgMTcuOTgyMUMxLjA5OTggMTYuODgwNyAxLjM4NyAxNS43MzQzIDEuOTYzNjUgMTQuNDA2NUMyLjUzNzUyIDEzLjA4NTEgMy40NTgzNSAxMS40NTU3IDQuNjQ1NTggOS4zNTQ5NUw0LjY5MjE4IDkuMjcyNUw0LjY5MjE4IDkuMjcyNDlDNS44NzkyMSA3LjE3MjA2IDYuODAwMDggNS41NDI2IDcuNjMzNDcgNC4zNzM5NUM4LjQ2OTYzIDMuMjAxNDEgOS4zMDE5NCAyLjM2Njg3IDEwLjM2MiAyLjAxNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEgMTdDMTEgMTYuNDQ3NyAxMS40NDU3IDE2IDExLjk5NTUgMTZIMTIuMDA0NUMxMi41NTQzIDE2IDEzIDE2LjQ0NzcgMTMgMTdDMTMgMTcuNTUyMyAxMi41NTQzIDE4IDEyLjAwNDUgMThIMTEuOTk1NUMxMS40NDU3IDE4IDExIDE3LjU1MjMgMTEgMTdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDE0QzExLjQ0NzcgMTQgMTEgMTMuNTUyMyAxMSAxM0wxMSA5QzExIDguNDQ3NzIgMTEuNDQ3NyA4IDEyIDhDMTIuNTUyMyA4IDEzIDguNDQ3NzIgMTMgOUwxMyAxM0MxMyAxMy41NTIzIDEyLjU1MjMgMTQgMTIgMTRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
}
.vue-notification-group .vue-notification-wrapper .notification-warning > * {
    color: var(--dark-900);
}
.vue-notification-group .vue-notification-wrapper .notification-info {
    --notification-bg: var(--primary-200);
    --notification-icon: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNCIgZD0iTTEuMjUgMTJDMS4yNSAxNy45MzcxIDYuMDYyOTQgMjIuNzUgMTIgMjIuNzVDMTcuOTM3MSAyMi43NSAyMi43NSAxNy45MzcxIDIyLjc1IDEyQzIyLjc1IDYuMDYyOTQgMTcuOTM3MSAxLjI1IDEyIDEuMjVDNi4wNjI5NCAxLjI1IDEuMjUgNi4wNjI5NCAxLjI1IDEyWiIgZmlsbD0iIzAyODRjNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjY4MTkgMTEuMDI3M0MxMS45Mjg5IDExLjA2MDUgMTIuMjcwNyAxMS4xNDk0IDEyLjU2MDcgMTEuNDM5NEMxMi44NTA3IDExLjcyOTQgMTIuOTM5NiAxMi4wNzExIDEyLjk3MjggMTIuMzE4MkMxMy4wMDAzIDEyLjUyMjggMTMuMDAwMSAxMi43NjA4IDEzIDEyLjk2MDZDMTMgMTIuOTc0IDEzIDEyLjk4NzEgMTMgMTNWMTdDMTMgMTcuNTUyMyAxMi41NTIzIDE4IDEyIDE4QzExLjQ0NzcgMTggMTEgMTcuNTUyMyAxMSAxN1YxM0MxMC40NDc3IDEzIDEwIDEyLjU1MjMgMTAgMTJDMTAgMTEuNDQ3NyAxMC40NDc3IDExIDExIDExQzExLjAxMjkgMTEgMTEuMDI2MSAxMSAxMS4wMzk0IDExQzExLjIzOTMgMTAuOTk5OSAxMS40NzcyIDEwLjk5OTcgMTEuNjgxOSAxMS4wMjczWiIgZmlsbD0iIzAyODRjNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjk5OTkgOEMxMC45OTk5IDcuNDQ3NzIgMTEuNDQ1NiA3IDExLjk5NTQgN0gxMi4wMDQ0QzEyLjU1NDIgNyAxMi45OTk5IDcuNDQ3NzIgMTIuOTk5OSA4QzEyLjk5OTkgOC41NTIyOCAxMi41NTQyIDkgMTIuMDA0NCA5SDExLjk5NTRDMTEuNDQ1NiA5IDEwLjk5OTkgOC41NTIyOCAxMC45OTk5IDhaIiBmaWxsPSIjMDI4NGM3Ii8+Cjwvc3ZnPgo=');
}
.vue-notification-group .vue-notification-wrapper .notification-info > * {
    color: var(--primary-600);
}
@media (min-width: 1024px) {
    .lg\:hidden {
        display: none !important;
    }
    .lg\:block {
        display: block !important;
    }
    .lg\:flex {
        display: flex !important;
    }
    .lg\:inline-flex {
        display: inline-flex !important;
    }
    .lg\:grid {
        display: grid !important;
    }
    .lg\:inline-grid {
        display: inline-grid !important;
    }
    .lg\:inline-block {
        display: inline-block !important;
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .lg\:flex-col {
        flex-direction: column;
    }
    .lg\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .lg\:flex-wrap {
        flex-wrap: wrap;
    }
    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .lg\:grow {
        flex-grow: 1;
    }
    .lg\:grow-0 {
        flex-grow: 0;
    }
    .lg\:shrink {
        flex-shrink: 1;
    }
    .lg\:shrink-0 {
        flex-shrink: 0;
    }
    .lg\:justify-start {
        justify-content: start;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:justify-end {
        justify-content: end;
    }
    .lg\:justify-between {
        justify-content: space-between;
    }
    .lg\:items-start {
        align-items: flex-start;
    }
    .lg\:items-end {
        align-items: flex-end;
    }
    .lg\:items-center {
        align-items: center;
    }
    .lg\:items-baseline {
        align-items: baseline;
    }
    .lg\:items-stretch {
        align-items: stretch;
    }
    .lg\:basis-1\/4 {
        flex-basis: 25%;
    }
    .lg\:basis-1\/2 {
        flex-basis: 50%;
    }
    .lg\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .lg\:grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .lg\:grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .lg\:grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .lg\:grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .lg\:grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr));
    }
    .lg\:grid-rows-none {
        grid-template-rows: none;
    }
    .lg\:grid-rows-subgrid {
        grid-template-rows: subgrid;
    }
    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .lg\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .lg\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .lg\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:grid-cols-none {
        grid-template-columns: none;
    }
    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .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\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .lg\:col-span-9 {
        grid-column: span 9 / span 9;
    }
    .lg\:col-span-10 {
        grid-column: span 10 / span 10;
    }
    .lg\:col-span-11 {
        grid-column: span 11 / span 11;
    }
    .lg\:col-span-12 {
        grid-column: span 12 / span 12;
    }
    .lg\:col-span-full {
        grid-column: 1/-1;
    }
    .lg\:col-start-1 {
        grid-column-start: 1;
    }
    .lg\:col-start-2 {
        grid-column-start: 2;
    }
    .lg\:col-start-3 {
        grid-column-start: 3;
    }
    .lg\:col-start-4 {
        grid-column-start: 4;
    }
    .lg\:col-start-5 {
        grid-column-start: 5;
    }
    .lg\:col-start-6 {
        grid-column-start: 6;
    }
    .lg\:col-start-7 {
        grid-column-start: 7;
    }
    .lg\:col-start-8 {
        grid-column-start: 8;
    }
    .lg\:col-start-9 {
        grid-column-start: 9;
    }
    .lg\:col-start-10 {
        grid-column-start: 10;
    }
    .lg\:col-start-11 {
        grid-column-start: 11;
    }
    .lg\:col-start-12 {
        grid-column-start: 12;
    }
    .lg\:place-items-start {
        place-items: start;
    }
    .lg\:place-items-end {
        place-items: end;
    }
    .lg\:place-items-center {
        place-items: center;
    }
    .lg\:place-items-baseline {
        place-items: baseline;
    }
    .lg\:row-auto {
        grid-row: auto;
    }
    .lg\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .lg\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .lg\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .lg\:row-span-4 {
        grid-row: span 4 / span 4;
    }
    .lg\:row-span-5 {
        grid-row: span 5 / span 5;
    }
    .lg\:row-span-6 {
        grid-row: span 6 / span 6;
    }
    .lg\:row-span-7 {
        grid-row: span 7 / span 7;
    }
    .lg\:row-span-8 {
        grid-row: span 8 / span 8;
    }
    .lg\:row-span-9 {
        grid-row: span 9 / span 9;
    }
    .lg\:row-span-10 {
        grid-row: span 10 / span 10;
    }
    .lg\:row-span-11 {
        grid-row: span 11 / span 11;
    }
    .lg\:row-span-12 {
        grid-row: span 12 / span 12;
    }
    .lg\:row-span-full {
        grid-row: 1/-1;
    }
    .lg\:row-start-1 {
        grid-row-start: 1;
    }
    .lg\:row-start-2 {
        grid-row-start: 2;
    }
    .lg\:row-start-3 {
        grid-row-start: 3;
    }
    .lg\:row-start-4 {
        grid-row-start: 4;
    }
    .lg\:row-start-5 {
        grid-row-start: 5;
    }
    .lg\:row-start-6 {
        grid-row-start: 6;
    }
    .lg\:row-start-7 {
        grid-row-start: 7;
    }
    .lg\:row-start-8 {
        grid-row-start: 8;
    }
    .lg\:row-start-9 {
        grid-row-start: 9;
    }
    .lg\:row-start-10 {
        grid-row-start: 10;
    }
    .lg\:row-start-11 {
        grid-row-start: 11;
    }
    .lg\:row-start-12 {
        grid-row-start: 12;
    }
    .lg\:row-start-13 {
        grid-row-start: 13;
    }
    .lg\:row-start-auto {
        grid-row-start: auto;
    }
    .lg\:row-end-1 {
        grid-row-end: 1;
    }
    .lg\:row-end-2 {
        grid-row-end: 2;
    }
    .lg\:row-end-3 {
        grid-row-end: 3;
    }
    .lg\:row-end-4 {
        grid-row-end: 4;
    }
    .lg\:row-end-5 {
        grid-row-end: 5;
    }
    .lg\:row-end-6 {
        grid-row-end: 6;
    }
    .lg\:row-end-7 {
        grid-row-end: 7;
    }
    .lg\:row-end-8 {
        grid-row-end: 8;
    }
    .lg\:row-end-9 {
        grid-row-end: 9;
    }
    .lg\:row-end-10 {
        grid-row-end: 10;
    }
    .lg\:row-end-11 {
        grid-row-end: 11;
    }
    .lg\:row-end-12 {
        grid-row-end: 12;
    }
    .lg\:row-end-13 {
        grid-row-end: 13;
    }
    .lg\:row-end-auto {
        grid-row-end: auto;
    }
    .lg\:gap-0\.5 {
        gap: var(--size-0\5);
    }
    .lg\:gap-1 {
        gap: var(--size-1);
    }
    .lg\:gap-1\.5 {
        gap: var(--size-1\5);
    }
    .lg\:gap-2 {
        gap: var(--size-2);
    }
    .lg\:gap-2\.5 {
        gap: var(--size-2\5);
    }
    .lg\:gap-3 {
        gap: var(--size-3);
    }
    .lg\:gap-4 {
        gap: var(--size-4);
    }
    .lg\:gap-5 {
        gap: var(--size-5);
    }
    .lg\:gap-6 {
        gap: var(--size-6);
    }
    .lg\:gap-7 {
        gap: var(--size-7);
    }
    .lg\:gap-8 {
        gap: var(--size-8);
    }
    .lg\:gap-9 {
        gap: var(--size-9);
    }
    .lg\:gap-10 {
        gap: var(--size-10);
    }
    .lg\:gap-11 {
        gap: var(--size-11);
    }
    .lg\:gap-12 {
        gap: var(--size-12);
    }
    .lg\:gap-14 {
        gap: var(--size-14);
    }
    .lg\:gap-16 {
        gap: var(--size-16);
    }
    .lg\:gap-20 {
        gap: var(--size-20);
    }
    .lg\:gap-x-1 {
        column-gap: var(--size-1);
    }
    .lg\:gap-x-2 {
        column-gap: var(--size-2);
    }
    .lg\:gap-x-3 {
        column-gap: var(--size-3);
    }
    .lg\:gap-x-4 {
        column-gap: var(--size-4);
    }
    .lg\:gap-x-5 {
        column-gap: var(--size-5);
    }
    .lg\:gap-x-6 {
        column-gap: var(--size-6);
    }
    .lg\:gap-x-7 {
        column-gap: var(--size-7);
    }
    .lg\:gap-x-8 {
        column-gap: var(--size-8);
    }
    .lg\:gap-x-9 {
        column-gap: var(--size-9);
    }
    .lg\:gap-x-10 {
        column-gap: var(--size-10);
    }
    .lg\:gap-x-11 {
        column-gap: var(--size-11);
    }
    .lg\:gap-x-12 {
        column-gap: var(--size-12);
    }
    .lg\:gap-y-1 {
        row-gap: var(--size-1);
    }
    .lg\:gap-y-2 {
        row-gap: var(--size-2);
    }
    .lg\:gap-y-3 {
        row-gap: var(--size-3);
    }
    .lg\:gap-y-4 {
        row-gap: var(--size-4);
    }
    .lg\:gap-y-5 {
        row-gap: var(--size-5);
    }
    .lg\:gap-y-6 {
        row-gap: var(--size-6);
    }
    .lg\:gap-y-7 {
        row-gap: var(--size-7);
    }
    .lg\:gap-y-8 {
        row-gap: var(--size-8);
    }
    .lg\:gap-y-9 {
        row-gap: var(--size-9);
    }
    .lg\:gap-y-10 {
        row-gap: var(--size-10);
    }
    .lg\:gap-y-11 {
        row-gap: var(--size-11);
    }
    .lg\:gap-y-12 {
        row-gap: var(--size-12);
    }
    .lg\:p-0 {
        padding: 0 !important;
    }
    .lg\:px-0 {
        padding-inline: 0 !important;
    }
    .lg\:py-0 {
        padding-block: 0 !important;
    }
    .lg\:pl-0 {
        padding-inline-start: 0 !important;
    }
    .lg\:pt-0 {
        padding-block-start: 0 !important;
    }
    .lg\:pr-0 {
        padding-inline-end: 0 !important;
    }
    .lg\:pb-0 {
        padding-block-end: 0 !important;
    }
    .lg\:p-1 {
        padding: var(--size-1) !important;
    }
    .lg\:px-1 {
        padding-inline: var(--size-1) !important;
    }
    .lg\:py-1 {
        padding-block: var(--size-1) !important;
    }
    .lg\:pl-1 {
        padding-inline-start: var(--size-1) !important;
    }
    .lg\:pt-1 {
        padding-block-start: var(--size-1) !important;
    }
    .lg\:pr-1 {
        padding-inline-end: var(--size-1) !important;
    }
    .lg\:pb-1 {
        padding-block-end: var(--size-1) !important;
    }
    .lg\:p-2 {
        padding: var(--size-2) !important;
    }
    .lg\:px-2 {
        padding-inline: var(--size-2) !important;
    }
    .lg\:py-2 {
        padding-block: var(--size-2) !important;
    }
    .lg\:pl-2 {
        padding-inline-start: var(--size-2) !important;
    }
    .lg\:pt-2 {
        padding-block-start: var(--size-2) !important;
    }
    .lg\:pr-2 {
        padding-inline-end: var(--size-2) !important;
    }
    .lg\:pb-2 {
        padding-block-end: var(--size-2) !important;
    }
    .lg\:px-2\.5 {
        padding-inline: var(--size-2\5) !important;
    }
    .lg\:py-2\.5 {
        padding-block: var(--size-2\5) !important;
    }
    .lg\:pl-2\.5 {
        padding-inline-start: var(--size-2\5) !important;
    }
    .lg\:pt-2\.5 {
        padding-block-start: var(--size-2\5) !important;
    }
    .lg\:pr-2\.5 {
        padding-inline-end: var(--size-2\5) !important;
    }
    .lg\:pb-2\.5 {
        padding-block-end: var(--size-2\5) !important;
    }
    .lg\:p-3 {
        padding: var(--size-3) !important;
    }
    .lg\:px-3 {
        padding-inline: var(--size-3) !important;
    }
    .lg\:py-3 {
        padding-block: var(--size-3) !important;
    }
    .lg\:pl-3 {
        padding-inline-start: var(--size-3) !important;
    }
    .lg\:pt-3 {
        padding-block-start: var(--size-3) !important;
    }
    .lg\:pr-3 {
        padding-inline-end: var(--size-3) !important;
    }
    .lg\:pb-3 {
        padding-block-end: var(--size-3) !important;
    }
    .lg\:p-4 {
        padding: var(--size-4) !important;
    }
    .lg\:px-4 {
        padding-inline: var(--size-4) !important;
    }
    .lg\:py-4 {
        padding-block: var(--size-4) !important;
    }
    .lg\:pl-4 {
        padding-inline-start: var(--size-4) !important;
    }
    .lg\:pt-4 {
        padding-block-start: var(--size-4) !important;
    }
    .lg\:pr-4 {
        padding-inline-end: var(--size-4) !important;
    }
    .lg\:pb-4 {
        padding-block-end: var(--size-4) !important;
    }
    .lg\:p-5 {
        padding: var(--size-5) !important;
    }
    .lg\:px-5 {
        padding-inline: var(--size-5) !important;
    }
    .lg\:py-5 {
        padding-block: var(--size-5) !important;
    }
    .lg\:pl-5 {
        padding-inline-start: var(--size-5) !important;
    }
    .lg\:pt-5 {
        padding-block-start: var(--size-5) !important;
    }
    .lg\:pr-5 {
        padding-inline-end: var(--size-5) !important;
    }
    .lg\:pb-5 {
        padding-block-end: var(--size-5) !important;
    }
    .lg\:p-6 {
        padding: var(--size-6) !important;
    }
    .lg\:px-6 {
        padding-inline: var(--size-6) !important;
    }
    .lg\:py-6 {
        padding-block: var(--size-6) !important;
    }
    .lg\:pl-6 {
        padding-inline-start: var(--size-6) !important;
    }
    .lg\:pt-6 {
        padding-block-start: var(--size-6) !important;
    }
    .lg\:pr-6 {
        padding-inline-end: var(--size-6) !important;
    }
    .lg\:pb-6 {
        padding-block-end: var(--size-6) !important;
    }
    .lg\:p-7 {
        padding: var(--size-7) !important;
    }
    .lg\:px-7 {
        padding-inline: var(--size-7) !important;
    }
    .lg\:py-7 {
        padding-block: var(--size-7) !important;
    }
    .lg\:pl-7 {
        padding-inline-start: var(--size-7) !important;
    }
    .lg\:pt-7 {
        padding-block-start: var(--size-7) !important;
    }
    .lg\:pr-7 {
        padding-inline-end: var(--size-7) !important;
    }
    .lg\:pb-7 {
        padding-block-end: var(--size-7) !important;
    }
    .lg\:p-8 {
        padding: var(--size-8) !important;
    }
    .lg\:px-8 {
        padding-inline: var(--size-8) !important;
    }
    .lg\:py-8 {
        padding-block: var(--size-8) !important;
    }
    .lg\:pl-8 {
        padding-inline-start: var(--size-8) !important;
    }
    .lg\:pt-8 {
        padding-block-start: var(--size-8) !important;
    }
    .lg\:pr-8 {
        padding-inline-end: var(--size-8) !important;
    }
    .lg\:pb-8 {
        padding-block-end: var(--size-8) !important;
    }
    .lg\:p-9 {
        padding: var(--size-9) !important;
    }
    .lg\:px-9 {
        padding-inline: var(--size-9) !important;
    }
    .lg\:py-9 {
        padding-block: var(--size-9) !important;
    }
    .lg\:pl-9 {
        padding-inline-start: var(--size-9) !important;
    }
    .lg\:pt-9 {
        padding-block-start: var(--size-9) !important;
    }
    .lg\:pr-9 {
        padding-inline-end: var(--size-9) !important;
    }
    .lg\:pb-9 {
        padding-block-end: var(--size-9) !important;
    }
    .lg\:p-10 {
        padding: var(--size-10) !important;
    }
    .lg\:px-10 {
        padding-inline: var(--size-10) !important;
    }
    .lg\:py-10 {
        padding-block: var(--size-10) !important;
    }
    .lg\:pl-10 {
        padding-inline-start: var(--size-10) !important;
    }
    .lg\:pt-10 {
        padding-block-start: var(--size-10) !important;
    }
    .lg\:pr-10 {
        padding-inline-end: var(--size-10) !important;
    }
    .lg\:pb-10 {
        padding-block-end: var(--size-10) !important;
    }
    .lg\:p-11 {
        padding: var(--size-11) !important;
    }
    .lg\:px-11 {
        padding-inline: var(--size-11) !important;
    }
    .lg\:py-11 {
        padding-block: var(--size-11) !important;
    }
    .lg\:pl-11 {
        padding-inline-start: var(--size-11) !important;
    }
    .lg\:pt-11 {
        padding-block-start: var(--size-11) !important;
    }
    .lg\:pr-11 {
        padding-inline-end: var(--size-11) !important;
    }
    .lg\:pb-11 {
        padding-block-end: var(--size-11) !important;
    }
    .lg\:p-12 {
        padding: var(--size-12) !important;
    }
    .lg\:px-12 {
        padding-inline: var(--size-12) !important;
    }
    .lg\:py-12 {
        padding-block: var(--size-12) !important;
    }
    .lg\:pl-12 {
        padding-inline-start: var(--size-12) !important;
    }
    .lg\:pt-12 {
        padding-block-start: var(--size-12) !important;
    }
    .lg\:pr-12 {
        padding-inline-end: var(--size-12) !important;
    }
    .lg\:pb-12 {
        padding-block-end: var(--size-12) !important;
    }
    .lg\:p-13 {
        padding: var(--size-13) !important;
    }
    .lg\:px-13 {
        padding-inline: var(--size-13) !important;
    }
    .lg\:py-13 {
        padding-block: var(--size-13) !important;
    }
    .lg\:pl-13 {
        padding-inline-start: var(--size-13) !important;
    }
    .lg\:pt-13 {
        padding-block-start: var(--size-13) !important;
    }
    .lg\:pr-13 {
        padding-inline-end: var(--size-13) !important;
    }
    .lg\:pb-13 {
        padding-block-end: var(--size-13) !important;
    }
    .lg\:p-14 {
        padding: var(--size-14) !important;
    }
    .lg\:px-14 {
        padding-inline: var(--size-14) !important;
    }
    .lg\:py-14 {
        padding-block: var(--size-14) !important;
    }
    .lg\:pl-14 {
        padding-inline-start: var(--size-14) !important;
    }
    .lg\:pt-14 {
        padding-block-start: var(--size-14) !important;
    }
    .lg\:pr-14 {
        padding-inline-end: var(--size-14) !important;
    }
    .lg\:pb-14 {
        padding-block-end: var(--size-14) !important;
    }
    .lg\:p-15 {
        padding: var(--size-15) !important;
    }
    .lg\:px-15 {
        padding-inline: var(--size-15) !important;
    }
    .lg\:py-15 {
        padding-block: var(--size-15) !important;
    }
    .lg\:pl-15 {
        padding-inline-start: var(--size-15) !important;
    }
    .lg\:pt-15 {
        padding-block-start: var(--size-15) !important;
    }
    .lg\:pr-15 {
        padding-inline-end: var(--size-15) !important;
    }
    .lg\:pb-15 {
        padding-block-end: var(--size-15) !important;
    }
    .lg\:p-16 {
        padding: var(--size-16) !important;
    }
    .lg\:px-16 {
        padding-inline: var(--size-16) !important;
    }
    .lg\:py-16 {
        padding-block: var(--size-16) !important;
    }
    .lg\:pl-16 {
        padding-inline-start: var(--size-16) !important;
    }
    .lg\:pt-16 {
        padding-block-start: var(--size-16) !important;
    }
    .lg\:pr-16 {
        padding-inline-end: var(--size-16) !important;
    }
    .lg\:pb-16 {
        padding-block-end: var(--size-16) !important;
    }
    .lg\:p-20 {
        padding: var(--size-20) !important;
    }
    .lg\:px-20 {
        padding-inline: var(--size-20) !important;
    }
    .lg\:py-20 {
        padding-block: var(--size-20) !important;
    }
    .lg\:pl-20 {
        padding-inline-start: var(--size-20) !important;
    }
    .lg\:pt-20 {
        padding-block-start: var(--size-20) !important;
    }
    .lg\:pr-20 {
        padding-inline-end: var(--size-20) !important;
    }
    .lg\:pb-20 {
        padding-block-end: var(--size-20) !important;
    }
    .lg\:p-24 {
        padding: var(--size-24) !important;
    }
    .lg\:px-24 {
        padding-inline: var(--size-24) !important;
    }
    .lg\:py-24 {
        padding-block: var(--size-24) !important;
    }
    .lg\:pl-24 {
        padding-inline-start: var(--size-24) !important;
    }
    .lg\:pt-24 {
        padding-block-start: var(--size-24) !important;
    }
    .lg\:pr-24 {
        padding-inline-end: var(--size-24) !important;
    }
    .lg\:pb-24 {
        padding-block-end: var(--size-24) !important;
    }
    .lg\:m-0 {
        margin: 0 !important;
    }
    .lg\:mx-0 {
        margin-inline: 0 !important;
    }
    .lg\:my-0 {
        margin-block: 0 !important;
    }
    .lg\:ml-0 {
        margin-inline-start: 0 !important;
    }
    .lg\:mt-0 {
        margin-block-start: 0 !important;
    }
    .lg\:mr-0 {
        margin-inline-end: 0 !important;
    }
    .lg\:mb-0 {
        margin-block-end: 0 !important;
    }
    .lg\:m-1 {
        margin: var(--size-1) !important;
    }
    .lg\:mx-1 {
        margin-inline: var(--size-1) !important;
    }
    .lg\:my-1 {
        margin-block: var(--size-1) !important;
    }
    .lg\:ml-1 {
        margin-inline-start: var(--size-1) !important;
    }
    .lg\:mt-1 {
        margin-block-start: var(--size-1) !important;
    }
    .lg\:mr-1 {
        margin-inline-end: var(--size-1) !important;
    }
    .lg\:mb-1 {
        margin-block-end: var(--size-1) !important;
    }
    .lg\:-m-1 {
        margin: calc(var(--size-1) * -1) !important;
    }
    .lg\:-mx-1 {
        margin-inline: calc(var(--size-1) * -1) !important;
    }
    .lg\:-my-1 {
        margin-block: calc(var(--size-1) * -1) !important;
    }
    .lg\:-ml-1 {
        margin-inline-start: calc(var(--size-1) * -1) !important;
    }
    .lg\:-mt-1 {
        margin-block-start: calc(var(--size-1) * -1) !important;
    }
    .lg\:-mr-1 {
        margin-inline-end: calc(var(--size-1) * -1) !important;
    }
    .lg\:-mb-1 {
        margin-block-end: calc(var(--size-1) * -1) !important;
    }
    .lg\:m-2 {
        margin: var(--size-2) !important;
    }
    .lg\:mx-2 {
        margin-inline: var(--size-2) !important;
    }
    .lg\:my-2 {
        margin-block: var(--size-2) !important;
    }
    .lg\:ml-2 {
        margin-inline-start: var(--size-2) !important;
    }
    .lg\:mt-2 {
        margin-block-start: var(--size-2) !important;
    }
    .lg\:mt-2\.5 {
        margin-block-start: var(--size-2\5) !important;
    }
    .lg\:mr-2 {
        margin-inline-end: var(--size-2) !important;
    }
    .lg\:mb-2 {
        margin-block-end: var(--size-2) !important;
    }
    .lg\:-m-2 {
        margin: calc(var(--size-2) * -1) !important;
    }
    .lg\:-mx-2 {
        margin-inline: calc(var(--size-2) * -1) !important;
    }
    .lg\:-my-2 {
        margin-block: calc(var(--size-2) * -1) !important;
    }
    .lg\:-ml-2 {
        margin-inline-start: calc(var(--size-2) * -1) !important;
    }
    .lg\:-mt-2 {
        margin-block-start: calc(var(--size-2) * -1) !important;
    }
    .lg\:-mr-2 {
        margin-inline-end: calc(var(--size-2) * -1) !important;
    }
    .lg\:-mb-2 {
        margin-block-end: calc(var(--size-2) * -1) !important;
    }
    .lg\:-mx-2\.5 {
        margin-inline: calc(var(--size-2\5) * -1) !important;
    }
    .lg\:-my-2\.5 {
        margin-block: calc(var(--size-2\5) * -1) !important;
    }
    .lg\:-ml-2\.5 {
        margin-inline-start: calc(var(--size-2\5) * -1) !important;
    }
    .lg\:-mt-2\.5 {
        margin-block-start: calc(var(--size-2\5) * -1) !important;
    }
    .lg\:-mr-2\.5 {
        margin-inline-end: calc(var(--size-2\5) * -1) !important;
    }
    .lg\:-mb-2\.5 {
        margin-block-end: calc(var(--size-2\5) * -1) !important;
    }
    .lg\:m-3 {
        margin: var(--size-3) !important;
    }
    .lg\:mx-3 {
        margin-inline: var(--size-3) !important;
    }
    .lg\:my-3 {
        margin-block: var(--size-3) !important;
    }
    .lg\:ml-3 {
        margin-inline-start: var(--size-3) !important;
    }
    .lg\:mt-3 {
        margin-block-start: var(--size-3) !important;
    }
    .lg\:mr-3 {
        margin-inline-end: var(--size-3) !important;
    }
    .lg\:mb-3 {
        margin-block-end: var(--size-3) !important;
    }
    .lg\:-m-3 {
        margin: calc(var(--size-3) * -1) !important;
    }
    .lg\:-mx-3 {
        margin-inline: calc(var(--size-3) * -1) !important;
    }
    .lg\:-my-3 {
        margin-block: calc(var(--size-3) * -1) !important;
    }
    .lg\:-ml-3 {
        margin-inline-start: calc(var(--size-3) * -1) !important;
    }
    .lg\:-mt-3 {
        margin-block-start: calc(var(--size-3) * -1) !important;
    }
    .lg\:-mr-3 {
        margin-inline-end: calc(var(--size-3) * -1) !important;
    }
    .lg\:-mb-3 {
        margin-block-end: calc(var(--size-3) * -1) !important;
    }
    .lg\:-mx-3\.5 {
        margin-inline: calc(var(--size-3\5) * -1) !important;
    }
    .lg\:-my-3\.5 {
        margin-block: calc(var(--size-3\5) * -1) !important;
    }
    .lg\:-ml-3\.5 {
        margin-inline-start: calc(var(--size-3\5) * -1) !important;
    }
    .lg\:-mt-3\.5 {
        margin-block-start: calc(var(--size-3\5) * -1) !important;
    }
    .lg\:-mr-3\.5 {
        margin-inline-end: calc(var(--size-3\5) * -1) !important;
    }
    .lg\:-mb-3\.5 {
        margin-block-end: calc(var(--size-3\5) * -1) !important;
    }
    .lg\:m-4 {
        margin: var(--size-4) !important;
    }
    .lg\:mx-4 {
        margin-inline: var(--size-4) !important;
    }
    .lg\:my-4 {
        margin-block: var(--size-4) !important;
    }
    .lg\:ml-4 {
        margin-inline-start: var(--size-4) !important;
    }
    .lg\:mt-4 {
        margin-block-start: var(--size-4) !important;
    }
    .lg\:mr-4 {
        margin-inline-end: var(--size-4) !important;
    }
    .lg\:mb-4 {
        margin-block-end: var(--size-4) !important;
    }
    .lg\:-m-4 {
        margin: calc(var(--size-4) * -1) !important;
    }
    .lg\:-mx-4 {
        margin-inline: calc(var(--size-4) * -1) !important;
    }
    .lg\:-my-4 {
        margin-block: calc(var(--size-4) * -1) !important;
    }
    .lg\:-ml-4 {
        margin-inline-start: calc(var(--size-4) * -1) !important;
    }
    .lg\:-mt-4 {
        margin-block-start: calc(var(--size-4) * -1) !important;
    }
    .lg\:-mr-4 {
        margin-inline-end: calc(var(--size-4) * -1) !important;
    }
    .lg\:-mb-4 {
        margin-block-end: calc(var(--size-4) * -1) !important;
    }
    .lg\:m-5 {
        margin: var(--size-5) !important;
    }
    .lg\:mx-5 {
        margin-inline: var(--size-5) !important;
    }
    .lg\:my-5 {
        margin-block: var(--size-5) !important;
    }
    .lg\:ml-5 {
        margin-inline-start: var(--size-5) !important;
    }
    .lg\:mt-5 {
        margin-block-start: var(--size-5) !important;
    }
    .lg\:mr-5 {
        margin-inline-end: var(--size-5) !important;
    }
    .lg\:mb-5 {
        margin-block-end: var(--size-5) !important;
    }
    .lg\:-m-5 {
        margin: calc(var(--size-5) * -1) !important;
    }
    .lg\:-mx-5 {
        margin-inline: calc(var(--size-5) * -1) !important;
    }
    .lg\:-my-5 {
        margin-block: calc(var(--size-5) * -1) !important;
    }
    .lg\:-ml-5 {
        margin-inline-start: calc(var(--size-5) * -1) !important;
    }
    .lg\:-mt-5 {
        margin-block-start: calc(var(--size-5) * -1) !important;
    }
    .lg\:-mr-5 {
        margin-inline-end: calc(var(--size-5) * -1) !important;
    }
    .lg\:-mb-5 {
        margin-block-end: calc(var(--size-5) * -1) !important;
    }
    .lg\:m-6 {
        margin: var(--size-6) !important;
    }
    .lg\:mx-6 {
        margin-inline: var(--size-6) !important;
    }
    .lg\:my-6 {
        margin-block: var(--size-6) !important;
    }
    .lg\:ml-6 {
        margin-inline-start: var(--size-6) !important;
    }
    .lg\:mt-6 {
        margin-block-start: var(--size-6) !important;
    }
    .lg\:mr-6 {
        margin-inline-end: var(--size-6) !important;
    }
    .lg\:mb-6 {
        margin-block-end: var(--size-6) !important;
    }
    .lg\:-m-6 {
        margin: calc(var(--size-6) * -1) !important;
    }
    .lg\:-mx-6 {
        margin-inline: calc(var(--size-6) * -1) !important;
    }
    .lg\:-my-6 {
        margin-block: calc(var(--size-6) * -1) !important;
    }
    .lg\:-ml-6 {
        margin-inline-start: calc(var(--size-6) * -1) !important;
    }
    .lg\:-mt-6 {
        margin-block-start: calc(var(--size-6) * -1) !important;
    }
    .lg\:-mr-6 {
        margin-inline-end: calc(var(--size-6) * -1) !important;
    }
    .lg\:-mb-6 {
        margin-block-end: calc(var(--size-6) * -1) !important;
    }
    .lg\:m-7 {
        margin: var(--size-7) !important;
    }
    .lg\:mx-7 {
        margin-inline: var(--size-7) !important;
    }
    .lg\:my-7 {
        margin-block: var(--size-7) !important;
    }
    .lg\:ml-7 {
        margin-inline-start: var(--size-7) !important;
    }
    .lg\:mt-7 {
        margin-block-start: var(--size-7) !important;
    }
    .lg\:mr-7 {
        margin-inline-end: var(--size-7) !important;
    }
    .lg\:mb-7 {
        margin-block-end: var(--size-7) !important;
    }
    .lg\:-m-7 {
        margin: calc(var(--size-7) * -1) !important;
    }
    .lg\:-mx-7 {
        margin-inline: calc(var(--size-7) * -1) !important;
    }
    .lg\:-my-7 {
        margin-block: calc(var(--size-7) * -1) !important;
    }
    .lg\:-ml-7 {
        margin-inline-start: calc(var(--size-7) * -1) !important;
    }
    .lg\:-mt-7 {
        margin-block-start: calc(var(--size-7) * -1) !important;
    }
    .lg\:-mr-7 {
        margin-inline-end: calc(var(--size-7) * -1) !important;
    }
    .lg\:-mb-7 {
        margin-block-end: calc(var(--size-7) * -1) !important;
    }
    .lg\:m-8 {
        margin: var(--size-8) !important;
    }
    .lg\:mx-8 {
        margin-inline: var(--size-8) !important;
    }
    .lg\:my-8 {
        margin-block: var(--size-8) !important;
    }
    .lg\:ml-8 {
        margin-inline-start: var(--size-8) !important;
    }
    .lg\:mt-8 {
        margin-block-start: var(--size-8) !important;
    }
    .lg\:mr-8 {
        margin-inline-end: var(--size-8) !important;
    }
    .lg\:mb-8 {
        margin-block-end: var(--size-8) !important;
    }
    .lg\:-m-8 {
        margin: calc(var(--size-8) * -1) !important;
    }
    .lg\:-mx-8 {
        margin-inline: calc(var(--size-8) * -1) !important;
    }
    .lg\:-my-8 {
        margin-block: calc(var(--size-8) * -1) !important;
    }
    .lg\:-ml-8 {
        margin-inline-start: calc(var(--size-8) * -1) !important;
    }
    .lg\:-mt-8 {
        margin-block-start: calc(var(--size-8) * -1) !important;
    }
    .lg\:-mr-8 {
        margin-inline-end: calc(var(--size-8) * -1) !important;
    }
    .lg\:-mb-8 {
        margin-block-end: calc(var(--size-8) * -1) !important;
    }
    .lg\:m-9 {
        margin: var(--size-9) !important;
    }
    .lg\:mx-9 {
        margin-inline: var(--size-9) !important;
    }
    .lg\:my-9 {
        margin-block: var(--size-9) !important;
    }
    .lg\:ml-9 {
        margin-inline-start: var(--size-9) !important;
    }
    .lg\:mt-9 {
        margin-block-start: var(--size-9) !important;
    }
    .lg\:mr-9 {
        margin-inline-end: var(--size-9) !important;
    }
    .lg\:mb-9 {
        margin-block-end: var(--size-9) !important;
    }
    .lg\:-m-9 {
        margin: calc(var(--size-9) * -1) !important;
    }
    .lg\:-mx-9 {
        margin-inline: calc(var(--size-9) * -1) !important;
    }
    .lg\:-my-9 {
        margin-block: calc(var(--size-9) * -1) !important;
    }
    .lg\:-ml-9 {
        margin-inline-start: calc(var(--size-9) * -1) !important;
    }
    .lg\:-mt-9 {
        margin-block-start: calc(var(--size-9) * -1) !important;
    }
    .lg\:-mr-9 {
        margin-inline-end: calc(var(--size-9) * -1) !important;
    }
    .lg\:-mb-9 {
        margin-block-end: calc(var(--size-9) * -1) !important;
    }
    .lg\:m-10 {
        margin: var(--size-10) !important;
    }
    .lg\:mx-10 {
        margin-inline: var(--size-10) !important;
    }
    .lg\:my-10 {
        margin-block: var(--size-10) !important;
    }
    .lg\:ml-10 {
        margin-inline-start: var(--size-10) !important;
    }
    .lg\:mt-10 {
        margin-block-start: var(--size-10) !important;
    }
    .lg\:mr-10 {
        margin-inline-end: var(--size-10) !important;
    }
    .lg\:mb-10 {
        margin-block-end: var(--size-10) !important;
    }
    .lg\:-m-10 {
        margin: calc(var(--size-10) * -1) !important;
    }
    .lg\:-mx-10 {
        margin-inline: calc(var(--size-10) * -1) !important;
    }
    .lg\:-my-10 {
        margin-block: calc(var(--size-10) * -1) !important;
    }
    .lg\:-ml-10 {
        margin-inline-start: calc(var(--size-10) * -1) !important;
    }
    .lg\:-mt-10 {
        margin-block-start: calc(var(--size-10) * -1) !important;
    }
    .lg\:-mr-10 {
        margin-inline-end: calc(var(--size-10) * -1) !important;
    }
    .lg\:-mb-10 {
        margin-block-end: calc(var(--size-10) * -1) !important;
    }
    .lg\:m-11 {
        margin: var(--size-11) !important;
    }
    .lg\:mx-11 {
        margin-inline: var(--size-11) !important;
    }
    .lg\:my-11 {
        margin-block: var(--size-11) !important;
    }
    .lg\:ml-11 {
        margin-inline-start: var(--size-11) !important;
    }
    .lg\:mt-11 {
        margin-block-start: var(--size-11) !important;
    }
    .lg\:mr-11 {
        margin-inline-end: var(--size-11) !important;
    }
    .lg\:mb-11 {
        margin-block-end: var(--size-11) !important;
    }
    .lg\:-m-11 {
        margin: calc(var(--size-11) * -1) !important;
    }
    .lg\:-mx-11 {
        margin-inline: calc(var(--size-11) * -1) !important;
    }
    .lg\:-my-11 {
        margin-block: calc(var(--size-11) * -1) !important;
    }
    .lg\:-ml-11 {
        margin-inline-start: calc(var(--size-11) * -1) !important;
    }
    .lg\:-mt-11 {
        margin-block-start: calc(var(--size-11) * -1) !important;
    }
    .lg\:-mr-11 {
        margin-inline-end: calc(var(--size-11) * -1) !important;
    }
    .lg\:-mb-11 {
        margin-block-end: calc(var(--size-11) * -1) !important;
    }
    .lg\:m-12 {
        margin: var(--size-12) !important;
    }
    .lg\:mx-12 {
        margin-inline: var(--size-12) !important;
    }
    .lg\:my-12 {
        margin-block: var(--size-12) !important;
    }
    .lg\:ml-12 {
        margin-inline-start: var(--size-12) !important;
    }
    .lg\:mt-12 {
        margin-block-start: var(--size-12) !important;
    }
    .lg\:mr-12 {
        margin-inline-end: var(--size-12) !important;
    }
    .lg\:mb-12 {
        margin-block-end: var(--size-12) !important;
    }
    .lg\:-m-12 {
        margin: calc(var(--size-12) * -1) !important;
    }
    .lg\:-mx-12 {
        margin-inline: calc(var(--size-12) * -1) !important;
    }
    .lg\:-my-12 {
        margin-block: calc(var(--size-12) * -1) !important;
    }
    .lg\:-ml-12 {
        margin-inline-start: calc(var(--size-12) * -1) !important;
    }
    .lg\:-mt-12 {
        margin-block-start: calc(var(--size-12) * -1) !important;
    }
    .lg\:-mr-12 {
        margin-inline-end: calc(var(--size-12) * -1) !important;
    }
    .lg\:-mb-12 {
        margin-block-end: calc(var(--size-12) * -1) !important;
    }
    .lg\:m-13 {
        margin: var(--size-13) !important;
    }
    .lg\:mx-13 {
        margin-inline: var(--size-13) !important;
    }
    .lg\:my-13 {
        margin-block: var(--size-13) !important;
    }
    .lg\:ml-13 {
        margin-inline-start: var(--size-13) !important;
    }
    .lg\:mt-13 {
        margin-block-start: var(--size-13) !important;
    }
    .lg\:mr-13 {
        margin-inline-end: var(--size-13) !important;
    }
    .lg\:mb-13 {
        margin-block-end: var(--size-13) !important;
    }
    .lg\:-m-13 {
        margin: calc(var(--size-13) * -1) !important;
    }
    .lg\:-mx-13 {
        margin-inline: calc(var(--size-13) * -1) !important;
    }
    .lg\:-my-13 {
        margin-block: calc(var(--size-13) * -1) !important;
    }
    .lg\:-ml-13 {
        margin-inline-start: calc(var(--size-13) * -1) !important;
    }
    .lg\:-mt-13 {
        margin-block-start: calc(var(--size-13) * -1) !important;
    }
    .lg\:-mr-13 {
        margin-inline-end: calc(var(--size-13) * -1) !important;
    }
    .lg\:-mb-13 {
        margin-block-end: calc(var(--size-13) * -1) !important;
    }
    .lg\:m-14 {
        margin: var(--size-14) !important;
    }
    .lg\:mx-14 {
        margin-inline: var(--size-14) !important;
    }
    .lg\:my-14 {
        margin-block: var(--size-14) !important;
    }
    .lg\:ml-14 {
        margin-inline-start: var(--size-14) !important;
    }
    .lg\:mt-14 {
        margin-block-start: var(--size-14) !important;
    }
    .lg\:mr-14 {
        margin-inline-end: var(--size-14) !important;
    }
    .lg\:mb-14 {
        margin-block-end: var(--size-14) !important;
    }
    .lg\:-m-14 {
        margin: calc(var(--size-14) * -1) !important;
    }
    .lg\:-mx-14 {
        margin-inline: calc(var(--size-14) * -1) !important;
    }
    .lg\:-my-14 {
        margin-block: calc(var(--size-14) * -1) !important;
    }
    .lg\:-ml-14 {
        margin-inline-start: calc(var(--size-14) * -1) !important;
    }
    .lg\:-mt-14 {
        margin-block-start: calc(var(--size-14) * -1) !important;
    }
    .lg\:-mr-14 {
        margin-inline-end: calc(var(--size-14) * -1) !important;
    }
    .lg\:-mb-14 {
        margin-block-end: calc(var(--size-14) * -1) !important;
    }
    .lg\:m-15 {
        margin: var(--size-15) !important;
    }
    .lg\:mx-15 {
        margin-inline: var(--size-15) !important;
    }
    .lg\:my-15 {
        margin-block: var(--size-15) !important;
    }
    .lg\:ml-15 {
        margin-inline-start: var(--size-15) !important;
    }
    .lg\:mt-15 {
        margin-block-start: var(--size-15) !important;
    }
    .lg\:mr-15 {
        margin-inline-end: var(--size-15) !important;
    }
    .lg\:mb-15 {
        margin-block-end: var(--size-15) !important;
    }
    .lg\:m-16 {
        margin: var(--size-16) !important;
    }
    .lg\:mx-16 {
        margin-inline: var(--size-16) !important;
    }
    .lg\:my-16 {
        margin-block: var(--size-16) !important;
    }
    .lg\:ml-16 {
        margin-inline-start: var(--size-16) !important;
    }
    .lg\:mt-16 {
        margin-block-start: var(--size-16) !important;
    }
    .lg\:mr-16 {
        margin-inline-end: var(--size-16) !important;
    }
    .lg\:mb-16 {
        margin-block-end: var(--size-16) !important;
    }
    .lg\:m-20 {
        margin: var(--size-20) !important;
    }
    .lg\:mx-20 {
        margin-inline: var(--size-20) !important;
    }
    .lg\:my-20 {
        margin-block: var(--size-20) !important;
    }
    .lg\:ml-20 {
        margin-inline-start: var(--size-20) !important;
    }
    .lg\:mt-20 {
        margin-block-start: var(--size-20) !important;
    }
    .lg\:mr-20 {
        margin-inline-end: var(--size-20) !important;
    }
    .lg\:mb-20 {
        margin-block-end: var(--size-20) !important;
    }
    .lg\:m-24 {
        margin: var(--size-24) !important;
    }
    .lg\:mx-24 {
        margin-inline: var(--size-24) !important;
    }
    .lg\:my-24 {
        margin-block: var(--size-24) !important;
    }
    .lg\:ml-24 {
        margin-inline-start: var(--size-24) !important;
    }
    .lg\:mt-24 {
        margin-block-start: var(--size-24) !important;
    }
    .lg\:mr-24 {
        margin-inline-end: var(--size-24) !important;
    }
    .lg\:mb-24 {
        margin-block-end: var(--size-24) !important;
    }
    .lg\:m-auto {
        margin: auto !important;
    }
    .lg\:mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto !important;
    }
    .lg\:my-auto {
        margin-block-start: auto;
        margin-block-end: auto !important;
    }
    .lg\:ml-auto {
        margin-inline-start: auto !important;
    }
    .lg\:mt-auto {
        margin-block-start: auto !important;
    }
    .lg\:mr-auto {
        margin-inline-end: auto !important;
    }
    .lg\:mb-auto {
        margin-block-end: auto !important;
    }
    .lg\:space-x-0 > * + * {
        margin-inline-start: 0;
    }
    .lg\:space-y-0 > * + * {
        margin-block-start: 0;
    }
    .lg\:space-x-1 > * + * {
        margin-inline-start: var(--size-1);
    }
    .lg\:space-y-1 > * + * {
        margin-block-start: var(--size-1);
    }
    .lg\:space-x-2 > * + * {
        margin-inline-start: var(--size-2);
    }
    .lg\:space-y-2 > * + * {
        margin-block-start: var(--size-2);
    }
    .lg\:space-x-3 > * + * {
        margin-inline-start: var(--size-3);
    }
    .lg\:space-y-3 > * + * {
        margin-block-start: var(--size-3);
    }
    .lg\:space-x-4 > * + * {
        margin-inline-start: var(--size-4);
    }
    .lg\:space-y-4 > * + * {
        margin-block-start: var(--size-4);
    }
    .lg\:space-x-5 > * + * {
        margin-inline-start: var(--size-5);
    }
    .lg\:space-y-5 > * + * {
        margin-block-start: var(--size-5);
    }
    .lg\:space-x-6 > * + * {
        margin-inline-start: var(--size-6);
    }
    .lg\:space-y-6 > * + * {
        margin-block-start: var(--size-6);
    }
    .lg\:space-x-7 > * + * {
        margin-inline-start: var(--size-7);
    }
    .lg\:space-y-7 > * + * {
        margin-block-start: var(--size-7);
    }
    .lg\:space-x-8 > * + * {
        margin-inline-start: var(--size-8);
    }
    .lg\:space-y-8 > * + * {
        margin-block-start: var(--size-8);
    }
    .lg\:space-x-9 > * + * {
        margin-inline-start: var(--size-9);
    }
    .lg\:space-y-9 > * + * {
        margin-block-start: var(--size-9);
    }
    .lg\:space-x-10 > * + * {
        margin-inline-start: var(--size-10);
    }
    .lg\:space-y-10 > * + * {
        margin-block-start: var(--size-10);
    }
    .lg\:space-x-11 > * + * {
        margin-inline-start: var(--size-11);
    }
    .lg\:space-y-11 > * + * {
        margin-block-start: var(--size-11);
    }
    .lg\:space-x-12 > * + * {
        margin-inline-start: var(--size-12);
    }
    .lg\:space-y-12 > * + * {
        margin-block-start: var(--size-12);
    }
    .lg\:max-w-screen-xs {
        max-width: 480px;
    }
    .lg\:max-w-screen-sm {
        max-width: 640px;
    }
    .lg\:max-w-screen-md {
        max-width: 768px;
    }
    .lg\:max-w-screen-lg {
        max-width: 1024px;
    }
    .lg\:max-w-screen-xl {
        max-width: 1280px;
    }
    .lg\:max-w-screen-2xl {
        max-width: 1536px;
    }
    .lg\:max-w-1 {
        max-width: var(--size-1);
    }
    .lg\:max-w-2 {
        max-width: var(--size-2);
    }
    .lg\:max-w-3 {
        max-width: var(--size-3);
    }
    .lg\:max-w-4 {
        max-width: var(--size-4);
    }
    .lg\:max-w-5 {
        max-width: var(--size-5);
    }
    .lg\:max-w-6 {
        max-width: var(--size-6);
    }
    .lg\:max-w-7 {
        max-width: var(--size-7);
    }
    .lg\:max-w-8 {
        max-width: var(--size-8);
    }
    .lg\:max-w-9 {
        max-width: var(--size-9);
    }
    .lg\:max-w-10 {
        max-width: var(--size-10);
    }
    .lg\:max-w-12 {
        max-width: var(--size-12);
    }
    .lg\:max-w-14 {
        max-width: var(--size-14);
    }
    .lg\:max-w-16 {
        max-width: var(--size-16);
    }
    .lg\:max-w-18 {
        max-width: var(--size-18);
    }
    .lg\:max-w-20 {
        max-width: var(--size-20);
    }
    .lg\:size-full {
        width: 100%;
        height: 100%;
    }
    .lg\:size-0 {
        width: 0px;
        height: 0px;
    }
    .lg\:size-px {
        width: 1px;
        height: 1px;
    }
    .lg\:size-0\.5 {
        width: var(--size-0\5);
        height: var(--size-0\5);
    }
    .lg\:size-1 {
        width: var(--size-1);
        height: var(--size-1);
    }
    .lg\:size-2 {
        width: var(--size-2);
        height: var(--size-2);
    }
    .lg\:size-2\.5 {
        width: var(--size-2\5);
        height: var(--size-2\5);
    }
    .lg\:size-3 {
        width: var(--size-3);
        height: var(--size-3);
    }
    .lg\:size-3\.5 {
        width: var(--size-3\5);
        height: var(--size-3\5);
    }
    .lg\:size-4 {
        width: var(--size-4);
        height: var(--size-4);
    }
    .lg\:size-5 {
        width: var(--size-5);
        height: var(--size-5);
    }
    .lg\:size-6 {
        width: var(--size-6);
        height: var(--size-6);
    }
    .lg\:size-7 {
        width: var(--size-7);
        height: var(--size-7);
    }
    .lg\:size-8 {
        width: var(--size-8);
        height: var(--size-8);
    }
    .lg\:size-9 {
        width: var(--size-9);
        height: var(--size-9);
    }
    .lg\:size-10 {
        width: var(--size-10);
        height: var(--size-10);
    }
    .lg\:size-11 {
        width: var(--size-11);
        height: var(--size-11);
    }
    .lg\:size-12 {
        width: var(--size-12);
        height: var(--size-12);
    }
    .lg\:size-14 {
        width: var(--size-14);
        height: var(--size-14);
    }
    .lg\:size-16 {
        width: var(--size-16);
        height: var(--size-16);
    }
    .lg\:size-20 {
        width: var(--size-20);
        height: var(--size-20);
    }
    .lg\:size-24 {
        width: var(--size-24);
        height: var(--size-24);
    }
    .lg\:size-28 {
        width: var(--size-28);
        height: var(--size-28);
    }
    .lg\:size-32 {
        width: var(--size-32);
        height: var(--size-32);
    }
    .lg\:size-40 {
        width: var(--size-40);
        height: var(--size-40);
    }
    .lg\:size-40 {
        width: var(--size-40);
        height: var(--size-40);
    }
    .lg\:size-44 {
        width: var(--size-44);
        height: var(--size-44);
    }
    .lg\:size-48 {
        width: var(--size-48);
        height: var(--size-48);
    }
    .lg\:size-52 {
        width: var(--size-52);
        height: var(--size-52);
    }
    .lg\:size-56 {
        width: var(--size-56);
        height: var(--size-56);
    }
    .lg\:size-60 {
        width: var(--size-60);
        height: var(--size-60);
    }
    .lg\:w-full {
        width: 100%;
    }
    .lg\:w-screen {
        width: 100dvw;
    }
    .lg\:w-0 {
        width: 0px;
    }
    .lg\:w-px {
        width: 1px;
    }
    .lg\:w-0\.5 {
        width: var(--size-0\5);
    }
    .lg\:w-1 {
        width: var(--size-1);
    }
    .lg\:w-1\.5 {
        width: var(--size-1\5);
    }
    .lg\:w-2 {
        width: var(--size-2);
    }
    .lg\:w-2\.5 {
        width: var(--size-2\5);
    }
    .lg\:w-3 {
        width: var(--size-3);
    }
    .lg\:w-3\.5 {
        width: var(--size-3\5);
    }
    .lg\:w-4 {
        width: var(--size-4);
    }
    .lg\:w-5 {
        width: var(--size-5);
    }
    .lg\:w-6 {
        width: var(--size-6);
    }
    .lg\:w-7 {
        width: var(--size-7);
    }
    .lg\:w-8 {
        width: var(--size-8);
    }
    .lg\:w-9 {
        width: var(--size-9);
    }
    .lg\:w-10 {
        width: var(--size-10);
    }
    .lg\:w-11 {
        width: var(--size-11);
    }
    .lg\:w-12 {
        width: var(--size-12);
    }
    .lg\:w-14 {
        width: var(--size-15);
    }
    .lg\:w-16 {
        width: var(--size-16);
    }
    .lg\:w-20 {
        width: var(--size-20);
    }
    .lg\:w-24 {
        width: var(--size-24);
    }
    .lg\:w-28 {
        width: var(--size-28);
    }
    .lg\:w-32 {
        width: var(--size-32);
    }
    .lg\:w-36 {
        width: var(--size-36);
    }
    .lg\:w-40 {
        width: var(--size-40);
    }
    .lg\:w-44 {
        width: var(--size-44);
    }
    .lg\:w-48 {
        width: var(--size-48);
    }
    .lg\:w-52 {
        width: var(--size-52);
    }
    .lg\:w-56 {
        width: var(--size-56);
    }
    .lg\:w-60 {
        width: var(--size-60);
    }
    .lg\:w-min {
        width: min-content;
    }
    .lg\:w-auto {
        width: auto;
    }
    .lg\:min-w-px {
        min-width: 1px;
    }
    .lg\:min-w-0 {
        min-width: 0px;
    }
    .lg\:min-w-full {
        min-width: 100%;
    }
    .lg\:max-w-full {
        max-width: 100%;
    }
    .lg\:min-w-screen {
        min-width: 100dvw;
    }
    .lg\:max-w-screen {
        max-width: 100dvw;
    }
    .lg\:min-w-0\.5 {
        min-width: var(--size-0\5);
    }
    .lg\:min-w-1 {
        min-width: var(--size-1);
    }
    .lg\:min-w-1\.5 {
        min-width: var(--size-1\5);
    }
    .lg\:min-w-2 {
        min-width: var(--size-2);
    }
    .lg\:min-w-2\.5 {
        min-width: var(--size-2\5);
    }
    .lg\:min-w-3 {
        min-width: var(--size-3);
    }
    .lg\:min-w-3\.5 {
        min-width: var(--size-3\5);
    }
    .lg\:min-w-4 {
        min-width: var(--size-4);
    }
    .lg\:min-w-5 {
        min-width: var(--size-5);
    }
    .lg\:min-w-6 {
        min-width: var(--size-6);
    }
    .lg\:min-w-7 {
        min-width: var(--size-7);
    }
    .lg\:min-w-8 {
        min-width: var(--size-8);
    }
    .lg\:min-w-9 {
        min-width: var(--size-9);
    }
    .lg\:min-w-10 {
        min-width: var(--size-10);
    }
    .lg\:min-w-11 {
        min-width: var(--size-11);
    }
    .lg\:min-w-12 {
        min-width: var(--size-12);
    }
    .lg\:min-w-14 {
        min-width: var(--size-15);
    }
    .lg\:min-w-16 {
        min-width: var(--size-16);
    }
    .lg\:min-w-20 {
        min-width: var(--size-20);
    }
    .lg\:min-w-24 {
        min-width: var(--size-24);
    }
    .lg\:min-w-28 {
        min-width: var(--size-28);
    }
    .lg\:min-w-32 {
        min-width: var(--size-32);
    }
    .lg\:min-w-36 {
        min-width: var(--size-36);
    }
    .lg\:min-w-40 {
        min-width: var(--size-40);
    }
    .lg\:min-w-44 {
        min-width: var(--size-44);
    }
    .lg\:min-w-48 {
        min-width: var(--size-48);
    }
    .lg\:min-w-52 {
        min-width: var(--size-52);
    }
    .lg\:min-w-56 {
        min-width: var(--size-56);
    }
    .lg\:min-w-60 {
        min-width: var(--size-60);
    }
    .lg\:max-w-none {
        max-width: none;
    }
    .lg\:max-w-0 {
        max-width: 0px;
    }
    .lg\:max-w-px {
        max-width: 1px;
    }
    .lg\:max-w-0\.5 {
        max-width: var(--size-0\5);
    }
    .lg\:max-w-1 {
        max-width: var(--size-1);
    }
    .lg\:max-w-1\.5 {
        max-width: var(--size-1\5);
    }
    .lg\:max-w-2 {
        max-width: var(--size-2);
    }
    .lg\:max-w-2\.5 {
        max-width: var(--size-2\5);
    }
    .lg\:max-w-3 {
        max-width: var(--size-3);
    }
    .lg\:max-w-3\.5 {
        max-width: var(--size-3\5);
    }
    .lg\:max-w-4 {
        max-width: var(--size-4);
    }
    .lg\:max-w-5 {
        max-width: var(--size-5);
    }
    .lg\:max-w-6 {
        max-width: var(--size-6);
    }
    .lg\:max-w-7 {
        max-width: var(--size-7);
    }
    .lg\:max-w-8 {
        max-width: var(--size-8);
    }
    .lg\:max-w-9 {
        max-width: var(--size-9);
    }
    .lg\:max-w-10 {
        max-width: var(--size-10);
    }
    .lg\:max-w-11 {
        max-width: var(--size-11);
    }
    .lg\:max-w-12 {
        max-width: var(--size-12);
    }
    .lg\:max-w-14 {
        max-width: var(--size-15);
    }
    .lg\:max-w-16 {
        max-width: var(--size-16);
    }
    .lg\:max-w-20 {
        max-width: var(--size-20);
    }
    .lg\:max-w-24 {
        max-width: var(--size-24);
    }
    .lg\:max-w-28 {
        max-width: var(--size-28);
    }
    .lg\:max-w-32 {
        max-width: var(--size-32);
    }
    .lg\:max-w-36 {
        max-width: var(--size-36);
    }
    .lg\:max-w-40 {
        max-width: var(--size-40);
    }
    .lg\:max-w-44 {
        max-width: var(--size-44);
    }
    .lg\:max-w-48 {
        max-width: var(--size-48);
    }
    .lg\:max-w-52 {
        max-width: var(--size-52);
    }
    .lg\:max-w-56 {
        max-width: var(--size-56);
    }
    .lg\:max-w-60 {
        max-width: var(--size-60);
    }
    .lg\:h-full {
        height: 100%;
    }
    .lg\:h-screen {
        height: 100dvh;
    }
    .lg\:h-0 {
        height: 0px;
    }
    .lg\:h-px {
        height: 1px;
    }
    .lg\:h-0\.5 {
        height: var(--size-0\5);
    }
    .lg\:h-1 {
        height: var(--size-1);
    }
    .lg\:h-1\.5 {
        height: var(--size-1\5);
    }
    .lg\:h-2 {
        height: var(--size-2);
    }
    .lg\:h-2\.5 {
        height: var(--size-2\5);
    }
    .lg\:h-3 {
        height: var(--size-3);
    }
    .lg\:h-3\.5 {
        height: var(--size-3\5);
    }
    .lg\:h-4 {
        height: var(--size-4);
    }
    .lg\:h-5 {
        height: var(--size-5);
    }
    .lg\:h-6 {
        height: var(--size-6);
    }
    .lg\:h-7 {
        height: var(--size-7);
    }
    .lg\:h-8 {
        height: var(--size-8);
    }
    .lg\:h-9 {
        height: var(--size-9);
    }
    .lg\:h-10 {
        height: var(--size-10);
    }
    .lg\:h-11 {
        height: var(--size-11);
    }
    .lg\:h-12 {
        height: var(--size-12);
    }
    .lg\:h-14 {
        height: var(--size-15);
    }
    .lg\:h-16 {
        height: var(--size-16);
    }
    .lg\:h-20 {
        height: var(--size-20);
    }
    .lg\:h-24 {
        height: var(--size-24);
    }
    .lg\:h-28 {
        height: var(--size-28);
    }
    .lg\:h-32 {
        height: var(--size-32);
    }
    .lg\:h-36 {
        height: var(--size-36);
    }
    .lg\:h-40 {
        height: var(--size-40);
    }
    .lg\:h-44 {
        height: var(--size-44);
    }
    .lg\:h-48 {
        height: var(--size-48);
    }
    .lg\:h-52 {
        height: var(--size-52);
    }
    .lg\:h-56 {
        height: var(--size-56);
    }
    .lg\:h-60 {
        height: var(--size-60);
    }
    .lg\:h-min {
        height: min-content;
    }
    .lg\:h-auto {
        height: auto;
    }
    .lg\:min-h-px {
        min-height: 1px;
    }
    .lg\:min-h-0 {
        min-height: 0px;
    }
    .lg\:min-h-full {
        min-height: 100%;
    }
    .lg\:max-h-full {
        max-height: 100%;
    }
    .lg\:min-h-screen {
        min-height: 100dvh;
    }
    .lg\:max-h-screen {
        max-height: 100dvh;
    }
    .lg\:min-h-0\.5 {
        min-height: var(--size-0\5);
    }
    .lg\:min-h-1 {
        min-height: var(--size-1);
    }
    .lg\:min-h-1\.5 {
        min-height: var(--size-1\5);
    }
    .lg\:min-h-2 {
        min-height: var(--size-2);
    }
    .lg\:min-h-2\.5 {
        min-height: var(--size-2\5);
    }
    .lg\:min-h-3 {
        min-height: var(--size-3);
    }
    .lg\:min-h-3\.5 {
        min-height: var(--size-3\5);
    }
    .lg\:min-h-4 {
        min-height: var(--size-4);
    }
    .lg\:min-h-5 {
        min-height: var(--size-5);
    }
    .lg\:min-h-6 {
        min-height: var(--size-6);
    }
    .lg\:min-h-7 {
        min-height: var(--size-7);
    }
    .lg\:min-h-8 {
        min-height: var(--size-8);
    }
    .lg\:min-h-9 {
        min-height: var(--size-9);
    }
    .lg\:min-h-10 {
        min-height: var(--size-10);
    }
    .lg\:min-h-11 {
        min-height: var(--size-11);
    }
    .lg\:min-h-12 {
        min-height: var(--size-12);
    }
    .lg\:min-h-14 {
        min-height: var(--size-15);
    }
    .lg\:min-h-16 {
        min-height: var(--size-16);
    }
    .lg\:min-h-20 {
        min-height: var(--size-20);
    }
    .lg\:min-h-24 {
        min-height: var(--size-24);
    }
    .lg\:min-h-28 {
        min-height: var(--size-28);
    }
    .lg\:min-h-32 {
        min-height: var(--size-32);
    }
    .lg\:min-h-36 {
        min-height: var(--size-36);
    }
    .lg\:min-h-40 {
        min-height: var(--size-40);
    }
    .lg\:min-h-44 {
        min-height: var(--size-44);
    }
    .lg\:min-h-48 {
        min-height: var(--size-48);
    }
    .lg\:min-h-52 {
        min-height: var(--size-52);
    }
    .lg\:min-h-56 {
        min-height: var(--size-56);
    }
    .lg\:min-h-60 {
        min-height: var(--size-60);
    }
    .lg\:max-h-0 {
        max-height: 0px;
    }
    .lg\:max-h-0\.5 {
        max-height: var(--size-0\5);
    }
    .lg\:max-h-1 {
        max-height: var(--size-1);
    }
    .lg\:max-h-1\.5 {
        max-height: var(--size-1\5);
    }
    .lg\:max-h-2 {
        max-height: var(--size-2);
    }
    .lg\:max-h-2\.5 {
        max-height: var(--size-2\5);
    }
    .lg\:max-h-3 {
        max-height: var(--size-3);
    }
    .lg\:max-h-3\.5 {
        max-height: var(--size-3\5);
    }
    .lg\:max-h-4 {
        max-height: var(--size-4);
    }
    .lg\:max-h-5 {
        max-height: var(--size-5);
    }
    .lg\:max-h-6 {
        max-height: var(--size-6);
    }
    .lg\:max-h-7 {
        max-height: var(--size-7);
    }
    .lg\:max-h-8 {
        max-height: var(--size-8);
    }
    .lg\:max-h-9 {
        max-height: var(--size-9);
    }
    .lg\:max-h-10 {
        max-height: var(--size-10);
    }
    .lg\:max-h-11 {
        max-height: var(--size-11);
    }
    .lg\:max-h-12 {
        max-height: var(--size-12);
    }
    .lg\:max-h-14 {
        max-height: var(--size-15);
    }
    .lg\:max-h-16 {
        max-height: var(--size-16);
    }
    .lg\:max-h-20 {
        max-height: var(--size-20);
    }
    .lg\:max-h-24 {
        max-height: var(--size-24);
    }
    .lg\:max-h-28 {
        max-height: var(--size-28);
    }
    .lg\:max-h-32 {
        max-height: var(--size-32);
    }
    .lg\:max-h-36 {
        max-height: var(--size-36);
    }
    .lg\:max-h-40 {
        max-height: var(--size-40);
    }
    .lg\:max-h-44 {
        max-height: var(--size-44);
    }
    .lg\:max-h-48 {
        max-height: var(--size-48);
    }
    .lg\:max-h-52 {
        max-height: var(--size-52);
    }
    .lg\:max-h-56 {
        max-height: var(--size-56);
    }
    .lg\:max-h-60 {
        max-height: var(--size-60);
    }
    .lg\:font-sans {
        font-family: var(--sans);
    }
    .lg\:font-serif {
        font-family: var(--serif);
    }
    .lg\:text-2xs {
        font-size: var(--size-2xs);
    }
    .lg\:text-11px {
        font-size: 11px;
    }
    .lg\:text-xs {
        font-size: var(--size-xs);
    }
    .lg\:text-sm {
        font-size: var(--size-sm);
    }
    .lg\:text-base {
        font-size: var(--size-base);
    }
    .lg\:text-lg {
        font-size: var(--size-lg);
    }
    .lg\:text-xl {
        font-size: var(--size-xl);
    }
    .lg\:text-2xl {
        font-size: var(--size-2xl);
    }
    .lg\:text-3xl {
        font-size: var(--size-3xl);
    }
    .lg\:text-4xl {
        font-size: var(--size-4xl);
    }
    .lg\:text-5xl {
        font-size: var(--size-5xl);
    }
    .lg\:text-6xl {
        font-size: var(--size-6xl);
    }
    .lg\:leading-base {
        line-height: var(--leading-base);
    }
    .lg\:leading-base-sm {
        line-height: var(--leading-sm);
    }
    .lg\:leading-none {
        line-height: var(--leading-none);
    }
    .lg\:leading-tight {
        line-height: var(--leading-tight);
    }
    .lg\:leading-snug {
        line-height: var(--leading-snug);
    }
    .lg\:leading-normal {
        line-height: var(--leading-normal);
    }
    .lg\:leading-3 {
        line-height: var(--size-3);
    }
    .lg\:leading-4 {
        line-height: var(--size-4);
    }
    .lg\:leading-5 {
        line-height: var(--size-5);
    }
    .lg\:leading-6 {
        line-height: var(--size-6);
    }
    .lg\:font-normal {
        font-weight: var(--weight-normal);
    }
    .lg\:font-medium {
        font-weight: var(--weight-medium);
    }
    .lg\:font-semibold {
        font-weight: var(--weight-semibold);
    }
    .lg\:font-bold {
        font-weight: var(--weight-bold);
    }
    .lg\:font-extrabold {
        font-weight: var(--weight-extrabold);
    }
    .lg\:text-zinc-50,
    .lg\:hover\:text-zinc-50:hover,
    .group:hover .lg\:group-hover\:text-zinc-50 {
        color: rgba(250, 250, 250, var(--text-opacity, 1));
    }
    .lg\:text-zinc-100,
    .lg\:hover\:text-zinc-100:hover,
    .group:hover .lg\:group-hover\:text-zinc-100 {
        color: rgba(244, 244, 245, var(--text-opacity, 1));
    }
    .lg\:text-zinc-200,
    .lg\:hover\:text-zinc-200:hover,
    .group:hover .lg\:group-hover\:text-zinc-200 {
        color: rgba(228, 228, 231, var(--text-opacity, 1));
    }
    .lg\:text-zinc-300,
    .lg\:hover\:text-zinc-300:hover,
    .group:hover .lg\:group-hover\:text-zinc-300 {
        color: rgba(212, 212, 216, var(--text-opacity, 1));
    }
    .lg\:text-zinc-400,
    .lg\:hover\:text-zinc-400:hover,
    .group:hover .lg\:group-hover\:text-zinc-400 {
        color: rgba(161, 161, 170, var(--text-opacity, 1));
    }
    .lg\:text-zinc-500,
    .lg\:hover\:text-zinc-500:hover,
    .group:hover .lg\:group-hover\:text-zinc-500 {
        color: rgba(113, 113, 122, var(--text-opacity, 1));
    }
    .lg\:text-zinc-600,
    .lg\:hover\:text-zinc-600:hover,
    .group:hover .lg\:group-hover\:text-zinc-600 {
        color: rgba(82, 82, 91, var(--text-opacity, 1));
    }
    .lg\:text-zinc-700,
    .lg\:hover\:text-zinc-700:hover,
    .group:hover .lg\:group-hover\:text-zinc-700 {
        color: rgba(63, 63, 70, var(--text-opacity, 1));
    }
    .lg\:text-zinc-800,
    .lg\:hover\:text-zinc-800:hover,
    .group:hover .lg\:group-hover\:text-zinc-800 {
        color: rgba(39, 39, 42, var(--text-opacity, 1));
    }
    .lg\:text-zinc-900,
    .lg\:hover\:text-zinc-900:hover,
    .group:hover .lg\:group-hover\:text-zinc-900 {
        color: rgba(24, 24, 27, var(--text-opacity, 1));
    }
    .lg\:text-red-50,
    .hover\:text-red-50:hover,
    .group:hover .lg\:group-hover\:text-red-50 {
        color: rgba(254, 242, 242, var(--text-opacity, 1));
    }
    .lg\:text-red-100,
    .lg\:hover\:text-red-100:hover,
    .group:hover .lg\:group-hover\:text-red-100 {
        color: rgba(254, 226, 226, var(--text-opacity, 1));
    }
    .lg\:text-red-200,
    .lg\:hover\:text-red-200:hover,
    .group:hover .lg\:group-hover\:text-red-200 {
        color: rgba(254, 202, 202, var(--text-opacity, 1));
    }
    .lg\:text-red-300,
    .lg\:hover\:text-red-300:hover,
    .group:hover .lg\:group-hover\:text-red-300 {
        color: rgba(252, 165, 165, var(--text-opacity, 1));
    }
    .lg\:text-red-400,
    .lg\:hover\:text-red-400:hover,
    .group:hover .lg\:group-hover\:text-red-400 {
        color: rgba(248, 113, 113, var(--text-opacity, 1));
    }
    .lg\:text-red-500,
    .lg\:hover\:text-red-500:hover,
    .group:hover .lg\:group-hover\:text-red-500 {
        color: rgba(239, 68, 68, var(--text-opacity, 1));
    }
    .lg\:text-red-600,
    .lg\:hover\:text-red-600:hover,
    .group:hover .lg\:group-hover\:text-red-600 {
        color: rgba(220, 38, 38, var(--text-opacity, 1));
    }
    .lg\:text-red-700,
    .lg\:hover\:text-red-700:hover,
    .group:hover .lg\:group-hover\:text-red-700 {
        color: rgba(185, 28, 28, var(--text-opacity, 1));
    }
    .lg\:text-red-800,
    .lg\:hover\:text-red-800:hover,
    .group:hover .lg\:group-hover\:text-red-800 {
        color: rgba(153, 27, 27, var(--text-opacity, 1));
    }
    .lg\:text-red-900,
    .lg\:hover\:text-red-900:hover,
    .group:hover .lg\:group-hover\:text-red-900 {
        color: rgba(127, 29, 29, var(--text-opacity, 1));
    }
    .lg\:text-amber-50,
    .lg\:hover\:text-amber-50:hover,
    .group:hover .lg\:group-hover\:text-amber-50 {
        color: rgba(255, 251, 235, var(--text-opacity, 1));
    }
    .lg\:text-amber-100,
    .lg\:hover\:text-amber-100:hover,
    .group:hover .lg\:group-hover\:text-amber-100 {
        color: rgba(254, 243, 199, var(--text-opacity, 1));
    }
    .lg\:text-amber-200,
    .lg\:hover\:text-amber-200:hover,
    .group:hover .lg\:group-hover\:text-amber-200 {
        color: rgba(253, 230, 138, var(--text-opacity, 1));
    }
    .lg\:text-amber-300,
    .lg\:hover\:text-amber-300:hover,
    .group:hover .lg\:group-hover\:text-amber-300 {
        color: rgba(252, 211, 77, var(--text-opacity, 1));
    }
    .lg\:text-amber-400,
    .lg\:hover\:text-amber-400:hover,
    .group:hover .lg\:group-hover\:text-amber-400 {
        color: rgba(251, 191, 36, var(--text-opacity, 1));
    }
    .lg\:text-amber-500,
    .lg\:hover\:text-amber-500:hover,
    .group:hover .lg\:group-hover\:text-amber-500 {
        color: rgba(245, 158, 11, var(--text-opacity, 1));
    }
    .lg\:text-amber-600,
    .lg\:hover\:text-amber-600:hover,
    .group:hover .lg\:group-hover\:text-amber-600 {
        color: rgba(217, 119, 6, var(--text-opacity, 1));
    }
    .lg\:text-amber-700,
    .lg\:hover\:text-amber-700:hover,
    .group:hover .lg\:group-hover\:text-amber-700 {
        color: rgba(180, 83, 9, var(--text-opacity, 1));
    }
    .lg\:text-amber-800,
    .lg\:hover\:text-amber-800:hover,
    .group:hover .lg\:group-hover\:text-amber-800 {
        color: rgba(146, 64, 14, var(--text-opacity, 1));
    }
    .lg\:text-amber-900,
    .lg\:hover\:text-amber-900:hover,
    .group:hover .lg\:group-hover\:text-amber-900 {
        color: rgba(120, 53, 15, var(--text-opacity, 1));
    }
    .lg\:text-yellow-50,
    .lg\:hover\:text-yellow-50:hover,
    .group:hover .lg\:group-hover\:text-yellow-50 {
        color: rgba(254, 252, 232, var(--text-opacity, 1));
    }
    .lg\:text-yellow-100,
    .lg\:hover\:text-yellow-100:hover,
    .group:hover .lg\:group-hover\:text-yellow-100 {
        color: rgba(254, 249, 195, var(--text-opacity, 1));
    }
    .lg\:text-yellow-200,
    .lg\:hover\:text-yellow-200:hover,
    .group:hover .lg\:group-hover\:text-yellow-200 {
        color: rgba(254, 240, 138, var(--text-opacity, 1));
    }
    .lg\:text-yellow-300,
    .lg\:hover\:text-yellow-300:hover,
    .group:hover .lg\:group-hover\:text-yellow-300 {
        color: rgba(253, 224, 71, var(--text-opacity, 1));
    }
    .lg\:text-yellow-400,
    .lg\:hover\:text-yellow-400:hover,
    .group:hover .lg\:group-hover\:text-yellow-400 {
        color: rgba(250, 204, 21, var(--text-opacity, 1));
    }
    .lg\:text-yellow-500,
    .lg\:hover\:text-yellow-500:hover,
    .group:hover .lg\:group-hover\:text-yellow-500 {
        color: rgba(234, 179, 8, var(--text-opacity, 1));
    }
    .lg\:text-yellow-600,
    .lg\:hover\:text-yellow-600:hover,
    .group:hover .lg\:group-hover\:text-yellow-600 {
        color: rgba(202, 138, 4, var(--text-opacity, 1));
    }
    .lg\:text-yellow-700,
    .lg\:hover\:text-yellow-700:hover,
    .group:hover .lg\:group-hover\:text-yellow-700 {
        color: rgba(161, 98, 7, var(--text-opacity, 1));
    }
    .lg\:text-yellow-800,
    .lg\:hover\:text-yellow-800:hover,
    .group:hover .lg\:group-hover\:text-yellow-800 {
        color: rgba(133, 77, 14, var(--text-opacity, 1));
    }
    .lg\:text-yellow-900,
    .lg\:hover\:text-yellow-900:hover,
    .group:hover .lg\:group-hover\:text-yellow-900 {
        color: rgba(113, 63, 18, var(--text-opacity, 1));
    }
    .lg\:text-emerald-50,
    .lg\:hover\:text-emerald-50:hover,
    .group:hover .lg\:group-hover\:text-emerald-50 {
        color: rgba(236, 253, 245, var(--text-opacity, 1));
    }
    .lg\:text-emerald-100,
    .lg\:hover\:text-emerald-100:hover,
    .group:hover .lg\:group-hover\:text-emerald-100 {
        color: rgba(209, 250, 229, var(--text-opacity, 1));
    }
    .lg\:text-emerald-200,
    .lg\:hover\:text-emerald-200:hover,
    .group:hover .lg\:group-hover\:text-emerald-200 {
        color: rgba(167, 243, 208, var(--text-opacity, 1));
    }
    .lg\:text-emerald-300,
    .lg\:hover\:text-emerald-300:hover,
    .group:hover .lg\:group-hover\:text-emerald-300 {
        color: rgba(110, 231, 183, var(--text-opacity, 1));
    }
    .lg\:text-emerald-400,
    .lg\:hover\:text-emerald-400:hover,
    .group:hover .lg\:group-hover\:text-emerald-400 {
        color: rgba(52, 211, 153, var(--text-opacity, 1));
    }
    .lg\:text-emerald-500,
    .lg\:hover\:text-emerald-500:hover,
    .group:hover .lg\:group-hover\:text-emerald-500 {
        color: rgba(16, 185, 129, var(--text-opacity, 1));
    }
    .lg\:text-emerald-600,
    .lg\:hover\:text-emerald-600:hover,
    .group:hover .lg\:group-hover\:text-emerald-600 {
        color: rgba(5, 150, 105, var(--text-opacity, 1));
    }
    .lg\:text-emerald-700,
    .lg\:hover\:text-emerald-700:hover,
    .group:hover .lg\:group-hover\:text-emerald-700 {
        color: rgba(4, 120, 87, var(--text-opacity, 1));
    }
    .lg\:text-emerald-800,
    .lg\:hover\:text-emerald-800:hover,
    .group:hover .lg\:group-hover\:text-emerald-800 {
        color: rgba(6, 95, 70, var(--text-opacity, 1));
    }
    .lg\:text-emerald-900,
    .lg\:hover\:text-emerald-900:hover,
    .group:hover .lg\:group-hover\:text-emerald-900 {
        color: rgba(6, 78, 59, var(--text-opacity, 1));
    }
    .lg\:text-cyan-50,
    .lg\:hover\:text-cyan-50:hover,
    .group:hover .lg\:group-hover\:text-cyan-50 {
        color: rgba(236, 254, 255, var(--text-opacity, 1));
    }
    .lg\:text-cyan-100,
    .lg\:hover\:text-cyan-100:hover,
    .group:hover .lg\:group-hover\:text-cyan-100 {
        color: rgba(207, 250, 254, var(--text-opacity, 1));
    }
    .lg\:text-cyan-200,
    .lg\:hover\:text-cyan-200:hover,
    .group:hover .lg\:group-hover\:text-cyan-200 {
        color: rgba(165, 243, 252, var(--text-opacity, 1));
    }
    .lg\:text-cyan-300,
    .lg\:hover\:text-cyan-300:hover,
    .group:hover .lg\:group-hover\:text-cyan-300 {
        color: rgba(103, 232, 249, var(--text-opacity, 1));
    }
    .lg\:text-cyan-400,
    .lg\:hover\:text-cyan-400:hover,
    .group:hover .lg\:group-hover\:text-cyan-400 {
        color: rgba(34, 211, 238, var(--text-opacity, 1));
    }
    .lg\:text-cyan-500,
    .lg\:hover\:text-cyan-500:hover,
    .group:hover .lg\:group-hover\:text-cyan-500 {
        color: rgba(6, 182, 212, var(--text-opacity, 1));
    }
    .lg\:text-cyan-600,
    .lg\:hover\:text-cyan-600:hover,
    .group:hover .lg\:group-hover\:text-cyan-600 {
        color: rgba(8, 145, 178, var(--text-opacity, 1));
    }
    .lg\:text-cyan-700,
    .lg\:hover\:text-cyan-700:hover,
    .group:hover .lg\:group-hover\:text-cyan-700 {
        color: rgba(14, 116, 144, var(--text-opacity, 1));
    }
    .lg\:text-cyan-800,
    .lg\:hover\:text-cyan-800:hover,
    .group:hover .lg\:group-hover\:text-cyan-800 {
        color: rgba(21, 94, 117, var(--text-opacity, 1));
    }
    .lg\:text-cyan-900,
    .lg\:hover\:text-cyan-900:hover,
    .group:hover .lg\:group-hover\:text-cyan-900 {
        color: rgba(22, 78, 99, var(--text-opacity, 1));
    }
    .lg\:text-blue-50,
    .lg\:hover\:text-blue-50:hover,
    .group:hover .lg\:group-hover\:text-blue-50 {
        color: rgba(239, 246, 255, var(--text-opacity, 1));
    }
    .lg\:text-blue-100,
    .lg\:hover\:text-blue-100:hover,
    .group:hover .lg\:group-hover\:text-blue-100 {
        color: rgba(219, 234, 254, var(--text-opacity, 1));
    }
    .lg\:text-blue-200,
    .lg\:hover\:text-blue-200:hover,
    .group:hover .lg\:group-hover\:text-blue-200 {
        color: rgba(191, 219, 254, var(--text-opacity, 1));
    }
    .lg\:text-blue-300,
    .lg\:hover\:text-blue-300:hover,
    .group:hover .lg\:group-hover\:text-blue-300 {
        color: rgba(147, 197, 253, var(--text-opacity, 1));
    }
    .lg\:text-blue-400,
    .lg\:hover\:text-blue-400:hover,
    .group:hover .lg\:group-hover\:text-blue-400 {
        color: rgba(96, 165, 250, var(--text-opacity, 1));
    }
    .lg\:text-blue-500,
    .lg\:hover\:text-blue-500:hover,
    .group:hover .lg\:group-hover\:text-blue-500 {
        color: rgba(59, 130, 246, var(--text-opacity, 1));
    }
    .lg\:text-blue-600,
    .lg\:hover\:text-blue-600:hover,
    .group:hover .lg\:group-hover\:text-blue-600 {
        color: rgba(37, 99, 235, var(--text-opacity, 1));
    }
    .lg\:text-blue-700,
    .lg\:hover\:text-blue-700:hover,
    .group:hover .lg\:group-hover\:text-blue-700 {
        color: rgba(29, 78, 216, var(--text-opacity, 1));
    }
    .lg\:text-blue-800,
    .lg\:hover\:text-blue-800:hover,
    .group:hover .lg\:group-hover\:text-blue-800 {
        color: rgba(30, 64, 175, var(--text-opacity, 1));
    }
    .lg\:text-blue-900,
    .lg\:hover\:text-blue-900:hover,
    .group:hover .lg\:group-hover\:text-blue-900 {
        color: rgba(30, 58, 138, var(--text-opacity, 1));
    }
    .lg\:text-transparent,
    .lg\:hover\:text-transparent:hover,
    .group:hover .lg\:group-hover\:text-transparent {
        color: rgba(0, 0, 0, 0) !important;
    }
    .lg\:text-black,
    .lg\:hover\:text-black:hover,
    .group:hover .lg\:group-hover\:text-black {
        color: rgba(0, 0, 0, var(--text-opacity, 1));
    }
    .lg\:text-white,
    .lg\:hover\:text-white:hover,
    .group:hover .lg\:group-hover\:text-white {
        color: rgba(255, 255, 255, var(--text-opacity, 1));
    }
    .lg\:text-opacity-0,
    .lg\:hover\:text-opacity-0:hover,
    .group:hover .lg\:group-hover\:text-opacity-0 {
        --text-opacity: 0;
    }
    .lg\:text-opacity-10,
    .lg\:hover\:text-opacity-10:hover,
    .group:hover .lg\:group-hover\:text-opacity-10 {
        --text-opacity: 0.1;
    }
    .lg\:text-opacity-20,
    .lg\:hover\:text-opacity-20:hover,
    .group:hover .lg\:group-hover\:text-opacity-20 {
        --text-opacity: 0.2;
    }
    .lg\:text-opacity-30,
    .lg\:hover\:text-opacity-30:hover,
    .group:hover .lg\:group-hover\:text-opacity-30 {
        --text-opacity: 0.3;
    }
    .lg\:text-opacity-40,
    .lg\:hover\:text-opacity-40:hover,
    .group:hover .lg\:group-hover\:text-opacity-40 {
        --text-opacity: 0.4;
    }
    .lg\:text-opacity-50,
    .lg\:hover\:text-opacity-50:hover,
    .group:hover .lg\:group-hover\:text-opacity-50 {
        --text-opacity: 0.5;
    }
    .lg\:text-opacity-60,
    .lg\:hover\:text-opacity-60:hover,
    .group:hover .lg\:group-hover\:text-opacity-60 {
        --text-opacity: 0.6;
    }
    .lg\:text-opacity-70,
    .lg\:hover\:text-opacity-70:hover,
    .group:hover .lg\:group-hover\:text-opacity-70 {
        --text-opacity: 0.7;
    }
    .lg\:text-opacity-80,
    .lg\:hover\:text-opacity-80:hover,
    .group:hover .lg\:group-hover\:text-opacity-80 {
        --text-opacity: 0.8;
    }
    .lg\:text-opacity-90,
    .lg\:hover\:text-opacity-90:hover,
    .group:hover .lg\:group-hover\:text-opacity-90 {
        --text-opacity: 0.9;
    }
    .lg\:bg-zinc-50,
    .lg\:hover\:bg-zinc-50:hover,
    .group:hover .lg\:group-hover\:bg-zinc-50 {
        background-color: rgba(250, 250, 250, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-100,
    .lg\:hover\:bg-zinc-100:hover,
    .group:hover .lg\:group-hover\:bg-zinc-100 {
        background-color: rgba(244, 244, 245, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-200,
    .lg\:hover\:bg-zinc-200:hover,
    .group:hover .lg\:group-hover\:bg-zinc-200 {
        background-color: rgba(228, 228, 231, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-300,
    .lg\:hover\:bg-zinc-300:hover,
    .group:hover .lg\:group-hover\:bg-zinc-300 {
        background-color: rgba(212, 212, 216, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-400,
    .lg\:hover\:bg-zinc-400:hover,
    .group:hover .lg\:group-hover\:bg-zinc-400 {
        background-color: rgba(161, 161, 170, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-500,
    .lg\:hover\:bg-zinc-500:hover,
    .group:hover .lg\:group-hover\:bg-zinc-500 {
        background-color: rgba(113, 113, 122, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-600,
    .lg\:hover\:bg-zinc-600:hover,
    .group:hover .lg\:group-hover\:bg-zinc-600 {
        background-color: rgba(82, 82, 91, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-700,
    .lg\:hover\:bg-zinc-700:hover,
    .group:hover .lg\:group-hover\:bg-zinc-700 {
        background-color: rgba(63, 63, 70, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-800,
    .lg\:hover\:bg-zinc-800:hover,
    .group:hover .lg\:group-hover\:bg-zinc-800 {
        background-color: rgba(39, 39, 42, var(--bg-opacity, 1));
    }
    .lg\:bg-zinc-900,
    .lg\:hover\:bg-zinc-900:hover,
    .group:hover .lg\:group-hover\:bg-zinc-900 {
        background-color: rgba(24, 24, 27, var(--bg-opacity, 1));
    }
    .lg\:bg-red-50,
    .lg\:hover\:bg-red-50:hover,
    .group:hover .lg\:group-hover\:bg-red-50 {
        background-color: rgba(254, 242, 242, var(--bg-opacity, 1));
    }
    .lg\:bg-red-100,
    .lg\:hover\:bg-red-100:hover,
    .group:hover .lg\:group-hover\:bg-red-100 {
        background-color: rgba(254, 226, 226, var(--bg-opacity, 1));
    }
    .lg\:bg-red-200,
    .lg\:hover\:bg-red-200:hover,
    .group:hover .lg\:group-hover\:bg-red-200 {
        background-color: rgba(254, 202, 202, var(--bg-opacity, 1));
    }
    .lg\:bg-red-300,
    .lg\:hover\:bg-red-300:hover,
    .group:hover .lg\:group-hover\:bg-red-300 {
        background-color: rgba(252, 165, 165, var(--bg-opacity, 1));
    }
    .lg\:bg-red-400,
    .lg\:hover\:bg-red-400:hover,
    .group:hover .lg\:group-hover\:bg-red-400 {
        background-color: rgba(248, 113, 113, var(--bg-opacity, 1));
    }
    .lg\:bg-red-500,
    .lg\:hover\:bg-red-500:hover,
    .group:hover .lg\:group-hover\:bg-red-500 {
        background-color: rgba(239, 68, 68, var(--bg-opacity, 1));
    }
    .lg\:bg-red-600,
    .lg\:hover\:bg-red-600:hover,
    .group:hover .lg\:group-hover\:bg-red-600 {
        background-color: rgba(220, 38, 38, var(--bg-opacity, 1));
    }
    .lg\:bg-red-700,
    .lg\:hover\:bg-red-700:hover,
    .group:hover .lg\:group-hover\:bg-red-700 {
        background-color: rgba(185, 28, 28, var(--bg-opacity, 1));
    }
    .lg\:bg-red-800,
    .lg\:hover\:bg-red-800:hover,
    .group:hover .lg\:group-hover\:bg-red-800 {
        background-color: rgba(153, 27, 27, var(--bg-opacity, 1));
    }
    .lg\:bg-red-900,
    .lg\:hover\:bg-red-900:hover,
    .group:hover .lg\:group-hover\:bg-red-900 {
        background-color: rgba(127, 29, 29, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-50,
    .lg\:hover\:bg-amber-50:hover,
    .group:hover .lg\:group-hover\:bg-amber-50 {
        background-color: rgba(255, 251, 235, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-100,
    .lg\:hover\:bg-amber-100:hover,
    .group:hover .lg\:group-hover\:bg-amber-100 {
        background-color: rgba(254, 243, 199, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-200,
    .lg\:hover\:bg-amber-200:hover,
    .group:hover .lg\:group-hover\:bg-amber-200 {
        background-color: rgba(253, 230, 138, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-300,
    .lg\:hover\:bg-amber-300:hover,
    .group:hover .lg\:group-hover\:bg-amber-300 {
        background-color: rgba(252, 211, 77, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-400,
    .lg\:hover\:bg-amber-400:hover,
    .group:hover .lg\:group-hover\:bg-amber-400 {
        background-color: rgba(251, 191, 36, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-500,
    .lg\:hover\:bg-amber-500:hover,
    .group:hover .lg\:group-hover\:bg-amber-500 {
        background-color: rgba(245, 158, 11, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-600,
    .lg\:hover\:bg-amber-600:hover,
    .group:hover .lg\:group-hover\:bg-amber-600 {
        background-color: rgba(217, 119, 6, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-700,
    .lg\:hover\:bg-amber-700:hover,
    .group:hover .lg\:group-hover\:bg-amber-700 {
        background-color: rgba(180, 83, 9, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-800,
    .lg\:hover\:bg-amber-800:hover,
    .group:hover .lg\:group-hover\:bg-amber-800 {
        background-color: rgba(146, 64, 14, var(--bg-opacity, 1));
    }
    .lg\:bg-amber-900,
    .lg\:hover\:bg-amber-900:hover,
    .group:hover .lg\:group-hover\:bg-amber-900 {
        background-color: rgba(120, 53, 15, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-50,
    .lg\:hover\:bg-yellow-50:hover,
    .group:hover .lg\:group-hover\:bg-yellow-50 {
        background-color: rgba(254, 252, 232, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-100,
    .lg\:hover\:bg-yellow-100:hover,
    .group:hover .lg\:group-hover\:bg-yellow-100 {
        background-color: rgba(254, 249, 195, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-200,
    .lg\:hover\:bg-yellow-200:hover,
    .group:hover .lg\:group-hover\:bg-yellow-200 {
        background-color: rgba(254, 240, 138, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-300,
    .lg\:hover\:bg-yellow-300:hover,
    .group:hover .lg\:group-hover\:bg-yellow-300 {
        background-color: rgba(253, 224, 71, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-400,
    .lg\:hover\:bg-yellow-400:hover,
    .group:hover .lg\:group-hover\:bg-yellow-400 {
        background-color: rgba(250, 204, 21, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-500,
    .lg\:hover\:bg-yellow-500:hover,
    .group:hover .lg\:group-hover\:bg-yellow-500 {
        background-color: rgba(234, 179, 8, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-600,
    .lg\:hover\:bg-yellow-600:hover,
    .group:hover .lg\:group-hover\:bg-yellow-600 {
        background-color: rgba(202, 138, 4, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-700,
    .lg\:hover\:bg-yellow-700:hover,
    .group:hover .lg\:group-hover\:bg-yellow-700 {
        background-color: rgba(161, 98, 7, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-800,
    .lg\:hover\:bg-yellow-800:hover,
    .group:hover .lg\:group-hover\:bg-yellow-800 {
        background-color: rgba(133, 77, 14, var(--bg-opacity, 1));
    }
    .lg\:bg-yellow-900,
    .lg\:hover\:bg-yellow-900:hover,
    .group:hover .lg\:group-hover\:bg-yellow-900 {
        background-color: rgba(113, 63, 18, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-50,
    .lg\:hover\:bg-emerald-50:hover,
    .group:hover .lg\:group-hover\:bg-emerald-50 {
        background-color: rgba(236, 253, 245, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-100,
    .lg\:hover\:bg-emerald-100:hover,
    .group:hover .lg\:group-hover\:bg-emerald-100 {
        background-color: rgba(209, 250, 229, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-200,
    .lg\:hover\:bg-emerald-200:hover,
    .group:hover .lg\:group-hover\:bg-emerald-200 {
        background-color: rgba(167, 243, 208, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-300,
    .lg\:hover\:bg-emerald-300:hover,
    .group:hover .lg\:group-hover\:bg-emerald-300 {
        background-color: rgba(110, 231, 183, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-400,
    .lg\:hover\:bg-emerald-400:hover,
    .group:hover .lg\:group-hover\:bg-emerald-400 {
        background-color: rgba(52, 211, 153, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-500,
    .lg\:hover\:bg-emerald-500:hover,
    .group:hover .lg\:group-hover\:bg-emerald-500 {
        background-color: rgba(16, 185, 129, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-600,
    .lg\:hover\:bg-emerald-600:hover,
    .group:hover .lg\:group-hover\:bg-emerald-600 {
        background-color: rgba(5, 150, 105, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-700,
    .lg\:hover\:bg-emerald-700:hover,
    .group:hover .lg\:group-hover\:bg-emerald-700 {
        background-color: rgba(4, 120, 87, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-800,
    .lg\:hover\:bg-emerald-800:hover,
    .group:hover .lg\:group-hover\:bg-emerald-800 {
        background-color: rgba(6, 95, 70, var(--bg-opacity, 1));
    }
    .lg\:bg-emerald-900,
    .lg\:hover\:bg-emerald-900:hover,
    .group:hover .lg\:group-hover\:bg-emerald-900 {
        background-color: rgba(6, 78, 59, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-50,
    .lg\:hover\:bg-cyan-50:hover,
    .group:hover .lg\:group-hover\:bg-cyan-50 {
        background-color: rgba(236, 254, 255, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-100,
    .lg\:hover\:bg-cyan-100:hover,
    .group:hover .lg\:group-hover\:bg-cyan-100 {
        background-color: rgba(207, 250, 254, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-200,
    .lg\:hover\:bg-cyan-200:hover,
    .group:hover .lg\:group-hover\:bg-cyan-200 {
        background-color: rgba(165, 243, 252, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-300,
    .lg\:hover\:bg-cyan-300:hover,
    .group:hover .lg\:group-hover\:bg-cyan-300 {
        background-color: rgba(103, 232, 249, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-400,
    .lg\:hover\:bg-cyan-400:hover,
    .group:hover .lg\:group-hover\:bg-cyan-400 {
        background-color: rgba(34, 211, 238, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-500,
    .lg\:hover\:bg-cyan-500:hover,
    .group:hover .lg\:group-hover\:bg-cyan-500 {
        background-color: rgba(6, 182, 212, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-600,
    .lg\:hover\:bg-cyan-600:hover,
    .group:hover .lg\:group-hover\:bg-cyan-600 {
        background-color: rgba(8, 145, 178, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-700,
    .lg\:hover\:bg-cyan-700:hover,
    .group:hover .lg\:group-hover\:bg-cyan-700 {
        background-color: rgba(14, 116, 144, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-800,
    .lg\:hover\:bg-cyan-800:hover,
    .group:hover .lg\:group-hover\:bg-cyan-800 {
        background-color: rgba(21, 94, 117, var(--bg-opacity, 1));
    }
    .lg\:bg-cyan-900,
    .lg\:hover\:bg-cyan-900:hover,
    .group:hover .lg\:group-hover\:bg-cyan-900 {
        background-color: rgba(22, 78, 99, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-50,
    .lg\:hover\:bg-blue-50:hover,
    .group:hover .lg\:group-hover\:bg-blue-50 {
        background-color: rgba(239, 246, 255, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-100,
    .lg\:hover\:bg-blue-100:hover,
    .group:hover .lg\:group-hover\:bg-blue-100 {
        background-color: rgba(219, 234, 254, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-200,
    .lg\:hover\:bg-blue-200:hover,
    .group:hover .lg\:group-hover\:bg-blue-200 {
        background-color: rgba(191, 219, 254, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-300,
    .lg\:hover\:bg-blue-300:hover,
    .group:hover .lg\:group-hover\:bg-blue-300 {
        background-color: rgba(147, 197, 253, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-400,
    .lg\:hover\:bg-blue-400:hover,
    .group:hover .lg\:group-hover\:bg-blue-400 {
        background-color: rgba(96, 165, 250, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-500,
    .lg\:hover\:bg-blue-500:hover,
    .group:hover .lg\:group-hover\:bg-blue-500 {
        background-color: rgba(59, 130, 246, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-600,
    .lg\:hover\:bg-blue-600:hover,
    .group:hover .lg\:group-hover\:bg-blue-600 {
        background-color: rgba(37, 99, 235, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-700,
    .lg\:hover\:bg-blue-700:hover,
    .group:hover .lg\:group-hover\:bg-blue-700 {
        background-color: rgba(29, 78, 216, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-800,
    .lg\:hover\:bg-blue-800:hover,
    .group:hover .lg\:group-hover\:bg-blue-800 {
        background-color: rgba(30, 64, 175, var(--bg-opacity, 1));
    }
    .lg\:bg-blue-900,
    .lg\:hover\:bg-blue-900:hover,
    .group:hover .lg\:group-hover\:bg-blue-900 {
        background-color: rgba(30, 58, 138, var(--bg-opacity, 1));
    }
    .lg\:bg-transparent,
    .lg\:hover\:bg-transparent:hover,
    .group:hover .lg\:group-hover\:bg-transparent {
        background-color: rgba(0, 0, 0, 0) !important;
    }
    .lg\:bg-black,
    .lg\:hover\:bg-black:hover,
    .group:hover .lg\:group-hover\:bg-black {
        background-color: rgba(0, 0, 0, var(--bg-opacity, 1));
    }
    .lg\:bg-white,
    .lg\:hover\:bg-white:hover,
    .group:hover .lg\:group-hover\:bg-white {
        background-color: rgba(255, 255, 255, var(--bg-opacity, 1));
    }
    .lg\:bg-opacity-0,
    .lg\:hover\:bg-opacity-0:hover,
    .group:hover .lg\:group-hover\:bg-opacity-0 {
        --bg-opacity: 0;
    }
    .lg\:bg-opacity-5,
    .lg\:hover\:bg-opacity-5:hover,
    .group:hover .lg\:group-hover\:bg-opacity-10 {
        --bg-opacity: 0.05;
    }
    .lg\:bg-opacity-10,
    .lg\:hover\:bg-opacity-10:hover,
    .group:hover .lg\:group-hover\:bg-opacity-10 {
        --bg-opacity: 0.1;
    }
    .lg\:bg-opacity-20,
    .lg\:hover\:bg-opacity-20:hover,
    .group:hover .lg\:group-hover\:bg-opacity-20 {
        --bg-opacity: 0.2;
    }
    .lg\:bg-opacity-30,
    .lg\:hover\:bg-opacity-30:hover,
    .group:hover .lg\:group-hover\:bg-opacity-30 {
        --bg-opacity: 0.3;
    }
    .lg\:bg-opacity-40,
    .lg\:hover\:bg-opacity-40:hover,
    .group:hover .lg\:group-hover\:bg-opacity-40 {
        --bg-opacity: 0.4;
    }
    .lg\:bg-opacity-50,
    .lg\:hover\:bg-opacity-50:hover,
    .group:hover .lg\:group-hover\:bg-opacity-50 {
        --bg-opacity: 0.5;
    }
    .lg\:bg-opacity-60,
    .lg\:hover\:bg-opacity-60:hover,
    .group:hover .lg\:group-hover\:bg-opacity-60 {
        --bg-opacity: 0.6;
    }
    .lg\:bg-opacity-70,
    .lg\:hover\:bg-opacity-70:hover,
    .group:hover .lg\:group-hover\:bg-opacity-70 {
        --bg-opacity: 0.7;
    }
    .lg\:bg-opacity-80,
    .lg\:hover\:bg-opacity-80:hover,
    .group:hover .lg\:group-hover\:bg-opacity-80 {
        --bg-opacity: 0.8;
    }
    .lg\:bg-opacity-90,
    .lg\:hover\:bg-opacity-90:hover,
    .group:hover .lg\:group-hover\:bg-opacity-90 {
        --bg-opacity: 0.9;
    }
    .lg\:border-zinc-50,
    .lg\:hover\:border-zinc-50:hover,
    .group:hover .lg\:group-hover\:border-zinc-50 {
        border-color: rgba(248, 250, 252, var(--border-opacity, 1));
    }
    .lg\:border-zinc-100,
    .lg\:hover\:border-zinc-100:hover,
    .group:hover .lg\:group-hover\:border-zinc-100 {
        border-color: rgba(241, 245, 249, var(--border-opacity, 1));
    }
    .lg\:border-zinc-200,
    .lg\:hover\:border-zinc-200:hover,
    .group:hover .lg\:group-hover\:border-zinc-200 {
        border-color: rgba(226, 232, 240, var(--border-opacity, 1));
    }
    .lg\:border-zinc-300,
    .lg\:hover\:border-zinc-300:hover,
    .group:hover .lg\:group-hover\:border-zinc-300 {
        border-color: rgba(203, 213, 225, var(--border-opacity, 1));
    }
    .lg\:border-zinc-400,
    .lg\:hover\:border-zinc-400:hover,
    .group:hover .lg\:group-hover\:border-zinc-400 {
        border-color: rgba(148, 163, 184, var(--border-opacity, 1));
    }
    .lg\:border-zinc-500,
    .lg\:hover\:border-zinc-500:hover,
    .group:hover .lg\:group-hover\:border-zinc-500 {
        border-color: rgba(100, 116, 139, var(--border-opacity, 1));
    }
    .lg\:border-zinc-600,
    .lg\:hover\:border-zinc-600:hover,
    .group:hover .lg\:group-hover\:border-zinc-600 {
        border-color: rgba(71, 85, 105, var(--border-opacity, 1));
    }
    .lg\:border-zinc-700,
    .lg\:hover\:border-zinc-700:hover,
    .group:hover .lg\:group-hover\:border-zinc-700 {
        border-color: rgba(51, 65, 85, var(--border-opacity, 1));
    }
    .lg\:border-zinc-800,
    .lg\:hover\:border-zinc-800:hover,
    .group:hover .lg\:group-hover\:border-zinc-800 {
        border-color: rgba(30, 41, 59, var(--border-opacity, 1));
    }
    .lg\:border-zinc-900,
    .lg\:hover\:border-zinc-900:hover,
    .group:hover .lg\:group-hover\:border-zinc-900 {
        border-color: rgba(15, 23, 42, var(--border-opacity, 1));
    }
    .lg\:border-red-50,
    .lg\:hover\:border-red-50:hover,
    .group:hover .lg\:group-hover\:border-red-50 {
        border-color: rgba(254, 242, 242, var(--border-opacity, 1));
    }
    .lg\:border-red-100,
    .lg\:hover\:border-red-100:hover,
    .group:hover .lg\:group-hover\:border-red-100 {
        border-color: rgba(254, 226, 226, var(--border-opacity, 1));
    }
    .lg\:border-red-200,
    .lg\:hover\:border-red-200:hover,
    .group:hover .lg\:group-hover\:border-red-200 {
        border-color: rgba(254, 202, 202, var(--border-opacity, 1));
    }
    .lg\:border-red-300,
    .lg\:hover\:border-red-300:hover,
    .group:hover .lg\:group-hover\:border-red-300 {
        border-color: rgba(252, 165, 165, var(--border-opacity, 1));
    }
    .lg\:border-red-400,
    .lg\:hover\:border-red-400:hover,
    .group:hover .lg\:group-hover\:border-red-400 {
        border-color: rgba(248, 113, 113, var(--border-opacity, 1));
    }
    .lg\:border-red-500,
    .lg\:hover\:border-red-500:hover,
    .group:hover .lg\:group-hover\:border-red-500 {
        border-color: rgba(239, 68, 68, var(--border-opacity, 1));
    }
    .lg\:border-red-600,
    .lg\:hover\:border-red-600:hover,
    .group:hover .lg\:group-hover\:border-red-600 {
        border-color: rgba(220, 38, 38, var(--border-opacity, 1));
    }
    .lg\:border-red-700,
    .lg\:hover\:border-red-700:hover,
    .group:hover .lg\:group-hover\:border-red-700 {
        border-color: rgba(185, 28, 28, var(--border-opacity, 1));
    }
    .lg\:border-red-800,
    .lg\:hover\:border-red-800:hover,
    .group:hover .lg\:group-hover\:border-red-800 {
        border-color: rgba(153, 27, 27, var(--border-opacity, 1));
    }
    .lg\:border-red-900,
    .lg\:hover\:border-red-900:hover,
    .group:hover .lg\:group-hover\:border-red-900 {
        border-color: rgba(127, 29, 29, var(--border-opacity, 1));
    }
    .lg\:border-amber-50,
    .lg\:hover\:border-amber-50:hover,
    .group:hover .lg\:group-hover\:border-amber-50 {
        border-color: rgba(255, 251, 235, var(--border-opacity, 1));
    }
    .lg\:border-amber-100,
    .lg\:hover\:border-amber-100:hover,
    .group:hover .lg\:group-hover\:border-amber-100 {
        border-color: rgba(254, 243, 199, var(--border-opacity, 1));
    }
    .lg\:border-amber-200,
    .lg\:hover\:border-amber-200:hover,
    .group:hover .lg\:group-hover\:border-amber-200 {
        border-color: rgba(253, 230, 138, var(--border-opacity, 1));
    }
    .lg\:border-amber-300,
    .lg\:hover\:border-amber-300:hover,
    .group:hover .lg\:group-hover\:border-amber-300 {
        border-color: rgba(252, 211, 77, var(--border-opacity, 1));
    }
    .lg\:border-amber-400,
    .lg\:hover\:border-amber-400:hover,
    .group:hover .lg\:group-hover\:border-amber-400 {
        border-color: rgba(251, 191, 36, var(--border-opacity, 1));
    }
    .lg\:border-amber-500,
    .lg\:hover\:border-amber-500:hover,
    .group:hover .lg\:group-hover\:border-amber-500 {
        border-color: rgba(245, 158, 11, var(--border-opacity, 1));
    }
    .lg\:border-amber-600,
    .lg\:hover\:border-amber-600:hover,
    .group:hover .lg\:group-hover\:border-amber-600 {
        border-color: rgba(217, 119, 6, var(--border-opacity, 1));
    }
    .lg\:border-amber-700,
    .lg\:hover\:border-amber-700:hover,
    .group:hover .lg\:group-hover\:border-amber-700 {
        border-color: rgba(180, 83, 9, var(--border-opacity, 1));
    }
    .lg\:border-amber-800,
    .lg\:hover\:border-amber-800:hover,
    .group:hover .lg\:group-hover\:border-amber-800 {
        border-color: rgba(146, 64, 14, var(--border-opacity, 1));
    }
    .lg\:border-amber-900,
    .lg\:hover\:border-amber-900:hover,
    .group:hover .lg\:group-hover\:border-amber-900 {
        border-color: rgba(120, 53, 15, var(--border-opacity, 1));
    }
    .lg\:border-yellow-50,
    .lg\:hover\:border-yellow-50:hover,
    .group:hover .lg\:group-hover\:border-yellow-50 {
        border-color: rgba(254, 252, 232, var(--border-opacity, 1));
    }
    .lg\:border-yellow-100,
    .lg\:hover\:border-yellow-100:hover,
    .group:hover .lg\:group-hover\:border-yellow-100 {
        border-color: rgba(254, 249, 195, var(--border-opacity, 1));
    }
    .lg\:border-yellow-200,
    .lg\:hover\:border-yellow-200:hover,
    .group:hover .lg\:group-hover\:border-yellow-200 {
        border-color: rgba(254, 240, 138, var(--border-opacity, 1));
    }
    .lg\:border-yellow-300,
    .lg\:hover\:border-yellow-300:hover,
    .group:hover .lg\:group-hover\:border-yellow-300 {
        border-color: rgba(253, 224, 71, var(--border-opacity, 1));
    }
    .lg\:border-yellow-400,
    .lg\:hover\:border-yellow-400:hover,
    .group:hover .lg\:group-hover\:border-yellow-400 {
        border-color: rgba(250, 204, 21, var(--border-opacity, 1));
    }
    .lg\:border-yellow-500,
    .lg\:hover\:border-yellow-500:hover,
    .group:hover .lg\:group-hover\:border-yellow-500 {
        border-color: rgba(234, 179, 8, var(--border-opacity, 1));
    }
    .lg\:border-yellow-600,
    .lg\:hover\:border-yellow-600:hover,
    .group:hover .lg\:group-hover\:border-yellow-600 {
        border-color: rgba(202, 138, 4, var(--border-opacity, 1));
    }
    .lg\:border-yellow-700,
    .lg\:hover\:border-yellow-700:hover,
    .group:hover .lg\:group-hover\:border-yellow-700 {
        border-color: rgba(161, 98, 7, var(--border-opacity, 1));
    }
    .lg\:border-yellow-800,
    .lg\:hover\:border-yellow-800:hover,
    .group:hover .lg\:group-hover\:border-yellow-800 {
        border-color: rgba(133, 77, 14, var(--border-opacity, 1));
    }
    .lg\:border-yellow-900,
    .lg\:hover\:border-yellow-900:hover,
    .group:hover .lg\:group-hover\:border-yellow-900 {
        border-color: rgba(113, 63, 18, var(--border-opacity, 1));
    }
    .lg\:border-emerald-50,
    .lg\:hover\:border-emerald-50:hover,
    .group:hover .lg\:group-hover\:border-emerald-50 {
        border-color: rgba(236, 253, 245, var(--border-opacity, 1));
    }
    .lg\:border-emerald-100,
    .lg\:hover\:border-emerald-100:hover,
    .group:hover .lg\:group-hover\:border-emerald-100 {
        border-color: rgba(209, 250, 229, var(--border-opacity, 1));
    }
    .lg\:border-emerald-200,
    .lg\:hover\:border-emerald-200:hover,
    .group:hover .lg\:group-hover\:border-emerald-200 {
        border-color: rgba(167, 243, 208, var(--border-opacity, 1));
    }
    .lg\:border-emerald-300,
    .lg\:hover\:border-emerald-300:hover,
    .group:hover .lg\:group-hover\:border-emerald-300 {
        border-color: rgba(110, 231, 183, var(--border-opacity, 1));
    }
    .lg\:border-emerald-400,
    .lg\:hover\:border-emerald-400:hover,
    .group:hover .lg\:group-hover\:border-emerald-400 {
        border-color: rgba(52, 211, 153, var(--border-opacity, 1));
    }
    .lg\:border-emerald-500,
    .lg\:hover\:border-emerald-500:hover,
    .group:hover .lg\:group-hover\:border-emerald-500 {
        border-color: rgba(16, 185, 129, var(--border-opacity, 1));
    }
    .lg\:border-emerald-600,
    .lg\:hover\:border-emerald-600:hover,
    .group:hover .lg\:group-hover\:border-emerald-600 {
        border-color: rgba(5, 150, 105, var(--border-opacity, 1));
    }
    .lg\:border-emerald-700,
    .lg\:hover\:border-emerald-700:hover,
    .group:hover .lg\:group-hover\:border-emerald-700 {
        border-color: rgba(4, 120, 87, var(--border-opacity, 1));
    }
    .lg\:border-emerald-800,
    .lg\:hover\:border-emerald-800:hover,
    .group:hover .lg\:group-hover\:border-emerald-800 {
        border-color: rgba(6, 95, 70, var(--border-opacity, 1));
    }
    .lg\:border-emerald-900,
    .lg\:hover\:border-emerald-900:hover,
    .group:hover .lg\:group-hover\:border-emerald-900 {
        border-color: rgba(6, 78, 59, var(--border-opacity, 1));
    }
    .lg\:border-cyan-50,
    .lg\:hover\:border-cyan-50:hover,
    .group:hover .lg\:group-hover\:border-cyan-50 {
        border-color: rgba(236, 254, 255, var(--border-opacity, 1));
    }
    .lg\:border-cyan-100,
    .lg\:hover\:border-cyan-100:hover,
    .group:hover .lg\:group-hover\:border-cyan-100 {
        border-color: rgba(207, 250, 254, var(--border-opacity, 1));
    }
    .lg\:border-cyan-200,
    .lg\:hover\:border-cyan-200:hover,
    .group:hover .lg\:group-hover\:border-cyan-200 {
        border-color: rgba(165, 243, 252, var(--border-opacity, 1));
    }
    .lg\:border-cyan-300,
    .lg\:hover\:border-cyan-300:hover,
    .group:hover .lg\:group-hover\:border-cyan-300 {
        border-color: rgba(103, 232, 249, var(--border-opacity, 1));
    }
    .lg\:border-cyan-400,
    .lg\:hover\:border-cyan-400:hover,
    .group:hover .lg\:group-hover\:border-cyan-400 {
        border-color: rgba(34, 211, 238, var(--border-opacity, 1));
    }
    .lg\:border-cyan-500,
    .lg\:hover\:border-cyan-500:hover,
    .group:hover .lg\:group-hover\:border-cyan-500 {
        border-color: rgba(6, 182, 212, var(--border-opacity, 1));
    }
    .lg\:border-cyan-600,
    .lg\:hover\:border-cyan-600:hover,
    .group:hover .lg\:group-hover\:border-cyan-600 {
        border-color: rgba(8, 145, 178, var(--border-opacity, 1));
    }
    .lg\:border-cyan-700,
    .lg\:hover\:border-cyan-700:hover,
    .group:hover .lg\:group-hover\:border-cyan-700 {
        border-color: rgba(14, 116, 144, var(--border-opacity, 1));
    }
    .lg\:border-cyan-800,
    .lg\:hover\:border-cyan-800:hover,
    .group:hover .lg\:group-hover\:border-cyan-800 {
        border-color: rgba(21, 94, 117, var(--border-opacity, 1));
    }
    .lg\:border-cyan-900,
    .lg\:hover\:border-cyan-900:hover,
    .group:hover .lg\:group-hover\:border-cyan-900 {
        border-color: rgba(22, 78, 99, var(--border-opacity, 1));
    }
    .lg\:border-blue-50,
    .lg\:hover\:border-blue-50:hover,
    .group:hover .lg\:group-hover\:border-blue-50 {
        border-color: rgba(239, 246, 255, var(--border-opacity, 1));
    }
    .lg\:border-blue-100,
    .lg\:hover\:border-blue-100:hover,
    .group:hover .lg\:group-hover\:border-blue-100 {
        border-color: rgba(219, 234, 254, var(--border-opacity, 1));
    }
    .lg\:border-blue-200,
    .lg\:hover\:border-blue-200:hover,
    .group:hover .lg\:group-hover\:border-blue-200 {
        border-color: rgba(191, 219, 254, var(--border-opacity, 1));
    }
    .lg\:border-blue-300,
    .lg\:hover\:border-blue-300:hover,
    .group:hover .lg\:group-hover\:border-blue-300 {
        border-color: rgba(147, 197, 253, var(--border-opacity, 1));
    }
    .lg\:border-blue-400,
    .lg\:hover\:border-blue-400:hover,
    .group:hover .lg\:group-hover\:border-blue-400 {
        border-color: rgba(96, 165, 250, var(--border-opacity, 1));
    }
    .lg\:border-blue-500,
    .lg\:hover\:border-blue-500:hover,
    .group:hover .lg\:group-hover\:border-blue-500 {
        border-color: rgba(59, 130, 246, var(--border-opacity, 1));
    }
    .lg\:border-blue-600,
    .lg\:hover\:border-blue-600:hover,
    .group:hover .lg\:group-hover\:border-blue-600 {
        border-color: rgba(37, 99, 235, var(--border-opacity, 1));
    }
    .lg\:border-blue-700,
    .lg\:hover\:border-blue-700:hover,
    .group:hover .lg\:group-hover\:border-blue-700 {
        border-color: rgba(29, 78, 216, var(--border-opacity, 1));
    }
    .lg\:border-blue-800,
    .lg\:hover\:border-blue-800:hover,
    .group:hover .lg\:group-hover\:border-blue-800 {
        border-color: rgba(30, 64, 175, var(--border-opacity, 1));
    }
    .lg\:border-blue-900,
    .lg\:hover\:border-blue-900:hover,
    .group:hover .lg\:group-hover\:border-blue-900 {
        border-color: rgba(30, 58, 138, var(--border-opacity, 1));
    }
    .lg\:border-transparent,
    .lg\:hover\:border-transparent:hover,
    .group:hover .lg\:group-hover\:border-transparent {
        border-color: rgba(0, 0, 0, 0);
    }
    .lg\:border-black,
    .lg\:hover\:border-black:hover,
    .group:hover .lg\:group-hover\:border-black {
        border-color: rgba(0, 0, 0, var(--border-opacity, 1));
    }
    .lg\:border-white,
    .lg\:hover\:border-white:hover,
    .group:hover .lg\:group-hover\:border-white {
        border-color: rgba(255, 255, 255, var(--border-opacity, 1));
    }
    .lg\:border-opacity-0,
    .lg\:hover\:border-opacity-0:hover,
    .group:hover .lg\:group-hover\:border-opacity-0 {
        --border-opacity: 0;
    }
    .lg\:border-opacity-5,
    .lg\:hover\:border-opacity-10:hover,
    .group:hover .lg\:group-hover\:border-opacity-10 {
        --border-opacity: 0.05;
    }
    .lg\:border-opacity-10,
    .lg\:hover\:border-opacity-10:hover,
    .group:hover .lg\:group-hover\:border-opacity-10 {
        --border-opacity: 0.1;
    }
    .lg\:border-opacity-20,
    .lg\:hover\:border-opacity-20:hover,
    .group:hover .lg\:group-hover\:border-opacity-20 {
        --border-opacity: 0.2;
    }
    .lg\:border-opacity-30,
    .lg\:hover\:border-opacity-30:hover,
    .group:hover .lg\:group-hover\:border-opacity-30 {
        --border-opacity: 0.3;
    }
    .lg\:border-opacity-40,
    .lg\:hover\:border-opacity-40:hover,
    .group:hover .lg\:group-hover\:border-opacity-40 {
        --border-opacity: 0.4;
    }
    .lg\:border-opacity-50,
    .lg\:hover\:border-opacity-50:hover,
    .group:hover .lg\:group-hover\:border-opacity-50 {
        --border-opacity: 0.5;
    }
    .lg\:border-opacity-60,
    .lg\:hover\:border-opacity-60:hover,
    .group:hover .lg\:group-hover\:border-opacity-60 {
        --border-opacity: 0.6;
    }
    .lg\:border-opacity-70,
    .lg\:hover\:border-opacity-70:hover,
    .group:hover .lg\:group-hover\:border-opacity-70 {
        --border-opacity: 0.7;
    }
    .lg\:border-opacity-80,
    .lg\:hover\:border-opacity-80:hover,
    .group:hover .lg\:group-hover\:border-opacity-80 {
        --border-opacity: 0.8;
    }
    .lg\:border-opacity-90,
    .lg\:hover\:border-opacity-90:hover,
    .group:hover .lg\:group-hover\:border-opacity-90 {
        --border-opacity: 0.9;
    }
    .lg\:border-solid {
        border-style: solid;
    }
    .lg\:border-dashed {
        border-style: dashed;
    }
    .lg\:border-dotted {
        border-style: dotted;
    }
    .lg\:border-double {
        border-style: double;
    }
    .lg\:border-hidden {
        border-style: hidden;
    }
    .lg\:border-none {
        border-style: none;
    }
    .lg\:border-0 {
        border-width: 0px;
    }
    .lg\:border {
        border-width: 1px;
    }
    .lg\:border-2 {
        border-width: 2px;
    }
    .lg\:border-3 {
        border-width: 3px;
    }
    .lg\:border-4 {
        border-width: 4px;
    }
    .lg\:border-5 {
        border-width: 5px;
    }
    .lg\:border-6 {
        border-width: 6px;
    }
    .lg\:border-7 {
        border-width: 7px;
    }
    .lg\:border-8 {
        border-width: 8px;
    }
    .lg\:border-t-0 {
        border-top-width: 0px;
    }
    .lg\:border-t {
        border-top-width: 1px;
    }
    .lg\:border-t-2 {
        border-top-width: 2px;
    }
    .lg\:border-t-3 {
        border-top-width: 3px;
    }
    .lg\:border-t-4 {
        border-top-width: 4px;
    }
    .lg\:border-t-5 {
        border-top-width: 5px;
    }
    .lg\:border-t-6 {
        border-top-width: 6px;
    }
    .lg\:border-t-7 {
        border-top-width: 7px;
    }
    .lg\:border-t-8 {
        border-top-width: 8px;
    }
    .lg\:border-r-0 {
        border-right-width: 0px;
    }
    .lg\:border-r {
        border-right-width: 1px;
    }
    .lg\:border-r-2 {
        border-right-width: 2px;
    }
    .lg\:border-r-3 {
        border-right-width: 3px;
    }
    .lg\:border-r-4 {
        border-right-width: 4px;
    }
    .lg\:border-r-5 {
        border-right-width: 5px;
    }
    .lg\:border-r-6 {
        border-right-width: 6px;
    }
    .lg\:border-r-7 {
        border-right-width: 7px;
    }
    .lg\:border-r-8 {
        border-right-width: 8px;
    }
    .lg\:border-b-0 {
        border-bottom-width: 0px;
    }
    .lg\:border-b {
        border-bottom-width: 1px;
    }
    .lg\:border-b-2 {
        border-bottom-width: 2px;
    }
    .lg\:border-b-3 {
        border-bottom-width: 3px;
    }
    .lg\:border-b-4 {
        border-bottom-width: 4px;
    }
    .lg\:border-b-5 {
        border-bottom-width: 5px;
    }
    .lg\:border-b-6 {
        border-bottom-width: 6px;
    }
    .lg\:border-b-7 {
        border-bottom-width: 7px;
    }
    .lg\:border-b-8 {
        border-bottom-width: 8px;
    }
    .lg\:border-l-0 {
        border-left-width: 0px;
    }
    .lg\:border-l {
        border-left-width: 1px;
    }
    .lg\:border-l-2 {
        border-left-width: 2px;
    }
    .lg\:border-l-3 {
        border-left-width: 3px;
    }
    .lg\:border-l-4 {
        border-left-width: 4px;
    }
    .lg\:border-l-5 {
        border-left-width: 5px;
    }
    .lg\:border-l-6 {
        border-left-width: 6px;
    }
    .lg\:border-l-7 {
        border-left-width: 7px;
    }
    .lg\:border-l-8 {
        border-left-width: 8px;
    }
    .lg\:uppercase {
        text-transform: uppercase;
    }
    .lg\:lowercase {
        text-transform: lowercase;
    }
    .lg\:capitalize {
        text-transform: capitalize;
    }
    .lg\:normal-case {
        text-transform: none;
    }
    .lg\:tracking-tighter {
        letter-spacing: var(--tracking-tighter);
    }
    .lg\:tracking-tight {
        letter-spacing: var(--tracking-tight);
    }
    .lg\:tracking-normal {
        letter-spacing: var(--tracking-normal);
    }
    .lg\:tracking-wide {
        letter-spacing: var(--tracking-wide);
    }
    .lg\:tracking-wider {
        letter-spacing: var(--tracking-wider);
    }
    .lg\:tracking-widest {
        letter-spacing: var(--tracking-widest);
    }
    .lg\:text-center {
        text-align: center;
    }
    .lg\:text-justify {
        text-align: justify;
    }
    .lg\:text-start {
        text-align: start;
    }
    .lg\:text-end {
        text-align: end;
    }
    .lg\:align-baseline {
        vertical-align: baseline;
    }
    .lg\:align-top {
        vertical-align: top;
    }
    .lg\:align-middle {
        vertical-align: middle;
    }
    .lg\:align-bottom {
        vertical-align: bottom;
    }
    .lg\:whitespace-normal {
        white-space: normal;
    }
    .lg\:whitespace-nowrap {
        white-space: nowrap;
    }
    .lg\:whitespace-pre {
        white-space: pre;
    }
    .lg\:whitespace-pre-line {
        white-space: pre-line;
    }
    .lg\:whitespace-pre-wrap {
        white-space: pre-wrap;
    }
    .lg\:whitespace-break-spaces {
        white-space: break-spaces;
    }
    .lg\:\!whitespace-normal {
        white-space: normal;
    }
    .lg\:\!whitespace-nowrap {
        white-space: nowrap;
    }
    .lg\:\!whitespace-pre {
        white-space: pre;
    }
    .lg\:\!whitespace-pre-line {
        white-space: pre-line;
    }
    .lg\:\!whitespace-pre-wrap {
        white-space: pre-wrap;
    }
    .lg\:\!whitespace-break-spaces {
        white-space: break-spaces;
    }
    .lg\:break-normal {
        overflow-wrap: normal;
        word-break: normal;
    }
    .lg\:break-words {
        overflow-wrap: break-word;
    }
    .lg\:break-all {
        word-break: break-all;
    }
    .lg\:break-keep {
        word-break: keep-all;
    }
    .lg\:hyphens-none {
        hyphens: none;
    }
    .lg\:hyphens-manual {
        hyphens: manual;
    }
    .lg\:hyphens-auto {
        hyphens: auto;
    }
    .lg\:line-clamp-1 {
        -webkit-line-clamp: 1;
    }
    .lg\:line-clamp-2 {
        -webkit-line-clamp: 2;
    }
    .lg\:line-clamp-3 {
        -webkit-line-clamp: 3;
    }
    .lg\:line-clamp-4 {
        -webkit-line-clamp: 4;
    }
    .lg\:line-clamp-5 {
        -webkit-line-clamp: 5;
    }
    .lg\:border-0 {
        border-width: 0;
    }
    .lg\:border {
        border-width: 1px;
    }
    .lg\:border-l {
        border-left-width: 1px;
    }
    .lg\:border-t {
        border-top-width: 1px;
    }
    .lg\:border-r {
        border-right-width: 1px;
    }
    .lg\:border-b {
        border-bottom-width: 1px;
    }
    .lg\:opacity-0,
    .group:hover .lg\:group-hover\:opacity-0 {
        opacity: 0;
    }
    .lg\:opacity-10,
    .group:hover .lg\:group-hover\:opacity-10 {
        opacity: 0.1;
    }
    .lg\:opacity-20,
    .group:hover .lg\:group-hover\:opacity-20 {
        opacity: 0.2;
    }
    .lg\:opacity-30,
    .group:hover .lg\:group-hover\:opacity-30 {
        opacity: 0.3;
    }
    .lg\:opacity-40,
    .group:hover .lg\:group-hover\:opacity-40 {
        opacity: 0.4;
    }
    .lg\:opacity-50,
    .group:hover .lg\:group-hover\:opacity-50 {
        opacity: 0.5;
    }
    .lg\:opacity-60,
    .group:hover .lg\:group-hover\:opacity-60 {
        opacity: 0.6;
    }
    .lg\:opacity-70,
    .group:hover .lg\:group-hover\:opacity-70 {
        opacity: 0.7;
    }
    .lg\:opacity-80,
    .group:hover .lg\:group-hover\:opacity-80 {
        opacity: 0.8;
    }
    .lg\:opacity-90,
    .group:hover .lg\:group-hover\:opacity-90 {
        opacity: 0.9;
    }
    .lg\:opacity-100,
    .group:hover .lg\:group-hover\:opacity-100 {
        opacity: 1;
    }
    .lg\:rounded-none {
        border-radius: var(--rounded-none);
    }
    .lg\:rounded-sm {
        border-radius: var(--rounded-sm);
    }
    .lg\:rounded {
        border-radius: var(--rounded);
    }
    .lg\:rounded-md {
        border-radius: var(--rounded-md);
    }
    .lg\:rounded-lg {
        border-radius: var(--rounded-lg);
    }
    .lg\:rounded-xl {
        border-radius: var(--rounded-xl);
    }
    .lg\:rounded-2xl {
        border-radius: var(--rounded-2xl);
    }
    .lg\:rounded-3xl {
        border-radius: var(--rounded-3xl);
    }
    .lg\:rounded-full {
        border-radius: var(--rounded-full);
    }
    .lg\:rounded-t-none {
        border-top-left-radius: var(--rounded-none);
        border-top-right-radius: var(--rounded-none);
    }
    .lg\:rounded-t-sm {
        border-top-left-radius: var(--rounded-sm);
        border-top-right-radius: var(--rounded-sm);
    }
    .lg\:rounded-t {
        border-top-left-radius: var(--rounded);
        border-top-right-radius: var(--rounded);
    }
    .lg\:rounded-t-md {
        border-top-left-radius: var(--rounded-md);
        border-top-right-radius: var(--rounded-md);
    }
    .lg\:rounded-t-lg {
        border-top-left-radius: var(--rounded-tg);
        border-top-right-radius: var(--rounded-tg);
    }
    .lg\:rounded-t-xl {
        border-top-left-radius: var(--rounded-xl);
        border-top-right-radius: var(--rounded-xl);
    }
    .lg\:rounded-t-2xl {
        border-top-left-radius: var(--rounded-2xl);
        border-top-right-radius: var(--rounded-2xl);
    }
    .lg\:rounded-t-3xl {
        border-top-left-radius: var(--rounded-3xl);
        border-top-right-radius: var(--rounded-3xl);
    }
    .lg\:rounded-t-full {
        border-top-left-radius: var(--rounded-full);
        border-top-right-radius: var(--rounded-full);
    }
    .lg\:rounded-l-none {
        border-top-left-radius: var(--rounded-none);
        border-bottom-left-radius: var(--rounded-none);
    }
    .lg\:rounded-l-sm {
        border-top-left-radius: var(--rounded-sm);
        border-bottom-left-radius: var(--rounded-sm);
    }
    .lg\:rounded-l {
        border-top-left-radius: var(--rounded);
        border-bottom-left-radius: var(--rounded);
    }
    .lg\:rounded-l-md {
        border-top-left-radius: var(--rounded-md);
        border-bottom-left-radius: var(--rounded-md);
    }
    .lg\:rounded-l-lg {
        border-top-left-radius: var(--rounded-lg);
        border-bottom-left-radius: var(--rounded-lg);
    }
    .lg\:rounded-l-xl {
        border-top-left-radius: var(--rounded-xl);
        border-bottom-left-radius: var(--rounded-xl);
    }
    .lg\:rounded-l-2xl {
        border-top-left-radius: var(--rounded-2xl);
        border-bottom-left-radius: var(--rounded-2xl);
    }
    .lg\:rounded-l-3xl {
        border-top-left-radius: var(--rounded-3xl);
        border-bottom-left-radius: var(--rounded-3xl);
    }
    .lg\:rounded-l-full {
        border-top-left-radius: var(--rounded-full);
        border-bottom-left-radius: var(--rounded-full);
    }
    .lg\:rounded-r-none {
        border-top-right-radius: var(--rounded-none);
        border-bottom-right-radius: var(--rounded-none);
    }
    .lg\:rounded-r-sm {
        border-top-right-radius: var(--rounded-sm);
        border-bottom-right-radius: var(--rounded-sm);
    }
    .lg\:rounded-r {
        border-top-right-radius: var(--rounded);
        border-bottom-right-radius: var(--rounded);
    }
    .lg\:rounded-r-md {
        border-top-right-radius: var(--rounded-md);
        border-bottom-right-radius: var(--rounded-md);
    }
    .lg\:rounded-r-lg {
        border-top-right-radius: var(--rounded-lg);
        border-bottom-right-radius: var(--rounded-lg);
    }
    .lg\:rounded-r-xl {
        border-top-right-radius: var(--rounded-xl);
        border-bottom-right-radius: var(--rounded-xl);
    }
    .lg\:rounded-r-2xl {
        border-top-right-radius: var(--rounded-2xl);
        border-bottom-right-radius: var(--rounded-2xl);
    }
    .lg\:rounded-r-3xl {
        border-top-right-radius: var(--rounded-3xl);
        border-bottom-right-radius: var(--rounded-3xl);
    }
    .lg\:rounded-r-full {
        border-top-right-radius: var(--rounded-full);
        border-bottom-right-radius: var(--rounded-full);
    }
    .lg\:aspect-square {
        aspect-ratio: 1/1;
    }
    .lg\:aspect-video {
        aspect-ratio: 16/9;
    }
    .lg\:object-cover {
        object-fit: cover;
    }
    .lg\:object-contain {
        object-fit: contain;
    }
    .lg\:object-center {
        object-position: center;
    }
    .lg\:object-bottom {
        object-position: bottom;
    }
    .lg\:object-left {
        object-position: left;
    }
    .lg\:object-left-bottom {
        object-position: left bottom;
    }
    .lg\:object-left-top {
        object-position: left top;
    }
    .lg\:object-right {
        object-position: right;
    }
    .lg\:object-right-bottom {
        object-position: right bottom;
    }
    .lg\:object-right-top {
        object-position: right top;
    }
    .lg\:object-top {
        object-position: top;
    }
    .lg\:overflow-auto {
        overflow: auto;
    }
    .lg\:overflow-hidden {
        overflow: hidden;
    }
    .lg\:overflow-clip {
        overflow: clip;
    }
    .lg\:overflow-visible {
        overflow: visible;
    }
    .lg\:overflow-scroll {
        overflow: scroll;
    }
    .lg\:overflow-x-auto {
        overflow-x: auto;
    }
    .lg\:overflow-y-auto {
        overflow-y: auto;
    }
    .lg\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .lg\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .lg\:overflow-x-clip {
        overflow-x: clip;
    }
    .lg\:overflow-y-clip {
        overflow-y: clip;
    }
    .lg\:overflow-x-visible {
        overflow-x: visible;
    }
    .lg\:overflow-y-visible {
        overflow-y: visible;
    }
    .lg\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .lg\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .lg\:isolate {
        isolation: isolate;
    }
    .lg\:static {
        position: static;
    }
    .lg\:fixed {
        position: fixed;
    }
    .lg\:absolute {
        position: absolute;
    }
    .lg\:relative {
        position: relative;
    }
    .lg\:sticky {
        position: sticky;
    }
    .lg\:inset-0 {
        inset: 0px;
    }
    .lg\:inset-px {
        inset: 1px;
    }
    .lg\:inset-0\.5 {
        inset: var(--size-0\5);
    }
    .lg\:inset-1 {
        inset: var(--size-1);
    }
    .lg\:inset-1\.5 {
        inset: var(--size-1\5);
    }
    .lg\:inset-2 {
        inset: var(--size-2);
    }
    .lg\:inset-2\.5 {
        inset: var(--size-2\5);
    }
    .lg\:inset-3 {
        inset: var(--size-3);
    }
    .lg\:inset-3\.5 {
        inset: var(--size-3\5);
    }
    .lg\:inset-4 {
        inset: var(--size-4);
    }
    .lg\:inset-5 {
        inset: var(--size-5);
    }
    .lg\:inset-6 {
        inset: var(--size-6);
    }
    .lg\:inset-7 {
        inset: var(--size-7);
    }
    .lg\:inset-8 {
        inset: var(--size-8);
    }
    .lg\:inset-9 {
        inset: var(--size-9);
    }
    .lg\:inset-x-0 {
        inset-inline: 0;
    }
    .lg\:inset-y-0 {
        inset-block: 0;
    }
    .lg\:inset-x-auto {
        inset-inline: auto;
    }
    .lg\:inset-y-auto {
        inset-block: auto;
    }
    .lg\:inset-auto {
        inset: auto;
    }
    .lg\:top-auto {
        top: auto;
    }
    .lg\:top-0 {
        top: 0px;
    }
    .lg\:top-px {
        top: 1px;
    }
    .lg\:top-0\.5 {
        top: var(--size-0\5);
    }
    .lg\:top-1 {
        top: var(--size-1);
    }
    .lg\:top-1\.5 {
        top: var(--size-1\5);
    }
    .lg\:top-2 {
        top: var(--size-2);
    }
    .lg\:top-2\.5 {
        top: var(--size-2\5);
    }
    .lg\:top-3 {
        top: var(--size-3);
    }
    .lg\:top-3\.5 {
        top: var(--size-3\5);
    }
    .lg\:top-4 {
        top: var(--size-4);
    }
    .lg\:top-5 {
        top: var(--size-5);
    }
    .lg\:top-6 {
        top: var(--size-6);
    }
    .lg\:top-7 {
        top: var(--size-7);
    }
    .lg\:top-8 {
        top: var(--size-8);
    }
    .lg\:top-9 {
        top: var(--size-9);
    }
    .lg\:top-10 {
        top: var(--size-10);
    }
    .lg\:top-11 {
        top: var(--size-11);
    }
    .lg\:top-12 {
        top: var(--size-12);
    }
    .lg\:top-14 {
        top: var(--size-15);
    }
    .lg\:top-16 {
        top: var(--size-16);
    }
    .lg\:top-20 {
        top: var(--size-20);
    }
    .lg\:top-24 {
        top: var(--size-24);
    }
    .lg\:top-28 {
        top: var(--size-28);
    }
    .lg\:top-32 {
        top: var(--size-32);
    }
    .lg\:top-36 {
        top: var(--size-36);
    }
    .lg\:top-40 {
        top: var(--size-40);
    }
    .lg\:top-44 {
        top: var(--size-44);
    }
    .lg\:top-48 {
        top: var(--size-48);
    }
    .lg\:top-52 {
        top: var(--size-52);
    }
    .lg\:top-56 {
        top: var(--size-56);
    }
    .lg\:top-60 {
        top: var(--size-60);
    }
    .lg\:-top-0\.5 {
        top: calc(var(--size-0\5) * -1);
    }
    .lg\:-top-1 {
        top: calc(var(--size-1) * -1);
    }
    .lg\:-top-1\.5 {
        top: calc(var(--size-1\5) * -1);
    }
    .lg\:-top-2 {
        top: calc(var(--size-2) * -1);
    }
    .lg\:-top-2\.5 {
        top: calc(var(--size-2\5) * -1);
    }
    .lg\:-top-3 {
        top: calc(var(--size-3) * -1);
    }
    .lg\:-top-3\.5 {
        top: calc(var(--size-3\5) * -1);
    }
    .lg\:-top-4 {
        top: calc(var(--size-4) * -1);
    }
    .lg\:-top-5 {
        top: calc(var(--size-5) * -1);
    }
    .lg\:-top-6 {
        top: calc(var(--size-6) * -1);
    }
    .lg\:-top-7 {
        top: calc(var(--size-7) * -1);
    }
    .lg\:-top-8 {
        top: calc(var(--size-8) * -1);
    }
    .lg\:-top-9 {
        top: calc(var(--size-9) * -1);
    }
    .lg\:-top-10 {
        top: calc(var(--size-10) * -1);
    }
    .lg\:-top-11 {
        top: calc(var(--size-11) * -1);
    }
    .lg\:-top-12 {
        top: calc(var(--size-12) * -1);
    }
    .lg\:-top-14 {
        top: calc(var(--size-15) * -1);
    }
    .lg\:-top-16 {
        top: calc(var(--size-16) * -1);
    }
    .lg\:-top-20 {
        top: calc(var(--size-20) * -1);
    }
    .lg\:-top-24 {
        top: calc(var(--size-24) * -1);
    }
    .lg\:-top-28 {
        top: calc(var(--size-28) * -1);
    }
    .lg\:-top-32 {
        top: calc(var(--size-32) * -1);
    }
    .lg\:-top-36 {
        top: calc(var(--size-36) * -1);
    }
    .lg\:-top-40 {
        top: calc(var(--size-40) * -1);
    }
    .lg\:-top-44 {
        top: calc(var(--size-44) * -1);
    }
    .lg\:-top-48 {
        top: calc(var(--size-48) * -1);
    }
    .lg\:-top-52 {
        top: calc(var(--size-52) * -1);
    }
    .lg\:-top-56 {
        top: calc(var(--size-56) * -1);
    }
    .lg\:-top-60 {
        top: calc(var(--size-60) * -1);
    }
    .lg\:right-auto {
        right: auto;
    }
    .lg\:right-0 {
        right: 0px;
    }
    .lg\:right-px {
        right: 1px;
    }
    .lg\:right-0\.5 {
        right: var(--size-0\5);
    }
    .lg\:right-1 {
        right: var(--size-1);
    }
    .lg\:right-1\.5 {
        right: var(--size-1\5);
    }
    .lg\:right-2 {
        right: var(--size-2);
    }
    .lg\:right-2\.5 {
        right: var(--size-2\5);
    }
    .lg\:right-3 {
        right: var(--size-3);
    }
    .lg\:right-3\.5 {
        right: var(--size-3\5);
    }
    .lg\:right-4 {
        right: var(--size-4);
    }
    .lg\:right-5 {
        right: var(--size-5);
    }
    .lg\:right-6 {
        right: var(--size-6);
    }
    .lg\:right-7 {
        right: var(--size-7);
    }
    .lg\:right-8 {
        right: var(--size-8);
    }
    .lg\:right-9 {
        right: var(--size-9);
    }
    .lg\:right-10 {
        right: var(--size-10);
    }
    .lg\:right-11 {
        right: var(--size-11);
    }
    .lg\:right-12 {
        right: var(--size-12);
    }
    .lg\:right-14 {
        right: var(--size-15);
    }
    .lg\:right-16 {
        right: var(--size-16);
    }
    .lg\:right-20 {
        right: var(--size-20);
    }
    .lg\:right-24 {
        right: var(--size-24);
    }
    .lg\:right-28 {
        right: var(--size-28);
    }
    .lg\:right-32 {
        right: var(--size-32);
    }
    .lg\:right-36 {
        right: var(--size-36);
    }
    .lg\:right-40 {
        right: var(--size-40);
    }
    .lg\:right-44 {
        right: var(--size-44);
    }
    .lg\:right-48 {
        right: var(--size-48);
    }
    .lg\:right-52 {
        right: var(--size-52);
    }
    .lg\:right-56 {
        right: var(--size-56);
    }
    .lg\:right-60 {
        right: var(--size-60);
    }
    .lg\:-right-0\.5 {
        right: calc(var(--size-0\5) * -1);
    }
    .lg\:-right-1 {
        right: calc(var(--size-1) * -1);
    }
    .lg\:-right-1\.5 {
        right: calc(var(--size-1\5) * -1);
    }
    .lg\:-right-2 {
        right: calc(var(--size-2) * -1);
    }
    .lg\:-right-2\.5 {
        right: calc(var(--size-2\5) * -1);
    }
    .lg\:-right-3 {
        right: calc(var(--size-3) * -1);
    }
    .lg\:-right-3\.5 {
        right: calc(var(--size-3\5) * -1);
    }
    .lg\:-right-4 {
        right: calc(var(--size-4) * -1);
    }
    .lg\:-right-5 {
        right: calc(var(--size-5) * -1);
    }
    .lg\:-right-6 {
        right: calc(var(--size-6) * -1);
    }
    .lg\:-right-7 {
        right: calc(var(--size-7) * -1);
    }
    .lg\:-right-8 {
        right: calc(var(--size-8) * -1);
    }
    .lg\:-right-9 {
        right: calc(var(--size-9) * -1);
    }
    .lg\:-right-10 {
        right: calc(var(--size-10) * -1);
    }
    .lg\:-right-11 {
        right: calc(var(--size-11) * -1);
    }
    .lg\:-right-12 {
        right: calc(var(--size-12) * -1);
    }
    .lg\:-right-14 {
        right: calc(var(--size-15) * -1);
    }
    .lg\:-right-16 {
        right: calc(var(--size-16) * -1);
    }
    .lg\:-right-20 {
        right: calc(var(--size-20) * -1);
    }
    .lg\:-right-24 {
        right: calc(var(--size-24) * -1);
    }
    .lg\:-right-28 {
        right: calc(var(--size-28) * -1);
    }
    .lg\:-right-32 {
        right: calc(var(--size-32) * -1);
    }
    .lg\:-right-36 {
        right: calc(var(--size-36) * -1);
    }
    .lg\:-right-40 {
        right: calc(var(--size-40) * -1);
    }
    .lg\:-right-44 {
        right: calc(var(--size-44) * -1);
    }
    .lg\:-right-48 {
        right: calc(var(--size-48) * -1);
    }
    .lg\:-right-52 {
        right: calc(var(--size-52) * -1);
    }
    .lg\:-right-56 {
        right: calc(var(--size-56) * -1);
    }
    .lg\:-right-60 {
        right: calc(var(--size-60) * -1);
    }
    .lg\:bottom-auto {
        bottom: auto;
    }
    .lg\:bottom-0 {
        bottom: 0px;
    }
    .lg\:bottom-px {
        bottom: 1px;
    }
    .lg\:bottom-0\.5 {
        bottom: var(--size-0\5);
    }
    .lg\:bottom-1 {
        bottom: var(--size-1);
    }
    .lg\:bottom-1\.5 {
        bottom: var(--size-1\5);
    }
    .lg\:bottom-2 {
        bottom: var(--size-2);
    }
    .lg\:bottom-2\.5 {
        bottom: var(--size-2\5);
    }
    .lg\:bottom-3 {
        bottom: var(--size-3);
    }
    .lg\:bottom-3\.5 {
        bottom: var(--size-3\5);
    }
    .lg\:bottom-4 {
        bottom: var(--size-4);
    }
    .lg\:bottom-5 {
        bottom: var(--size-5);
    }
    .lg\:bottom-6 {
        bottom: var(--size-6);
    }
    .lg\:bottom-7 {
        bottom: var(--size-7);
    }
    .lg\:bottom-8 {
        bottom: var(--size-8);
    }
    .lg\:bottom-9 {
        bottom: var(--size-9);
    }
    .lg\:bottom-10 {
        bottom: var(--size-10);
    }
    .lg\:bottom-11 {
        bottom: var(--size-11);
    }
    .lg\:bottom-12 {
        bottom: var(--size-12);
    }
    .lg\:bottom-14 {
        bottom: var(--size-15);
    }
    .lg\:bottom-16 {
        bottom: var(--size-16);
    }
    .lg\:bottom-20 {
        bottom: var(--size-20);
    }
    .lg\:bottom-24 {
        bottom: var(--size-24);
    }
    .lg\:bottom-28 {
        bottom: var(--size-28);
    }
    .lg\:bottom-32 {
        bottom: var(--size-32);
    }
    .lg\:bottom-36 {
        bottom: var(--size-36);
    }
    .lg\:bottom-40 {
        bottom: var(--size-40);
    }
    .lg\:bottom-44 {
        bottom: var(--size-44);
    }
    .lg\:bottom-48 {
        bottom: var(--size-48);
    }
    .lg\:bottom-52 {
        bottom: var(--size-52);
    }
    .lg\:bottom-56 {
        bottom: var(--size-56);
    }
    .lg\:bottom-60 {
        bottom: var(--size-60);
    }
    .lg\:-bottom-0\.5 {
        bottom: calc(var(--size-0\5) * -1);
    }
    .lg\:-bottom-1 {
        bottom: calc(var(--size-1) * -1);
    }
    .lg\:-bottom-1\.5 {
        bottom: calc(var(--size-1\5) * -1);
    }
    .lg\:-bottom-2 {
        bottom: calc(var(--size-2) * -1);
    }
    .lg\:-bottom-2\.5 {
        bottom: calc(var(--size-2\5) * -1);
    }
    .lg\:-bottom-3 {
        bottom: calc(var(--size-3) * -1);
    }
    .lg\:-bottom-3\.5 {
        bottom: calc(var(--size-3\5) * -1);
    }
    .lg\:-bottom-4 {
        bottom: calc(var(--size-4) * -1);
    }
    .lg\:-bottom-5 {
        bottom: calc(var(--size-5) * -1);
    }
    .lg\:-bottom-6 {
        bottom: calc(var(--size-6) * -1);
    }
    .lg\:-bottom-7 {
        bottom: calc(var(--size-7) * -1);
    }
    .lg\:-bottom-8 {
        bottom: calc(var(--size-8) * -1);
    }
    .lg\:-bottom-9 {
        bottom: calc(var(--size-9) * -1);
    }
    .lg\:-bottom-10 {
        bottom: calc(var(--size-10) * -1);
    }
    .lg\:-bottom-11 {
        bottom: calc(var(--size-11) * -1);
    }
    .lg\:-bottom-12 {
        bottom: calc(var(--size-12) * -1);
    }
    .lg\:-bottom-14 {
        bottom: calc(var(--size-15) * -1);
    }
    .lg\:-bottom-16 {
        bottom: calc(var(--size-16) * -1);
    }
    .lg\:-bottom-20 {
        bottom: calc(var(--size-20) * -1);
    }
    .lg\:-bottom-24 {
        bottom: calc(var(--size-24) * -1);
    }
    .lg\:-bottom-28 {
        bottom: calc(var(--size-28) * -1);
    }
    .lg\:-bottom-32 {
        bottom: calc(var(--size-32) * -1);
    }
    .lg\:-bottom-36 {
        bottom: calc(var(--size-36) * -1);
    }
    .lg\:-bottom-40 {
        bottom: calc(var(--size-40) * -1);
    }
    .lg\:-bottom-44 {
        bottom: calc(var(--size-44) * -1);
    }
    .lg\:-bottom-48 {
        bottom: calc(var(--size-48) * -1);
    }
    .lg\:-bottom-52 {
        bottom: calc(var(--size-52) * -1);
    }
    .lg\:-bottom-56 {
        bottom: calc(var(--size-56) * -1);
    }
    .lg\:-bottom-60 {
        bottom: calc(var(--size-60) * -1);
    }
    .lg\:left-auto {
        left: auto;
    }
    .lg\:left-0 {
        left: 0px;
    }
    .lg\:left-px {
        left: 1px;
    }
    .lg\:left-0\.5 {
        left: var(--size-0\5);
    }
    .lg\:left-1 {
        left: var(--size-1);
    }
    .lg\:left-1\.5 {
        left: var(--size-1\5);
    }
    .lg\:left-2 {
        left: var(--size-2);
    }
    .lg\:left-2\.5 {
        left: var(--size-2\5);
    }
    .lg\:left-3 {
        left: var(--size-3);
    }
    .lg\:left-3\.5 {
        left: var(--size-3\5);
    }
    .lg\:left-4 {
        left: var(--size-4);
    }
    .lg\:left-5 {
        left: var(--size-5);
    }
    .lg\:left-6 {
        left: var(--size-6);
    }
    .lg\:left-7 {
        left: var(--size-7);
    }
    .lg\:left-8 {
        left: var(--size-8);
    }
    .lg\:left-9 {
        left: var(--size-9);
    }
    .lg\:left-10 {
        left: var(--size-10);
    }
    .lg\:left-11 {
        left: var(--size-11);
    }
    .lg\:left-12 {
        left: var(--size-12);
    }
    .lg\:left-14 {
        left: var(--size-15);
    }
    .lg\:left-16 {
        left: var(--size-16);
    }
    .lg\:left-20 {
        left: var(--size-20);
    }
    .lg\:left-24 {
        left: var(--size-24);
    }
    .lg\:left-28 {
        left: var(--size-28);
    }
    .lg\:left-32 {
        left: var(--size-32);
    }
    .lg\:left-36 {
        left: var(--size-36);
    }
    .lg\:left-40 {
        left: var(--size-40);
    }
    .lg\:left-44 {
        left: var(--size-44);
    }
    .lg\:left-48 {
        left: var(--size-48);
    }
    .lg\:left-52 {
        left: var(--size-52);
    }
    .lg\:left-56 {
        left: var(--size-56);
    }
    .lg\:left-60 {
        left: var(--size-60);
    }
    .lg\:-left-0\.5 {
        left: calc(var(--size-0\5) * -1);
    }
    .lg\:-left-1 {
        left: calc(var(--size-1) * -1);
    }
    .lg\:-left-1\.5 {
        left: calc(var(--size-1\5) * -1);
    }
    .lg\:-left-2 {
        left: calc(var(--size-2) * -1);
    }
    .lg\:-left-2\.5 {
        left: calc(var(--size-2\5) * -1);
    }
    .lg\:-left-3 {
        left: calc(var(--size-3) * -1);
    }
    .lg\:-left-3\.5 {
        left: calc(var(--size-3\5) * -1);
    }
    .lg\:-left-4 {
        left: calc(var(--size-4) * -1);
    }
    .lg\:-left-5 {
        left: calc(var(--size-5) * -1);
    }
    .lg\:-left-6 {
        left: calc(var(--size-6) * -1);
    }
    .lg\:-left-7 {
        left: calc(var(--size-7) * -1);
    }
    .lg\:-left-8 {
        left: calc(var(--size-8) * -1);
    }
    .lg\:-left-9 {
        left: calc(var(--size-9) * -1);
    }
    .lg\:-left-10 {
        left: calc(var(--size-10) * -1);
    }
    .lg\:-left-11 {
        left: calc(var(--size-11) * -1);
    }
    .lg\:-left-12 {
        left: calc(var(--size-12) * -1);
    }
    .lg\:-left-14 {
        left: calc(var(--size-15) * -1);
    }
    .lg\:-left-16 {
        left: calc(var(--size-16) * -1);
    }
    .lg\:-left-20 {
        left: calc(var(--size-20) * -1);
    }
    .lg\:-left-24 {
        left: calc(var(--size-24) * -1);
    }
    .lg\:-left-28 {
        left: calc(var(--size-28) * -1);
    }
    .lg\:-left-32 {
        left: calc(var(--size-32) * -1);
    }
    .lg\:-left-36 {
        left: calc(var(--size-36) * -1);
    }
    .lg\:-left-40 {
        left: calc(var(--size-40) * -1);
    }
    .lg\:-left-44 {
        left: calc(var(--size-44) * -1);
    }
    .lg\:-left-48 {
        left: calc(var(--size-48) * -1);
    }
    .lg\:-left-52 {
        left: calc(var(--size-52) * -1);
    }
    .lg\:-left-56 {
        left: calc(var(--size-56) * -1);
    }
    .lg\:-left-60 {
        left: calc(var(--size-60) * -1);
    }
    .lg\:mix-blend-normal {
        mix-blend-mode: normal;
    }
    .lg\:mix-blend-multiply {
        mix-blend-mode: multiply;
    }
    .lg\:mix-blend-screen {
        mix-blend-mode: screen;
    }
    .lg\:mix-blend-overlay {
        mix-blend-mode: overlay;
    }
    .lg\:mix-blend-darken {
        mix-blend-mode: darken;
    }
    .lg\:mix-blend-lighten {
        mix-blend-mode: lighten;
    }
    .lg\:mix-blend-color-dodge {
        mix-blend-mode: color-dodge;
    }
    .lg\:mix-blend-color-burn {
        mix-blend-mode: color-burn;
    }
    .lg\:mix-blend-hard-light {
        mix-blend-mode: hard-light;
    }
    .lg\:mix-blend-soft-light {
        mix-blend-mode: soft-light;
    }
    .lg\:mix-blend-difference {
        mix-blend-mode: difference;
    }
    .lg\:mix-blend-exclusion {
        mix-blend-mode: exclusion;
    }
    .lg\:mix-blend-hue {
        mix-blend-mode: hue;
    }
    .lg\:mix-blend-saturation {
        mix-blend-mode: saturation;
    }
    .lg\:mix-blend-color {
        mix-blend-mode: color;
    }
    .lg\:mix-blend-luminosity {
        mix-blend-mode: luminosity;
    }
    .lg\:mix-blend-plus-lighter {
        mix-blend-mode: plus-lighter;
    }
    .lg\:bg-gradient-to-l {
        background-image: linear-gradient(to left, var(--gradient-stops));
    }
    .lg\:bg-gradient-to-t {
        background-image: linear-gradient(to top, var(--gradient-stops));
    }
    .lg\:bg-gradient-to-r {
        background-image: linear-gradient(to right, var(--gradient-stops));
    }
    .lg\:bg-gradient-to-b {
        background-image: linear-gradient(to bottom, var(--gradient-stops));
    }
    .lg\:from-red-50 {
        --gradient-from: var(--red-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 242, 242, 0));
    }
    .lg\:from-red-100 {
        --gradient-from: var(--red-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 226, 226, 0));
    }
    .lg\:from-red-200 {
        --gradient-from: var(--red-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 202, 202, 0));
    }
    .lg\:from-red-300 {
        --gradient-from: var(--red-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(252, 165, 165, 0));
    }
    .lg\:from-red-400 {
        --gradient-from: var(--red-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(248, 113, 113, 0));
    }
    .lg\:from-red-500 {
        --gradient-from: var(--red-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(239, 68, 68, 0));
    }
    .lg\:from-red-600 {
        --gradient-from: var(--red-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(220, 38, 38, 0));
    }
    .lg\:from-red-700 {
        --gradient-from: var(--red-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(185, 28, 28, 0));
    }
    .lg\:from-red-800 {
        --gradient-from: var(--red-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(153, 27, 27, 0));
    }
    .lg\:from-red-900 {
        --gradient-from: var(--red-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(127, 29, 29, 0));
    }
    .lg\:from-amber-50 {
        --gradient-from: var(--amber-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 251, 235, 0));
    }
    .lg\:from-amber-100 {
        --gradient-from: var(--amber-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 243, 199, 0));
    }
    .lg\:from-amber-200 {
        --gradient-from: var(--amber-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(253, 230, 138, 0));
    }
    .lg\:from-amber-300 {
        --gradient-from: var(--amber-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(252, 211, 77, 0));
    }
    .lg\:from-amber-400 {
        --gradient-from: var(--amber-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(251, 191, 36, 0));
    }
    .lg\:from-amber-500 {
        --gradient-from: var(--amber-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(245, 158, 11, 0));
    }
    .lg\:from-amber-600 {
        --gradient-from: var(--amber-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(217, 119, 6, 0));
    }
    .lg\:from-amber-700 {
        --gradient-from: var(--amber-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(180, 83, 9, 0));
    }
    .lg\:from-amber-800 {
        --gradient-from: var(--amber-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(146, 64, 14, 0));
    }
    .lg\:from-amber-900 {
        --gradient-from: var(--amber-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(120, 53, 15, 0));
    }
    .lg\:from-yellow-50 {
        --gradient-from: var(--yellow-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 252, 232, 0));
    }
    .lg\:from-yellow-100 {
        --gradient-from: var(--yellow-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 249, 195, 0));
    }
    .lg\:from-yellow-200 {
        --gradient-from: var(--yellow-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 240, 138, 0));
    }
    .lg\:from-yellow-300 {
        --gradient-from: var(--yellow-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(253, 224, 71, 0));
    }
    .lg\:from-yellow-400 {
        --gradient-from: var(--yellow-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(250, 204, 21, 0));
    }
    .lg\:from-yellow-500 {
        --gradient-from: var(--yellow-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(234, 179, 8, 0));
    }
    .lg\:from-yellow-600 {
        --gradient-from: var(--yellow-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(202, 138, 4, 0));
    }
    .lg\:from-yellow-700 {
        --gradient-from: var(--yellow-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(161, 98, 7, 0));
    }
    .lg\:from-yellow-800 {
        --gradient-from: var(--yellow-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(133, 77, 14, 0));
    }
    .lg\:from-yellow-900 {
        --gradient-from: var(--yellow-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(113, 63, 18, 0));
    }
    .lg\:from-emerald-50 {
        --gradient-from: var(--emerald-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(236, 253, 245, 0));
    }
    .lg\:from-emerald-100 {
        --gradient-from: var(--emerald-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(209, 250, 229, 0));
    }
    .lg\:from-emerald-200 {
        --gradient-from: var(--emerald-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(167, 243, 208, 0));
    }
    .lg\:from-emerald-300 {
        --gradient-from: var(--emerald-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(110, 231, 183, 0));
    }
    .lg\:from-emerald-400 {
        --gradient-from: var(--emerald-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(52, 211, 153, 0));
    }
    .lg\:from-emerald-500 {
        --gradient-from: var(--emerald-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(16, 185, 129, 0));
    }
    .lg\:from-emerald-600 {
        --gradient-from: var(--emerald-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(5, 150, 105, 0));
    }
    .lg\:from-emerald-700 {
        --gradient-from: var(--emerald-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(4, 120, 87, 0));
    }
    .lg\:from-emerald-800 {
        --gradient-from: var(--emerald-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 95, 70, 0));
    }
    .lg\:from-emerald-900 {
        --gradient-from: var(--emerald-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 78, 598, 0));
    }
    .lg\:from-cyan-50 {
        --gradient-from: var(--cyan-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(236, 254, 255, 0));
    }
    .lg\:from-cyan-100 {
        --gradient-from: var(--cyan-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(207, 250, 254, 0));
    }
    .lg\:from-cyan-200 {
        --gradient-from: var(--cyan-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(165, 243, 252, 0));
    }
    .lg\:from-cyan-300 {
        --gradient-from: var(--cyan-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(103, 232, 249, 0));
    }
    .lg\:from-cyan-400 {
        --gradient-from: var(--cyan-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(34, 211, 238, 0));
    }
    .lg\:from-cyan-500 {
        --gradient-from: var(--cyan-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 182, 212, 0));
    }
    .lg\:from-cyan-600 {
        --gradient-from: var(--cyan-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(8, 145, 178, 0));
    }
    .lg\:from-cyan-700 {
        --gradient-from: var(--cyan-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(14, 116, 144, 0));
    }
    .lg\:from-cyan-800 {
        --gradient-from: var(--cyan-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(21, 94, 117, 0));
    }
    .lg\:from-cyan-900 {
        --gradient-from: var(--cyan-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(22, 78, 99, 0));
    }
    .lg\:from-blue-50 {
        --gradient-from: var(--blue-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(239, 246, 255, 0));
    }
    .lg\:from-blue-100 {
        --gradient-from: var(--blue-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(219, 234, 254, 0));
    }
    .lg\:from-blue-200 {
        --gradient-from: var(--blue-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(191, 219, 254, 0));
    }
    .lg\:from-blue-300 {
        --gradient-from: var(--blue-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(147, 197, 253, 0));
    }
    .lg\:from-blue-400 {
        --gradient-from: var(--blue-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(96, 165, 250, 0));
    }
    .lg\:from-blue-500 {
        --gradient-from: var(--blue-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(59, 130, 246, 0));
    }
    .lg\:from-blue-600 {
        --gradient-from: var(--blue-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(37, 99, 235, 0));
    }
    .lg\:from-blue-700 {
        --gradient-from: var(--blue-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(29, 78, 216, 0));
    }
    .lg\:from-blue-800 {
        --gradient-from: var(--blue-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(30, 64, 175, 0));
    }
    .lg\:from-blue-900 {
        --gradient-from: var(--blue-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(30, 58, 138, 0));
    }
    .lg\:from-black {
        --gradient-from: black;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 0));
    }
    .lg\:from-white {
        --gradient-from: white;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 255, 255, 0));
    }
    .lg\:from-white {
        --gradient-from: transparent;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 0));
    }
    .lg\:to-zinc-50 {
        --gradient-to: var(--zinc-50);
    }
    .lg\:to-zinc-100 {
        --gradient-to: var(--zinc-400);
    }
    .lg\:to-zinc-200 {
        --gradient-to: var(--zinc-200);
    }
    .lg\:to-zinc-300 {
        --gradient-to: var(--zinc-300);
    }
    .lg\:to-zinc-400 {
        --gradient-to: var(--zinc-400);
    }
    .lg\:to-zinc-500 {
        --gradient-to: var(--zinc-500);
    }
    .lg\:to-zinc-600 {
        --gradient-to: var(--zinc-600);
    }
    .lg\:to-zinc-700 {
        --gradient-to: var(--zinc-700);
    }
    .lg\:to-zinc-800 {
        --gradient-to: var(--zinc-800);
    }
    .lg\:to-zinc-900 {
        --gradient-to: var(--zinc-900);
    }
    .lg\:to-red-50 {
        --gradient-to: var(--red-50);
    }
    .lg\:to-red-100 {
        --gradient-to: var(--red-400);
    }
    .lg\:to-red-200 {
        --gradient-to: var(--red-200);
    }
    .lg\:to-red-300 {
        --gradient-to: var(--red-300);
    }
    .lg\:to-red-400 {
        --gradient-to: var(--red-400);
    }
    .lg\:to-red-500 {
        --gradient-to: var(--red-500);
    }
    .lg\:to-red-600 {
        --gradient-to: var(--red-600);
    }
    .lg\:to-red-700 {
        --gradient-to: var(--red-700);
    }
    .lg\:to-red-800 {
        --gradient-to: var(--red-800);
    }
    .lg\:to-red-900 {
        --gradient-to: var(--red-900);
    }
    .lg\:to-amber-50 {
        --gradient-to: var(--amber-50);
    }
    .lg\:to-amber-100 {
        --gradient-to: var(--amber-400);
    }
    .lg\:to-amber-200 {
        --gradient-to: var(--amber-200);
    }
    .lg\:to-amber-300 {
        --gradient-to: var(--amber-300);
    }
    .lg\:to-amber-400 {
        --gradient-to: var(--amber-400);
    }
    .lg\:to-amber-500 {
        --gradient-to: var(--amber-500);
    }
    .lg\:to-amber-600 {
        --gradient-to: var(--amber-600);
    }
    .lg\:to-amber-700 {
        --gradient-to: var(--amber-700);
    }
    .lg\:to-amber-800 {
        --gradient-to: var(--amber-800);
    }
    .lg\:to-amber-900 {
        --gradient-to: var(--amber-900);
    }
    .lg\:to-yellow-50 {
        --gradient-to: var(--yellow-50);
    }
    .lg\:to-yellow-100 {
        --gradient-to: var(--yellow-400);
    }
    .lg\:to-yellow-200 {
        --gradient-to: var(--yellow-200);
    }
    .lg\:to-yellow-300 {
        --gradient-to: var(--yellow-300);
    }
    .lg\:to-yellow-400 {
        --gradient-to: var(--yellow-400);
    }
    .lg\:to-yellow-500 {
        --gradient-to: var(--yellow-500);
    }
    .lg\:to-yellow-600 {
        --gradient-to: var(--yellow-600);
    }
    .lg\:to-yellow-700 {
        --gradient-to: var(--yellow-700);
    }
    .lg\:to-yellow-800 {
        --gradient-to: var(--yellow-800);
    }
    .lg\:to-yellow-900 {
        --gradient-to: var(--yellow-900);
    }
    .lg\:to-emerald-50 {
        --gradient-to: var(--emerald-50);
    }
    .lg\:to-emerald-100 {
        --gradient-to: var(--emerald-400);
    }
    .lg\:to-emerald-200 {
        --gradient-to: var(--emerald-200);
    }
    .lg\:to-emerald-300 {
        --gradient-to: var(--emerald-300);
    }
    .lg\:to-emerald-400 {
        --gradient-to: var(--emerald-400);
    }
    .lg\:to-emerald-500 {
        --gradient-to: var(--emerald-500);
    }
    .lg\:to-emerald-600 {
        --gradient-to: var(--emerald-600);
    }
    .lg\:to-emerald-700 {
        --gradient-to: var(--emerald-700);
    }
    .lg\:to-emerald-800 {
        --gradient-to: var(--emerald-800);
    }
    .lg\:to-emerald-900 {
        --gradient-to: var(--emerald-900);
    }
    .lg\:to-cyan-50 {
        --gradient-to: var(--cyan-50);
    }
    .lg\:to-cyan-100 {
        --gradient-to: var(--cyan-400);
    }
    .lg\:to-cyan-200 {
        --gradient-to: var(--cyan-200);
    }
    .lg\:to-cyan-300 {
        --gradient-to: var(--cyan-300);
    }
    .lg\:to-cyan-400 {
        --gradient-to: var(--cyan-400);
    }
    .lg\:to-cyan-500 {
        --gradient-to: var(--cyan-500);
    }
    .lg\:to-cyan-600 {
        --gradient-to: var(--cyan-600);
    }
    .lg\:to-cyan-700 {
        --gradient-to: var(--cyan-700);
    }
    .lg\:to-cyan-800 {
        --gradient-to: var(--cyan-800);
    }
    .lg\:to-cyan-900 {
        --gradient-to: var(--cyan-900);
    }
    .lg\:to-blue-50 {
        --gradient-to: var(--blue-50);
    }
    .lg\:to-blue-100 {
        --gradient-to: var(--blue-400);
    }
    .lg\:to-blue-200 {
        --gradient-to: var(--blue-200);
    }
    .lg\:to-blue-300 {
        --gradient-to: var(--blue-300);
    }
    .lg\:to-blue-400 {
        --gradient-to: var(--blue-400);
    }
    .lg\:to-blue-500 {
        --gradient-to: var(--blue-500);
    }
    .lg\:to-blue-600 {
        --gradient-to: var(--blue-600);
    }
    .lg\:to-blue-700 {
        --gradient-to: var(--blue-700);
    }
    .lg\:to-blue-800 {
        --gradient-to: var(--blue-800);
    }
    .lg\:to-blue-900 {
        --gradient-to: var(--blue-900);
    }
    .lg\:z-0 {
        z-index: 0;
    }
    .lg\:z-1 {
        z-index: 1;
    }
    .lg\:z-10 {
        z-index: 10;
    }
    .lg\:z-20 {
        z-index: 20;
    }
    .lg\:z-30 {
        z-index: 30;
    }
    .lg\:z-40 {
        z-index: 40;
    }
    .lg\:z-50 {
        z-index: 50;
    }
    .lg\:z-first {
        z-index: 9999;
    }
    .lg\:-z-1 {
        z-index: -1;
    }
    .lg\:-z-10 {
        z-index: -10;
    }
    .lg\:-z-20 {
        z-index: -20;
    }
    .lg\:-z-30 {
        z-index: -30;
    }
    .lg\:-z-40 {
        z-index: -40;
    }
    .lg\:-z-50 {
        z-index: -50;
    }
    .lg\:z-last {
        z-index: -9999;
    }
    .lg\:z-auto {
        z-index: auto;
    }
    .lg\:translate-x-px {
        --translate-x: 1px;
    }
    .lg\:translate-x-0 {
        --translate-x: 0;
    }
    .lg\:translate-x-1 {
        --translate-x: 0;
    }
    .lg\:translate-x-1\.5 {
        --translate-x: var(--size-1\5);
    }
    .lg\:translate-x-2 {
        --translate-x: var(--size-2);
    }
    .lg\:translate-x-2\.5 {
        --translate-x: var(--size-2\5);
    }
    .lg\:translate-x-3 {
        --translate-x: var(--size-3);
    }
    .lg\:translate-x-3\.5 {
        --translate-x: var(--size-3\5);
    }
    .lg\:translate-x-4 {
        --translate-x: var(--size-4);
    }
    .lg\:translate-x-5 {
        --translate-x: var(--size-5);
    }
    .lg\:translate-x-6 {
        --translate-x: var(--size-6);
    }
    .lg\:translate-x-7 {
        --translate-x: var(--size-7);
    }
    .lg\:translate-x-8 {
        --translate-x: var(--size-8);
    }
    .lg\:translate-x-9 {
        --translate-x: var(--size-9);
    }
    .lg\:translate-x-10 {
        --translate-x: var(--size-10);
    }
    .lg\:translate-x-11 {
        --translate-x: var(--size-11);
    }
    .lg\:translate-x-12 {
        --translate-x: var(--size-12);
    }
    .lg\:translate-x-14 {
        --translate-x: var(--size-14);
    }
    .lg\:translate-x-16 {
        --translate-x: var(--size-16);
    }
    .lg\:translate-x-20 {
        --translate-x: var(--size-20);
    }
    .lg\:translate-x-24 {
        --translate-x: var(--size-24);
    }
    .lg\:translate-x-28 {
        --translate-x: var(--size-28);
    }
    .lg\:translate-x-32 {
        --translate-x: var(--size-32);
    }
    .lg\:translate-x-36 {
        --translate-x: var(--size-36);
    }
    .lg\:translate-x-40 {
        --translate-x: var(--size-40);
    }
    .lg\:translate-x-1\/2 {
        --translate-x: 50%;
    }
    .lg\:translate-x-1\/3 {
        --translate-x: 33.3333%;
    }
    .lg\:translate-x-2\/3 {
        --translate-x: 66.6667%;
    }
    .lg\:translate-x-1\/4 {
        --translate-x: 25%;
    }
    .lg\:translate-x-full {
        --translate-x: 100%;
    }
    .lg\:-translate-x-1\/2 {
        --translate-x: -50%;
    }
    .lg\:-translate-x-1\/3 {
        --translate-x: -33.3333%;
    }
    .lg\:-translate-x-2\/3 {
        --translate-x: -66.6667%;
    }
    .lg\:-translate-x-1\/4 {
        --translate-x: -25%;
    }
    .lg\:-translate-x-full {
        --translate-x: -100%;
    }
    .lg\:-translate-y-full {
        --translate-y: -100%;
    }
    .lg\:-translate-x-1\.5 {
        --translate-x: calc(var(--size-1\5) * -1);
    }
    .lg\:-translate-x-2 {
        --translate-x: calc(var(--size-2) * -1);
    }
    .lg\:-translate-x-2\.5 {
        --translate-x: calc(var(--size-2\5) * -1);
    }
    .lg\:-translate-x-3 {
        --translate-x: calc(var(--size-3) * -1);
    }
    .lg\:-translate-x-3\.5 {
        --translate-x: calc(var(--size-3\5) * -1);
    }
    .lg\:-translate-x-4 {
        --translate-x: calc(var(--size-4) * -1);
    }
    .lg\:-translate-x-5 {
        --translate-x: calc(var(--size-5) * -1);
    }
    .lg\:-translate-x-6 {
        --translate-x: calc(var(--size-6) * -1);
    }
    .lg\:-translate-x-7 {
        --translate-x: calc(var(--size-7) * -1);
    }
    .lg\:-translate-x-8 {
        --translate-x: calc(var(--size-8) * -1);
    }
    .lg\:-translate-x-9 {
        --translate-x: calc(var(--size-9) * -1);
    }
    .lg\:-translate-x-10 {
        --translate-x: calc(var(--size-10) * -1);
    }
    .lg\:-translate-x-11 {
        --translate-x: calc(var(--size-11) * -1);
    }
    .lg\:-translate-x-12 {
        --translate-x: calc(var(--size-12) * -1);
    }
    .lg\:-translate-x-14 {
        --translate-x: calc(var(--size-14) * -1);
    }
    .lg\:-translate-x-16 {
        --translate-x: calc(var(--size-16) * -1);
    }
    .lg\:-translate-x-20 {
        --translate-x: calc(var(--size-20) * -1);
    }
    .lg\:-translate-x-24 {
        --translate-x: calc(var(--size-24) * -1);
    }
    .lg\:-translate-x-28 {
        --translate-x: calc(var(--size-28) * -1);
    }
    .lg\:-translate-x-32 {
        --translate-x: calc(var(--size-32) * -1);
    }
    .lg\:-translate-x-36 {
        --translate-x: calc(var(--size-36) * -1);
    }
    .lg\:-translate-x-40 {
        --translate-x: calc(var(--size-40) * -1);
    }
    .lg\: .lg\:translate-y-px {
        --translate-y: 1px;
    }
    .lg\:translate-y-0 {
        --translate-y: 0;
    }
    .lg\:translate-y-1 {
        --translate-y: 0;
    }
    .lg\:translate-y-1\.5 {
        --translate-y: var(--size-1\5);
    }
    .lg\:translate-y-2 {
        --translate-y: var(--size-2);
    }
    .lg\:translate-y-2\.5 {
        --translate-y: var(--size-2\5);
    }
    .lg\:translate-y-3 {
        --translate-y: var(--size-3);
    }
    .lg\:translate-y-3\.5 {
        --translate-y: var(--size-3\5);
    }
    .lg\:translate-y-4 {
        --translate-y: var(--size-4);
    }
    .lg\:translate-y-5 {
        --translate-y: var(--size-5);
    }
    .lg\:translate-y-6 {
        --translate-y: var(--size-6);
    }
    .lg\:translate-y-7 {
        --translate-y: var(--size-7);
    }
    .lg\:translate-y-8 {
        --translate-y: var(--size-8);
    }
    .lg\:translate-y-9 {
        --translate-y: var(--size-9);
    }
    .lg\:translate-y-10 {
        --translate-y: var(--size-10);
    }
    .lg\:translate-y-11 {
        --translate-y: var(--size-11);
    }
    .lg\:translate-y-12 {
        --translate-y: var(--size-12);
    }
    .lg\:translate-y-14 {
        --translate-y: var(--size-14);
    }
    .lg\:translate-y-16 {
        --translate-y: var(--size-16);
    }
    .lg\:translate-y-20 {
        --translate-y: var(--size-20);
    }
    .lg\:translate-y-24 {
        --translate-y: var(--size-24);
    }
    .lg\:translate-y-28 {
        --translate-y: var(--size-28);
    }
    .lg\:translate-y-32 {
        --translate-y: var(--size-32);
    }
    .lg\:translate-y-36 {
        --translate-y: var(--size-36);
    }
    .lg\:translate-y-40 {
        --translate-y: var(--size-40);
    }
    .lg\:translate-y-1\/2 {
        --translate-y: 50%;
    }
    .lg\:translate-y-1\/3 {
        --translate-y: 33.3333%;
    }
    .lg\:translate-y-2\/3 {
        --translate-y: 66.6667%;
    }
    .lg\:translate-y-1\/4 {
        --translate-y: 25%;
    }
    .lg\:translate-y-full {
        --translate-y: 100%;
    }
    .lg\:-translate-y-1\/2 {
        --translate-y: -50%;
    }
    .lg\:-translate-y-1\/3 {
        --translate-y: -33.3333%;
    }
    .lg\:-translate-y-2\/3 {
        --translate-y: -66.6667%;
    }
    .lg\:-translate-y-1\/4 {
        --translate-y: -25%;
    }
    .lg\:-translate-y-1\.5 {
        --translate-y: calc(var(--size-1\5) * -1);
    }
    .lg\:-translate-y-2 {
        --translate-y: calc(var(--size-2) * -1);
    }
    .lg\:-translate-y-2\.5 {
        --translate-y: calc(var(--size-2\5) * -1);
    }
    .lg\:-translate-y-3 {
        --translate-y: calc(var(--size-3) * -1);
    }
    .lg\:-translate-y-3\.5 {
        --translate-y: calc(var(--size-3\5) * -1);
    }
    .lg\:-translate-y-4 {
        --translate-y: calc(var(--size-4) * -1);
    }
    .lg\:-translate-y-5 {
        --translate-y: calc(var(--size-5) * -1);
    }
    .lg\:-translate-y-6 {
        --translate-y: calc(var(--size-6) * -1);
    }
    .lg\:-translate-y-7 {
        --translate-y: calc(var(--size-7) * -1);
    }
    .lg\:-translate-y-8 {
        --translate-y: calc(var(--size-8) * -1);
    }
    .lg\:-translate-y-9 {
        --translate-y: calc(var(--size-9) * -1);
    }
    .lg\:-translate-y-10 {
        --translate-y: calc(var(--size-10) * -1);
    }
    .lg\:-translate-y-11 {
        --translate-y: calc(var(--size-11) * -1);
    }
    .lg\:-translate-y-12 {
        --translate-y: calc(var(--size-12) * -1);
    }
    .lg\:-translate-y-14 {
        --translate-y: calc(var(--size-14) * -1);
    }
    .lg\:-translate-y-16 {
        --translate-y: calc(var(--size-16) * -1);
    }
    .lg\:-translate-y-20 {
        --translate-y: calc(var(--size-20) * -1);
    }
    .lg\:-translate-y-24 {
        --translate-y: calc(var(--size-24) * -1);
    }
    .lg\:-translate-y-28 {
        --translate-y: calc(var(--size-28) * -1);
    }
    .lg\:-translate-y-32 {
        --translate-y: calc(var(--size-32) * -1);
    }
    .lg\:-translate-y-36 {
        --translate-y: calc(var(--size-36) * -1);
    }
    .lg\:-translate-y-40 {
        --translate-y: calc(var(--size-40) * -1);
    }
    .lg\:pointer-events-none {
        pointer-events: none;
    }
    .lg\:pointer-events-auto {
        pointer-events: auto;
    }
    .lg\:ring-1,
    .lg\:hover\:ring-1:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width))
            var(--ring-color);
    }
    .lg\:ring-2,
    .lg\:hover\:ring-2:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width))
            var(--ring-color);
    }
    .lg\:ring-4,
    .lg\:hover\:ring-4:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(4px + var(--ring-offset-width))
            var(--ring-color);
    }
    .lg\:ring-6,
    .lg\:hover\:ring-6:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(6px + var(--ring-offset-width))
            var(--ring-color);
    }
    .lg\:ring-8,
    .lg\:hover\:ring-8:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(8px + var(--ring-offset-width))
            var(--ring-color);
    }
    .lg\:ring-inset,
    .lg\:hover\:ring-inset:hover {
        --tw-ring-inset: inset;
    }
    .lg\:ring-zinc-50,
    .lg\:hover\:ring-zinc-50:hover,
    .group:hover .lg\:group-hover\:ring-zinc-50 {
        --ring-color: rgba(250, 250, 250, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-100,
    .lg\:hover\:ring-zinc-100:hover,
    .group:hover .lg\:group-hover\:ring-zinc-100 {
        --ring-color: rgba(244, 244, 245, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-200,
    .lg\:hover\:ring-zinc-200:hover,
    .group:hover .lg\:group-hover\:ring-zinc-200 {
        --ring-color: rgba(228, 228, 231, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-300,
    .lg\:hover\:ring-zinc-300:hover,
    .group:hover .lg\:group-hover\:ring-zinc-300 {
        --ring-color: rgba(212, 212, 216, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-400,
    .lg\:hover\:ring-zinc-400:hover,
    .group:hover .lg\:group-hover\:ring-zinc-400 {
        --ring-color: rgba(161, 161, 170, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-500,
    .lg\:hover\:ring-zinc-500:hover,
    .group:hover .lg\:group-hover\:ring-zinc-500 {
        --ring-color: rgba(113, 113, 122, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-600,
    .lg\:hover\:ring-zinc-600:hover,
    .group:hover .lg\:group-hover\:ring-zinc-600 {
        --ring-color: rgba(82, 82, 91, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-700,
    .lg\:hover\:ring-zinc-700:hover,
    .group:hover .lg\:group-hover\:ring-zinc-700 {
        --ring-color: rgba(63, 63, 70, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-800,
    .lg\:hover\:ring-zinc-800:hover,
    .group:hover .lg\:group-hover\:ring-zinc-800 {
        --ring-color: rgba(39, 39, 42, var(--ring-opacity, 1));
    }
    .lg\:ring-zinc-900,
    .lg\:hover\:ring-zinc-900:hover,
    .group:hover .lg\:group-hover\:ring-zinc-900 {
        --ring-color: rgba(24, 24, 27, var(--ring-opacity, 1));
    }
    .lg\:ring-red-50,
    .lg\:hover\:ring-red-50:hover,
    .group:hover .lg\:group-hover\:ring-red-50 {
        --ring-color: rgba(254, 242, 242, var(--ring-opacity, 1));
    }
    .lg\:ring-red-100,
    .lg\:hover\:ring-red-100:hover,
    .group:hover .lg\:group-hover\:ring-red-100 {
        --ring-color: rgba(254, 226, 226, var(--ring-opacity, 1));
    }
    .lg\:ring-red-200,
    .lg\:hover\:ring-red-200:hover,
    .group:hover .lg\:group-hover\:ring-red-200 {
        --ring-color: rgba(254, 202, 202, var(--ring-opacity, 1));
    }
    .lg\:ring-red-300,
    .lg\:hover\:ring-red-300:hover,
    .group:hover .lg\:group-hover\:ring-red-300 {
        --ring-color: rgba(252, 165, 165, var(--ring-opacity, 1));
    }
    .lg\:ring-red-400,
    .lg\:hover\:ring-red-400:hover,
    .group:hover .lg\:group-hover\:ring-red-400 {
        --ring-color: rgba(248, 113, 113, var(--ring-opacity, 1));
    }
    .lg\:ring-red-500,
    .lg\:hover\:ring-red-500:hover,
    .group:hover .lg\:group-hover\:ring-red-500 {
        --ring-color: rgba(239, 68, 68, var(--ring-opacity, 1));
    }
    .lg\:ring-red-600,
    .lg\:hover\:ring-red-600:hover,
    .group:hover .lg\:group-hover\:ring-red-600 {
        --ring-color: rgba(220, 38, 38, var(--ring-opacity, 1));
    }
    .lg\:ring-red-700,
    .lg\:hover\:ring-red-700:hover,
    .group:hover .lg\:group-hover\:ring-red-700 {
        --ring-color: rgba(185, 28, 28, var(--ring-opacity, 1));
    }
    .lg\:ring-red-800,
    .lg\:hover\:ring-red-800:hover,
    .group:hover .lg\:group-hover\:ring-red-800 {
        --ring-color: rgba(153, 27, 27, var(--ring-opacity, 1));
    }
    .lg\:ring-red-900,
    .lg\:hover\:ring-red-900:hover,
    .group:hover .lg\:group-hover\:ring-red-900 {
        --ring-color: rgba(127, 29, 29, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-50,
    .lg\:hover\:ring-amber-50:hover,
    .group:hover .lg\:group-hover\:ring-amber-50 {
        --ring-color: rgba(255, 251, 235, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-100,
    .lg\:hover\:ring-amber-100:hover,
    .group:hover .lg\:group-hover\:ring-amber-100 {
        --ring-color: rgba(254, 243, 199, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-200,
    .lg\:hover\:ring-amber-200:hover,
    .group:hover .lg\:group-hover\:ring-amber-200 {
        --ring-color: rgba(253, 230, 138, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-300,
    .lg\:hover\:ring-amber-300:hover,
    .group:hover .lg\:group-hover\:ring-amber-300 {
        --ring-color: rgba(252, 211, 77, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-400,
    .lg\:hover\:ring-amber-400:hover,
    .group:hover .lg\:group-hover\:ring-amber-400 {
        --ring-color: rgba(251, 191, 36, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-500,
    .lg\:hover\:ring-amber-500:hover,
    .group:hover .lg\:group-hover\:ring-amber-500 {
        --ring-color: rgba(245, 158, 11, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-600,
    .lg\:hover\:ring-amber-600:hover,
    .group:hover .lg\:group-hover\:ring-amber-600 {
        --ring-color: rgba(217, 119, 6, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-700,
    .lg\:hover\:ring-amber-700:hover,
    .group:hover .lg\:group-hover\:ring-amber-700 {
        --ring-color: rgba(180, 83, 9, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-800,
    .lg\:hover\:ring-amber-800:hover,
    .group:hover .lg\:group-hover\:ring-amber-800 {
        --ring-color: rgba(146, 64, 14, var(--ring-opacity, 1));
    }
    .lg\:ring-amber-900,
    .lg\:hover\:ring-amber-900:hover,
    .group:hover .lg\:group-hover\:ring-amber-900 {
        --ring-color: rgba(120, 53, 15, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-50,
    .lg\:hover\:ring-yellow-50:hover,
    .group:hover .lg\:group-hover\:ring-yellow-50 {
        --ring-color: rgba(254, 252, 232, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-100,
    .lg\:hover\:ring-yellow-100:hover,
    .group:hover .lg\:group-hover\:ring-yellow-100 {
        --ring-color: rgba(254, 249, 195, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-200,
    .lg\:hover\:ring-yellow-200:hover,
    .group:hover .lg\:group-hover\:ring-yellow-200 {
        --ring-color: rgba(254, 240, 138, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-300,
    .lg\:hover\:ring-yellow-300:hover,
    .group:hover .lg\:group-hover\:ring-yellow-300 {
        --ring-color: rgba(253, 224, 71, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-400,
    .lg\:hover\:ring-yellow-400:hover,
    .group:hover .lg\:group-hover\:ring-yellow-400 {
        --ring-color: rgba(250, 204, 21, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-500,
    .lg\:hover\:ring-yellow-500:hover,
    .group:hover .lg\:group-hover\:ring-yellow-500 {
        --ring-color: rgba(234, 179, 8, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-600,
    .lg\:hover\:ring-yellow-600:hover,
    .group:hover .lg\:group-hover\:ring-yellow-600 {
        --ring-color: rgba(202, 138, 4, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-700,
    .lg\:hover\:ring-yellow-700:hover,
    .group:hover .lg\:group-hover\:ring-yellow-700 {
        --ring-color: rgba(161, 98, 7, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-800,
    .lg\:hover\:ring-yellow-800:hover,
    .group:hover .lg\:group-hover\:ring-yellow-800 {
        --ring-color: rgba(133, 77, 14, var(--ring-opacity, 1));
    }
    .lg\:ring-yellow-900,
    .lg\:hover\:ring-yellow-900:hover,
    .group:hover .lg\:group-hover\:ring-yellow-900 {
        --ring-color: rgba(113, 63, 18, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-50,
    .lg\:hover\:ring-emerald-50:hover,
    .group:hover .lg\:group-hover\:ring-emerald-50 {
        --ring-color: rgba(236, 253, 245, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-100,
    .lg\:hover\:ring-emerald-100:hover,
    .group:hover .lg\:group-hover\:ring-emerald-100 {
        --ring-color: rgba(209, 250, 229, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-200,
    .lg\:hover\:ring-emerald-200:hover,
    .group:hover .lg\:group-hover\:ring-emerald-200 {
        --ring-color: rgba(167, 243, 208, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-300,
    .lg\:hover\:ring-emerald-300:hover,
    .group:hover .lg\:group-hover\:ring-emerald-300 {
        --ring-color: rgba(110, 231, 183, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-400,
    .lg\:hover\:ring-emerald-400:hover,
    .group:hover .lg\:group-hover\:ring-emerald-400 {
        --ring-color: rgba(52, 211, 153, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-500,
    .lg\:hover\:ring-emerald-500:hover,
    .group:hover .lg\:group-hover\:ring-emerald-500 {
        --ring-color: rgba(16, 185, 129, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-600,
    .lg\:hover\:ring-emerald-600:hover,
    .group:hover .lg\:group-hover\:ring-emerald-600 {
        --ring-color: rgba(5, 150, 105, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-700,
    .lg\:hover\:ring-emerald-700:hover,
    .group:hover .lg\:group-hover\:ring-emerald-700 {
        --ring-color: rgba(4, 120, 87, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-800,
    .lg\:hover\:ring-emerald-800:hover,
    .group:hover .lg\:group-hover\:ring-emerald-800 {
        --ring-color: rgba(6, 95, 70, var(--ring-opacity, 1));
    }
    .lg\:ring-emerald-900,
    .lg\:hover\:ring-emerald-900:hover,
    .group:hover .lg\:group-hover\:ring-emerald-900 {
        --ring-color: rgba(6, 78, 59, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-50,
    .lg\:hover\:ring-cyan-50:hover,
    .group:hover .lg\:group-hover\:ring-cyan-50 {
        --ring-color: rgba(236, 254, 255, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-100,
    .lg\:hover\:ring-cyan-100:hover,
    .group:hover .lg\:group-hover\:ring-cyan-100 {
        --ring-color: rgba(207, 250, 254, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-200,
    .lg\:hover\:ring-cyan-200:hover,
    .group:hover .lg\:group-hover\:ring-cyan-200 {
        --ring-color: rgba(165, 243, 252, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-300,
    .lg\:hover\:ring-cyan-300:hover,
    .group:hover .lg\:group-hover\:ring-cyan-300 {
        --ring-color: rgba(103, 232, 249, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-400,
    .lg\:hover\:ring-cyan-400:hover,
    .group:hover .lg\:group-hover\:ring-cyan-400 {
        --ring-color: rgba(34, 211, 238, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-500,
    .lg\:hover\:ring-cyan-500:hover,
    .group:hover .lg\:group-hover\:ring-cyan-500 {
        --ring-color: rgba(6, 182, 212, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-600,
    .lg\:hover\:ring-cyan-600:hover,
    .group:hover .lg\:group-hover\:ring-cyan-600 {
        --ring-color: rgba(8, 145, 178, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-700,
    .lg\:hover\:ring-cyan-700:hover,
    .group:hover .lg\:group-hover\:ring-cyan-700 {
        --ring-color: rgba(14, 116, 144, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-800,
    .lg\:hover\:ring-cyan-800:hover,
    .group:hover .lg\:group-hover\:ring-cyan-800 {
        --ring-color: rgba(21, 94, 117, var(--ring-opacity, 1));
    }
    .lg\:ring-cyan-900,
    .lg\:hover\:ring-cyan-900:hover,
    .group:hover .lg\:group-hover\:ring-cyan-900 {
        --ring-color: rgba(22, 78, 99, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-50,
    .lg\:hover\:ring-blue-50:hover,
    .group:hover .lg\:group-hover\:ring-blue-50 {
        --ring-color: rgba(239, 246, 255, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-100,
    .lg\:hover\:ring-blue-100:hover,
    .group:hover .lg\:group-hover\:ring-blue-100 {
        --ring-color: rgba(219, 234, 254, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-200,
    .lg\:hover\:ring-blue-200:hover,
    .group:hover .lg\:group-hover\:ring-blue-200 {
        --ring-color: rgba(191, 219, 254, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-300,
    .lg\:hover\:ring-blue-300:hover,
    .group:hover .lg\:group-hover\:ring-blue-300 {
        --ring-color: rgba(147, 197, 253, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-400,
    .lg\:hover\:ring-blue-400:hover,
    .group:hover .lg\:group-hover\:ring-blue-400 {
        --ring-color: rgba(96, 165, 250, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-500,
    .lg\:hover\:ring-blue-500:hover,
    .group:hover .lg\:group-hover\:ring-blue-500 {
        --ring-color: rgba(59, 130, 246, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-600,
    .lg\:hover\:ring-blue-600:hover,
    .group:hover .lg\:group-hover\:ring-blue-600 {
        --ring-color: rgba(37, 99, 235, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-700,
    .lg\:hover\:ring-blue-700:hover,
    .group:hover .lg\:group-hover\:ring-blue-700 {
        --ring-color: rgba(29, 78, 216, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-800,
    .lg\:hover\:ring-blue-800:hover,
    .group:hover .lg\:group-hover\:ring-blue-800 {
        --ring-color: rgba(30, 64, 175, var(--ring-opacity, 1));
    }
    .lg\:ring-blue-900,
    .lg\:hover\:ring-blue-900:hover,
    .group:hover .lg\:group-hover\:ring-blue-900 {
        --ring-color: rgba(30, 58, 138, var(--ring-opacity, 1));
    }
    .lg\:ring-transparent,
    .lg\:hover\:ring-transparent:hover,
    .group:hover .lg\:group-hover\:ring-transparent {
        --ring-color: transparent;
    }
    .lg\:ring-black,
    .lg\:hover\:ring-black:hover,
    .group:hover .lg\:group-hover\:ring-black {
        --ring-color: rgba(0, 0, 0, var(--ring-opacity, 1));
    }
    .lg\:ring-white,
    .lg\:hover\:ring-white:hover,
    .group:hover .lg\:group-hover\:ring-white {
        --ring-color: rgba(255, 255, 255, var(--ring-opacity, 1));
    }
    .lg\:ring-opacity-0,
    .lg\:hover\:ring-opacity-0:hover,
    .group:hover .lg\:group-hover\:ring-opacity-0 {
        --ring-opacity: 0;
    }
    .lg\:ring-opacity-5,
    .lg\:hover\:ring-opacity-5:hover,
    .group:hover .lg\:group-hover\:ring-opacity-10 {
        --ring-opacity: 0.05;
    }
    .lg\:ring-opacity-10,
    .lg\:hover\:ring-opacity-10:hover,
    .group:hover .lg\:group-hover\:ring-opacity-10 {
        --ring-opacity: 0.1;
    }
    .lg\:ring-opacity-20,
    .lg\:hover\:ring-opacity-20:hover,
    .group:hover .lg\:group-hover\:ring-opacity-20 {
        --ring-opacity: 0.2;
    }
    .lg\:ring-opacity-30,
    .lg\:hover\:ring-opacity-30:hover,
    .group:hover .lg\:group-hover\:ring-opacity-30 {
        --ring-opacity: 0.3;
    }
    .lg\:ring-opacity-40,
    .lg\:hover\:ring-opacity-40:hover,
    .group:hover .lg\:group-hover\:ring-opacity-40 {
        --ring-opacity: 0.4;
    }
    .lg\:ring-opacity-50,
    .lg\:hover\:ring-opacity-50:hover,
    .group:hover .lg\:group-hover\:ring-opacity-50 {
        --ring-opacity: 0.5;
    }
    .lg\:ring-opacity-60,
    .lg\:hover\:ring-opacity-60:hover,
    .group:hover .lg\:group-hover\:ring-opacity-60 {
        --ring-opacity: 0.6;
    }
    .lg\:ring-opacity-70,
    .lg\:hover\:ring-opacity-70:hover,
    .group:hover .lg\:group-hover\:ring-opacity-70 {
        --ring-opacity: 0.7;
    }
    .lg\:ring-opacity-80,
    .lg\:hover\:ring-opacity-80:hover,
    .group:hover .lg\:group-hover\:ring-opacity-80 {
        --ring-opacity: 0.8;
    }
    .lg\:ring-opacity-90,
    .lg\:hover\:ring-opacity-90:hover,
    .group:hover .lg\:group-hover\:ring-opacity-90 {
        --ring-opacity: 0.9;
    }
    .lg\:shadow-sm {
        --shadow: 0 1px 2px 0 #0000000d;
        --shadow-colored: 0 1px 2px 0 var(--shadow-color);
    }
    .lg\:shadow {
        --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --shadow-colored: 0 1px 3px 0 var(--shadow-color), 0 1px 2px -1px var(--shadow-color);
    }
    .lg\:shadow-md {
        --shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-colored: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color);
    }
    .lg\:shadow-lg {
        --shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --shadow-colored: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);
    }
    .lg\:shadow-xl {
        --shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        --shadow-colored: 0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color);
    }
    .lg\:shadow-2xl {
        --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.075);
        --shadow-colored: 0 25px 50px -12px var(--shadow-color);
    }
    .lg\:shadow-3xl {
        --shadow: 0 1.5rem 2rem rgba(0, 0, 0, 0.075);
        --shadow-colored: 0 1.5rem 2rem var(--shadow-color);
    }
    .lg\:shadow-none {
        box-shadow: 0 0 rgba(0, 0, 0, 0);
    }
    .lg\:divide-y-0 > * + * {
        --divide-width: 0;
    }
    .lg\:divide-y > * + * {
        --divide-width: 1px;
    }
    .lg\:divide-y-2 > * + * {
        --divide-width: 2px;
    }
    .lg\:divide-y-4 > * + * {
        --divide-width: 4px;
    }
    .lg\:divide-y-6 > * + * {
        --divide-width: 6px;
    }
    .lg\:divide-y-8 > * + * {
        --divide-width: 8px;
    }
    .lg\:divide-dashed > * + * {
        --divide-style: dashed;
    }
    .lg\:divide-dotted > * + * {
        --divide-style: dotted;
    }
    .lg\:divide-zinc-50 > * + * {
        border-color: rgba(248, 250, 252, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-100 > * + * {
        border-color: rgba(241, 245, 249, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-200 > * + * {
        border-color: rgba(226, 232, 240, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-300 > * + * {
        border-color: rgba(203, 213, 225, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-400 > * + * {
        border-color: rgba(148, 163, 184, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-500 > * + * {
        border-color: rgba(100, 116, 139, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-600 > * + * {
        border-color: rgba(71, 85, 105, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-700 > * + * {
        border-color: rgba(51, 65, 85, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-800 > * + * {
        border-color: rgba(30, 41, 59, var(--border-opacity, 1));
    }
    .lg\:divide-zinc-900 > * + * {
        border-color: rgba(15, 23, 42, var(--border-opacity, 1));
    }
    .lg\:divide-white > * + * {
        border-color: rgba(255, 255, 255, var(--border-opacity, 1));
    }
    .lg\:divide-black > * + * {
        border-color: rgba(0, 0, 0, var(--border-opacity, 1));
    }
    .lg\:order-1 {
        order: 1;
    }
    .lg\:order-2 {
        order: 2;
    }
    .lg\:order-3 {
        order: 3;
    }
    .lg\:order-4 {
        order: 4;
    }
    .lg\:order-5 {
        order: 5;
    }
    .lg\:order-6 {
        order: 6;
    }
    .lg\:order-7 {
        order: 7;
    }
    .lg\:order-8 {
        order: 8;
    }
    .lg\:order-9 {
        order: 9;
    }
    .lg\:order-10 {
        order: 10;
    }
    .lg\:order-11 {
        order: 11;
    }
    .lg\:order-12 {
        order: 12;
    }
    .lg\:order-first {
        order: -9999;
    }
    .lg\:order-last {
        order: 9999;
    }
    .lg\:order-none {
        order: 0;
    }
    .lg\:-order-1 {
        order: -1;
    }
    .lg\:-order-2 {
        order: -2;
    }
    .lg\:-order-3 {
        order: -3;
    }
    .lg\:-order-4 {
        order: -4;
    }
    .lg\:-order-5 {
        order: -5;
    }
    .lg\:-order-6 {
        order: -6;
    }
    .lg\:-order-7 {
        order: -7;
    }
    .lg\:-order-8 {
        order: -8;
    }
    .lg\:-order-9 {
        order: -9;
    }
    .lg\:-order-10 {
        order: -10;
    }
    .lg\:-order-11 {
        order: -11;
    }
    .lg\:-order-12 {
        order: -12;
    }
    .lg\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .lg\:text-ellipsis {
        text-overflow: ellipsis;
    }
    .lg\:backdrop-blur-none {
        backdrop-filter: blur(0);
    }
    .lg\:backdrop-blur-sm {
        backdrop-filter: blur(4px);
    }
    .lg\:backdrop-blur {
        backdrop-filter: blur(8px);
    }
    .lg\:backdrop-blur-md {
        backdrop-filter: blur(12px);
    }
    .lg\:backdrop-blur-lg {
        backdrop-filter: blur(16px);
    }
    .lg\:backdrop-blur-xl {
        backdrop-filter: blur(24px);
    }
    .lg\:backdrop-blur-2xl {
        backdrop-filter: blur(40px);
    }
    .lg\:backdrop-blur-3xl {
        backdrop-filter: blur(64px);
    }
}
@media (min-width: 1280px) {
    .xl\:hidden {
        display: none !important;
    }
    .xl\:block {
        display: block !important;
    }
    .xl\:flex {
        display: flex !important;
    }
    .xl\:inline-flex {
        display: inline-flex !important;
    }
    .xl\:grid {
        display: grid !important;
    }
    .xl\:inline-grid {
        display: inline-grid !important;
    }
    .xl\:inline-block {
        display: inline-block !important;
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .xl\:flex-col {
        flex-direction: column;
    }
    .xl\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .xl\:flex-wrap {
        flex-wrap: wrap;
    }
    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
    .xl\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .xl\:grow {
        flex-grow: 1;
    }
    .xl\:grow-0 {
        flex-grow: 0;
    }
    .xl\:shrink {
        flex-shrink: 1;
    }
    .xl\:shrink-0 {
        flex-shrink: 0;
    }
    .xl\:justify-start {
        justify-content: start;
    }
    .xl\:justify-center {
        justify-content: center;
    }
    .xl\:justify-end {
        justify-content: end;
    }
    .xl\:justify-between {
        justify-content: space-between;
    }
    .xl\:items-start {
        align-items: flex-start;
    }
    .xl\:items-end {
        align-items: flex-end;
    }
    .xl\:items-center {
        align-items: center;
    }
    .xl\:items-baseline {
        align-items: baseline;
    }
    .xl\:items-stretch {
        align-items: stretch;
    }
    .xl\:basis-1\/4 {
        flex-basis: 25%;
    }
    .xl\:basis-1\/2 {
        flex-basis: 50%;
    }
    .xl\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .xl\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .xl\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .xl\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .xl\:grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .xl\:grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .xl\:grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .xl\:grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .xl\:grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .xl\:grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr));
    }
    .xl\:grid-rows-none {
        grid-template-rows: none;
    }
    .xl\:grid-rows-subgrid {
        grid-template-rows: subgrid;
    }
    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .xl\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .xl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .xl\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .xl\:grid-cols-none {
        grid-template-columns: none;
    }
    .xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .xl\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .xl\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .xl\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .xl\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .xl\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .xl\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .xl\:col-span-9 {
        grid-column: span 9 / span 9;
    }
    .xl\:col-span-10 {
        grid-column: span 10 / span 10;
    }
    .xl\:col-span-11 {
        grid-column: span 11 / span 11;
    }
    .xl\:col-span-12 {
        grid-column: span 12 / span 12;
    }
    .xl\:col-span-full {
        grid-column: 1/-1;
    }
    .xl\:col-start-1 {
        grid-column-start: 1;
    }
    .xl\:col-start-2 {
        grid-column-start: 2;
    }
    .xl\:col-start-3 {
        grid-column-start: 3;
    }
    .xl\:col-start-4 {
        grid-column-start: 4;
    }
    .xl\:col-start-5 {
        grid-column-start: 5;
    }
    .xl\:col-start-6 {
        grid-column-start: 6;
    }
    .xl\:col-start-7 {
        grid-column-start: 7;
    }
    .xl\:col-start-8 {
        grid-column-start: 8;
    }
    .xl\:col-start-9 {
        grid-column-start: 9;
    }
    .xl\:col-start-10 {
        grid-column-start: 10;
    }
    .xl\:col-start-11 {
        grid-column-start: 11;
    }
    .xl\:col-start-12 {
        grid-column-start: 12;
    }
    .xl\:place-items-start {
        place-items: start;
    }
    .xl\:place-items-end {
        place-items: end;
    }
    .xl\:place-items-center {
        place-items: center;
    }
    .xl\:place-items-baseline {
        place-items: baseline;
    }
    .xl\:row-auto {
        grid-row: auto;
    }
    .xl\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .xl\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .xl\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .xl\:row-span-4 {
        grid-row: span 4 / span 4;
    }
    .xl\:row-span-5 {
        grid-row: span 5 / span 5;
    }
    .xl\:row-span-6 {
        grid-row: span 6 / span 6;
    }
    .xl\:row-span-7 {
        grid-row: span 7 / span 7;
    }
    .xl\:row-span-8 {
        grid-row: span 8 / span 8;
    }
    .xl\:row-span-9 {
        grid-row: span 9 / span 9;
    }
    .xl\:row-span-10 {
        grid-row: span 10 / span 10;
    }
    .xl\:row-span-11 {
        grid-row: span 11 / span 11;
    }
    .xl\:row-span-12 {
        grid-row: span 12 / span 12;
    }
    .xl\:row-span-full {
        grid-row: 1/-1;
    }
    .xl\:row-start-1 {
        grid-row-start: 1;
    }
    .xl\:row-start-2 {
        grid-row-start: 2;
    }
    .xl\:row-start-3 {
        grid-row-start: 3;
    }
    .xl\:row-start-4 {
        grid-row-start: 4;
    }
    .xl\:row-start-5 {
        grid-row-start: 5;
    }
    .xl\:row-start-6 {
        grid-row-start: 6;
    }
    .xl\:row-start-7 {
        grid-row-start: 7;
    }
    .xl\:row-start-8 {
        grid-row-start: 8;
    }
    .xl\:row-start-9 {
        grid-row-start: 9;
    }
    .xl\:row-start-10 {
        grid-row-start: 10;
    }
    .xl\:row-start-11 {
        grid-row-start: 11;
    }
    .xl\:row-start-12 {
        grid-row-start: 12;
    }
    .xl\:row-start-13 {
        grid-row-start: 13;
    }
    .xl\:row-start-auto {
        grid-row-start: auto;
    }
    .xl\:row-end-1 {
        grid-row-end: 1;
    }
    .xl\:row-end-2 {
        grid-row-end: 2;
    }
    .xl\:row-end-3 {
        grid-row-end: 3;
    }
    .xl\:row-end-4 {
        grid-row-end: 4;
    }
    .xl\:row-end-5 {
        grid-row-end: 5;
    }
    .xl\:row-end-6 {
        grid-row-end: 6;
    }
    .xl\:row-end-7 {
        grid-row-end: 7;
    }
    .xl\:row-end-8 {
        grid-row-end: 8;
    }
    .xl\:row-end-9 {
        grid-row-end: 9;
    }
    .xl\:row-end-10 {
        grid-row-end: 10;
    }
    .xl\:row-end-11 {
        grid-row-end: 11;
    }
    .xl\:row-end-12 {
        grid-row-end: 12;
    }
    .xl\:row-end-13 {
        grid-row-end: 13;
    }
    .xl\:row-end-auto {
        grid-row-end: auto;
    }
    .xl\:gap-0\.5 {
        gap: var(--size-0\5);
    }
    .xl\:gap-1 {
        gap: var(--size-1);
    }
    .xl\:gap-1\.5 {
        gap: var(--size-1\5);
    }
    .xl\:gap-2 {
        gap: var(--size-2);
    }
    .xl\:gap-2\.5 {
        gap: var(--size-2\5);
    }
    .xl\:gap-3 {
        gap: var(--size-3);
    }
    .xl\:gap-4 {
        gap: var(--size-4);
    }
    .xl\:gap-5 {
        gap: var(--size-5);
    }
    .xl\:gap-6 {
        gap: var(--size-6);
    }
    .xl\:gap-7 {
        gap: var(--size-7);
    }
    .xl\:gap-8 {
        gap: var(--size-8);
    }
    .xl\:gap-9 {
        gap: var(--size-9);
    }
    .xl\:gap-10 {
        gap: var(--size-10);
    }
    .xl\:gap-11 {
        gap: var(--size-11);
    }
    .xl\:gap-12 {
        gap: var(--size-12);
    }
    .xl\:gap-14 {
        gap: var(--size-14);
    }
    .xl\:gap-16 {
        gap: var(--size-16);
    }
    .xl\:gap-20 {
        gap: var(--size-20);
    }
    .xl\:gap-x-1 {
        column-gap: var(--size-1);
    }
    .xl\:gap-x-2 {
        column-gap: var(--size-2);
    }
    .xl\:gap-x-3 {
        column-gap: var(--size-3);
    }
    .xl\:gap-x-4 {
        column-gap: var(--size-4);
    }
    .xl\:gap-x-5 {
        column-gap: var(--size-5);
    }
    .xl\:gap-x-6 {
        column-gap: var(--size-6);
    }
    .xl\:gap-x-7 {
        column-gap: var(--size-7);
    }
    .xl\:gap-x-8 {
        column-gap: var(--size-8);
    }
    .xl\:gap-x-9 {
        column-gap: var(--size-9);
    }
    .xl\:gap-x-10 {
        column-gap: var(--size-10);
    }
    .xl\:gap-x-11 {
        column-gap: var(--size-11);
    }
    .xl\:gap-x-12 {
        column-gap: var(--size-12);
    }
    .xl\:gap-y-1 {
        row-gap: var(--size-1);
    }
    .xl\:gap-y-2 {
        row-gap: var(--size-2);
    }
    .xl\:gap-y-3 {
        row-gap: var(--size-3);
    }
    .xl\:gap-y-4 {
        row-gap: var(--size-4);
    }
    .xl\:gap-y-5 {
        row-gap: var(--size-5);
    }
    .xl\:gap-y-6 {
        row-gap: var(--size-6);
    }
    .xl\:gap-y-7 {
        row-gap: var(--size-7);
    }
    .xl\:gap-y-8 {
        row-gap: var(--size-8);
    }
    .xl\:gap-y-9 {
        row-gap: var(--size-9);
    }
    .xl\:gap-y-10 {
        row-gap: var(--size-10);
    }
    .xl\:gap-y-11 {
        row-gap: var(--size-11);
    }
    .xl\:gap-y-12 {
        row-gap: var(--size-12);
    }
    .xl\:p-0 {
        padding: 0 !important;
    }
    .xl\:px-0 {
        padding-inline: 0 !important;
    }
    .xl\:py-0 {
        padding-block: 0 !important;
    }
    .xl\:pl-0 {
        padding-inline-start: 0 !important;
    }
    .xl\:pt-0 {
        padding-block-start: 0 !important;
    }
    .xl\:pr-0 {
        padding-inline-end: 0 !important;
    }
    .xl\:pb-0 {
        padding-block-end: 0 !important;
    }
    .xl\:p-1 {
        padding: var(--size-1) !important;
    }
    .xl\:px-1 {
        padding-inline: var(--size-1) !important;
    }
    .xl\:py-1 {
        padding-block: var(--size-1) !important;
    }
    .xl\:pl-1 {
        padding-inline-start: var(--size-1) !important;
    }
    .xl\:pt-1 {
        padding-block-start: var(--size-1) !important;
    }
    .xl\:pr-1 {
        padding-inline-end: var(--size-1) !important;
    }
    .xl\:pb-1 {
        padding-block-end: var(--size-1) !important;
    }
    .xl\:p-2 {
        padding: var(--size-2) !important;
    }
    .xl\:px-2 {
        padding-inline: var(--size-2) !important;
    }
    .xl\:py-2 {
        padding-block: var(--size-2) !important;
    }
    .xl\:pl-2 {
        padding-inline-start: var(--size-2) !important;
    }
    .xl\:pt-2 {
        padding-block-start: var(--size-2) !important;
    }
    .xl\:pr-2 {
        padding-inline-end: var(--size-2) !important;
    }
    .xl\:pb-2 {
        padding-block-end: var(--size-2) !important;
    }
    .xl\:px-2\.5 {
        padding-inline: var(--size-2\5) !important;
    }
    .xl\:py-2\.5 {
        padding-block: var(--size-2\5) !important;
    }
    .xl\:pl-2\.5 {
        padding-inline-start: var(--size-2\5) !important;
    }
    .xl\:pt-2\.5 {
        padding-block-start: var(--size-2\5) !important;
    }
    .xl\:pr-2\.5 {
        padding-inline-end: var(--size-2\5) !important;
    }
    .xl\:pb-2\.5 {
        padding-block-end: var(--size-2\5) !important;
    }
    .xl\:p-3 {
        padding: var(--size-3) !important;
    }
    .xl\:px-3 {
        padding-inline: var(--size-3) !important;
    }
    .xl\:py-3 {
        padding-block: var(--size-3) !important;
    }
    .xl\:pl-3 {
        padding-inline-start: var(--size-3) !important;
    }
    .xl\:pt-3 {
        padding-block-start: var(--size-3) !important;
    }
    .xl\:pr-3 {
        padding-inline-end: var(--size-3) !important;
    }
    .xl\:pb-3 {
        padding-block-end: var(--size-3) !important;
    }
    .xl\:p-4 {
        padding: var(--size-4) !important;
    }
    .xl\:px-4 {
        padding-inline: var(--size-4) !important;
    }
    .xl\:py-4 {
        padding-block: var(--size-4) !important;
    }
    .xl\:pl-4 {
        padding-inline-start: var(--size-4) !important;
    }
    .xl\:pt-4 {
        padding-block-start: var(--size-4) !important;
    }
    .xl\:pr-4 {
        padding-inline-end: var(--size-4) !important;
    }
    .xl\:pb-4 {
        padding-block-end: var(--size-4) !important;
    }
    .xl\:p-5 {
        padding: var(--size-5) !important;
    }
    .xl\:px-5 {
        padding-inline: var(--size-5) !important;
    }
    .xl\:py-5 {
        padding-block: var(--size-5) !important;
    }
    .xl\:pl-5 {
        padding-inline-start: var(--size-5) !important;
    }
    .xl\:pt-5 {
        padding-block-start: var(--size-5) !important;
    }
    .xl\:pr-5 {
        padding-inline-end: var(--size-5) !important;
    }
    .xl\:pb-5 {
        padding-block-end: var(--size-5) !important;
    }
    .xl\:p-6 {
        padding: var(--size-6) !important;
    }
    .xl\:px-6 {
        padding-inline: var(--size-6) !important;
    }
    .xl\:py-6 {
        padding-block: var(--size-6) !important;
    }
    .xl\:pl-6 {
        padding-inline-start: var(--size-6) !important;
    }
    .xl\:pt-6 {
        padding-block-start: var(--size-6) !important;
    }
    .xl\:pr-6 {
        padding-inline-end: var(--size-6) !important;
    }
    .xl\:pb-6 {
        padding-block-end: var(--size-6) !important;
    }
    .xl\:p-7 {
        padding: var(--size-7) !important;
    }
    .xl\:px-7 {
        padding-inline: var(--size-7) !important;
    }
    .xl\:py-7 {
        padding-block: var(--size-7) !important;
    }
    .xl\:pl-7 {
        padding-inline-start: var(--size-7) !important;
    }
    .xl\:pt-7 {
        padding-block-start: var(--size-7) !important;
    }
    .xl\:pr-7 {
        padding-inline-end: var(--size-7) !important;
    }
    .xl\:pb-7 {
        padding-block-end: var(--size-7) !important;
    }
    .xl\:p-8 {
        padding: var(--size-8) !important;
    }
    .xl\:px-8 {
        padding-inline: var(--size-8) !important;
    }
    .xl\:py-8 {
        padding-block: var(--size-8) !important;
    }
    .xl\:pl-8 {
        padding-inline-start: var(--size-8) !important;
    }
    .xl\:pt-8 {
        padding-block-start: var(--size-8) !important;
    }
    .xl\:pr-8 {
        padding-inline-end: var(--size-8) !important;
    }
    .xl\:pb-8 {
        padding-block-end: var(--size-8) !important;
    }
    .xl\:p-9 {
        padding: var(--size-9) !important;
    }
    .xl\:px-9 {
        padding-inline: var(--size-9) !important;
    }
    .xl\:py-9 {
        padding-block: var(--size-9) !important;
    }
    .xl\:pl-9 {
        padding-inline-start: var(--size-9) !important;
    }
    .xl\:pt-9 {
        padding-block-start: var(--size-9) !important;
    }
    .xl\:pr-9 {
        padding-inline-end: var(--size-9) !important;
    }
    .xl\:pb-9 {
        padding-block-end: var(--size-9) !important;
    }
    .xl\:p-10 {
        padding: var(--size-10) !important;
    }
    .xl\:px-10 {
        padding-inline: var(--size-10) !important;
    }
    .xl\:py-10 {
        padding-block: var(--size-10) !important;
    }
    .xl\:pl-10 {
        padding-inline-start: var(--size-10) !important;
    }
    .xl\:pt-10 {
        padding-block-start: var(--size-10) !important;
    }
    .xl\:pr-10 {
        padding-inline-end: var(--size-10) !important;
    }
    .xl\:pb-10 {
        padding-block-end: var(--size-10) !important;
    }
    .xl\:p-11 {
        padding: var(--size-11) !important;
    }
    .xl\:px-11 {
        padding-inline: var(--size-11) !important;
    }
    .xl\:py-11 {
        padding-block: var(--size-11) !important;
    }
    .xl\:pl-11 {
        padding-inline-start: var(--size-11) !important;
    }
    .xl\:pt-11 {
        padding-block-start: var(--size-11) !important;
    }
    .xl\:pr-11 {
        padding-inline-end: var(--size-11) !important;
    }
    .xl\:pb-11 {
        padding-block-end: var(--size-11) !important;
    }
    .xl\:p-12 {
        padding: var(--size-12) !important;
    }
    .xl\:px-12 {
        padding-inline: var(--size-12) !important;
    }
    .xl\:py-12 {
        padding-block: var(--size-12) !important;
    }
    .xl\:pl-12 {
        padding-inline-start: var(--size-12) !important;
    }
    .xl\:pt-12 {
        padding-block-start: var(--size-12) !important;
    }
    .xl\:pr-12 {
        padding-inline-end: var(--size-12) !important;
    }
    .xl\:pb-12 {
        padding-block-end: var(--size-12) !important;
    }
    .xl\:p-13 {
        padding: var(--size-13) !important;
    }
    .xl\:px-13 {
        padding-inline: var(--size-13) !important;
    }
    .xl\:py-13 {
        padding-block: var(--size-13) !important;
    }
    .xl\:pl-13 {
        padding-inline-start: var(--size-13) !important;
    }
    .xl\:pt-13 {
        padding-block-start: var(--size-13) !important;
    }
    .xl\:pr-13 {
        padding-inline-end: var(--size-13) !important;
    }
    .xl\:pb-13 {
        padding-block-end: var(--size-13) !important;
    }
    .xl\:p-14 {
        padding: var(--size-14) !important;
    }
    .xl\:px-14 {
        padding-inline: var(--size-14) !important;
    }
    .xl\:py-14 {
        padding-block: var(--size-14) !important;
    }
    .xl\:pl-14 {
        padding-inline-start: var(--size-14) !important;
    }
    .xl\:pt-14 {
        padding-block-start: var(--size-14) !important;
    }
    .xl\:pr-14 {
        padding-inline-end: var(--size-14) !important;
    }
    .xl\:pb-14 {
        padding-block-end: var(--size-14) !important;
    }
    .xl\:p-15 {
        padding: var(--size-15) !important;
    }
    .xl\:px-15 {
        padding-inline: var(--size-15) !important;
    }
    .xl\:py-15 {
        padding-block: var(--size-15) !important;
    }
    .xl\:pl-15 {
        padding-inline-start: var(--size-15) !important;
    }
    .xl\:pt-15 {
        padding-block-start: var(--size-15) !important;
    }
    .xl\:pr-15 {
        padding-inline-end: var(--size-15) !important;
    }
    .xl\:pb-15 {
        padding-block-end: var(--size-15) !important;
    }
    .xl\:p-16 {
        padding: var(--size-16) !important;
    }
    .xl\:px-16 {
        padding-inline: var(--size-16) !important;
    }
    .xl\:py-16 {
        padding-block: var(--size-16) !important;
    }
    .xl\:pl-16 {
        padding-inline-start: var(--size-16) !important;
    }
    .xl\:pt-16 {
        padding-block-start: var(--size-16) !important;
    }
    .xl\:pr-16 {
        padding-inline-end: var(--size-16) !important;
    }
    .xl\:pb-16 {
        padding-block-end: var(--size-16) !important;
    }
    .xl\:p-20 {
        padding: var(--size-20) !important;
    }
    .xl\:px-20 {
        padding-inline: var(--size-20) !important;
    }
    .xl\:py-20 {
        padding-block: var(--size-20) !important;
    }
    .xl\:pl-20 {
        padding-inline-start: var(--size-20) !important;
    }
    .xl\:pt-20 {
        padding-block-start: var(--size-20) !important;
    }
    .xl\:pr-20 {
        padding-inline-end: var(--size-20) !important;
    }
    .xl\:pb-20 {
        padding-block-end: var(--size-20) !important;
    }
    .xl\:p-24 {
        padding: var(--size-24) !important;
    }
    .xl\:px-24 {
        padding-inline: var(--size-24) !important;
    }
    .xl\:py-24 {
        padding-block: var(--size-24) !important;
    }
    .xl\:pl-24 {
        padding-inline-start: var(--size-24) !important;
    }
    .xl\:pt-24 {
        padding-block-start: var(--size-24) !important;
    }
    .xl\:pr-24 {
        padding-inline-end: var(--size-24) !important;
    }
    .xl\:pb-24 {
        padding-block-end: var(--size-24) !important;
    }
    .xl\:m-0 {
        margin: 0 !important;
    }
    .xl\:mx-0 {
        margin-inline: 0 !important;
    }
    .xl\:my-0 {
        margin-block: 0 !important;
    }
    .xl\:ml-0 {
        margin-inline-start: 0 !important;
    }
    .xl\:mt-0 {
        margin-block-start: 0 !important;
    }
    .xl\:mr-0 {
        margin-inline-end: 0 !important;
    }
    .xl\:mb-0 {
        margin-block-end: 0 !important;
    }
    .xl\:m-1 {
        margin: var(--size-1) !important;
    }
    .xl\:mx-1 {
        margin-inline: var(--size-1) !important;
    }
    .xl\:my-1 {
        margin-block: var(--size-1) !important;
    }
    .xl\:ml-1 {
        margin-inline-start: var(--size-1) !important;
    }
    .xl\:mt-1 {
        margin-block-start: var(--size-1) !important;
    }
    .xl\:mr-1 {
        margin-inline-end: var(--size-1) !important;
    }
    .xl\:mb-1 {
        margin-block-end: var(--size-1) !important;
    }
    .xl\:-m-1 {
        margin: calc(var(--size-1) * -1) !important;
    }
    .xl\:-mx-1 {
        margin-inline: calc(var(--size-1) * -1) !important;
    }
    .xl\:-my-1 {
        margin-block: calc(var(--size-1) * -1) !important;
    }
    .xl\:-ml-1 {
        margin-inline-start: calc(var(--size-1) * -1) !important;
    }
    .xl\:-mt-1 {
        margin-block-start: calc(var(--size-1) * -1) !important;
    }
    .xl\:-mr-1 {
        margin-inline-end: calc(var(--size-1) * -1) !important;
    }
    .xl\:-mb-1 {
        margin-block-end: calc(var(--size-1) * -1) !important;
    }
    .xl\:m-2 {
        margin: var(--size-2) !important;
    }
    .xl\:mx-2 {
        margin-inline: var(--size-2) !important;
    }
    .xl\:my-2 {
        margin-block: var(--size-2) !important;
    }
    .xl\:ml-2 {
        margin-inline-start: var(--size-2) !important;
    }
    .xl\:mt-2 {
        margin-block-start: var(--size-2) !important;
    }
    .xl\:mr-2 {
        margin-inline-end: var(--size-2) !important;
    }
    .xl\:mb-2 {
        margin-block-end: var(--size-2) !important;
    }
    .xl\:-m-2 {
        margin: calc(var(--size-2) * -1) !important;
    }
    .xl\:-mx-2 {
        margin-inline: calc(var(--size-2) * -1) !important;
    }
    .xl\:-my-2 {
        margin-block: calc(var(--size-2) * -1) !important;
    }
    .xl\:-ml-2 {
        margin-inline-start: calc(var(--size-2) * -1) !important;
    }
    .xl\:-mt-2 {
        margin-block-start: calc(var(--size-2) * -1) !important;
    }
    .xl\:mt-2\.5 {
        margin-block-start: var(--size-2\5) !important;
    }
    .xl\:-mr-2 {
        margin-inline-end: calc(var(--size-2) * -1) !important;
    }
    .xl\:-mb-2 {
        margin-block-end: calc(var(--size-2) * -1) !important;
    }
    .xl\:-mx-2\.5 {
        margin-inline: calc(var(--size-2\5) * -1) !important;
    }
    .xl\:-my-2\.5 {
        margin-block: calc(var(--size-2\5) * -1) !important;
    }
    .xl\:-ml-2\.5 {
        margin-inline-start: calc(var(--size-2\5) * -1) !important;
    }
    .xl\:-mt-2\.5 {
        margin-block-start: calc(var(--size-2\5) * -1) !important;
    }
    .xl\:-mr-2\.5 {
        margin-inline-end: calc(var(--size-2\5) * -1) !important;
    }
    .xl\:-mb-2\.5 {
        margin-block-end: calc(var(--size-2\5) * -1) !important;
    }
    .xl\:m-3 {
        margin: var(--size-3) !important;
    }
    .xl\:mx-3 {
        margin-inline: var(--size-3) !important;
    }
    .xl\:my-3 {
        margin-block: var(--size-3) !important;
    }
    .xl\:ml-3 {
        margin-inline-start: var(--size-3) !important;
    }
    .xl\:mt-3 {
        margin-block-start: var(--size-3) !important;
    }
    .xl\:mr-3 {
        margin-inline-end: var(--size-3) !important;
    }
    .xl\:mb-3 {
        margin-block-end: var(--size-3) !important;
    }
    .xl\:-m-3 {
        margin: calc(var(--size-3) * -1) !important;
    }
    .xl\:-mx-3 {
        margin-inline: calc(var(--size-3) * -1) !important;
    }
    .xl\:-my-3 {
        margin-block: calc(var(--size-3) * -1) !important;
    }
    .xl\:-ml-3 {
        margin-inline-start: calc(var(--size-3) * -1) !important;
    }
    .xl\:-mt-3 {
        margin-block-start: calc(var(--size-3) * -1) !important;
    }
    .xl\:-mr-3 {
        margin-inline-end: calc(var(--size-3) * -1) !important;
    }
    .xl\:-mb-3 {
        margin-block-end: calc(var(--size-3) * -1) !important;
    }
    .xl\:-mx-3\.5 {
        margin-inline: calc(var(--size-3\5) * -1) !important;
    }
    .xl\:-my-3\.5 {
        margin-block: calc(var(--size-3\5) * -1) !important;
    }
    .xl\:-ml-3\.5 {
        margin-inline-start: calc(var(--size-3\5) * -1) !important;
    }
    .xl\:-mt-3\.5 {
        margin-block-start: calc(var(--size-3\5) * -1) !important;
    }
    .xl\:-mr-3\.5 {
        margin-inline-end: calc(var(--size-3\5) * -1) !important;
    }
    .xl\:-mb-3\.5 {
        margin-block-end: calc(var(--size-3\5) * -1) !important;
    }
    .xl\:m-4 {
        margin: var(--size-4) !important;
    }
    .xl\:mx-4 {
        margin-inline: var(--size-4) !important;
    }
    .xl\:my-4 {
        margin-block: var(--size-4) !important;
    }
    .xl\:ml-4 {
        margin-inline-start: var(--size-4) !important;
    }
    .xl\:mt-4 {
        margin-block-start: var(--size-4) !important;
    }
    .xl\:mr-4 {
        margin-inline-end: var(--size-4) !important;
    }
    .xl\:mb-4 {
        margin-block-end: var(--size-4) !important;
    }
    .xl\:-m-4 {
        margin: calc(var(--size-4) * -1) !important;
    }
    .xl\:-mx-4 {
        margin-inline: calc(var(--size-4) * -1) !important;
    }
    .xl\:-my-4 {
        margin-block: calc(var(--size-4) * -1) !important;
    }
    .xl\:-ml-4 {
        margin-inline-start: calc(var(--size-4) * -1) !important;
    }
    .xl\:-mt-4 {
        margin-block-start: calc(var(--size-4) * -1) !important;
    }
    .xl\:-mr-4 {
        margin-inline-end: calc(var(--size-4) * -1) !important;
    }
    .xl\:-mb-4 {
        margin-block-end: calc(var(--size-4) * -1) !important;
    }
    .xl\:m-5 {
        margin: var(--size-5) !important;
    }
    .xl\:mx-5 {
        margin-inline: var(--size-5) !important;
    }
    .xl\:my-5 {
        margin-block: var(--size-5) !important;
    }
    .xl\:ml-5 {
        margin-inline-start: var(--size-5) !important;
    }
    .xl\:mt-5 {
        margin-block-start: var(--size-5) !important;
    }
    .xl\:mr-5 {
        margin-inline-end: var(--size-5) !important;
    }
    .xl\:mb-5 {
        margin-block-end: var(--size-5) !important;
    }
    .xl\:-m-5 {
        margin: calc(var(--size-5) * -1) !important;
    }
    .xl\:-mx-5 {
        margin-inline: calc(var(--size-5) * -1) !important;
    }
    .xl\:-my-5 {
        margin-block: calc(var(--size-5) * -1) !important;
    }
    .xl\:-ml-5 {
        margin-inline-start: calc(var(--size-5) * -1) !important;
    }
    .xl\:-mt-5 {
        margin-block-start: calc(var(--size-5) * -1) !important;
    }
    .xl\:-mr-5 {
        margin-inline-end: calc(var(--size-5) * -1) !important;
    }
    .xl\:-mb-5 {
        margin-block-end: calc(var(--size-5) * -1) !important;
    }
    .xl\:m-6 {
        margin: var(--size-6) !important;
    }
    .xl\:mx-6 {
        margin-inline: var(--size-6) !important;
    }
    .xl\:my-6 {
        margin-block: var(--size-6) !important;
    }
    .xl\:ml-6 {
        margin-inline-start: var(--size-6) !important;
    }
    .xl\:mt-6 {
        margin-block-start: var(--size-6) !important;
    }
    .xl\:mr-6 {
        margin-inline-end: var(--size-6) !important;
    }
    .xl\:mb-6 {
        margin-block-end: var(--size-6) !important;
    }
    .xl\:-m-6 {
        margin: calc(var(--size-6) * -1) !important;
    }
    .xl\:-mx-6 {
        margin-inline: calc(var(--size-6) * -1) !important;
    }
    .xl\:-my-6 {
        margin-block: calc(var(--size-6) * -1) !important;
    }
    .xl\:-ml-6 {
        margin-inline-start: calc(var(--size-6) * -1) !important;
    }
    .xl\:-mt-6 {
        margin-block-start: calc(var(--size-6) * -1) !important;
    }
    .xl\:-mr-6 {
        margin-inline-end: calc(var(--size-6) * -1) !important;
    }
    .xl\:-mb-6 {
        margin-block-end: calc(var(--size-6) * -1) !important;
    }
    .xl\:m-7 {
        margin: var(--size-7) !important;
    }
    .xl\:mx-7 {
        margin-inline: var(--size-7) !important;
    }
    .xl\:my-7 {
        margin-block: var(--size-7) !important;
    }
    .xl\:ml-7 {
        margin-inline-start: var(--size-7) !important;
    }
    .xl\:mt-7 {
        margin-block-start: var(--size-7) !important;
    }
    .xl\:mr-7 {
        margin-inline-end: var(--size-7) !important;
    }
    .xl\:mb-7 {
        margin-block-end: var(--size-7) !important;
    }
    .xl\:-m-7 {
        margin: calc(var(--size-7) * -1) !important;
    }
    .xl\:-mx-7 {
        margin-inline: calc(var(--size-7) * -1) !important;
    }
    .xl\:-my-7 {
        margin-block: calc(var(--size-7) * -1) !important;
    }
    .xl\:-ml-7 {
        margin-inline-start: calc(var(--size-7) * -1) !important;
    }
    .xl\:-mt-7 {
        margin-block-start: calc(var(--size-7) * -1) !important;
    }
    .xl\:-mr-7 {
        margin-inline-end: calc(var(--size-7) * -1) !important;
    }
    .xl\:-mb-7 {
        margin-block-end: calc(var(--size-7) * -1) !important;
    }
    .xl\:m-8 {
        margin: var(--size-8) !important;
    }
    .xl\:mx-8 {
        margin-inline: var(--size-8) !important;
    }
    .xl\:my-8 {
        margin-block: var(--size-8) !important;
    }
    .xl\:ml-8 {
        margin-inline-start: var(--size-8) !important;
    }
    .xl\:mt-8 {
        margin-block-start: var(--size-8) !important;
    }
    .xl\:mr-8 {
        margin-inline-end: var(--size-8) !important;
    }
    .xl\:mb-8 {
        margin-block-end: var(--size-8) !important;
    }
    .xl\:-m-8 {
        margin: calc(var(--size-8) * -1) !important;
    }
    .xl\:-mx-8 {
        margin-inline: calc(var(--size-8) * -1) !important;
    }
    .xl\:-my-8 {
        margin-block: calc(var(--size-8) * -1) !important;
    }
    .xl\:-ml-8 {
        margin-inline-start: calc(var(--size-8) * -1) !important;
    }
    .xl\:-mt-8 {
        margin-block-start: calc(var(--size-8) * -1) !important;
    }
    .xl\:-mr-8 {
        margin-inline-end: calc(var(--size-8) * -1) !important;
    }
    .xl\:-mb-8 {
        margin-block-end: calc(var(--size-8) * -1) !important;
    }
    .xl\:m-9 {
        margin: var(--size-9) !important;
    }
    .xl\:mx-9 {
        margin-inline: var(--size-9) !important;
    }
    .xl\:my-9 {
        margin-block: var(--size-9) !important;
    }
    .xl\:ml-9 {
        margin-inline-start: var(--size-9) !important;
    }
    .xl\:mt-9 {
        margin-block-start: var(--size-9) !important;
    }
    .xl\:mr-9 {
        margin-inline-end: var(--size-9) !important;
    }
    .xl\:mb-9 {
        margin-block-end: var(--size-9) !important;
    }
    .xl\:-m-9 {
        margin: calc(var(--size-9) * -1) !important;
    }
    .xl\:-mx-9 {
        margin-inline: calc(var(--size-9) * -1) !important;
    }
    .xl\:-my-9 {
        margin-block: calc(var(--size-9) * -1) !important;
    }
    .xl\:-ml-9 {
        margin-inline-start: calc(var(--size-9) * -1) !important;
    }
    .xl\:-mt-9 {
        margin-block-start: calc(var(--size-9) * -1) !important;
    }
    .xl\:-mr-9 {
        margin-inline-end: calc(var(--size-9) * -1) !important;
    }
    .xl\:-mb-9 {
        margin-block-end: calc(var(--size-9) * -1) !important;
    }
    .xl\:m-10 {
        margin: var(--size-10) !important;
    }
    .xl\:mx-10 {
        margin-inline: var(--size-10) !important;
    }
    .xl\:my-10 {
        margin-block: var(--size-10) !important;
    }
    .xl\:ml-10 {
        margin-inline-start: var(--size-10) !important;
    }
    .xl\:mt-10 {
        margin-block-start: var(--size-10) !important;
    }
    .xl\:mr-10 {
        margin-inline-end: var(--size-10) !important;
    }
    .xl\:mb-10 {
        margin-block-end: var(--size-10) !important;
    }
    .xl\:-m-10 {
        margin: calc(var(--size-10) * -1) !important;
    }
    .xl\:-mx-10 {
        margin-inline: calc(var(--size-10) * -1) !important;
    }
    .xl\:-my-10 {
        margin-block: calc(var(--size-10) * -1) !important;
    }
    .xl\:-ml-10 {
        margin-inline-start: calc(var(--size-10) * -1) !important;
    }
    .xl\:-mt-10 {
        margin-block-start: calc(var(--size-10) * -1) !important;
    }
    .xl\:-mr-10 {
        margin-inline-end: calc(var(--size-10) * -1) !important;
    }
    .xl\:-mb-10 {
        margin-block-end: calc(var(--size-10) * -1) !important;
    }
    .xl\:m-11 {
        margin: var(--size-11) !important;
    }
    .xl\:mx-11 {
        margin-inline: var(--size-11) !important;
    }
    .xl\:my-11 {
        margin-block: var(--size-11) !important;
    }
    .xl\:ml-11 {
        margin-inline-start: var(--size-11) !important;
    }
    .xl\:mt-11 {
        margin-block-start: var(--size-11) !important;
    }
    .xl\:mr-11 {
        margin-inline-end: var(--size-11) !important;
    }
    .xl\:mb-11 {
        margin-block-end: var(--size-11) !important;
    }
    .xl\:-m-11 {
        margin: calc(var(--size-11) * -1) !important;
    }
    .xl\:-mx-11 {
        margin-inline: calc(var(--size-11) * -1) !important;
    }
    .xl\:-my-11 {
        margin-block: calc(var(--size-11) * -1) !important;
    }
    .xl\:-ml-11 {
        margin-inline-start: calc(var(--size-11) * -1) !important;
    }
    .xl\:-mt-11 {
        margin-block-start: calc(var(--size-11) * -1) !important;
    }
    .xl\:-mr-11 {
        margin-inline-end: calc(var(--size-11) * -1) !important;
    }
    .xl\:-mb-11 {
        margin-block-end: calc(var(--size-11) * -1) !important;
    }
    .xl\:m-12 {
        margin: var(--size-12) !important;
    }
    .xl\:mx-12 {
        margin-inline: var(--size-12) !important;
    }
    .xl\:my-12 {
        margin-block: var(--size-12) !important;
    }
    .xl\:ml-12 {
        margin-inline-start: var(--size-12) !important;
    }
    .xl\:mt-12 {
        margin-block-start: var(--size-12) !important;
    }
    .xl\:mr-12 {
        margin-inline-end: var(--size-12) !important;
    }
    .xl\:mb-12 {
        margin-block-end: var(--size-12) !important;
    }
    .xl\:-m-12 {
        margin: calc(var(--size-12) * -1) !important;
    }
    .xl\:-mx-12 {
        margin-inline: calc(var(--size-12) * -1) !important;
    }
    .xl\:-my-12 {
        margin-block: calc(var(--size-12) * -1) !important;
    }
    .xl\:-ml-12 {
        margin-inline-start: calc(var(--size-12) * -1) !important;
    }
    .xl\:-mt-12 {
        margin-block-start: calc(var(--size-12) * -1) !important;
    }
    .xl\:-mr-12 {
        margin-inline-end: calc(var(--size-12) * -1) !important;
    }
    .xl\:-mb-12 {
        margin-block-end: calc(var(--size-12) * -1) !important;
    }
    .xl\:m-13 {
        margin: var(--size-13) !important;
    }
    .xl\:mx-13 {
        margin-inline: var(--size-13) !important;
    }
    .xl\:my-13 {
        margin-block: var(--size-13) !important;
    }
    .xl\:ml-13 {
        margin-inline-start: var(--size-13) !important;
    }
    .xl\:mt-13 {
        margin-block-start: var(--size-13) !important;
    }
    .xl\:mr-13 {
        margin-inline-end: var(--size-13) !important;
    }
    .xl\:mb-13 {
        margin-block-end: var(--size-13) !important;
    }
    .xl\:-m-13 {
        margin: calc(var(--size-13) * -1) !important;
    }
    .xl\:-mx-13 {
        margin-inline: calc(var(--size-13) * -1) !important;
    }
    .xl\:-my-13 {
        margin-block: calc(var(--size-13) * -1) !important;
    }
    .xl\:-ml-13 {
        margin-inline-start: calc(var(--size-13) * -1) !important;
    }
    .xl\:-mt-13 {
        margin-block-start: calc(var(--size-13) * -1) !important;
    }
    .xl\:-mr-13 {
        margin-inline-end: calc(var(--size-13) * -1) !important;
    }
    .xl\:-mb-13 {
        margin-block-end: calc(var(--size-13) * -1) !important;
    }
    .xl\:m-14 {
        margin: var(--size-14) !important;
    }
    .xl\:mx-14 {
        margin-inline: var(--size-14) !important;
    }
    .xl\:my-14 {
        margin-block: var(--size-14) !important;
    }
    .xl\:ml-14 {
        margin-inline-start: var(--size-14) !important;
    }
    .xl\:mt-14 {
        margin-block-start: var(--size-14) !important;
    }
    .xl\:mr-14 {
        margin-inline-end: var(--size-14) !important;
    }
    .xl\:mb-14 {
        margin-block-end: var(--size-14) !important;
    }
    .xl\:-m-14 {
        margin: calc(var(--size-14) * -1) !important;
    }
    .xl\:-mx-14 {
        margin-inline: calc(var(--size-14) * -1) !important;
    }
    .xl\:-my-14 {
        margin-block: calc(var(--size-14) * -1) !important;
    }
    .xl\:-ml-14 {
        margin-inline-start: calc(var(--size-14) * -1) !important;
    }
    .xl\:-mt-14 {
        margin-block-start: calc(var(--size-14) * -1) !important;
    }
    .xl\:-mr-14 {
        margin-inline-end: calc(var(--size-14) * -1) !important;
    }
    .xl\:-mb-14 {
        margin-block-end: calc(var(--size-14) * -1) !important;
    }
    .xl\:m-15 {
        margin: var(--size-15) !important;
    }
    .xl\:mx-15 {
        margin-inline: var(--size-15) !important;
    }
    .xl\:my-15 {
        margin-block: var(--size-15) !important;
    }
    .xl\:ml-15 {
        margin-inline-start: var(--size-15) !important;
    }
    .xl\:mt-15 {
        margin-block-start: var(--size-15) !important;
    }
    .xl\:mr-15 {
        margin-inline-end: var(--size-15) !important;
    }
    .xl\:mb-15 {
        margin-block-end: var(--size-15) !important;
    }
    .xl\:m-16 {
        margin: var(--size-16) !important;
    }
    .xl\:mx-16 {
        margin-inline: var(--size-16) !important;
    }
    .xl\:my-16 {
        margin-block: var(--size-16) !important;
    }
    .xl\:ml-16 {
        margin-inline-start: var(--size-16) !important;
    }
    .xl\:mt-16 {
        margin-block-start: var(--size-16) !important;
    }
    .xl\:mr-16 {
        margin-inline-end: var(--size-16) !important;
    }
    .xl\:mb-16 {
        margin-block-end: var(--size-16) !important;
    }
    .xl\:m-20 {
        margin: var(--size-20) !important;
    }
    .xl\:mx-20 {
        margin-inline: var(--size-20) !important;
    }
    .xl\:my-20 {
        margin-block: var(--size-20) !important;
    }
    .xl\:ml-20 {
        margin-inline-start: var(--size-20) !important;
    }
    .xl\:mt-20 {
        margin-block-start: var(--size-20) !important;
    }
    .xl\:mr-20 {
        margin-inline-end: var(--size-20) !important;
    }
    .xl\:mb-20 {
        margin-block-end: var(--size-20) !important;
    }
    .xl\:m-24 {
        margin: var(--size-24) !important;
    }
    .xl\:mx-24 {
        margin-inline: var(--size-24) !important;
    }
    .xl\:my-24 {
        margin-block: var(--size-24) !important;
    }
    .xl\:ml-24 {
        margin-inline-start: var(--size-24) !important;
    }
    .xl\:mt-24 {
        margin-block-start: var(--size-24) !important;
    }
    .xl\:mr-24 {
        margin-inline-end: var(--size-24) !important;
    }
    .xl\:mb-24 {
        margin-block-end: var(--size-24) !important;
    }
    .xl\:m-auto {
        margin: auto !important;
    }
    .xl\:mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto !important;
    }
    .xl\:my-auto {
        margin-block-start: auto;
        margin-block-end: auto !important;
    }
    .xl\:ml-auto {
        margin-inline-start: auto !important;
    }
    .xl\:mt-auto {
        margin-block-start: auto !important;
    }
    .xl\:mr-auto {
        margin-inline-end: auto !important;
    }
    .xl\:mb-auto {
        margin-block-end: auto !important;
    }
    .xl\:space-x-0 > * + * {
        margin-inline-start: 0;
    }
    .xl\:space-y-0 > * + * {
        margin-block-start: 0;
    }
    .xl\:space-x-1 > * + * {
        margin-inline-start: var(--size-1);
    }
    .xl\:space-y-1 > * + * {
        margin-block-start: var(--size-1);
    }
    .xl\:space-x-2 > * + * {
        margin-inline-start: var(--size-2);
    }
    .xl\:space-y-2 > * + * {
        margin-block-start: var(--size-2);
    }
    .xl\:space-x-3 > * + * {
        margin-inline-start: var(--size-3);
    }
    .xl\:space-y-3 > * + * {
        margin-block-start: var(--size-3);
    }
    .xl\:space-x-4 > * + * {
        margin-inline-start: var(--size-4);
    }
    .xl\:space-y-4 > * + * {
        margin-block-start: var(--size-4);
    }
    .xl\:space-x-5 > * + * {
        margin-inline-start: var(--size-5);
    }
    .xl\:space-y-5 > * + * {
        margin-block-start: var(--size-5);
    }
    .xl\:space-x-6 > * + * {
        margin-inline-start: var(--size-6);
    }
    .xl\:space-y-6 > * + * {
        margin-block-start: var(--size-6);
    }
    .xl\:space-x-7 > * + * {
        margin-inline-start: var(--size-7);
    }
    .xl\:space-y-7 > * + * {
        margin-block-start: var(--size-7);
    }
    .xl\:space-x-8 > * + * {
        margin-inline-start: var(--size-8);
    }
    .xl\:space-y-8 > * + * {
        margin-block-start: var(--size-8);
    }
    .xl\:space-x-9 > * + * {
        margin-inline-start: var(--size-9);
    }
    .xl\:space-y-9 > * + * {
        margin-block-start: var(--size-9);
    }
    .xl\:space-x-10 > * + * {
        margin-inline-start: var(--size-10);
    }
    .xl\:space-y-10 > * + * {
        margin-block-start: var(--size-10);
    }
    .xl\:space-x-11 > * + * {
        margin-inline-start: var(--size-11);
    }
    .xl\:space-y-11 > * + * {
        margin-block-start: var(--size-11);
    }
    .xl\:space-x-12 > * + * {
        margin-inline-start: var(--size-12);
    }
    .xl\:space-y-12 > * + * {
        margin-block-start: var(--size-12);
    }
    .xl\:max-w-screen-xs {
        max-width: 480px;
    }
    .xl\:max-w-screen-sm {
        max-width: 640px;
    }
    .xl\:max-w-screen-md {
        max-width: 768px;
    }
    .xl\:max-w-screen-lg {
        max-width: 1024px;
    }
    .xl\:max-w-screen-xl {
        max-width: 1280px;
    }
    .xl\:max-w-screen-2xl {
        max-width: 1536px;
    }
    .xl\:max-w-1 {
        max-width: var(--size-1);
    }
    .xl\:max-w-2 {
        max-width: var(--size-2);
    }
    .xl\:max-w-3 {
        max-width: var(--size-3);
    }
    .xl\:max-w-4 {
        max-width: var(--size-4);
    }
    .xl\:max-w-5 {
        max-width: var(--size-5);
    }
    .xl\:max-w-6 {
        max-width: var(--size-6);
    }
    .xl\:max-w-7 {
        max-width: var(--size-7);
    }
    .xl\:max-w-8 {
        max-width: var(--size-8);
    }
    .xl\:max-w-9 {
        max-width: var(--size-9);
    }
    .xl\:max-w-10 {
        max-width: var(--size-10);
    }
    .xl\:max-w-12 {
        max-width: var(--size-12);
    }
    .xl\:max-w-14 {
        max-width: var(--size-14);
    }
    .xl\:max-w-16 {
        max-width: var(--size-16);
    }
    .xl\:max-w-18 {
        max-width: var(--size-18);
    }
    .xl\:max-w-20 {
        max-width: var(--size-20);
    }
    .xl\:size-full {
        width: 100%;
        height: 100%;
    }
    .xl\:size-0 {
        width: 0px;
        height: 0px;
    }
    .xl\:size-px {
        width: 1px;
        height: 1px;
    }
    .xl\:size-0\.5 {
        width: var(--size-0\5);
        height: var(--size-0\5);
    }
    .xl\:size-1 {
        width: var(--size-1);
        height: var(--size-1);
    }
    .xl\:size-2 {
        width: var(--size-2);
        height: var(--size-2);
    }
    .xl\:size-2\.5 {
        width: var(--size-2\5);
        height: var(--size-2\5);
    }
    .xl\:size-3 {
        width: var(--size-3);
        height: var(--size-3);
    }
    .xl\:size-3\.5 {
        width: var(--size-3\5);
        height: var(--size-3\5);
    }
    .xl\:size-4 {
        width: var(--size-4);
        height: var(--size-4);
    }
    .xl\:size-5 {
        width: var(--size-5);
        height: var(--size-5);
    }
    .xl\:size-6 {
        width: var(--size-6);
        height: var(--size-6);
    }
    .xl\:size-7 {
        width: var(--size-7);
        height: var(--size-7);
    }
    .xl\:size-8 {
        width: var(--size-8);
        height: var(--size-8);
    }
    .xl\:size-9 {
        width: var(--size-9);
        height: var(--size-9);
    }
    .xl\:size-10 {
        width: var(--size-10);
        height: var(--size-10);
    }
    .xl\:size-11 {
        width: var(--size-11);
        height: var(--size-11);
    }
    .xl\:size-12 {
        width: var(--size-12);
        height: var(--size-12);
    }
    .xl\:size-14 {
        width: var(--size-14);
        height: var(--size-14);
    }
    .xl\:size-16 {
        width: var(--size-16);
        height: var(--size-16);
    }
    .xl\:size-20 {
        width: var(--size-20);
        height: var(--size-20);
    }
    .xl\:size-24 {
        width: var(--size-24);
        height: var(--size-24);
    }
    .xl\:size-28 {
        width: var(--size-28);
        height: var(--size-28);
    }
    .xl\:size-32 {
        width: var(--size-32);
        height: var(--size-32);
    }
    .xl\:size-40 {
        width: var(--size-40);
        height: var(--size-40);
    }
    .xl\:size-40 {
        width: var(--size-40);
        height: var(--size-40);
    }
    .xl\:size-44 {
        width: var(--size-44);
        height: var(--size-44);
    }
    .xl\:size-48 {
        width: var(--size-48);
        height: var(--size-48);
    }
    .xl\:size-52 {
        width: var(--size-52);
        height: var(--size-52);
    }
    .xl\:size-56 {
        width: var(--size-56);
        height: var(--size-56);
    }
    .xl\:size-60 {
        width: var(--size-60);
        height: var(--size-60);
    }
    .xl\:w-full {
        width: 100%;
    }
    .xl\:w-screen {
        width: 100dvw;
    }
    .xl\:w-0 {
        width: 0px;
    }
    .xl\:w-px {
        width: 1px;
    }
    .xl\:w-0\.5 {
        width: var(--size-0\5);
    }
    .xl\:w-1 {
        width: var(--size-1);
    }
    .xl\:w-1\.5 {
        width: var(--size-1\5);
    }
    .xl\:w-2 {
        width: var(--size-2);
    }
    .xl\:w-2\.5 {
        width: var(--size-2\5);
    }
    .xl\:w-3 {
        width: var(--size-3);
    }
    .xl\:w-3\.5 {
        width: var(--size-3\5);
    }
    .xl\:w-4 {
        width: var(--size-4);
    }
    .xl\:w-5 {
        width: var(--size-5);
    }
    .xl\:w-6 {
        width: var(--size-6);
    }
    .xl\:w-7 {
        width: var(--size-7);
    }
    .xl\:w-8 {
        width: var(--size-8);
    }
    .xl\:w-9 {
        width: var(--size-9);
    }
    .xl\:w-10 {
        width: var(--size-10);
    }
    .xl\:w-11 {
        width: var(--size-11);
    }
    .xl\:w-12 {
        width: var(--size-12);
    }
    .xl\:w-14 {
        width: var(--size-15);
    }
    .xl\:w-16 {
        width: var(--size-16);
    }
    .xl\:w-20 {
        width: var(--size-20);
    }
    .xl\:w-24 {
        width: var(--size-24);
    }
    .xl\:w-28 {
        width: var(--size-28);
    }
    .xl\:w-32 {
        width: var(--size-32);
    }
    .xl\:w-36 {
        width: var(--size-36);
    }
    .xl\:w-40 {
        width: var(--size-40);
    }
    .xl\:w-44 {
        width: var(--size-44);
    }
    .xl\:w-48 {
        width: var(--size-48);
    }
    .xl\:w-52 {
        width: var(--size-52);
    }
    .xl\:w-56 {
        width: var(--size-56);
    }
    .xl\:w-60 {
        width: var(--size-60);
    }
    .xl\:w-min {
        width: min-content;
    }
    .xl\:w-auto {
        width: auto;
    }
    .xl\:min-w-px {
        min-width: 1px;
    }
    .xl\:min-w-0 {
        min-width: 0px;
    }
    .xl\:min-w-full {
        min-width: 100%;
    }
    .xl\:max-w-full {
        max-width: 100%;
    }
    .xl\:min-w-screen {
        min-width: 100dvw;
    }
    .xl\:max-w-screen {
        max-width: 100dvw;
    }
    .xl\:min-w-0\.5 {
        min-width: var(--size-0\5);
    }
    .xl\:min-w-1 {
        min-width: var(--size-1);
    }
    .xl\:min-w-1\.5 {
        min-width: var(--size-1\5);
    }
    .xl\:min-w-2 {
        min-width: var(--size-2);
    }
    .xl\:min-w-2\.5 {
        min-width: var(--size-2\5);
    }
    .xl\:min-w-3 {
        min-width: var(--size-3);
    }
    .xl\:min-w-3\.5 {
        min-width: var(--size-3\5);
    }
    .xl\:min-w-4 {
        min-width: var(--size-4);
    }
    .xl\:min-w-5 {
        min-width: var(--size-5);
    }
    .xl\:min-w-6 {
        min-width: var(--size-6);
    }
    .xl\:min-w-7 {
        min-width: var(--size-7);
    }
    .xl\:min-w-8 {
        min-width: var(--size-8);
    }
    .xl\:min-w-9 {
        min-width: var(--size-9);
    }
    .xl\:min-w-10 {
        min-width: var(--size-10);
    }
    .xl\:min-w-11 {
        min-width: var(--size-11);
    }
    .xl\:min-w-12 {
        min-width: var(--size-12);
    }
    .xl\:min-w-14 {
        min-width: var(--size-15);
    }
    .xl\:min-w-16 {
        min-width: var(--size-16);
    }
    .xl\:min-w-20 {
        min-width: var(--size-20);
    }
    .xl\:min-w-24 {
        min-width: var(--size-24);
    }
    .xl\:min-w-28 {
        min-width: var(--size-28);
    }
    .xl\:min-w-32 {
        min-width: var(--size-32);
    }
    .xl\:min-w-36 {
        min-width: var(--size-36);
    }
    .xl\:min-w-40 {
        min-width: var(--size-40);
    }
    .xl\:min-w-44 {
        min-width: var(--size-44);
    }
    .xl\:min-w-48 {
        min-width: var(--size-48);
    }
    .xl\:min-w-52 {
        min-width: var(--size-52);
    }
    .xl\:min-w-56 {
        min-width: var(--size-56);
    }
    .xl\:min-w-60 {
        min-width: var(--size-60);
    }
    .xl\:max-w-none {
        max-width: none;
    }
    .xl\:max-w-0 {
        max-width: 0px;
    }
    .xl\:max-w-px {
        max-width: 1px;
    }
    .xl\:max-w-0\.5 {
        max-width: var(--size-0\5);
    }
    .xl\:max-w-1 {
        max-width: var(--size-1);
    }
    .xl\:max-w-1\.5 {
        max-width: var(--size-1\5);
    }
    .xl\:max-w-2 {
        max-width: var(--size-2);
    }
    .xl\:max-w-2\.5 {
        max-width: var(--size-2\5);
    }
    .xl\:max-w-3 {
        max-width: var(--size-3);
    }
    .xl\:max-w-3\.5 {
        max-width: var(--size-3\5);
    }
    .xl\:max-w-4 {
        max-width: var(--size-4);
    }
    .xl\:max-w-5 {
        max-width: var(--size-5);
    }
    .xl\:max-w-6 {
        max-width: var(--size-6);
    }
    .xl\:max-w-7 {
        max-width: var(--size-7);
    }
    .xl\:max-w-8 {
        max-width: var(--size-8);
    }
    .xl\:max-w-9 {
        max-width: var(--size-9);
    }
    .xl\:max-w-10 {
        max-width: var(--size-10);
    }
    .xl\:max-w-11 {
        max-width: var(--size-11);
    }
    .xl\:max-w-12 {
        max-width: var(--size-12);
    }
    .xl\:max-w-14 {
        max-width: var(--size-15);
    }
    .xl\:max-w-16 {
        max-width: var(--size-16);
    }
    .xl\:max-w-20 {
        max-width: var(--size-20);
    }
    .xl\:max-w-24 {
        max-width: var(--size-24);
    }
    .xl\:max-w-28 {
        max-width: var(--size-28);
    }
    .xl\:max-w-32 {
        max-width: var(--size-32);
    }
    .xl\:max-w-36 {
        max-width: var(--size-36);
    }
    .xl\:max-w-40 {
        max-width: var(--size-40);
    }
    .xl\:max-w-44 {
        max-width: var(--size-44);
    }
    .xl\:max-w-48 {
        max-width: var(--size-48);
    }
    .xl\:max-w-52 {
        max-width: var(--size-52);
    }
    .xl\:max-w-56 {
        max-width: var(--size-56);
    }
    .xl\:max-w-60 {
        max-width: var(--size-60);
    }
    .xl\:h-full {
        height: 100%;
    }
    .xl\:h-screen {
        height: 100dvh;
    }
    .xl\:h-0 {
        height: 0px;
    }
    .xl\:h-px {
        height: 1px;
    }
    .xl\:h-0\.5 {
        height: var(--size-0\5);
    }
    .xl\:h-1 {
        height: var(--size-1);
    }
    .xl\:h-1\.5 {
        height: var(--size-1\5);
    }
    .xl\:h-2 {
        height: var(--size-2);
    }
    .xl\:h-2\.5 {
        height: var(--size-2\5);
    }
    .xl\:h-3 {
        height: var(--size-3);
    }
    .xl\:h-3\.5 {
        height: var(--size-3\5);
    }
    .xl\:h-4 {
        height: var(--size-4);
    }
    .xl\:h-5 {
        height: var(--size-5);
    }
    .xl\:h-6 {
        height: var(--size-6);
    }
    .xl\:h-7 {
        height: var(--size-7);
    }
    .xl\:h-8 {
        height: var(--size-8);
    }
    .xl\:h-9 {
        height: var(--size-9);
    }
    .xl\:h-10 {
        height: var(--size-10);
    }
    .xl\:h-11 {
        height: var(--size-11);
    }
    .xl\:h-12 {
        height: var(--size-12);
    }
    .xl\:h-14 {
        height: var(--size-15);
    }
    .xl\:h-16 {
        height: var(--size-16);
    }
    .xl\:h-20 {
        height: var(--size-20);
    }
    .xl\:h-24 {
        height: var(--size-24);
    }
    .xl\:h-28 {
        height: var(--size-28);
    }
    .xl\:h-32 {
        height: var(--size-32);
    }
    .xl\:h-36 {
        height: var(--size-36);
    }
    .xl\:h-40 {
        height: var(--size-40);
    }
    .xl\:h-44 {
        height: var(--size-44);
    }
    .xl\:h-48 {
        height: var(--size-48);
    }
    .xl\:h-52 {
        height: var(--size-52);
    }
    .xl\:h-56 {
        height: var(--size-56);
    }
    .xl\:h-60 {
        height: var(--size-60);
    }
    .xl\:h-min {
        height: min-content;
    }
    .xl\:h-auto {
        height: auto;
    }
    .xl\:min-h-px {
        min-height: 1px;
    }
    .xl\:min-h-0 {
        min-height: 0px;
    }
    .xl\:min-h-full {
        min-height: 100%;
    }
    .xl\:max-h-full {
        max-height: 100%;
    }
    .xl\:min-h-screen {
        min-height: 100dvh;
    }
    .xl\:max-h-screen {
        max-height: 100dvh;
    }
    .xl\:min-h-0\.5 {
        min-height: var(--size-0\5);
    }
    .xl\:min-h-1 {
        min-height: var(--size-1);
    }
    .xl\:min-h-1\.5 {
        min-height: var(--size-1\5);
    }
    .xl\:min-h-2 {
        min-height: var(--size-2);
    }
    .xl\:min-h-2\.5 {
        min-height: var(--size-2\5);
    }
    .xl\:min-h-3 {
        min-height: var(--size-3);
    }
    .xl\:min-h-3\.5 {
        min-height: var(--size-3\5);
    }
    .xl\:min-h-4 {
        min-height: var(--size-4);
    }
    .xl\:min-h-5 {
        min-height: var(--size-5);
    }
    .xl\:min-h-6 {
        min-height: var(--size-6);
    }
    .xl\:min-h-7 {
        min-height: var(--size-7);
    }
    .xl\:min-h-8 {
        min-height: var(--size-8);
    }
    .xl\:min-h-9 {
        min-height: var(--size-9);
    }
    .xl\:min-h-10 {
        min-height: var(--size-10);
    }
    .xl\:min-h-11 {
        min-height: var(--size-11);
    }
    .xl\:min-h-12 {
        min-height: var(--size-12);
    }
    .xl\:min-h-14 {
        min-height: var(--size-15);
    }
    .xl\:min-h-16 {
        min-height: var(--size-16);
    }
    .xl\:min-h-20 {
        min-height: var(--size-20);
    }
    .xl\:min-h-24 {
        min-height: var(--size-24);
    }
    .xl\:min-h-28 {
        min-height: var(--size-28);
    }
    .xl\:min-h-32 {
        min-height: var(--size-32);
    }
    .xl\:min-h-36 {
        min-height: var(--size-36);
    }
    .xl\:min-h-40 {
        min-height: var(--size-40);
    }
    .xl\:min-h-44 {
        min-height: var(--size-44);
    }
    .xl\:min-h-48 {
        min-height: var(--size-48);
    }
    .xl\:min-h-52 {
        min-height: var(--size-52);
    }
    .xl\:min-h-56 {
        min-height: var(--size-56);
    }
    .xl\:min-h-60 {
        min-height: var(--size-60);
    }
    .xl\:max-h-0 {
        max-height: 0px;
    }
    .xl\:max-h-0\.5 {
        max-height: var(--size-0\5);
    }
    .xl\:max-h-1 {
        max-height: var(--size-1);
    }
    .xl\:max-h-1\.5 {
        max-height: var(--size-1\5);
    }
    .xl\:max-h-2 {
        max-height: var(--size-2);
    }
    .xl\:max-h-2\.5 {
        max-height: var(--size-2\5);
    }
    .xl\:max-h-3 {
        max-height: var(--size-3);
    }
    .xl\:max-h-3\.5 {
        max-height: var(--size-3\5);
    }
    .xl\:max-h-4 {
        max-height: var(--size-4);
    }
    .xl\:max-h-5 {
        max-height: var(--size-5);
    }
    .xl\:max-h-6 {
        max-height: var(--size-6);
    }
    .xl\:max-h-7 {
        max-height: var(--size-7);
    }
    .xl\:max-h-8 {
        max-height: var(--size-8);
    }
    .xl\:max-h-9 {
        max-height: var(--size-9);
    }
    .xl\:max-h-10 {
        max-height: var(--size-10);
    }
    .xl\:max-h-11 {
        max-height: var(--size-11);
    }
    .xl\:max-h-12 {
        max-height: var(--size-12);
    }
    .xl\:max-h-14 {
        max-height: var(--size-15);
    }
    .xl\:max-h-16 {
        max-height: var(--size-16);
    }
    .xl\:max-h-20 {
        max-height: var(--size-20);
    }
    .xl\:max-h-24 {
        max-height: var(--size-24);
    }
    .xl\:max-h-28 {
        max-height: var(--size-28);
    }
    .xl\:max-h-32 {
        max-height: var(--size-32);
    }
    .xl\:max-h-36 {
        max-height: var(--size-36);
    }
    .xl\:max-h-40 {
        max-height: var(--size-40);
    }
    .xl\:max-h-44 {
        max-height: var(--size-44);
    }
    .xl\:max-h-48 {
        max-height: var(--size-48);
    }
    .xl\:max-h-52 {
        max-height: var(--size-52);
    }
    .xl\:max-h-56 {
        max-height: var(--size-56);
    }
    .xl\:max-h-60 {
        max-height: var(--size-60);
    }
    .xl\:font-sans {
        font-family: var(--sans);
    }
    .xl\:font-serif {
        font-family: var(--serif);
    }
    .xl\:text-2xs {
        font-size: var(--size-2xs);
    }
    .xl\:text-11px {
        font-size: 11px;
    }
    .xl\:text-xs {
        font-size: var(--size-xs);
    }
    .xl\:text-sm {
        font-size: var(--size-sm);
    }
    .xl\:text-base {
        font-size: var(--size-base);
    }
    .xl\:text-lg {
        font-size: var(--size-lg);
    }
    .xl\:text-xl {
        font-size: var(--size-xl);
    }
    .xl\:text-2xl {
        font-size: var(--size-2xl);
    }
    .xl\:text-3xl {
        font-size: var(--size-3xl);
    }
    .xl\:text-4xl {
        font-size: var(--size-4xl);
    }
    .xl\:text-5xl {
        font-size: var(--size-5xl);
    }
    .xl\:text-6xl {
        font-size: var(--size-6xl);
    }
    .xl\:leading-base {
        line-height: var(--leading-base);
    }
    .xl\:leading-base-sm {
        line-height: var(--leading-sm);
    }
    .xl\:leading-none {
        line-height: var(--leading-none);
    }
    .xl\:leading-tight {
        line-height: var(--leading-tight);
    }
    .xl\:leading-snug {
        line-height: var(--leading-snug);
    }
    .xl\:leading-normal {
        line-height: var(--leading-normal);
    }
    .xl\:leading-3 {
        line-height: var(--size-3);
    }
    .xl\:leading-4 {
        line-height: var(--size-4);
    }
    .xl\:leading-5 {
        line-height: var(--size-5);
    }
    .xl\:leading-6 {
        line-height: var(--size-6);
    }
    .xl\:font-normal {
        font-weight: var(--weight-normal);
    }
    .xl\:font-medium {
        font-weight: var(--weight-medium);
    }
    .xl\:font-semibold {
        font-weight: var(--weight-semibold);
    }
    .xl\:font-bold {
        font-weight: var(--weight-bold);
    }
    .xl\:font-extrabold {
        font-weight: var(--weight-extrabold);
    }
    .xl\:text-zinc-50,
    .xl\:hover\:text-zinc-50:hover,
    .group:hover .xl\:group-hover\:text-zinc-50 {
        color: rgba(250, 250, 250, var(--text-opacity, 1));
    }
    .xl\:text-zinc-100,
    .xl\:hover\:text-zinc-100:hover,
    .group:hover .xl\:group-hover\:text-zinc-100 {
        color: rgba(244, 244, 245, var(--text-opacity, 1));
    }
    .xl\:text-zinc-200,
    .xl\:hover\:text-zinc-200:hover,
    .group:hover .xl\:group-hover\:text-zinc-200 {
        color: rgba(228, 228, 231, var(--text-opacity, 1));
    }
    .xl\:text-zinc-300,
    .xl\:hover\:text-zinc-300:hover,
    .group:hover .xl\:group-hover\:text-zinc-300 {
        color: rgba(212, 212, 216, var(--text-opacity, 1));
    }
    .xl\:text-zinc-400,
    .xl\:hover\:text-zinc-400:hover,
    .group:hover .xl\:group-hover\:text-zinc-400 {
        color: rgba(161, 161, 170, var(--text-opacity, 1));
    }
    .xl\:text-zinc-500,
    .xl\:hover\:text-zinc-500:hover,
    .group:hover .xl\:group-hover\:text-zinc-500 {
        color: rgba(113, 113, 122, var(--text-opacity, 1));
    }
    .xl\:text-zinc-600,
    .xl\:hover\:text-zinc-600:hover,
    .group:hover .xl\:group-hover\:text-zinc-600 {
        color: rgba(82, 82, 91, var(--text-opacity, 1));
    }
    .xl\:text-zinc-700,
    .xl\:hover\:text-zinc-700:hover,
    .group:hover .xl\:group-hover\:text-zinc-700 {
        color: rgba(63, 63, 70, var(--text-opacity, 1));
    }
    .xl\:text-zinc-800,
    .xl\:hover\:text-zinc-800:hover,
    .group:hover .xl\:group-hover\:text-zinc-800 {
        color: rgba(39, 39, 42, var(--text-opacity, 1));
    }
    .xl\:text-zinc-900,
    .xl\:hover\:text-zinc-900:hover,
    .group:hover .xl\:group-hover\:text-zinc-900 {
        color: rgba(24, 24, 27, var(--text-opacity, 1));
    }
    .xl\:text-red-50,
    .xl\:hover\:text-red-50:hover,
    .group:hover .xl\:group-hover\:text-red-50 {
        color: rgba(254, 242, 242, var(--text-opacity, 1));
    }
    .xl\:text-red-100,
    .xl\:hover\:text-red-100:hover,
    .group:hover .xl\:group-hover\:text-red-100 {
        color: rgba(254, 226, 226, var(--text-opacity, 1));
    }
    .xl\:text-red-200,
    .xl\:hover\:text-red-200:hover,
    .group:hover .xl\:group-hover\:text-red-200 {
        color: rgba(254, 202, 202, var(--text-opacity, 1));
    }
    .xl\:text-red-300,
    .xl\:hover\:text-red-300:hover,
    .group:hover .xl\:group-hover\:text-red-300 {
        color: rgba(252, 165, 165, var(--text-opacity, 1));
    }
    .xl\:text-red-400,
    .xl\:hover\:text-red-400:hover,
    .group:hover .xl\:group-hover\:text-red-400 {
        color: rgba(248, 113, 113, var(--text-opacity, 1));
    }
    .xl\:text-red-500,
    .xl\:hover\:text-red-500:hover,
    .group:hover .xl\:group-hover\:text-red-500 {
        color: rgba(239, 68, 68, var(--text-opacity, 1));
    }
    .xl\:text-red-600,
    .xl\:hover\:text-red-600:hover,
    .group:hover .xl\:group-hover\:text-red-600 {
        color: rgba(220, 38, 38, var(--text-opacity, 1));
    }
    .xl\:text-red-700,
    .xl\:hover\:text-red-700:hover,
    .group:hover .xl\:group-hover\:text-red-700 {
        color: rgba(185, 28, 28, var(--text-opacity, 1));
    }
    .xl\:text-red-800,
    .xl\:hover\:text-red-800:hover,
    .group:hover .xl\:group-hover\:text-red-800 {
        color: rgba(153, 27, 27, var(--text-opacity, 1));
    }
    .xl\:text-red-900,
    .xl\:hover\:text-red-900:hover,
    .group:hover .xl\:group-hover\:text-red-900 {
        color: rgba(127, 29, 29, var(--text-opacity, 1));
    }
    .xl\:text-amber-50,
    .xl\:hover\:text-amber-50:hover,
    .group:hover .xl\:group-hover\:text-amber-50 {
        color: rgba(255, 251, 235, var(--text-opacity, 1));
    }
    .xl\:text-amber-100,
    .xl\:hover\:text-amber-100:hover,
    .group:hover .xl\:group-hover\:text-amber-100 {
        color: rgba(254, 243, 199, var(--text-opacity, 1));
    }
    .xl\:text-amber-200,
    .xl\:hover\:text-amber-200:hover,
    .group:hover .xl\:group-hover\:text-amber-200 {
        color: rgba(253, 230, 138, var(--text-opacity, 1));
    }
    .xl\:text-amber-300,
    .xl\:hover\:text-amber-300:hover,
    .group:hover .xl\:group-hover\:text-amber-300 {
        color: rgba(252, 211, 77, var(--text-opacity, 1));
    }
    .xl\:text-amber-400,
    .xl\:hover\:text-amber-400:hover,
    .group:hover .xl\:group-hover\:text-amber-400 {
        color: rgba(251, 191, 36, var(--text-opacity, 1));
    }
    .xl\:text-amber-500,
    .xl\:hover\:text-amber-500:hover,
    .group:hover .xl\:group-hover\:text-amber-500 {
        color: rgba(245, 158, 11, var(--text-opacity, 1));
    }
    .xl\:text-amber-600,
    .xl\:hover\:text-amber-600:hover,
    .group:hover .xl\:group-hover\:text-amber-600 {
        color: rgba(217, 119, 6, var(--text-opacity, 1));
    }
    .xl\:text-amber-700,
    .xl\:hover\:text-amber-700:hover,
    .group:hover .xl\:group-hover\:text-amber-700 {
        color: rgba(180, 83, 9, var(--text-opacity, 1));
    }
    .xl\:text-amber-800,
    .xl\:hover\:text-amber-800:hover,
    .group:hover .xl\:group-hover\:text-amber-800 {
        color: rgba(146, 64, 14, var(--text-opacity, 1));
    }
    .xl\:text-amber-900,
    .xl\:hover\:text-amber-900:hover,
    .group:hover .xl\:group-hover\:text-amber-900 {
        color: rgba(120, 53, 15, var(--text-opacity, 1));
    }
    .xl\:text-yellow-50,
    .xl\:hover\:text-yellow-50:hover,
    .group:hover .xl\:group-hover\:text-yellow-50 {
        color: rgba(254, 252, 232, var(--text-opacity, 1));
    }
    .xl\:text-yellow-100,
    .xl\:hover\:text-yellow-100:hover,
    .group:hover .xl\:group-hover\:text-yellow-100 {
        color: rgba(254, 249, 195, var(--text-opacity, 1));
    }
    .xl\:text-yellow-200,
    .xl\:hover\:text-yellow-200:hover,
    .group:hover .xl\:group-hover\:text-yellow-200 {
        color: rgba(254, 240, 138, var(--text-opacity, 1));
    }
    .xl\:text-yellow-300,
    .xl\:hover\:text-yellow-300:hover,
    .group:hover .xl\:group-hover\:text-yellow-300 {
        color: rgba(253, 224, 71, var(--text-opacity, 1));
    }
    .xl\:text-yellow-400,
    .xl\:hover\:text-yellow-400:hover,
    .group:hover .xl\:group-hover\:text-yellow-400 {
        color: rgba(250, 204, 21, var(--text-opacity, 1));
    }
    .xl\:text-yellow-500,
    .xl\:hover\:text-yellow-500:hover,
    .group:hover .xl\:group-hover\:text-yellow-500 {
        color: rgba(234, 179, 8, var(--text-opacity, 1));
    }
    .xl\:text-yellow-600,
    .xl\:hover\:text-yellow-600:hover,
    .group:hover .xl\:group-hover\:text-yellow-600 {
        color: rgba(202, 138, 4, var(--text-opacity, 1));
    }
    .xl\:text-yellow-700,
    .xl\:hover\:text-yellow-700:hover,
    .group:hover .xl\:group-hover\:text-yellow-700 {
        color: rgba(161, 98, 7, var(--text-opacity, 1));
    }
    .xl\:text-yellow-800,
    .xl\:hover\:text-yellow-800:hover,
    .group:hover .xl\:group-hover\:text-yellow-800 {
        color: rgba(133, 77, 14, var(--text-opacity, 1));
    }
    .xl\:text-yellow-900,
    .xl\:hover\:text-yellow-900:hover,
    .group:hover .xl\:group-hover\:text-yellow-900 {
        color: rgba(113, 63, 18, var(--text-opacity, 1));
    }
    .xl\:text-emerald-50,
    .xl\:hover\:text-emerald-50:hover,
    .group:hover .xl\:group-hover\:text-emerald-50 {
        color: rgba(236, 253, 245, var(--text-opacity, 1));
    }
    .xl\:text-emerald-100,
    .xl\:hover\:text-emerald-100:hover,
    .group:hover .xl\:group-hover\:text-emerald-100 {
        color: rgba(209, 250, 229, var(--text-opacity, 1));
    }
    .xl\:text-emerald-200,
    .xl\:hover\:text-emerald-200:hover,
    .group:hover .xl\:group-hover\:text-emerald-200 {
        color: rgba(167, 243, 208, var(--text-opacity, 1));
    }
    .xl\:text-emerald-300,
    .xl\:hover\:text-emerald-300:hover,
    .group:hover .xl\:group-hover\:text-emerald-300 {
        color: rgba(110, 231, 183, var(--text-opacity, 1));
    }
    .xl\:text-emerald-400,
    .xl\:hover\:text-emerald-400:hover,
    .group:hover .xl\:group-hover\:text-emerald-400 {
        color: rgba(52, 211, 153, var(--text-opacity, 1));
    }
    .xl\:text-emerald-500,
    .xl\:hover\:text-emerald-500:hover,
    .group:hover .xl\:group-hover\:text-emerald-500 {
        color: rgba(16, 185, 129, var(--text-opacity, 1));
    }
    .xl\:text-emerald-600,
    .xl\:hover\:text-emerald-600:hover,
    .group:hover .xl\:group-hover\:text-emerald-600 {
        color: rgba(5, 150, 105, var(--text-opacity, 1));
    }
    .xl\:text-emerald-700,
    .xl\:hover\:text-emerald-700:hover,
    .group:hover .xl\:group-hover\:text-emerald-700 {
        color: rgba(4, 120, 87, var(--text-opacity, 1));
    }
    .xl\:text-emerald-800,
    .xl\:hover\:text-emerald-800:hover,
    .group:hover .xl\:group-hover\:text-emerald-800 {
        color: rgba(6, 95, 70, var(--text-opacity, 1));
    }
    .xl\:text-emerald-900,
    .xl\:hover\:text-emerald-900:hover,
    .group:hover .xl\:group-hover\:text-emerald-900 {
        color: rgba(6, 78, 59, var(--text-opacity, 1));
    }
    .xl\:text-cyan-50,
    .xl\:hover\:text-cyan-50:hover,
    .group:hover .xl\:group-hover\:text-cyan-50 {
        color: rgba(236, 254, 255, var(--text-opacity, 1));
    }
    .xl\:text-cyan-100,
    .xl\:hover\:text-cyan-100:hover,
    .group:hover .xl\:group-hover\:text-cyan-100 {
        color: rgba(207, 250, 254, var(--text-opacity, 1));
    }
    .xl\:text-cyan-200,
    .xl\:hover\:text-cyan-200:hover,
    .group:hover .xl\:group-hover\:text-cyan-200 {
        color: rgba(165, 243, 252, var(--text-opacity, 1));
    }
    .xl\:text-cyan-300,
    .xl\:hover\:text-cyan-300:hover,
    .group:hover .xl\:group-hover\:text-cyan-300 {
        color: rgba(103, 232, 249, var(--text-opacity, 1));
    }
    .xl\:text-cyan-400,
    .xl\:hover\:text-cyan-400:hover,
    .group:hover .xl\:group-hover\:text-cyan-400 {
        color: rgba(34, 211, 238, var(--text-opacity, 1));
    }
    .xl\:text-cyan-500,
    .xl\:hover\:text-cyan-500:hover,
    .group:hover .xl\:group-hover\:text-cyan-500 {
        color: rgba(6, 182, 212, var(--text-opacity, 1));
    }
    .xl\:text-cyan-600,
    .xl\:hover\:text-cyan-600:hover,
    .group:hover .xl\:group-hover\:text-cyan-600 {
        color: rgba(8, 145, 178, var(--text-opacity, 1));
    }
    .xl\:text-cyan-700,
    .xl\:hover\:text-cyan-700:hover,
    .group:hover .xl\:group-hover\:text-cyan-700 {
        color: rgba(14, 116, 144, var(--text-opacity, 1));
    }
    .xl\:text-cyan-800,
    .xl\:hover\:text-cyan-800:hover,
    .group:hover .xl\:group-hover\:text-cyan-800 {
        color: rgba(21, 94, 117, var(--text-opacity, 1));
    }
    .xl\:text-cyan-900,
    .xl\:hover\:text-cyan-900:hover,
    .group:hover .xl\:group-hover\:text-cyan-900 {
        color: rgba(22, 78, 99, var(--text-opacity, 1));
    }
    .xl\:text-blue-50,
    .xl\:hover\:text-blue-50:hover,
    .group:hover .xl\:group-hover\:text-blue-50 {
        color: rgba(239, 246, 255, var(--text-opacity, 1));
    }
    .xl\:text-blue-100,
    .xl\:hover\:text-blue-100:hover,
    .group:hover .xl\:group-hover\:text-blue-100 {
        color: rgba(219, 234, 254, var(--text-opacity, 1));
    }
    .xl\:text-blue-200,
    .xl\:hover\:text-blue-200:hover,
    .group:hover .xl\:group-hover\:text-blue-200 {
        color: rgba(191, 219, 254, var(--text-opacity, 1));
    }
    .xl\:text-blue-300,
    .xl\:hover\:text-blue-300:hover,
    .group:hover .xl\:group-hover\:text-blue-300 {
        color: rgba(147, 197, 253, var(--text-opacity, 1));
    }
    .xl\:text-blue-400,
    .xl\:hover\:text-blue-400:hover,
    .group:hover .xl\:group-hover\:text-blue-400 {
        color: rgba(96, 165, 250, var(--text-opacity, 1));
    }
    .xl\:text-blue-500,
    .xl\:hover\:text-blue-500:hover,
    .group:hover .xl\:group-hover\:text-blue-500 {
        color: rgba(59, 130, 246, var(--text-opacity, 1));
    }
    .xl\:text-blue-600,
    .xl\:hover\:text-blue-600:hover,
    .group:hover .xl\:group-hover\:text-blue-600 {
        color: rgba(37, 99, 235, var(--text-opacity, 1));
    }
    .xl\:text-blue-700,
    .xl\:hover\:text-blue-700:hover,
    .group:hover .xl\:group-hover\:text-blue-700 {
        color: rgba(29, 78, 216, var(--text-opacity, 1));
    }
    .xl\:text-blue-800,
    .xl\:hover\:text-blue-800:hover,
    .group:hover .xl\:group-hover\:text-blue-800 {
        color: rgba(30, 64, 175, var(--text-opacity, 1));
    }
    .xl\:text-blue-900,
    .xl\:hover\:text-blue-900:hover,
    .group:hover .xl\:group-hover\:text-blue-900 {
        color: rgba(30, 58, 138, var(--text-opacity, 1));
    }
    .xl\:text-transparent,
    .xl\:hover\:text-transparent:hover,
    .group:hover .xl\:group-hover\:text-transparent {
        color: rgba(0, 0, 0, 0) !important;
    }
    .xl\:text-black,
    .xl\:hover\:text-black:hover,
    .group:hover .xl\:group-hover\:text-black {
        color: rgba(0, 0, 0, var(--text-opacity, 1));
    }
    .xl\:text-white,
    .xl\:hover\:text-white:hover,
    .group:hover .xl\:group-hover\:text-white {
        color: rgba(255, 255, 255, var(--text-opacity, 1));
    }
    .xl\:text-opacity-0,
    .xl\:hover\:text-opacity-0:hover,
    .group:hover .xl\:group-hover\:text-opacity-0 {
        --text-opacity: 0;
    }
    .xl\:text-opacity-10,
    .xl\:hover\:text-opacity-10:hover,
    .group:hover .xl\:group-hover\:text-opacity-10 {
        --text-opacity: 0.1;
    }
    .xl\:text-opacity-20,
    .xl\:hover\:text-opacity-20:hover,
    .group:hover .xl\:group-hover\:text-opacity-20 {
        --text-opacity: 0.2;
    }
    .xl\:text-opacity-30,
    .xl\:hover\:text-opacity-30:hover,
    .group:hover .xl\:group-hover\:text-opacity-30 {
        --text-opacity: 0.3;
    }
    .xl\:text-opacity-40,
    .xl\:hover\:text-opacity-40:hover,
    .group:hover .xl\:group-hover\:text-opacity-40 {
        --text-opacity: 0.4;
    }
    .xl\:text-opacity-50,
    .xl\:hover\:text-opacity-50:hover,
    .group:hover .xl\:group-hover\:text-opacity-50 {
        --text-opacity: 0.5;
    }
    .xl\:text-opacity-60,
    .xl\:hover\:text-opacity-60:hover,
    .group:hover .xl\:group-hover\:text-opacity-60 {
        --text-opacity: 0.6;
    }
    .xl\:text-opacity-70,
    .xl\:hover\:text-opacity-70:hover,
    .group:hover .xl\:group-hover\:text-opacity-70 {
        --text-opacity: 0.7;
    }
    .xl\:text-opacity-80,
    .xl\:hover\:text-opacity-80:hover,
    .group:hover .xl\:group-hover\:text-opacity-80 {
        --text-opacity: 0.8;
    }
    .xl\:text-opacity-90,
    .xl\:hover\:text-opacity-90:hover,
    .group:hover .xl\:group-hover\:text-opacity-90 {
        --text-opacity: 0.9;
    }
    .xl\:bg-zinc-50,
    .xl\:hover\:bg-zinc-50:hover,
    .group:hover .xl\:group-hover\:bg-zinc-50 {
        background-color: rgba(250, 250, 250, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-100,
    .xl\:hover\:bg-zinc-100:hover,
    .group:hover .xl\:group-hover\:bg-zinc-100 {
        background-color: rgba(244, 244, 245, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-200,
    .xl\:hover\:bg-zinc-200:hover,
    .group:hover .xl\:group-hover\:bg-zinc-200 {
        background-color: rgba(228, 228, 231, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-300,
    .xl\:hover\:bg-zinc-300:hover,
    .group:hover .xl\:group-hover\:bg-zinc-300 {
        background-color: rgba(212, 212, 216, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-400,
    .xl\:hover\:bg-zinc-400:hover,
    .group:hover .xl\:group-hover\:bg-zinc-400 {
        background-color: rgba(161, 161, 170, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-500,
    .xl\:hover\:bg-zinc-500:hover,
    .group:hover .xl\:group-hover\:bg-zinc-500 {
        background-color: rgba(113, 113, 122, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-600,
    .xl\:hover\:bg-zinc-600:hover,
    .group:hover .xl\:group-hover\:bg-zinc-600 {
        background-color: rgba(82, 82, 91, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-700,
    .xl\:hover\:bg-zinc-700:hover,
    .group:hover .xl\:group-hover\:bg-zinc-700 {
        background-color: rgba(63, 63, 70, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-800,
    .xl\:hover\:bg-zinc-800:hover,
    .group:hover .xl\:group-hover\:bg-zinc-800 {
        background-color: rgba(39, 39, 42, var(--bg-opacity, 1));
    }
    .xl\:bg-zinc-900,
    .xl\:hover\:bg-zinc-900:hover,
    .group:hover .xl\:group-hover\:bg-zinc-900 {
        background-color: rgba(24, 24, 27, var(--bg-opacity, 1));
    }
    .xl\:bg-red-50,
    .xl\:hover\:bg-red-50:hover,
    .group:hover .xl\:group-hover\:bg-red-50 {
        background-color: rgba(254, 242, 242, var(--bg-opacity, 1));
    }
    .xl\:bg-red-100,
    .xl\:hover\:bg-red-100:hover,
    .group:hover .xl\:group-hover\:bg-red-100 {
        background-color: rgba(254, 226, 226, var(--bg-opacity, 1));
    }
    .xl\:bg-red-200,
    .xl\:hover\:bg-red-200:hover,
    .group:hover .xl\:group-hover\:bg-red-200 {
        background-color: rgba(254, 202, 202, var(--bg-opacity, 1));
    }
    .xl\:bg-red-300,
    .xl\:hover\:bg-red-300:hover,
    .group:hover .xl\:group-hover\:bg-red-300 {
        background-color: rgba(252, 165, 165, var(--bg-opacity, 1));
    }
    .xl\:bg-red-400,
    .xl\:hover\:bg-red-400:hover,
    .group:hover .xl\:group-hover\:bg-red-400 {
        background-color: rgba(248, 113, 113, var(--bg-opacity, 1));
    }
    .xl\:bg-red-500,
    .xl\:hover\:bg-red-500:hover,
    .group:hover .xl\:group-hover\:bg-red-500 {
        background-color: rgba(239, 68, 68, var(--bg-opacity, 1));
    }
    .xl\:bg-red-600,
    .xl\:hover\:bg-red-600:hover,
    .group:hover .xl\:group-hover\:bg-red-600 {
        background-color: rgba(220, 38, 38, var(--bg-opacity, 1));
    }
    .xl\:bg-red-700,
    .xl\:hover\:bg-red-700:hover,
    .group:hover .xl\:group-hover\:bg-red-700 {
        background-color: rgba(185, 28, 28, var(--bg-opacity, 1));
    }
    .xl\:bg-red-800,
    .xl\:hover\:bg-red-800:hover,
    .group:hover .xl\:group-hover\:bg-red-800 {
        background-color: rgba(153, 27, 27, var(--bg-opacity, 1));
    }
    .xl\:bg-red-900,
    .xl\:hover\:bg-red-900:hover,
    .group:hover .xl\:group-hover\:bg-red-900 {
        background-color: rgba(127, 29, 29, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-50,
    .xl\:hover\:bg-amber-50:hover,
    .group:hover .xl\:group-hover\:bg-amber-50 {
        background-color: rgba(255, 251, 235, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-100,
    .xl\:hover\:bg-amber-100:hover,
    .group:hover .xl\:group-hover\:bg-amber-100 {
        background-color: rgba(254, 243, 199, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-200,
    .xl\:hover\:bg-amber-200:hover,
    .group:hover .xl\:group-hover\:bg-amber-200 {
        background-color: rgba(253, 230, 138, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-300,
    .xl\:hover\:bg-amber-300:hover,
    .group:hover .xl\:group-hover\:bg-amber-300 {
        background-color: rgba(252, 211, 77, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-400,
    .xl\:hover\:bg-amber-400:hover,
    .group:hover .xl\:group-hover\:bg-amber-400 {
        background-color: rgba(251, 191, 36, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-500,
    .xl\:hover\:bg-amber-500:hover,
    .group:hover .xl\:group-hover\:bg-amber-500 {
        background-color: rgba(245, 158, 11, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-600,
    .xl\:hover\:bg-amber-600:hover,
    .group:hover .xl\:group-hover\:bg-amber-600 {
        background-color: rgba(217, 119, 6, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-700,
    .xl\:hover\:bg-amber-700:hover,
    .group:hover .xl\:group-hover\:bg-amber-700 {
        background-color: rgba(180, 83, 9, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-800,
    .xl\:hover\:bg-amber-800:hover,
    .group:hover .xl\:group-hover\:bg-amber-800 {
        background-color: rgba(146, 64, 14, var(--bg-opacity, 1));
    }
    .xl\:bg-amber-900,
    .xl\:hover\:bg-amber-900:hover,
    .group:hover .xl\:group-hover\:bg-amber-900 {
        background-color: rgba(120, 53, 15, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-50,
    .xl\:hover\:bg-yellow-50:hover,
    .group:hover .xl\:group-hover\:bg-yellow-50 {
        background-color: rgba(254, 252, 232, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-100,
    .xl\:hover\:bg-yellow-100:hover,
    .group:hover .xl\:group-hover\:bg-yellow-100 {
        background-color: rgba(254, 249, 195, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-200,
    .xl\:hover\:bg-yellow-200:hover,
    .group:hover .xl\:group-hover\:bg-yellow-200 {
        background-color: rgba(254, 240, 138, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-300,
    .xl\:hover\:bg-yellow-300:hover,
    .group:hover .xl\:group-hover\:bg-yellow-300 {
        background-color: rgba(253, 224, 71, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-400,
    .xl\:hover\:bg-yellow-400:hover,
    .group:hover .xl\:group-hover\:bg-yellow-400 {
        background-color: rgba(250, 204, 21, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-500,
    .xl\:hover\:bg-yellow-500:hover,
    .group:hover .xl\:group-hover\:bg-yellow-500 {
        background-color: rgba(234, 179, 8, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-600,
    .xl\:hover\:bg-yellow-600:hover,
    .group:hover .xl\:group-hover\:bg-yellow-600 {
        background-color: rgba(202, 138, 4, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-700,
    .xl\:hover\:bg-yellow-700:hover,
    .group:hover .xl\:group-hover\:bg-yellow-700 {
        background-color: rgba(161, 98, 7, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-800,
    .xl\:hover\:bg-yellow-800:hover,
    .group:hover .xl\:group-hover\:bg-yellow-800 {
        background-color: rgba(133, 77, 14, var(--bg-opacity, 1));
    }
    .xl\:bg-yellow-900,
    .xl\:hover\:bg-yellow-900:hover,
    .group:hover .xl\:group-hover\:bg-yellow-900 {
        background-color: rgba(113, 63, 18, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-50,
    .xl\:hover\:bg-emerald-50:hover,
    .group:hover .xl\:group-hover\:bg-emerald-50 {
        background-color: rgba(236, 253, 245, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-100,
    .xl\:hover\:bg-emerald-100:hover,
    .group:hover .xl\:group-hover\:bg-emerald-100 {
        background-color: rgba(209, 250, 229, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-200,
    .xl\:hover\:bg-emerald-200:hover,
    .group:hover .xl\:group-hover\:bg-emerald-200 {
        background-color: rgba(167, 243, 208, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-300,
    .xl\:hover\:bg-emerald-300:hover,
    .group:hover .xl\:group-hover\:bg-emerald-300 {
        background-color: rgba(110, 231, 183, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-400,
    .xl\:hover\:bg-emerald-400:hover,
    .group:hover .xl\:group-hover\:bg-emerald-400 {
        background-color: rgba(52, 211, 153, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-500,
    .xl\:hover\:bg-emerald-500:hover,
    .group:hover .xl\:group-hover\:bg-emerald-500 {
        background-color: rgba(16, 185, 129, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-600,
    .xl\:hover\:bg-emerald-600:hover,
    .group:hover .xl\:group-hover\:bg-emerald-600 {
        background-color: rgba(5, 150, 105, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-700,
    .xl\:hover\:bg-emerald-700:hover,
    .group:hover .xl\:group-hover\:bg-emerald-700 {
        background-color: rgba(4, 120, 87, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-800,
    .xl\:hover\:bg-emerald-800:hover,
    .group:hover .xl\:group-hover\:bg-emerald-800 {
        background-color: rgba(6, 95, 70, var(--bg-opacity, 1));
    }
    .xl\:bg-emerald-900,
    .xl\:hover\:bg-emerald-900:hover,
    .group:hover .xl\:group-hover\:bg-emerald-900 {
        background-color: rgba(6, 78, 59, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-50,
    .xl\:hover\:bg-cyan-50:hover,
    .group:hover .xl\:group-hover\:bg-cyan-50 {
        background-color: rgba(236, 254, 255, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-100,
    .xl\:hover\:bg-cyan-100:hover,
    .group:hover .xl\:group-hover\:bg-cyan-100 {
        background-color: rgba(207, 250, 254, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-200,
    .xl\:hover\:bg-cyan-200:hover,
    .group:hover .xl\:group-hover\:bg-cyan-200 {
        background-color: rgba(165, 243, 252, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-300,
    .xl\:hover\:bg-cyan-300:hover,
    .group:hover .xl\:group-hover\:bg-cyan-300 {
        background-color: rgba(103, 232, 249, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-400,
    .xl\:hover\:bg-cyan-400:hover,
    .group:hover .xl\:group-hover\:bg-cyan-400 {
        background-color: rgba(34, 211, 238, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-500,
    .xl\:hover\:bg-cyan-500:hover,
    .group:hover .xl\:group-hover\:bg-cyan-500 {
        background-color: rgba(6, 182, 212, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-600,
    .xl\:hover\:bg-cyan-600:hover,
    .group:hover .xl\:group-hover\:bg-cyan-600 {
        background-color: rgba(8, 145, 178, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-700,
    .xl\:hover\:bg-cyan-700:hover,
    .group:hover .xl\:group-hover\:bg-cyan-700 {
        background-color: rgba(14, 116, 144, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-800,
    .xl\:hover\:bg-cyan-800:hover,
    .group:hover .xl\:group-hover\:bg-cyan-800 {
        background-color: rgba(21, 94, 117, var(--bg-opacity, 1));
    }
    .xl\:bg-cyan-900,
    .xl\:hover\:bg-cyan-900:hover,
    .group:hover .xl\:group-hover\:bg-cyan-900 {
        background-color: rgba(22, 78, 99, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-50,
    .xl\:hover\:bg-blue-50:hover,
    .group:hover .xl\:group-hover\:bg-blue-50 {
        background-color: rgba(239, 246, 255, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-100,
    .xl\:hover\:bg-blue-100:hover,
    .group:hover .xl\:group-hover\:bg-blue-100 {
        background-color: rgba(219, 234, 254, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-200,
    .xl\:hover\:bg-blue-200:hover,
    .group:hover .xl\:group-hover\:bg-blue-200 {
        background-color: rgba(191, 219, 254, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-300,
    .xl\:hover\:bg-blue-300:hover,
    .group:hover .xl\:group-hover\:bg-blue-300 {
        background-color: rgba(147, 197, 253, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-400,
    .xl\:hover\:bg-blue-400:hover,
    .group:hover .xl\:group-hover\:bg-blue-400 {
        background-color: rgba(96, 165, 250, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-500,
    .xl\:hover\:bg-blue-500:hover,
    .group:hover .xl\:group-hover\:bg-blue-500 {
        background-color: rgba(59, 130, 246, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-600,
    .xl\:hover\:bg-blue-600:hover,
    .group:hover .xl\:group-hover\:bg-blue-600 {
        background-color: rgba(37, 99, 235, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-700,
    .xl\:hover\:bg-blue-700:hover,
    .group:hover .xl\:group-hover\:bg-blue-700 {
        background-color: rgba(29, 78, 216, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-800,
    .xl\:hover\:bg-blue-800:hover,
    .group:hover .xl\:group-hover\:bg-blue-800 {
        background-color: rgba(30, 64, 175, var(--bg-opacity, 1));
    }
    .xl\:bg-blue-900,
    .xl\:hover\:bg-blue-900:hover,
    .group:hover .xl\:group-hover\:bg-blue-900 {
        background-color: rgba(30, 58, 138, var(--bg-opacity, 1));
    }
    .xl\:bg-transparent,
    .xl\:hover\:bg-transparent:hover,
    .group:hover .xl\:group-hover\:bg-transparent {
        background-color: rgba(0, 0, 0, 0) !important;
    }
    .xl\:bg-black,
    .xl\:hover\:bg-black:hover,
    .group:hover .xl\:group-hover\:bg-black {
        background-color: rgba(0, 0, 0, var(--bg-opacity, 1));
    }
    .xl\:bg-white,
    .xl\:hover\:bg-white:hover,
    .group:hover .xl\:group-hover\:bg-white {
        background-color: rgba(255, 255, 255, var(--bg-opacity, 1));
    }
    .xl\:bg-opacity-0,
    .xl\:hover\:bg-opacity-0:hover,
    .group:hover .xl\:group-hover\:bg-opacity-0 {
        --bg-opacity: 0;
    }
    .xl\:bg-opacity-5,
    .xl\:hover\:bg-opacity-5:hover,
    .group:hover .xl\:group-hover\:bg-opacity-10 {
        --bg-opacity: 0.05;
    }
    .xl\:bg-opacity-10,
    .xl\:hover\:bg-opacity-10:hover,
    .group:hover .xl\:group-hover\:bg-opacity-10 {
        --bg-opacity: 0.1;
    }
    .xl\:bg-opacity-20,
    .xl\:hover\:bg-opacity-20:hover,
    .group:hover .xl\:group-hover\:bg-opacity-20 {
        --bg-opacity: 0.2;
    }
    .xl\:bg-opacity-30,
    .xl\:hover\:bg-opacity-30:hover,
    .group:hover .xl\:group-hover\:bg-opacity-30 {
        --bg-opacity: 0.3;
    }
    .xl\:bg-opacity-40,
    .xl\:hover\:bg-opacity-40:hover,
    .group:hover .xl\:group-hover\:bg-opacity-40 {
        --bg-opacity: 0.4;
    }
    .xl\:bg-opacity-50,
    .xl\:hover\:bg-opacity-50:hover,
    .group:hover .xl\:group-hover\:bg-opacity-50 {
        --bg-opacity: 0.5;
    }
    .xl\:bg-opacity-60,
    .xl\:hover\:bg-opacity-60:hover,
    .group:hover .xl\:group-hover\:bg-opacity-60 {
        --bg-opacity: 0.6;
    }
    .xl\:bg-opacity-70,
    .xl\:hover\:bg-opacity-70:hover,
    .group:hover .xl\:group-hover\:bg-opacity-70 {
        --bg-opacity: 0.7;
    }
    .xl\:bg-opacity-80,
    .xl\:hover\:bg-opacity-80:hover,
    .group:hover .xl\:group-hover\:bg-opacity-80 {
        --bg-opacity: 0.8;
    }
    .xl\:bg-opacity-90,
    .xl\:hover\:bg-opacity-90:hover,
    .group:hover .xl\:group-hover\:bg-opacity-90 {
        --bg-opacity: 0.9;
    }
    .xl\:border-zinc-50,
    .xl\:hover\:border-zinc-50:hover,
    .group:hover .xl\:group-hover\:border-zinc-50 {
        border-color: rgba(248, 250, 252, var(--border-opacity, 1));
    }
    .xl\:border-zinc-100,
    .xl\:hover\:border-zinc-100:hover,
    .group:hover .xl\:group-hover\:border-zinc-100 {
        border-color: rgba(241, 245, 249, var(--border-opacity, 1));
    }
    .xl\:border-zinc-200,
    .xl\:hover\:border-zinc-200:hover,
    .group:hover .xl\:group-hover\:border-zinc-200 {
        border-color: rgba(226, 232, 240, var(--border-opacity, 1));
    }
    .xl\:border-zinc-300,
    .xl\:hover\:border-zinc-300:hover,
    .group:hover .xl\:group-hover\:border-zinc-300 {
        border-color: rgba(203, 213, 225, var(--border-opacity, 1));
    }
    .xl\:border-zinc-400,
    .xl\:hover\:border-zinc-400:hover,
    .group:hover .xl\:group-hover\:border-zinc-400 {
        border-color: rgba(148, 163, 184, var(--border-opacity, 1));
    }
    .xl\:border-zinc-500,
    .xl\:hover\:border-zinc-500:hover,
    .group:hover .xl\:group-hover\:border-zinc-500 {
        border-color: rgba(100, 116, 139, var(--border-opacity, 1));
    }
    .xl\:border-zinc-600,
    .xl\:hover\:border-zinc-600:hover,
    .group:hover .xl\:group-hover\:border-zinc-600 {
        border-color: rgba(71, 85, 105, var(--border-opacity, 1));
    }
    .xl\:border-zinc-700,
    .xl\:hover\:border-zinc-700:hover,
    .group:hover .xl\:group-hover\:border-zinc-700 {
        border-color: rgba(51, 65, 85, var(--border-opacity, 1));
    }
    .xl\:border-zinc-800,
    .xl\:hover\:border-zinc-800:hover,
    .group:hover .xl\:group-hover\:border-zinc-800 {
        border-color: rgba(30, 41, 59, var(--border-opacity, 1));
    }
    .xl\:border-zinc-900,
    .xl\:hover\:border-zinc-900:hover,
    .group:hover .xl\:group-hover\:border-zinc-900 {
        border-color: rgba(15, 23, 42, var(--border-opacity, 1));
    }
    .xl\:border-red-50,
    .xl\:hover\:border-red-50:hover,
    .group:hover .xl\:group-hover\:border-red-50 {
        border-color: rgba(254, 242, 242, var(--border-opacity, 1));
    }
    .xl\:border-red-100,
    .xl\:hover\:border-red-100:hover,
    .group:hover .xl\:group-hover\:border-red-100 {
        border-color: rgba(254, 226, 226, var(--border-opacity, 1));
    }
    .xl\:border-red-200,
    .xl\:hover\:border-red-200:hover,
    .group:hover .xl\:group-hover\:border-red-200 {
        border-color: rgba(254, 202, 202, var(--border-opacity, 1));
    }
    .xl\:border-red-300,
    .xl\:hover\:border-red-300:hover,
    .group:hover .xl\:group-hover\:border-red-300 {
        border-color: rgba(252, 165, 165, var(--border-opacity, 1));
    }
    .xl\:border-red-400,
    .xl\:hover\:border-red-400:hover,
    .group:hover .xl\:group-hover\:border-red-400 {
        border-color: rgba(248, 113, 113, var(--border-opacity, 1));
    }
    .xl\:border-red-500,
    .xl\:hover\:border-red-500:hover,
    .group:hover .xl\:group-hover\:border-red-500 {
        border-color: rgba(239, 68, 68, var(--border-opacity, 1));
    }
    .xl\:border-red-600,
    .xl\:hover\:border-red-600:hover,
    .group:hover .xl\:group-hover\:border-red-600 {
        border-color: rgba(220, 38, 38, var(--border-opacity, 1));
    }
    .xl\:border-red-700,
    .xl\:hover\:border-red-700:hover,
    .group:hover .xl\:group-hover\:border-red-700 {
        border-color: rgba(185, 28, 28, var(--border-opacity, 1));
    }
    .xl\:border-red-800,
    .xl\:hover\:border-red-800:hover,
    .group:hover .xl\:group-hover\:border-red-800 {
        border-color: rgba(153, 27, 27, var(--border-opacity, 1));
    }
    .xl\:border-red-900,
    .xl\:hover\:border-red-900:hover,
    .group:hover .xl\:group-hover\:border-red-900 {
        border-color: rgba(127, 29, 29, var(--border-opacity, 1));
    }
    .xl\:border-amber-50,
    .xl\:hover\:border-amber-50:hover,
    .group:hover .xl\:group-hover\:border-amber-50 {
        border-color: rgba(255, 251, 235, var(--border-opacity, 1));
    }
    .xl\:border-amber-100,
    .xl\:hover\:border-amber-100:hover,
    .group:hover .xl\:group-hover\:border-amber-100 {
        border-color: rgba(254, 243, 199, var(--border-opacity, 1));
    }
    .xl\:border-amber-200,
    .xl\:hover\:border-amber-200:hover,
    .group:hover .xl\:group-hover\:border-amber-200 {
        border-color: rgba(253, 230, 138, var(--border-opacity, 1));
    }
    .xl\:border-amber-300,
    .xl\:hover\:border-amber-300:hover,
    .group:hover .xl\:group-hover\:border-amber-300 {
        border-color: rgba(252, 211, 77, var(--border-opacity, 1));
    }
    .xl\:border-amber-400,
    .xl\:hover\:border-amber-400:hover,
    .group:hover .xl\:group-hover\:border-amber-400 {
        border-color: rgba(251, 191, 36, var(--border-opacity, 1));
    }
    .xl\:border-amber-500,
    .xl\:hover\:border-amber-500:hover,
    .group:hover .xl\:group-hover\:border-amber-500 {
        border-color: rgba(245, 158, 11, var(--border-opacity, 1));
    }
    .xl\:border-amber-600,
    .xl\:hover\:border-amber-600:hover,
    .group:hover .xl\:group-hover\:border-amber-600 {
        border-color: rgba(217, 119, 6, var(--border-opacity, 1));
    }
    .xl\:border-amber-700,
    .xl\:hover\:border-amber-700:hover,
    .group:hover .xl\:group-hover\:border-amber-700 {
        border-color: rgba(180, 83, 9, var(--border-opacity, 1));
    }
    .xl\:border-amber-800,
    .xl\:hover\:border-amber-800:hover,
    .group:hover .xl\:group-hover\:border-amber-800 {
        border-color: rgba(146, 64, 14, var(--border-opacity, 1));
    }
    .xl\:border-amber-900,
    .xl\:hover\:border-amber-900:hover,
    .group:hover .xl\:group-hover\:border-amber-900 {
        border-color: rgba(120, 53, 15, var(--border-opacity, 1));
    }
    .xl\:border-yellow-50,
    .xl\:hover\:border-yellow-50:hover,
    .group:hover .xl\:group-hover\:border-yellow-50 {
        border-color: rgba(254, 252, 232, var(--border-opacity, 1));
    }
    .xl\:border-yellow-100,
    .xl\:hover\:border-yellow-100:hover,
    .group:hover .xl\:group-hover\:border-yellow-100 {
        border-color: rgba(254, 249, 195, var(--border-opacity, 1));
    }
    .xl\:border-yellow-200,
    .xl\:hover\:border-yellow-200:hover,
    .group:hover .xl\:group-hover\:border-yellow-200 {
        border-color: rgba(254, 240, 138, var(--border-opacity, 1));
    }
    .xl\:border-yellow-300,
    .xl\:hover\:border-yellow-300:hover,
    .group:hover .xl\:group-hover\:border-yellow-300 {
        border-color: rgba(253, 224, 71, var(--border-opacity, 1));
    }
    .xl\:border-yellow-400,
    .xl\:hover\:border-yellow-400:hover,
    .group:hover .xl\:group-hover\:border-yellow-400 {
        border-color: rgba(250, 204, 21, var(--border-opacity, 1));
    }
    .xl\:border-yellow-500,
    .xl\:hover\:border-yellow-500:hover,
    .group:hover .xl\:group-hover\:border-yellow-500 {
        border-color: rgba(234, 179, 8, var(--border-opacity, 1));
    }
    .xl\:border-yellow-600,
    .xl\:hover\:border-yellow-600:hover,
    .group:hover .xl\:group-hover\:border-yellow-600 {
        border-color: rgba(202, 138, 4, var(--border-opacity, 1));
    }
    .xl\:border-yellow-700,
    .xl\:hover\:border-yellow-700:hover,
    .group:hover .xl\:group-hover\:border-yellow-700 {
        border-color: rgba(161, 98, 7, var(--border-opacity, 1));
    }
    .xl\:border-yellow-800,
    .xl\:hover\:border-yellow-800:hover,
    .group:hover .xl\:group-hover\:border-yellow-800 {
        border-color: rgba(133, 77, 14, var(--border-opacity, 1));
    }
    .xl\:border-yellow-900,
    .xl\:hover\:border-yellow-900:hover,
    .group:hover .xl\:group-hover\:border-yellow-900 {
        border-color: rgba(113, 63, 18, var(--border-opacity, 1));
    }
    .xl\:border-emerald-50,
    .xl\:hover\:border-emerald-50:hover,
    .group:hover .xl\:group-hover\:border-emerald-50 {
        border-color: rgba(236, 253, 245, var(--border-opacity, 1));
    }
    .xl\:border-emerald-100,
    .xl\:hover\:border-emerald-100:hover,
    .group:hover .xl\:group-hover\:border-emerald-100 {
        border-color: rgba(209, 250, 229, var(--border-opacity, 1));
    }
    .xl\:border-emerald-200,
    .xl\:hover\:border-emerald-200:hover,
    .group:hover .xl\:group-hover\:border-emerald-200 {
        border-color: rgba(167, 243, 208, var(--border-opacity, 1));
    }
    .xl\:border-emerald-300,
    .xl\:hover\:border-emerald-300:hover,
    .group:hover .xl\:group-hover\:border-emerald-300 {
        border-color: rgba(110, 231, 183, var(--border-opacity, 1));
    }
    .xl\:border-emerald-400,
    .xl\:hover\:border-emerald-400:hover,
    .group:hover .xl\:group-hover\:border-emerald-400 {
        border-color: rgba(52, 211, 153, var(--border-opacity, 1));
    }
    .xl\:border-emerald-500,
    .xl\:hover\:border-emerald-500:hover,
    .group:hover .xl\:group-hover\:border-emerald-500 {
        border-color: rgba(16, 185, 129, var(--border-opacity, 1));
    }
    .xl\:border-emerald-600,
    .xl\:hover\:border-emerald-600:hover,
    .group:hover .xl\:group-hover\:border-emerald-600 {
        border-color: rgba(5, 150, 105, var(--border-opacity, 1));
    }
    .xl\:border-emerald-700,
    .xl\:hover\:border-emerald-700:hover,
    .group:hover .xl\:group-hover\:border-emerald-700 {
        border-color: rgba(4, 120, 87, var(--border-opacity, 1));
    }
    .xl\:border-emerald-800,
    .xl\:hover\:border-emerald-800:hover,
    .group:hover .xl\:group-hover\:border-emerald-800 {
        border-color: rgba(6, 95, 70, var(--border-opacity, 1));
    }
    .xl\:border-emerald-900,
    .xl\:hover\:border-emerald-900:hover,
    .group:hover .xl\:group-hover\:border-emerald-900 {
        border-color: rgba(6, 78, 59, var(--border-opacity, 1));
    }
    .xl\:border-cyan-50,
    .xl\:hover\:border-cyan-50:hover,
    .group:hover .xl\:group-hover\:border-cyan-50 {
        border-color: rgba(236, 254, 255, var(--border-opacity, 1));
    }
    .xl\:border-cyan-100,
    .xl\:hover\:border-cyan-100:hover,
    .group:hover .xl\:group-hover\:border-cyan-100 {
        border-color: rgba(207, 250, 254, var(--border-opacity, 1));
    }
    .xl\:border-cyan-200,
    .xl\:hover\:border-cyan-200:hover,
    .group:hover .xl\:group-hover\:border-cyan-200 {
        border-color: rgba(165, 243, 252, var(--border-opacity, 1));
    }
    .xl\:border-cyan-300,
    .xl\:hover\:border-cyan-300:hover,
    .group:hover .xl\:group-hover\:border-cyan-300 {
        border-color: rgba(103, 232, 249, var(--border-opacity, 1));
    }
    .xl\:border-cyan-400,
    .xl\:hover\:border-cyan-400:hover,
    .group:hover .xl\:group-hover\:border-cyan-400 {
        border-color: rgba(34, 211, 238, var(--border-opacity, 1));
    }
    .xl\:border-cyan-500,
    .xl\:hover\:border-cyan-500:hover,
    .group:hover .xl\:group-hover\:border-cyan-500 {
        border-color: rgba(6, 182, 212, var(--border-opacity, 1));
    }
    .xl\:border-cyan-600,
    .xl\:hover\:border-cyan-600:hover,
    .group:hover .xl\:group-hover\:border-cyan-600 {
        border-color: rgba(8, 145, 178, var(--border-opacity, 1));
    }
    .xl\:border-cyan-700,
    .xl\:hover\:border-cyan-700:hover,
    .group:hover .xl\:group-hover\:border-cyan-700 {
        border-color: rgba(14, 116, 144, var(--border-opacity, 1));
    }
    .xl\:border-cyan-800,
    .xl\:hover\:border-cyan-800:hover,
    .group:hover .xl\:group-hover\:border-cyan-800 {
        border-color: rgba(21, 94, 117, var(--border-opacity, 1));
    }
    .xl\:border-cyan-900,
    .xl\:hover\:border-cyan-900:hover,
    .group:hover .xl\:group-hover\:border-cyan-900 {
        border-color: rgba(22, 78, 99, var(--border-opacity, 1));
    }
    .xl\:border-blue-50,
    .xl\:hover\:border-blue-50:hover,
    .group:hover .xl\:group-hover\:border-blue-50 {
        border-color: rgba(239, 246, 255, var(--border-opacity, 1));
    }
    .xl\:border-blue-100,
    .xl\:hover\:border-blue-100:hover,
    .group:hover .xl\:group-hover\:border-blue-100 {
        border-color: rgba(219, 234, 254, var(--border-opacity, 1));
    }
    .xl\:border-blue-200,
    .xl\:hover\:border-blue-200:hover,
    .group:hover .xl\:group-hover\:border-blue-200 {
        border-color: rgba(191, 219, 254, var(--border-opacity, 1));
    }
    .xl\:border-blue-300,
    .xl\:hover\:border-blue-300:hover,
    .group:hover .xl\:group-hover\:border-blue-300 {
        border-color: rgba(147, 197, 253, var(--border-opacity, 1));
    }
    .xl\:border-blue-400,
    .xl\:hover\:border-blue-400:hover,
    .group:hover .xl\:group-hover\:border-blue-400 {
        border-color: rgba(96, 165, 250, var(--border-opacity, 1));
    }
    .xl\:border-blue-500,
    .xl\:hover\:border-blue-500:hover,
    .group:hover .xl\:group-hover\:border-blue-500 {
        border-color: rgba(59, 130, 246, var(--border-opacity, 1));
    }
    .xl\:border-blue-600,
    .xl\:hover\:border-blue-600:hover,
    .group:hover .xl\:group-hover\:border-blue-600 {
        border-color: rgba(37, 99, 235, var(--border-opacity, 1));
    }
    .xl\:border-blue-700,
    .xl\:hover\:border-blue-700:hover,
    .group:hover .xl\:group-hover\:border-blue-700 {
        border-color: rgba(29, 78, 216, var(--border-opacity, 1));
    }
    .xl\:border-blue-800,
    .xl\:hover\:border-blue-800:hover,
    .group:hover .xl\:group-hover\:border-blue-800 {
        border-color: rgba(30, 64, 175, var(--border-opacity, 1));
    }
    .xl\:border-blue-900,
    .xl\:hover\:border-blue-900:hover,
    .group:hover .xl\:group-hover\:border-blue-900 {
        border-color: rgba(30, 58, 138, var(--border-opacity, 1));
    }
    .xl\:border-transparent,
    .xl\:hover\:border-transparent:hover,
    .group:hover .xl\:group-hover\:border-transparent {
        border-color: rgba(0, 0, 0, 0);
    }
    .xl\:border-black,
    .xl\:hover\:border-black:hover,
    .group:hover .xl\:group-hover\:border-black {
        border-color: rgba(0, 0, 0, var(--border-opacity, 1));
    }
    .xl\:border-white,
    .xl\:hover\:border-white:hover,
    .group:hover .xl\:group-hover\:border-white {
        border-color: rgba(255, 255, 255, var(--border-opacity, 1));
    }
    .xl\:border-opacity-0,
    .xl\:hover\:border-opacity-0:hover,
    .group:hover .xl\:group-hover\:border-opacity-0 {
        --border-opacity: 0;
    }
    .xl\:border-opacity-5,
    .xl\:hover\:border-opacity-10:hover,
    .group:hover .xl\:group-hover\:border-opacity-10 {
        --border-opacity: 0.05;
    }
    .xl\:border-opacity-10,
    .xl\:hover\:border-opacity-10:hover,
    .group:hover .xl\:group-hover\:border-opacity-10 {
        --border-opacity: 0.1;
    }
    .xl\:border-opacity-20,
    .xl\:hover\:border-opacity-20:hover,
    .group:hover .xl\:group-hover\:border-opacity-20 {
        --border-opacity: 0.2;
    }
    .xl\:border-opacity-30,
    .xl\:hover\:border-opacity-30:hover,
    .group:hover .xl\:group-hover\:border-opacity-30 {
        --border-opacity: 0.3;
    }
    .xl\:border-opacity-40,
    .xl\:hover\:border-opacity-40:hover,
    .group:hover .xl\:group-hover\:border-opacity-40 {
        --border-opacity: 0.4;
    }
    .xl\:border-opacity-50,
    .xl\:hover\:border-opacity-50:hover,
    .group:hover .xl\:group-hover\:border-opacity-50 {
        --border-opacity: 0.5;
    }
    .xl\:border-opacity-60,
    .xl\:hover\:border-opacity-60:hover,
    .group:hover .xl\:group-hover\:border-opacity-60 {
        --border-opacity: 0.6;
    }
    .xl\:border-opacity-70,
    .xl\:hover\:border-opacity-70:hover,
    .group:hover .xl\:group-hover\:border-opacity-70 {
        --border-opacity: 0.7;
    }
    .xl\:border-opacity-80,
    .xl\:hover\:border-opacity-80:hover,
    .group:hover .xl\:group-hover\:border-opacity-80 {
        --border-opacity: 0.8;
    }
    .xl\:border-opacity-90,
    .xl\:hover\:border-opacity-90:hover,
    .group:hover .xl\:group-hover\:border-opacity-90 {
        --border-opacity: 0.9;
    }
    .xl\:border-solid {
        border-style: solid;
    }
    .xl\:border-dashed {
        border-style: dashed;
    }
    .xl\:border-dotted {
        border-style: dotted;
    }
    .xl\:border-double {
        border-style: double;
    }
    .xl\:border-hidden {
        border-style: hidden;
    }
    .xl\:border-none {
        border-style: none;
    }
    .xl\:border-0 {
        border-width: 0px;
    }
    .xl\:border {
        border-width: 1px;
    }
    .xl\:border-2 {
        border-width: 2px;
    }
    .xl\:border-3 {
        border-width: 3px;
    }
    .xl\:border-4 {
        border-width: 4px;
    }
    .xl\:border-5 {
        border-width: 5px;
    }
    .xl\:border-6 {
        border-width: 6px;
    }
    .xl\:border-7 {
        border-width: 7px;
    }
    .xl\:border-8 {
        border-width: 8px;
    }
    .xl\:border-t-0 {
        border-top-width: 0px;
    }
    .xl\:border-t {
        border-top-width: 1px;
    }
    .xl\:border-t-2 {
        border-top-width: 2px;
    }
    .xl\:border-t-3 {
        border-top-width: 3px;
    }
    .xl\:border-t-4 {
        border-top-width: 4px;
    }
    .xl\:border-t-5 {
        border-top-width: 5px;
    }
    .xl\:border-t-6 {
        border-top-width: 6px;
    }
    .xl\:border-t-7 {
        border-top-width: 7px;
    }
    .xl\:border-t-8 {
        border-top-width: 8px;
    }
    .xl\:border-r-0 {
        border-right-width: 0px;
    }
    .xl\:border-r {
        border-right-width: 1px;
    }
    .xl\:border-r-2 {
        border-right-width: 2px;
    }
    .xl\:border-r-3 {
        border-right-width: 3px;
    }
    .xl\:border-r-4 {
        border-right-width: 4px;
    }
    .xl\:border-r-5 {
        border-right-width: 5px;
    }
    .xl\:border-r-6 {
        border-right-width: 6px;
    }
    .xl\:border-r-7 {
        border-right-width: 7px;
    }
    .xl\:border-r-8 {
        border-right-width: 8px;
    }
    .xl\:border-b-0 {
        border-bottom-width: 0px;
    }
    .xl\:border-b {
        border-bottom-width: 1px;
    }
    .xl\:border-b-2 {
        border-bottom-width: 2px;
    }
    .xl\:border-b-3 {
        border-bottom-width: 3px;
    }
    .xl\:border-b-4 {
        border-bottom-width: 4px;
    }
    .xl\:border-b-5 {
        border-bottom-width: 5px;
    }
    .xl\:border-b-6 {
        border-bottom-width: 6px;
    }
    .xl\:border-b-7 {
        border-bottom-width: 7px;
    }
    .xl\:border-b-8 {
        border-bottom-width: 8px;
    }
    .xl\:border-l-0 {
        border-left-width: 0px;
    }
    .xl\:border-l {
        border-left-width: 1px;
    }
    .xl\:border-l-2 {
        border-left-width: 2px;
    }
    .xl\:border-l-3 {
        border-left-width: 3px;
    }
    .xl\:border-l-4 {
        border-left-width: 4px;
    }
    .xl\:border-l-5 {
        border-left-width: 5px;
    }
    .xl\:border-l-6 {
        border-left-width: 6px;
    }
    .xl\:border-l-7 {
        border-left-width: 7px;
    }
    .xl\:border-l-8 {
        border-left-width: 8px;
    }
    .xl\:uppercase {
        text-transform: uppercase;
    }
    .xl\:lowercase {
        text-transform: lowercase;
    }
    .xl\:capitalize {
        text-transform: capitalize;
    }
    .xl\:normal-case {
        text-transform: none;
    }
    .xl\:tracking-tighter {
        letter-spacing: var(--tracking-tighter);
    }
    .xl\:tracking-tight {
        letter-spacing: var(--tracking-tight);
    }
    .xl\:tracking-normal {
        letter-spacing: var(--tracking-normal);
    }
    .xl\:tracking-wide {
        letter-spacing: var(--tracking-wide);
    }
    .xl\:tracking-wider {
        letter-spacing: var(--tracking-wider);
    }
    .xl\:tracking-widest {
        letter-spacing: var(--tracking-widest);
    }
    .xl\:text-center {
        text-align: center;
    }
    .xl\:text-justify {
        text-align: justify;
    }
    .xl\:text-start {
        text-align: start;
    }
    .xl\:text-end {
        text-align: end;
    }
    .xl\:align-baseline {
        vertical-align: baseline;
    }
    .xl\:align-top {
        vertical-align: top;
    }
    .xl\:align-middle {
        vertical-align: middle;
    }
    .xl\:align-bottom {
        vertical-align: bottom;
    }
    .xl\:whitespace-normal {
        white-space: normal;
    }
    .xl\:whitespace-nowrap {
        white-space: nowrap;
    }
    .xl\:whitespace-pre {
        white-space: pre;
    }
    .xl\:whitespace-pre-line {
        white-space: pre-line;
    }
    .xl\:whitespace-pre-wrap {
        white-space: pre-wrap;
    }
    .xl\:whitespace-break-spaces {
        white-space: break-spaces;
    }
    .xl\:\!whitespace-normal {
        white-space: normal;
    }
    .xl\:\!whitespace-nowrap {
        white-space: nowrap;
    }
    .xl\:\!whitespace-pre {
        white-space: pre;
    }
    .xl\:\!whitespace-pre-line {
        white-space: pre-line;
    }
    .xl\:\!whitespace-pre-wrap {
        white-space: pre-wrap;
    }
    .xl\:\!whitespace-break-spaces {
        white-space: break-spaces;
    }
    .xl\:break-normal {
        overflow-wrap: normal;
        word-break: normal;
    }
    .xl\:break-words {
        overflow-wrap: break-word;
    }
    .xl\:break-all {
        word-break: break-all;
    }
    .xl\:break-keep {
        word-break: keep-all;
    }
    .xl\:hyphens-none {
        hyphens: none;
    }
    .xl\:hyphens-manual {
        hyphens: manual;
    }
    .xl\:hyphens-auto {
        hyphens: auto;
    }
    .xl\:line-clamp-1 {
        -webkit-line-clamp: 1;
    }
    .xl\:line-clamp-2 {
        -webkit-line-clamp: 2;
    }
    .xl\:line-clamp-3 {
        -webkit-line-clamp: 3;
    }
    .xl\:line-clamp-4 {
        -webkit-line-clamp: 4;
    }
    .xl\:line-clamp-5 {
        -webkit-line-clamp: 5;
    }
    .xl\:border-0 {
        border-width: 0;
    }
    .xl\:border {
        border-width: 1px;
    }
    .xl\:border-l {
        border-left-width: 1px;
    }
    .xl\:border-t {
        border-top-width: 1px;
    }
    .xl\:border-r {
        border-right-width: 1px;
    }
    .xl\:border-b {
        border-bottom-width: 1px;
    }
    .xl\:opacity-0,
    .group:hover .xl\:group-hover\:opacity-0 {
        opacity: 0;
    }
    .xl\:opacity-10,
    .group:hover .xl\:group-hover\:opacity-10 {
        opacity: 0.1;
    }
    .xl\:opacity-20,
    .group:hover .xl\:group-hover\:opacity-20 {
        opacity: 0.2;
    }
    .xl\:opacity-30,
    .group:hover .xl\:group-hover\:opacity-30 {
        opacity: 0.3;
    }
    .xl\:opacity-40,
    .group:hover .xl\:group-hover\:opacity-40 {
        opacity: 0.4;
    }
    .xl\:opacity-50,
    .group:hover .xl\:group-hover\:opacity-50 {
        opacity: 0.5;
    }
    .xl\:opacity-60,
    .group:hover .xl\:group-hover\:opacity-60 {
        opacity: 0.6;
    }
    .xl\:opacity-70,
    .group:hover .xl\:group-hover\:opacity-70 {
        opacity: 0.7;
    }
    .xl\:opacity-80,
    .group:hover .xl\:group-hover\:opacity-80 {
        opacity: 0.8;
    }
    .xl\:opacity-90,
    .group:hover .xl\:group-hover\:opacity-90 {
        opacity: 0.9;
    }
    .xl\:opacity-100,
    .group:hover .xl\:group-hover\:opacity-100 {
        opacity: 1;
    }
    .xl\:rounded-none {
        border-radius: var(--rounded-none);
    }
    .xl\:rounded-sm {
        border-radius: var(--rounded-sm);
    }
    .xl\:rounded {
        border-radius: var(--rounded);
    }
    .xl\:rounded-md {
        border-radius: var(--rounded-md);
    }
    .xl\:rounded-lg {
        border-radius: var(--rounded-lg);
    }
    .xl\:rounded-xl {
        border-radius: var(--rounded-xl);
    }
    .xl\:rounded-2xl {
        border-radius: var(--rounded-2xl);
    }
    .xl\:rounded-3xl {
        border-radius: var(--rounded-3xl);
    }
    .xl\:rounded-full {
        border-radius: var(--rounded-full);
    }
    .xl\:rounded-t-none {
        border-top-left-radius: var(--rounded-none);
        border-top-right-radius: var(--rounded-none);
    }
    .xl\:rounded-t-sm {
        border-top-left-radius: var(--rounded-sm);
        border-top-right-radius: var(--rounded-sm);
    }
    .xl\:rounded-t {
        border-top-left-radius: var(--rounded);
        border-top-right-radius: var(--rounded);
    }
    .xl\:rounded-t-md {
        border-top-left-radius: var(--rounded-md);
        border-top-right-radius: var(--rounded-md);
    }
    .xl\:rounded-t-lg {
        border-top-left-radius: var(--rounded-tg);
        border-top-right-radius: var(--rounded-tg);
    }
    .xl\:rounded-t-xl {
        border-top-left-radius: var(--rounded-xl);
        border-top-right-radius: var(--rounded-xl);
    }
    .xl\:rounded-t-2xl {
        border-top-left-radius: var(--rounded-2xl);
        border-top-right-radius: var(--rounded-2xl);
    }
    .xl\:rounded-t-3xl {
        border-top-left-radius: var(--rounded-3xl);
        border-top-right-radius: var(--rounded-3xl);
    }
    .xl\:rounded-t-full {
        border-top-left-radius: var(--rounded-full);
        border-top-right-radius: var(--rounded-full);
    }
    .xl\:rounded-l-none {
        border-top-left-radius: var(--rounded-none);
        border-bottom-left-radius: var(--rounded-none);
    }
    .xl\:rounded-l-sm {
        border-top-left-radius: var(--rounded-sm);
        border-bottom-left-radius: var(--rounded-sm);
    }
    .xl\:rounded-l {
        border-top-left-radius: var(--rounded);
        border-bottom-left-radius: var(--rounded);
    }
    .xl\:rounded-l-md {
        border-top-left-radius: var(--rounded-md);
        border-bottom-left-radius: var(--rounded-md);
    }
    .xl\:rounded-l-lg {
        border-top-left-radius: var(--rounded-lg);
        border-bottom-left-radius: var(--rounded-lg);
    }
    .xl\:rounded-l-xl {
        border-top-left-radius: var(--rounded-xl);
        border-bottom-left-radius: var(--rounded-xl);
    }
    .xl\:rounded-l-2xl {
        border-top-left-radius: var(--rounded-2xl);
        border-bottom-left-radius: var(--rounded-2xl);
    }
    .xl\:rounded-l-3xl {
        border-top-left-radius: var(--rounded-3xl);
        border-bottom-left-radius: var(--rounded-3xl);
    }
    .xl\:rounded-l-full {
        border-top-left-radius: var(--rounded-full);
        border-bottom-left-radius: var(--rounded-full);
    }
    .xl\:rounded-r-none {
        border-top-right-radius: var(--rounded-none);
        border-bottom-right-radius: var(--rounded-none);
    }
    .xl\:rounded-r-sm {
        border-top-right-radius: var(--rounded-sm);
        border-bottom-right-radius: var(--rounded-sm);
    }
    .xl\:rounded-r {
        border-top-right-radius: var(--rounded);
        border-bottom-right-radius: var(--rounded);
    }
    .xl\:rounded-r-md {
        border-top-right-radius: var(--rounded-md);
        border-bottom-right-radius: var(--rounded-md);
    }
    .xl\:rounded-r-lg {
        border-top-right-radius: var(--rounded-lg);
        border-bottom-right-radius: var(--rounded-lg);
    }
    .xl\:rounded-r-xl {
        border-top-right-radius: var(--rounded-xl);
        border-bottom-right-radius: var(--rounded-xl);
    }
    .xl\:rounded-r-2xl {
        border-top-right-radius: var(--rounded-2xl);
        border-bottom-right-radius: var(--rounded-2xl);
    }
    .xl\:rounded-r-3xl {
        border-top-right-radius: var(--rounded-3xl);
        border-bottom-right-radius: var(--rounded-3xl);
    }
    .xl\:rounded-r-full {
        border-top-right-radius: var(--rounded-full);
        border-bottom-right-radius: var(--rounded-full);
    }
    .xl\:aspect-square {
        aspect-ratio: 1/1;
    }
    .xl\:aspect-video {
        aspect-ratio: 16/9;
    }
    .xl\:object-cover {
        object-fit: cover;
    }
    .xl\:object-contain {
        object-fit: contain;
    }
    .xl\:object-center {
        object-position: center;
    }
    .xl\:object-bottom {
        object-position: bottom;
    }
    .xl\:object-left {
        object-position: left;
    }
    .xl\:object-left-bottom {
        object-position: left bottom;
    }
    .xl\:object-left-top {
        object-position: left top;
    }
    .xl\:object-right {
        object-position: right;
    }
    .xl\:object-right-bottom {
        object-position: right bottom;
    }
    .xl\:object-right-top {
        object-position: right top;
    }
    .xl\:object-top {
        object-position: top;
    }
    .xl\:overflow-auto {
        overflow: auto;
    }
    .xl\:overflow-hidden {
        overflow: hidden;
    }
    .xl\:overflow-clip {
        overflow: clip;
    }
    .xl\:overflow-visible {
        overflow: visible;
    }
    .xl\:overflow-scroll {
        overflow: scroll;
    }
    .xl\:overflow-x-auto {
        overflow-x: auto;
    }
    .xl\:overflow-y-auto {
        overflow-y: auto;
    }
    .xl\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .xl\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .xl\:overflow-x-clip {
        overflow-x: clip;
    }
    .xl\:overflow-y-clip {
        overflow-y: clip;
    }
    .xl\:overflow-x-visible {
        overflow-x: visible;
    }
    .xl\:overflow-y-visible {
        overflow-y: visible;
    }
    .xl\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .xl\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .xl\:isolate {
        isolation: isolate;
    }
    .xl\:static {
        position: static;
    }
    .xl\:fixed {
        position: fixed;
    }
    .xl\:absolute {
        position: absolute;
    }
    .xl\:relative {
        position: relative;
    }
    .xl\:sticky {
        position: sticky;
    }
    .xl\:inset-0 {
        inset: 0px;
    }
    .xl\:inset-px {
        inset: 1px;
    }
    .xl\:inset-0\.5 {
        inset: var(--size-0\5);
    }
    .xl\:inset-1 {
        inset: var(--size-1);
    }
    .xl\:inset-1\.5 {
        inset: var(--size-1\5);
    }
    .xl\:inset-2 {
        inset: var(--size-2);
    }
    .xl\:inset-2\.5 {
        inset: var(--size-2\5);
    }
    .xl\:inset-3 {
        inset: var(--size-3);
    }
    .xl\:inset-3\.5 {
        inset: var(--size-3\5);
    }
    .xl\:inset-4 {
        inset: var(--size-4);
    }
    .xl\:inset-5 {
        inset: var(--size-5);
    }
    .xl\:inset-6 {
        inset: var(--size-6);
    }
    .xl\:inset-7 {
        inset: var(--size-7);
    }
    .xl\:inset-8 {
        inset: var(--size-8);
    }
    .xl\:inset-9 {
        inset: var(--size-9);
    }
    .xl\:inset-x-0 {
        inset-inline: 0;
    }
    .xl\:inset-y-0 {
        inset-block: 0;
    }
    .xl\:inset-x-auto {
        inset-inline: auto;
    }
    .xl\:inset-y-auto {
        inset-block: auto;
    }
    .xl\:inset-auto {
        inset: auto;
    }
    .xl\:top-auto {
        top: auto;
    }
    .xl\:top-0 {
        top: 0px;
    }
    .xl\:top-px {
        top: 1px;
    }
    .xl\:top-0\.5 {
        top: var(--size-0\5);
    }
    .xl\:top-1 {
        top: var(--size-1);
    }
    .xl\:top-1\.5 {
        top: var(--size-1\5);
    }
    .xl\:top-2 {
        top: var(--size-2);
    }
    .xl\:top-2\.5 {
        top: var(--size-2\5);
    }
    .xl\:top-3 {
        top: var(--size-3);
    }
    .xl\:top-3\.5 {
        top: var(--size-3\5);
    }
    .xl\:top-4 {
        top: var(--size-4);
    }
    .xl\:top-5 {
        top: var(--size-5);
    }
    .xl\:top-6 {
        top: var(--size-6);
    }
    .xl\:top-7 {
        top: var(--size-7);
    }
    .xl\:top-8 {
        top: var(--size-8);
    }
    .xl\:top-9 {
        top: var(--size-9);
    }
    .xl\:top-10 {
        top: var(--size-10);
    }
    .xl\:top-11 {
        top: var(--size-11);
    }
    .xl\:top-12 {
        top: var(--size-12);
    }
    .xl\:top-14 {
        top: var(--size-15);
    }
    .xl\:top-16 {
        top: var(--size-16);
    }
    .xl\:top-20 {
        top: var(--size-20);
    }
    .xl\:top-24 {
        top: var(--size-24);
    }
    .xl\:top-28 {
        top: var(--size-28);
    }
    .xl\:top-32 {
        top: var(--size-32);
    }
    .xl\:top-36 {
        top: var(--size-36);
    }
    .xl\:top-40 {
        top: var(--size-40);
    }
    .xl\:top-44 {
        top: var(--size-44);
    }
    .xl\:top-48 {
        top: var(--size-48);
    }
    .xl\:top-52 {
        top: var(--size-52);
    }
    .xl\:top-56 {
        top: var(--size-56);
    }
    .xl\:top-60 {
        top: var(--size-60);
    }
    .xl\:-top-0\.5 {
        top: calc(var(--size-0\5) * -1);
    }
    .xl\:-top-1 {
        top: calc(var(--size-1) * -1);
    }
    .xl\:-top-1\.5 {
        top: calc(var(--size-1\5) * -1);
    }
    .xl\:-top-2 {
        top: calc(var(--size-2) * -1);
    }
    .xl\:-top-2\.5 {
        top: calc(var(--size-2\5) * -1);
    }
    .xl\:-top-3 {
        top: calc(var(--size-3) * -1);
    }
    .xl\:-top-3\.5 {
        top: calc(var(--size-3\5) * -1);
    }
    .xl\:-top-4 {
        top: calc(var(--size-4) * -1);
    }
    .xl\:-top-5 {
        top: calc(var(--size-5) * -1);
    }
    .xl\:-top-6 {
        top: calc(var(--size-6) * -1);
    }
    .xl\:-top-7 {
        top: calc(var(--size-7) * -1);
    }
    .xl\:-top-8 {
        top: calc(var(--size-8) * -1);
    }
    .xl\:-top-9 {
        top: calc(var(--size-9) * -1);
    }
    .xl\:-top-10 {
        top: calc(var(--size-10) * -1);
    }
    .xl\:-top-11 {
        top: calc(var(--size-11) * -1);
    }
    .xl\:-top-12 {
        top: calc(var(--size-12) * -1);
    }
    .xl\:-top-14 {
        top: calc(var(--size-15) * -1);
    }
    .xl\:-top-16 {
        top: calc(var(--size-16) * -1);
    }
    .xl\:-top-20 {
        top: calc(var(--size-20) * -1);
    }
    .xl\:-top-24 {
        top: calc(var(--size-24) * -1);
    }
    .xl\:-top-28 {
        top: calc(var(--size-28) * -1);
    }
    .xl\:-top-32 {
        top: calc(var(--size-32) * -1);
    }
    .xl\:-top-36 {
        top: calc(var(--size-36) * -1);
    }
    .xl\:-top-40 {
        top: calc(var(--size-40) * -1);
    }
    .xl\:-top-44 {
        top: calc(var(--size-44) * -1);
    }
    .xl\:-top-48 {
        top: calc(var(--size-48) * -1);
    }
    .xl\:-top-52 {
        top: calc(var(--size-52) * -1);
    }
    .xl\:-top-56 {
        top: calc(var(--size-56) * -1);
    }
    .xl\:-top-60 {
        top: calc(var(--size-60) * -1);
    }
    .xl\:right-auto {
        right: auto;
    }
    .xl\:right-0 {
        right: 0px;
    }
    .xl\:right-px {
        right: 1px;
    }
    .xl\:right-0\.5 {
        right: var(--size-0\5);
    }
    .xl\:right-1 {
        right: var(--size-1);
    }
    .xl\:right-1\.5 {
        right: var(--size-1\5);
    }
    .xl\:right-2 {
        right: var(--size-2);
    }
    .xl\:right-2\.5 {
        right: var(--size-2\5);
    }
    .xl\:right-3 {
        right: var(--size-3);
    }
    .xl\:right-3\.5 {
        right: var(--size-3\5);
    }
    .xl\:right-4 {
        right: var(--size-4);
    }
    .xl\:right-5 {
        right: var(--size-5);
    }
    .xl\:right-6 {
        right: var(--size-6);
    }
    .xl\:right-7 {
        right: var(--size-7);
    }
    .xl\:right-8 {
        right: var(--size-8);
    }
    .xl\:right-9 {
        right: var(--size-9);
    }
    .xl\:right-10 {
        right: var(--size-10);
    }
    .xl\:right-11 {
        right: var(--size-11);
    }
    .xl\:right-12 {
        right: var(--size-12);
    }
    .xl\:right-14 {
        right: var(--size-15);
    }
    .xl\:right-16 {
        right: var(--size-16);
    }
    .xl\:right-20 {
        right: var(--size-20);
    }
    .xl\:right-24 {
        right: var(--size-24);
    }
    .xl\:right-28 {
        right: var(--size-28);
    }
    .xl\:right-32 {
        right: var(--size-32);
    }
    .xl\:right-36 {
        right: var(--size-36);
    }
    .xl\:right-40 {
        right: var(--size-40);
    }
    .xl\:right-44 {
        right: var(--size-44);
    }
    .xl\:right-48 {
        right: var(--size-48);
    }
    .xl\:right-52 {
        right: var(--size-52);
    }
    .xl\:right-56 {
        right: var(--size-56);
    }
    .xl\:right-60 {
        right: var(--size-60);
    }
    .xl\:-right-0\.5 {
        right: calc(var(--size-0\5) * -1);
    }
    .xl\:-right-1 {
        right: calc(var(--size-1) * -1);
    }
    .xl\:-right-1\.5 {
        right: calc(var(--size-1\5) * -1);
    }
    .xl\:-right-2 {
        right: calc(var(--size-2) * -1);
    }
    .xl\:-right-2\.5 {
        right: calc(var(--size-2\5) * -1);
    }
    .xl\:-right-3 {
        right: calc(var(--size-3) * -1);
    }
    .xl\:-right-3\.5 {
        right: calc(var(--size-3\5) * -1);
    }
    .xl\:-right-4 {
        right: calc(var(--size-4) * -1);
    }
    .xl\:-right-5 {
        right: calc(var(--size-5) * -1);
    }
    .xl\:-right-6 {
        right: calc(var(--size-6) * -1);
    }
    .xl\:-right-7 {
        right: calc(var(--size-7) * -1);
    }
    .xl\:-right-8 {
        right: calc(var(--size-8) * -1);
    }
    .xl\:-right-9 {
        right: calc(var(--size-9) * -1);
    }
    .xl\:-right-10 {
        right: calc(var(--size-10) * -1);
    }
    .xl\:-right-11 {
        right: calc(var(--size-11) * -1);
    }
    .xl\:-right-12 {
        right: calc(var(--size-12) * -1);
    }
    .xl\:-right-14 {
        right: calc(var(--size-15) * -1);
    }
    .xl\:-right-16 {
        right: calc(var(--size-16) * -1);
    }
    .xl\:-right-20 {
        right: calc(var(--size-20) * -1);
    }
    .xl\:-right-24 {
        right: calc(var(--size-24) * -1);
    }
    .xl\:-right-28 {
        right: calc(var(--size-28) * -1);
    }
    .xl\:-right-32 {
        right: calc(var(--size-32) * -1);
    }
    .xl\:-right-36 {
        right: calc(var(--size-36) * -1);
    }
    .xl\:-right-40 {
        right: calc(var(--size-40) * -1);
    }
    .xl\:-right-44 {
        right: calc(var(--size-44) * -1);
    }
    .xl\:-right-48 {
        right: calc(var(--size-48) * -1);
    }
    .xl\:-right-52 {
        right: calc(var(--size-52) * -1);
    }
    .xl\:-right-56 {
        right: calc(var(--size-56) * -1);
    }
    .xl\:-right-60 {
        right: calc(var(--size-60) * -1);
    }
    .xl\:bottom-auto {
        bottom: auto;
    }
    .xl\:bottom-0 {
        bottom: 0px;
    }
    .xl\:bottom-px {
        bottom: 1px;
    }
    .xl\:bottom-0\.5 {
        bottom: var(--size-0\5);
    }
    .xl\:bottom-1 {
        bottom: var(--size-1);
    }
    .xl\:bottom-1\.5 {
        bottom: var(--size-1\5);
    }
    .xl\:bottom-2 {
        bottom: var(--size-2);
    }
    .xl\:bottom-2\.5 {
        bottom: var(--size-2\5);
    }
    .xl\:bottom-3 {
        bottom: var(--size-3);
    }
    .xl\:bottom-3\.5 {
        bottom: var(--size-3\5);
    }
    .xl\:bottom-4 {
        bottom: var(--size-4);
    }
    .xl\:bottom-5 {
        bottom: var(--size-5);
    }
    .xl\:bottom-6 {
        bottom: var(--size-6);
    }
    .xl\:bottom-7 {
        bottom: var(--size-7);
    }
    .xl\:bottom-8 {
        bottom: var(--size-8);
    }
    .xl\:bottom-9 {
        bottom: var(--size-9);
    }
    .xl\:bottom-10 {
        bottom: var(--size-10);
    }
    .xl\:bottom-11 {
        bottom: var(--size-11);
    }
    .xl\:bottom-12 {
        bottom: var(--size-12);
    }
    .xl\:bottom-14 {
        bottom: var(--size-15);
    }
    .xl\:bottom-16 {
        bottom: var(--size-16);
    }
    .xl\:bottom-20 {
        bottom: var(--size-20);
    }
    .xl\:bottom-24 {
        bottom: var(--size-24);
    }
    .xl\:bottom-28 {
        bottom: var(--size-28);
    }
    .xl\:bottom-32 {
        bottom: var(--size-32);
    }
    .xl\:bottom-36 {
        bottom: var(--size-36);
    }
    .xl\:bottom-40 {
        bottom: var(--size-40);
    }
    .xl\:bottom-44 {
        bottom: var(--size-44);
    }
    .xl\:bottom-48 {
        bottom: var(--size-48);
    }
    .xl\:bottom-52 {
        bottom: var(--size-52);
    }
    .xl\:bottom-56 {
        bottom: var(--size-56);
    }
    .xl\:bottom-60 {
        bottom: var(--size-60);
    }
    .xl\:-bottom-0\.5 {
        bottom: calc(var(--size-0\5) * -1);
    }
    .xl\:-bottom-1 {
        bottom: calc(var(--size-1) * -1);
    }
    .xl\:-bottom-1\.5 {
        bottom: calc(var(--size-1\5) * -1);
    }
    .xl\:-bottom-2 {
        bottom: calc(var(--size-2) * -1);
    }
    .xl\:-bottom-2\.5 {
        bottom: calc(var(--size-2\5) * -1);
    }
    .xl\:-bottom-3 {
        bottom: calc(var(--size-3) * -1);
    }
    .xl\:-bottom-3\.5 {
        bottom: calc(var(--size-3\5) * -1);
    }
    .xl\:-bottom-4 {
        bottom: calc(var(--size-4) * -1);
    }
    .xl\:-bottom-5 {
        bottom: calc(var(--size-5) * -1);
    }
    .xl\:-bottom-6 {
        bottom: calc(var(--size-6) * -1);
    }
    .xl\:-bottom-7 {
        bottom: calc(var(--size-7) * -1);
    }
    .xl\:-bottom-8 {
        bottom: calc(var(--size-8) * -1);
    }
    .xl\:-bottom-9 {
        bottom: calc(var(--size-9) * -1);
    }
    .xl\:-bottom-10 {
        bottom: calc(var(--size-10) * -1);
    }
    .xl\:-bottom-11 {
        bottom: calc(var(--size-11) * -1);
    }
    .xl\:-bottom-12 {
        bottom: calc(var(--size-12) * -1);
    }
    .xl\:-bottom-14 {
        bottom: calc(var(--size-15) * -1);
    }
    .xl\:-bottom-16 {
        bottom: calc(var(--size-16) * -1);
    }
    .xl\:-bottom-20 {
        bottom: calc(var(--size-20) * -1);
    }
    .xl\:-bottom-24 {
        bottom: calc(var(--size-24) * -1);
    }
    .xl\:-bottom-28 {
        bottom: calc(var(--size-28) * -1);
    }
    .xl\:-bottom-32 {
        bottom: calc(var(--size-32) * -1);
    }
    .xl\:-bottom-36 {
        bottom: calc(var(--size-36) * -1);
    }
    .xl\:-bottom-40 {
        bottom: calc(var(--size-40) * -1);
    }
    .xl\:-bottom-44 {
        bottom: calc(var(--size-44) * -1);
    }
    .xl\:-bottom-48 {
        bottom: calc(var(--size-48) * -1);
    }
    .xl\:-bottom-52 {
        bottom: calc(var(--size-52) * -1);
    }
    .xl\:-bottom-56 {
        bottom: calc(var(--size-56) * -1);
    }
    .xl\:-bottom-60 {
        bottom: calc(var(--size-60) * -1);
    }
    .xl\:left-auto {
        left: auto;
    }
    .xl\:left-0 {
        left: 0px;
    }
    .xl\:left-px {
        left: 1px;
    }
    .xl\:left-0\.5 {
        left: var(--size-0\5);
    }
    .xl\:left-1 {
        left: var(--size-1);
    }
    .xl\:left-1\.5 {
        left: var(--size-1\5);
    }
    .xl\:left-2 {
        left: var(--size-2);
    }
    .xl\:left-2\.5 {
        left: var(--size-2\5);
    }
    .xl\:left-3 {
        left: var(--size-3);
    }
    .xl\:left-3\.5 {
        left: var(--size-3\5);
    }
    .xl\:left-4 {
        left: var(--size-4);
    }
    .xl\:left-5 {
        left: var(--size-5);
    }
    .xl\:left-6 {
        left: var(--size-6);
    }
    .xl\:left-7 {
        left: var(--size-7);
    }
    .xl\:left-8 {
        left: var(--size-8);
    }
    .xl\:left-9 {
        left: var(--size-9);
    }
    .xl\:left-10 {
        left: var(--size-10);
    }
    .xl\:left-11 {
        left: var(--size-11);
    }
    .xl\:left-12 {
        left: var(--size-12);
    }
    .xl\:left-14 {
        left: var(--size-15);
    }
    .xl\:left-16 {
        left: var(--size-16);
    }
    .xl\:left-20 {
        left: var(--size-20);
    }
    .xl\:left-24 {
        left: var(--size-24);
    }
    .xl\:left-28 {
        left: var(--size-28);
    }
    .xl\:left-32 {
        left: var(--size-32);
    }
    .xl\:left-36 {
        left: var(--size-36);
    }
    .xl\:left-40 {
        left: var(--size-40);
    }
    .xl\:left-44 {
        left: var(--size-44);
    }
    .xl\:left-48 {
        left: var(--size-48);
    }
    .xl\:left-52 {
        left: var(--size-52);
    }
    .xl\:left-56 {
        left: var(--size-56);
    }
    .xl\:left-60 {
        left: var(--size-60);
    }
    .xl\:-left-0\.5 {
        left: calc(var(--size-0\5) * -1);
    }
    .xl\:-left-1 {
        left: calc(var(--size-1) * -1);
    }
    .xl\:-left-1\.5 {
        left: calc(var(--size-1\5) * -1);
    }
    .xl\:-left-2 {
        left: calc(var(--size-2) * -1);
    }
    .xl\:-left-2\.5 {
        left: calc(var(--size-2\5) * -1);
    }
    .xl\:-left-3 {
        left: calc(var(--size-3) * -1);
    }
    .xl\:-left-3\.5 {
        left: calc(var(--size-3\5) * -1);
    }
    .xl\:-left-4 {
        left: calc(var(--size-4) * -1);
    }
    .xl\:-left-5 {
        left: calc(var(--size-5) * -1);
    }
    .xl\:-left-6 {
        left: calc(var(--size-6) * -1);
    }
    .xl\:-left-7 {
        left: calc(var(--size-7) * -1);
    }
    .xl\:-left-8 {
        left: calc(var(--size-8) * -1);
    }
    .xl\:-left-9 {
        left: calc(var(--size-9) * -1);
    }
    .xl\:-left-10 {
        left: calc(var(--size-10) * -1);
    }
    .xl\:-left-11 {
        left: calc(var(--size-11) * -1);
    }
    .xl\:-left-12 {
        left: calc(var(--size-12) * -1);
    }
    .xl\:-left-14 {
        left: calc(var(--size-15) * -1);
    }
    .xl\:-left-16 {
        left: calc(var(--size-16) * -1);
    }
    .xl\:-left-20 {
        left: calc(var(--size-20) * -1);
    }
    .xl\:-left-24 {
        left: calc(var(--size-24) * -1);
    }
    .xl\:-left-28 {
        left: calc(var(--size-28) * -1);
    }
    .xl\:-left-32 {
        left: calc(var(--size-32) * -1);
    }
    .xl\:-left-36 {
        left: calc(var(--size-36) * -1);
    }
    .xl\:-left-40 {
        left: calc(var(--size-40) * -1);
    }
    .xl\:-left-44 {
        left: calc(var(--size-44) * -1);
    }
    .xl\:-left-48 {
        left: calc(var(--size-48) * -1);
    }
    .xl\:-left-52 {
        left: calc(var(--size-52) * -1);
    }
    .xl\:-left-56 {
        left: calc(var(--size-56) * -1);
    }
    .xl\:-left-60 {
        left: calc(var(--size-60) * -1);
    }
    .xl\:mix-blend-normal {
        mix-blend-mode: normal;
    }
    .xl\:mix-blend-multiply {
        mix-blend-mode: multiply;
    }
    .xl\:mix-blend-screen {
        mix-blend-mode: screen;
    }
    .xl\:mix-blend-overlay {
        mix-blend-mode: overlay;
    }
    .xl\:mix-blend-darken {
        mix-blend-mode: darken;
    }
    .xl\:mix-blend-lighten {
        mix-blend-mode: lighten;
    }
    .xl\:mix-blend-color-dodge {
        mix-blend-mode: color-dodge;
    }
    .xl\:mix-blend-color-burn {
        mix-blend-mode: color-burn;
    }
    .xl\:mix-blend-hard-light {
        mix-blend-mode: hard-light;
    }
    .xl\:mix-blend-soft-light {
        mix-blend-mode: soft-light;
    }
    .xl\:mix-blend-difference {
        mix-blend-mode: difference;
    }
    .xl\:mix-blend-exclusion {
        mix-blend-mode: exclusion;
    }
    .xl\:mix-blend-hue {
        mix-blend-mode: hue;
    }
    .xl\:mix-blend-saturation {
        mix-blend-mode: saturation;
    }
    .xl\:mix-blend-color {
        mix-blend-mode: color;
    }
    .xl\:mix-blend-luminosity {
        mix-blend-mode: luminosity;
    }
    .xl\:mix-blend-plus-lighter {
        mix-blend-mode: plus-lighter;
    }
    .xl\:bg-gradient-to-l {
        background-image: linear-gradient(to left, var(--gradient-stops));
    }
    .xl\:bg-gradient-to-t {
        background-image: linear-gradient(to top, var(--gradient-stops));
    }
    .xl\:bg-gradient-to-r {
        background-image: linear-gradient(to right, var(--gradient-stops));
    }
    .xl\:bg-gradient-to-b {
        background-image: linear-gradient(to bottom, var(--gradient-stops));
    }
    .xl\:from-red-50 {
        --gradient-from: var(--red-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 242, 242, 0));
    }
    .xl\:from-red-100 {
        --gradient-from: var(--red-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 226, 226, 0));
    }
    .xl\:from-red-200 {
        --gradient-from: var(--red-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 202, 202, 0));
    }
    .xl\:from-red-300 {
        --gradient-from: var(--red-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(252, 165, 165, 0));
    }
    .xl\:from-red-400 {
        --gradient-from: var(--red-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(248, 113, 113, 0));
    }
    .xl\:from-red-500 {
        --gradient-from: var(--red-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(239, 68, 68, 0));
    }
    .xl\:from-red-600 {
        --gradient-from: var(--red-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(220, 38, 38, 0));
    }
    .xl\:from-red-700 {
        --gradient-from: var(--red-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(185, 28, 28, 0));
    }
    .xl\:from-red-800 {
        --gradient-from: var(--red-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(153, 27, 27, 0));
    }
    .xl\:from-red-900 {
        --gradient-from: var(--red-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(127, 29, 29, 0));
    }
    .xl\:from-amber-50 {
        --gradient-from: var(--amber-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 251, 235, 0));
    }
    .xl\:from-amber-100 {
        --gradient-from: var(--amber-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 243, 199, 0));
    }
    .xl\:from-amber-200 {
        --gradient-from: var(--amber-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(253, 230, 138, 0));
    }
    .xl\:from-amber-300 {
        --gradient-from: var(--amber-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(252, 211, 77, 0));
    }
    .xl\:from-amber-400 {
        --gradient-from: var(--amber-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(251, 191, 36, 0));
    }
    .xl\:from-amber-500 {
        --gradient-from: var(--amber-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(245, 158, 11, 0));
    }
    .xl\:from-amber-600 {
        --gradient-from: var(--amber-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(217, 119, 6, 0));
    }
    .xl\:from-amber-700 {
        --gradient-from: var(--amber-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(180, 83, 9, 0));
    }
    .xl\:from-amber-800 {
        --gradient-from: var(--amber-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(146, 64, 14, 0));
    }
    .xl\:from-amber-900 {
        --gradient-from: var(--amber-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(120, 53, 15, 0));
    }
    .xl\:from-yellow-50 {
        --gradient-from: var(--yellow-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 252, 232, 0));
    }
    .xl\:from-yellow-100 {
        --gradient-from: var(--yellow-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 249, 195, 0));
    }
    .xl\:from-yellow-200 {
        --gradient-from: var(--yellow-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 240, 138, 0));
    }
    .xl\:from-yellow-300 {
        --gradient-from: var(--yellow-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(253, 224, 71, 0));
    }
    .xl\:from-yellow-400 {
        --gradient-from: var(--yellow-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(250, 204, 21, 0));
    }
    .xl\:from-yellow-500 {
        --gradient-from: var(--yellow-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(234, 179, 8, 0));
    }
    .xl\:from-yellow-600 {
        --gradient-from: var(--yellow-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(202, 138, 4, 0));
    }
    .xl\:from-yellow-700 {
        --gradient-from: var(--yellow-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(161, 98, 7, 0));
    }
    .xl\:from-yellow-800 {
        --gradient-from: var(--yellow-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(133, 77, 14, 0));
    }
    .xl\:from-yellow-900 {
        --gradient-from: var(--yellow-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(113, 63, 18, 0));
    }
    .xl\:from-emerald-50 {
        --gradient-from: var(--emerald-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(236, 253, 245, 0));
    }
    .xl\:from-emerald-100 {
        --gradient-from: var(--emerald-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(209, 250, 229, 0));
    }
    .xl\:from-emerald-200 {
        --gradient-from: var(--emerald-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(167, 243, 208, 0));
    }
    .xl\:from-emerald-300 {
        --gradient-from: var(--emerald-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(110, 231, 183, 0));
    }
    .xl\:from-emerald-400 {
        --gradient-from: var(--emerald-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(52, 211, 153, 0));
    }
    .xl\:from-emerald-500 {
        --gradient-from: var(--emerald-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(16, 185, 129, 0));
    }
    .xl\:from-emerald-600 {
        --gradient-from: var(--emerald-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(5, 150, 105, 0));
    }
    .xl\:from-emerald-700 {
        --gradient-from: var(--emerald-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(4, 120, 87, 0));
    }
    .xl\:from-emerald-800 {
        --gradient-from: var(--emerald-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 95, 70, 0));
    }
    .xl\:from-emerald-900 {
        --gradient-from: var(--emerald-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 78, 598, 0));
    }
    .xl\:from-cyan-50 {
        --gradient-from: var(--cyan-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(236, 254, 255, 0));
    }
    .xl\:from-cyan-100 {
        --gradient-from: var(--cyan-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(207, 250, 254, 0));
    }
    .xl\:from-cyan-200 {
        --gradient-from: var(--cyan-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(165, 243, 252, 0));
    }
    .xl\:from-cyan-300 {
        --gradient-from: var(--cyan-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(103, 232, 249, 0));
    }
    .xl\:from-cyan-400 {
        --gradient-from: var(--cyan-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(34, 211, 238, 0));
    }
    .xl\:from-cyan-500 {
        --gradient-from: var(--cyan-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 182, 212, 0));
    }
    .xl\:from-cyan-600 {
        --gradient-from: var(--cyan-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(8, 145, 178, 0));
    }
    .xl\:from-cyan-700 {
        --gradient-from: var(--cyan-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(14, 116, 144, 0));
    }
    .xl\:from-cyan-800 {
        --gradient-from: var(--cyan-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(21, 94, 117, 0));
    }
    .xl\:from-cyan-900 {
        --gradient-from: var(--cyan-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(22, 78, 99, 0));
    }
    .xl\:from-blue-50 {
        --gradient-from: var(--blue-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(239, 246, 255, 0));
    }
    .xl\:from-blue-100 {
        --gradient-from: var(--blue-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(219, 234, 254, 0));
    }
    .xl\:from-blue-200 {
        --gradient-from: var(--blue-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(191, 219, 254, 0));
    }
    .xl\:from-blue-300 {
        --gradient-from: var(--blue-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(147, 197, 253, 0));
    }
    .xl\:from-blue-400 {
        --gradient-from: var(--blue-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(96, 165, 250, 0));
    }
    .xl\:from-blue-500 {
        --gradient-from: var(--blue-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(59, 130, 246, 0));
    }
    .xl\:from-blue-600 {
        --gradient-from: var(--blue-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(37, 99, 235, 0));
    }
    .xl\:from-blue-700 {
        --gradient-from: var(--blue-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(29, 78, 216, 0));
    }
    .xl\:from-blue-800 {
        --gradient-from: var(--blue-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(30, 64, 175, 0));
    }
    .xl\:from-blue-900 {
        --gradient-from: var(--blue-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(30, 58, 138, 0));
    }
    .xl\:from-black {
        --gradient-from: black;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 0));
    }
    .xl\:from-white {
        --gradient-from: white;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 255, 255, 0));
    }
    .xl\:from-white {
        --gradient-from: transparent;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 0));
    }
    .xl\:to-zinc-50 {
        --gradient-to: var(--zinc-50);
    }
    .xl\:to-zinc-100 {
        --gradient-to: var(--zinc-400);
    }
    .xl\:to-zinc-200 {
        --gradient-to: var(--zinc-200);
    }
    .xl\:to-zinc-300 {
        --gradient-to: var(--zinc-300);
    }
    .xl\:to-zinc-400 {
        --gradient-to: var(--zinc-400);
    }
    .xl\:to-zinc-500 {
        --gradient-to: var(--zinc-500);
    }
    .xl\:to-zinc-600 {
        --gradient-to: var(--zinc-600);
    }
    .xl\:to-zinc-700 {
        --gradient-to: var(--zinc-700);
    }
    .xl\:to-zinc-800 {
        --gradient-to: var(--zinc-800);
    }
    .xl\:to-zinc-900 {
        --gradient-to: var(--zinc-900);
    }
    .xl\:to-red-50 {
        --gradient-to: var(--red-50);
    }
    .xl\:to-red-100 {
        --gradient-to: var(--red-400);
    }
    .xl\:to-red-200 {
        --gradient-to: var(--red-200);
    }
    .xl\:to-red-300 {
        --gradient-to: var(--red-300);
    }
    .xl\:to-red-400 {
        --gradient-to: var(--red-400);
    }
    .xl\:to-red-500 {
        --gradient-to: var(--red-500);
    }
    .xl\:to-red-600 {
        --gradient-to: var(--red-600);
    }
    .xl\:to-red-700 {
        --gradient-to: var(--red-700);
    }
    .xl\:to-red-800 {
        --gradient-to: var(--red-800);
    }
    .xl\:to-red-900 {
        --gradient-to: var(--red-900);
    }
    .xl\:to-amber-50 {
        --gradient-to: var(--amber-50);
    }
    .xl\:to-amber-100 {
        --gradient-to: var(--amber-400);
    }
    .xl\:to-amber-200 {
        --gradient-to: var(--amber-200);
    }
    .xl\:to-amber-300 {
        --gradient-to: var(--amber-300);
    }
    .xl\:to-amber-400 {
        --gradient-to: var(--amber-400);
    }
    .xl\:to-amber-500 {
        --gradient-to: var(--amber-500);
    }
    .xl\:to-amber-600 {
        --gradient-to: var(--amber-600);
    }
    .xl\:to-amber-700 {
        --gradient-to: var(--amber-700);
    }
    .xl\:to-amber-800 {
        --gradient-to: var(--amber-800);
    }
    .xl\:to-amber-900 {
        --gradient-to: var(--amber-900);
    }
    .xl\:to-yellow-50 {
        --gradient-to: var(--yellow-50);
    }
    .xl\:to-yellow-100 {
        --gradient-to: var(--yellow-400);
    }
    .xl\:to-yellow-200 {
        --gradient-to: var(--yellow-200);
    }
    .xl\:to-yellow-300 {
        --gradient-to: var(--yellow-300);
    }
    .xl\:to-yellow-400 {
        --gradient-to: var(--yellow-400);
    }
    .xl\:to-yellow-500 {
        --gradient-to: var(--yellow-500);
    }
    .xl\:to-yellow-600 {
        --gradient-to: var(--yellow-600);
    }
    .xl\:to-yellow-700 {
        --gradient-to: var(--yellow-700);
    }
    .xl\:to-yellow-800 {
        --gradient-to: var(--yellow-800);
    }
    .xl\:to-yellow-900 {
        --gradient-to: var(--yellow-900);
    }
    .xl\:to-emerald-50 {
        --gradient-to: var(--emerald-50);
    }
    .xl\:to-emerald-100 {
        --gradient-to: var(--emerald-400);
    }
    .xl\:to-emerald-200 {
        --gradient-to: var(--emerald-200);
    }
    .xl\:to-emerald-300 {
        --gradient-to: var(--emerald-300);
    }
    .xl\:to-emerald-400 {
        --gradient-to: var(--emerald-400);
    }
    .xl\:to-emerald-500 {
        --gradient-to: var(--emerald-500);
    }
    .xl\:to-emerald-600 {
        --gradient-to: var(--emerald-600);
    }
    .xl\:to-emerald-700 {
        --gradient-to: var(--emerald-700);
    }
    .xl\:to-emerald-800 {
        --gradient-to: var(--emerald-800);
    }
    .xl\:to-emerald-900 {
        --gradient-to: var(--emerald-900);
    }
    .xl\:to-cyan-50 {
        --gradient-to: var(--cyan-50);
    }
    .xl\:to-cyan-100 {
        --gradient-to: var(--cyan-400);
    }
    .xl\:to-cyan-200 {
        --gradient-to: var(--cyan-200);
    }
    .xl\:to-cyan-300 {
        --gradient-to: var(--cyan-300);
    }
    .xl\:to-cyan-400 {
        --gradient-to: var(--cyan-400);
    }
    .xl\:to-cyan-500 {
        --gradient-to: var(--cyan-500);
    }
    .xl\:to-cyan-600 {
        --gradient-to: var(--cyan-600);
    }
    .xl\:to-cyan-700 {
        --gradient-to: var(--cyan-700);
    }
    .xl\:to-cyan-800 {
        --gradient-to: var(--cyan-800);
    }
    .xl\:to-cyan-900 {
        --gradient-to: var(--cyan-900);
    }
    .xl\:to-blue-50 {
        --gradient-to: var(--blue-50);
    }
    .xl\:to-blue-100 {
        --gradient-to: var(--blue-400);
    }
    .xl\:to-blue-200 {
        --gradient-to: var(--blue-200);
    }
    .xl\:to-blue-300 {
        --gradient-to: var(--blue-300);
    }
    .xl\:to-blue-400 {
        --gradient-to: var(--blue-400);
    }
    .xl\:to-blue-500 {
        --gradient-to: var(--blue-500);
    }
    .xl\:to-blue-600 {
        --gradient-to: var(--blue-600);
    }
    .xl\:to-blue-700 {
        --gradient-to: var(--blue-700);
    }
    .xl\:to-blue-800 {
        --gradient-to: var(--blue-800);
    }
    .xl\:to-blue-900 {
        --gradient-to: var(--blue-900);
    }
    .xl\:z-0 {
        z-index: 0;
    }
    .xl\:z-1 {
        z-index: 1;
    }
    .xl\:z-10 {
        z-index: 10;
    }
    .xl\:z-20 {
        z-index: 20;
    }
    .xl\:z-30 {
        z-index: 30;
    }
    .xl\:z-40 {
        z-index: 40;
    }
    .xl\:z-50 {
        z-index: 50;
    }
    .xl\:z-first {
        z-index: 9999;
    }
    .xl\:-z-1 {
        z-index: -1;
    }
    .xl\:-z-10 {
        z-index: -10;
    }
    .xl\:-z-20 {
        z-index: -20;
    }
    .xl\:-z-30 {
        z-index: -30;
    }
    .xl\:-z-40 {
        z-index: -40;
    }
    .xl\:-z-50 {
        z-index: -50;
    }
    .xl\:z-last {
        z-index: -9999;
    }
    .xl\:z-auto {
        z-index: auto;
    }
    .xl\:translate-x-px {
        --translate-x: 1px;
    }
    .xl\:translate-x-0 {
        --translate-x: 0;
    }
    .xl\:translate-x-1 {
        --translate-x: 0;
    }
    .xl\:translate-x-1\.5 {
        --translate-x: var(--size-1\5);
    }
    .xl\:translate-x-2 {
        --translate-x: var(--size-2);
    }
    .xl\:translate-x-2\.5 {
        --translate-x: var(--size-2\5);
    }
    .xl\:translate-x-3 {
        --translate-x: var(--size-3);
    }
    .xl\:translate-x-3\.5 {
        --translate-x: var(--size-3\5);
    }
    .xl\:translate-x-4 {
        --translate-x: var(--size-4);
    }
    .xl\:translate-x-5 {
        --translate-x: var(--size-5);
    }
    .xl\:translate-x-6 {
        --translate-x: var(--size-6);
    }
    .xl\:translate-x-7 {
        --translate-x: var(--size-7);
    }
    .xl\:translate-x-8 {
        --translate-x: var(--size-8);
    }
    .xl\:translate-x-9 {
        --translate-x: var(--size-9);
    }
    .xl\:translate-x-10 {
        --translate-x: var(--size-10);
    }
    .xl\:translate-x-11 {
        --translate-x: var(--size-11);
    }
    .xl\:translate-x-12 {
        --translate-x: var(--size-12);
    }
    .xl\:translate-x-14 {
        --translate-x: var(--size-14);
    }
    .xl\:translate-x-16 {
        --translate-x: var(--size-16);
    }
    .xl\:translate-x-20 {
        --translate-x: var(--size-20);
    }
    .xl\:translate-x-24 {
        --translate-x: var(--size-24);
    }
    .xl\:translate-x-28 {
        --translate-x: var(--size-28);
    }
    .xl\:translate-x-32 {
        --translate-x: var(--size-32);
    }
    .xl\:translate-x-36 {
        --translate-x: var(--size-36);
    }
    .xl\:translate-x-40 {
        --translate-x: var(--size-40);
    }
    .xl\:translate-x-1\/2 {
        --translate-x: 50%;
    }
    .xl\:translate-x-1\/3 {
        --translate-x: 33.3333%;
    }
    .xl\:translate-x-2\/3 {
        --translate-x: 66.6667%;
    }
    .xl\:translate-x-1\/4 {
        --translate-x: 25%;
    }
    .xl\:translate-x-full {
        --translate-x: 100%;
    }
    .xl\:-translate-x-1\/2 {
        --translate-x: -50%;
    }
    .xl\:-translate-x-1\/3 {
        --translate-x: -33.3333%;
    }
    .xl\:-translate-x-2\/3 {
        --translate-x: -66.6667%;
    }
    .xl\:-translate-x-1\/4 {
        --translate-x: -25%;
    }
    .xl\:-translate-x-full {
        --translate-x: -100%;
    }
    .xl\:-translate-y-full {
        --translate-y: -100%;
    }
    .xl\:-translate-x-1\.5 {
        --translate-x: calc(var(--size-1\5) * -1);
    }
    .xl\:-translate-x-2 {
        --translate-x: calc(var(--size-2) * -1);
    }
    .xl\:-translate-x-2\.5 {
        --translate-x: calc(var(--size-2\5) * -1);
    }
    .xl\:-translate-x-3 {
        --translate-x: calc(var(--size-3) * -1);
    }
    .xl\:-translate-x-3\.5 {
        --translate-x: calc(var(--size-3\5) * -1);
    }
    .xl\:-translate-x-4 {
        --translate-x: calc(var(--size-4) * -1);
    }
    .xl\:-translate-x-5 {
        --translate-x: calc(var(--size-5) * -1);
    }
    .xl\:-translate-x-6 {
        --translate-x: calc(var(--size-6) * -1);
    }
    .xl\:-translate-x-7 {
        --translate-x: calc(var(--size-7) * -1);
    }
    .xl\:-translate-x-8 {
        --translate-x: calc(var(--size-8) * -1);
    }
    .xl\:-translate-x-9 {
        --translate-x: calc(var(--size-9) * -1);
    }
    .xl\:-translate-x-10 {
        --translate-x: calc(var(--size-10) * -1);
    }
    .xl\:-translate-x-11 {
        --translate-x: calc(var(--size-11) * -1);
    }
    .xl\:-translate-x-12 {
        --translate-x: calc(var(--size-12) * -1);
    }
    .xl\:-translate-x-14 {
        --translate-x: calc(var(--size-14) * -1);
    }
    .xl\:-translate-x-16 {
        --translate-x: calc(var(--size-16) * -1);
    }
    .xl\:-translate-x-20 {
        --translate-x: calc(var(--size-20) * -1);
    }
    .xl\:-translate-x-24 {
        --translate-x: calc(var(--size-24) * -1);
    }
    .xl\:-translate-x-28 {
        --translate-x: calc(var(--size-28) * -1);
    }
    .xl\:-translate-x-32 {
        --translate-x: calc(var(--size-32) * -1);
    }
    .xl\:-translate-x-36 {
        --translate-x: calc(var(--size-36) * -1);
    }
    .xl\:-translate-x-40 {
        --translate-x: calc(var(--size-40) * -1);
    }
    .xl\: .xl\:translate-y-px {
        --translate-y: 1px;
    }
    .xl\:translate-y-0 {
        --translate-y: 0;
    }
    .xl\:translate-y-1 {
        --translate-y: 0;
    }
    .xl\:translate-y-1\.5 {
        --translate-y: var(--size-1\5);
    }
    .xl\:translate-y-2 {
        --translate-y: var(--size-2);
    }
    .xl\:translate-y-2\.5 {
        --translate-y: var(--size-2\5);
    }
    .xl\:translate-y-3 {
        --translate-y: var(--size-3);
    }
    .xl\:translate-y-3\.5 {
        --translate-y: var(--size-3\5);
    }
    .xl\:translate-y-4 {
        --translate-y: var(--size-4);
    }
    .xl\:translate-y-5 {
        --translate-y: var(--size-5);
    }
    .xl\:translate-y-6 {
        --translate-y: var(--size-6);
    }
    .xl\:translate-y-7 {
        --translate-y: var(--size-7);
    }
    .xl\:translate-y-8 {
        --translate-y: var(--size-8);
    }
    .xl\:translate-y-9 {
        --translate-y: var(--size-9);
    }
    .xl\:translate-y-10 {
        --translate-y: var(--size-10);
    }
    .xl\:translate-y-11 {
        --translate-y: var(--size-11);
    }
    .xl\:translate-y-12 {
        --translate-y: var(--size-12);
    }
    .xl\:translate-y-14 {
        --translate-y: var(--size-14);
    }
    .xl\:translate-y-16 {
        --translate-y: var(--size-16);
    }
    .xl\:translate-y-20 {
        --translate-y: var(--size-20);
    }
    .xl\:translate-y-24 {
        --translate-y: var(--size-24);
    }
    .xl\:translate-y-28 {
        --translate-y: var(--size-28);
    }
    .xl\:translate-y-32 {
        --translate-y: var(--size-32);
    }
    .xl\:translate-y-36 {
        --translate-y: var(--size-36);
    }
    .xl\:translate-y-40 {
        --translate-y: var(--size-40);
    }
    .xl\:translate-y-1\/2 {
        --translate-y: 50%;
    }
    .xl\:translate-y-1\/3 {
        --translate-y: 33.3333%;
    }
    .xl\:translate-y-2\/3 {
        --translate-y: 66.6667%;
    }
    .xl\:translate-y-1\/4 {
        --translate-y: 25%;
    }
    .xl\:translate-y-full {
        --translate-y: 100%;
    }
    .xl\:-translate-y-1\/2 {
        --translate-y: -50%;
    }
    .xl\:-translate-y-1\/3 {
        --translate-y: -33.3333%;
    }
    .xl\:-translate-y-2\/3 {
        --translate-y: -66.6667%;
    }
    .xl\:-translate-y-1\/4 {
        --translate-y: -25%;
    }
    .xl\:-translate-y-1\.5 {
        --translate-y: calc(var(--size-1\5) * -1);
    }
    .xl\:-translate-y-2 {
        --translate-y: calc(var(--size-2) * -1);
    }
    .xl\:-translate-y-2\.5 {
        --translate-y: calc(var(--size-2\5) * -1);
    }
    .xl\:-translate-y-3 {
        --translate-y: calc(var(--size-3) * -1);
    }
    .xl\:-translate-y-3\.5 {
        --translate-y: calc(var(--size-3\5) * -1);
    }
    .xl\:-translate-y-4 {
        --translate-y: calc(var(--size-4) * -1);
    }
    .xl\:-translate-y-5 {
        --translate-y: calc(var(--size-5) * -1);
    }
    .xl\:-translate-y-6 {
        --translate-y: calc(var(--size-6) * -1);
    }
    .xl\:-translate-y-7 {
        --translate-y: calc(var(--size-7) * -1);
    }
    .xl\:-translate-y-8 {
        --translate-y: calc(var(--size-8) * -1);
    }
    .xl\:-translate-y-9 {
        --translate-y: calc(var(--size-9) * -1);
    }
    .xl\:-translate-y-10 {
        --translate-y: calc(var(--size-10) * -1);
    }
    .xl\:-translate-y-11 {
        --translate-y: calc(var(--size-11) * -1);
    }
    .xl\:-translate-y-12 {
        --translate-y: calc(var(--size-12) * -1);
    }
    .xl\:-translate-y-14 {
        --translate-y: calc(var(--size-14) * -1);
    }
    .xl\:-translate-y-16 {
        --translate-y: calc(var(--size-16) * -1);
    }
    .xl\:-translate-y-20 {
        --translate-y: calc(var(--size-20) * -1);
    }
    .xl\:-translate-y-24 {
        --translate-y: calc(var(--size-24) * -1);
    }
    .xl\:-translate-y-28 {
        --translate-y: calc(var(--size-28) * -1);
    }
    .xl\:-translate-y-32 {
        --translate-y: calc(var(--size-32) * -1);
    }
    .xl\:-translate-y-36 {
        --translate-y: calc(var(--size-36) * -1);
    }
    .xl\:-translate-y-40 {
        --translate-y: calc(var(--size-40) * -1);
    }
    .xl\:pointer-events-none {
        pointer-events: none;
    }
    .xl\:pointer-events-auto {
        pointer-events: auto;
    }
    .xl\:ring-1,
    .xl\:hover\:ring-1:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width))
            var(--ring-color);
    }
    .xl\:ring-2,
    .xl\:hover\:ring-2:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width))
            var(--ring-color);
    }
    .xl\:ring-4,
    .xl\:hover\:ring-4:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(4px + var(--ring-offset-width))
            var(--ring-color);
    }
    .xl\:ring-6,
    .xl\:hover\:ring-6:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(6px + var(--ring-offset-width))
            var(--ring-color);
    }
    .xl\:ring-8,
    .xl\:hover\:ring-8:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(8px + var(--ring-offset-width))
            var(--ring-color);
    }
    .xl\:ring-inset,
    .xl\:hover\:ring-inset:hover {
        --tw-ring-inset: inset;
    }
    .xl\:ring-zinc-50,
    .xl\:hover\:ring-zinc-50:hover,
    .group:hover .xl\:group-hover\:ring-zinc-50 {
        --ring-color: rgba(250, 250, 250, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-100,
    .xl\:hover\:ring-zinc-100:hover,
    .group:hover .xl\:group-hover\:ring-zinc-100 {
        --ring-color: rgba(244, 244, 245, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-200,
    .xl\:hover\:ring-zinc-200:hover,
    .group:hover .xl\:group-hover\:ring-zinc-200 {
        --ring-color: rgba(228, 228, 231, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-300,
    .xl\:hover\:ring-zinc-300:hover,
    .group:hover .xl\:group-hover\:ring-zinc-300 {
        --ring-color: rgba(212, 212, 216, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-400,
    .xl\:hover\:ring-zinc-400:hover,
    .group:hover .xl\:group-hover\:ring-zinc-400 {
        --ring-color: rgba(161, 161, 170, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-500,
    .xl\:hover\:ring-zinc-500:hover,
    .group:hover .xl\:group-hover\:ring-zinc-500 {
        --ring-color: rgba(113, 113, 122, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-600,
    .xl\:hover\:ring-zinc-600:hover,
    .group:hover .xl\:group-hover\:ring-zinc-600 {
        --ring-color: rgba(82, 82, 91, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-700,
    .xl\:hover\:ring-zinc-700:hover,
    .group:hover .xl\:group-hover\:ring-zinc-700 {
        --ring-color: rgba(63, 63, 70, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-800,
    .xl\:hover\:ring-zinc-800:hover,
    .group:hover .xl\:group-hover\:ring-zinc-800 {
        --ring-color: rgba(39, 39, 42, var(--ring-opacity, 1));
    }
    .xl\:ring-zinc-900,
    .xl\:hover\:ring-zinc-900:hover,
    .group:hover .xl\:group-hover\:ring-zinc-900 {
        --ring-color: rgba(24, 24, 27, var(--ring-opacity, 1));
    }
    .xl\:ring-red-50,
    .xl\:hover\:ring-red-50:hover,
    .group:hover .xl\:group-hover\:ring-red-50 {
        --ring-color: rgba(254, 242, 242, var(--ring-opacity, 1));
    }
    .xl\:ring-red-100,
    .xl\:hover\:ring-red-100:hover,
    .group:hover .xl\:group-hover\:ring-red-100 {
        --ring-color: rgba(254, 226, 226, var(--ring-opacity, 1));
    }
    .xl\:ring-red-200,
    .xl\:hover\:ring-red-200:hover,
    .group:hover .xl\:group-hover\:ring-red-200 {
        --ring-color: rgba(254, 202, 202, var(--ring-opacity, 1));
    }
    .xl\:ring-red-300,
    .xl\:hover\:ring-red-300:hover,
    .group:hover .xl\:group-hover\:ring-red-300 {
        --ring-color: rgba(252, 165, 165, var(--ring-opacity, 1));
    }
    .xl\:ring-red-400,
    .xl\:hover\:ring-red-400:hover,
    .group:hover .xl\:group-hover\:ring-red-400 {
        --ring-color: rgba(248, 113, 113, var(--ring-opacity, 1));
    }
    .xl\:ring-red-500,
    .xl\:hover\:ring-red-500:hover,
    .group:hover .xl\:group-hover\:ring-red-500 {
        --ring-color: rgba(239, 68, 68, var(--ring-opacity, 1));
    }
    .xl\:ring-red-600,
    .xl\:hover\:ring-red-600:hover,
    .group:hover .xl\:group-hover\:ring-red-600 {
        --ring-color: rgba(220, 38, 38, var(--ring-opacity, 1));
    }
    .xl\:ring-red-700,
    .xl\:hover\:ring-red-700:hover,
    .group:hover .xl\:group-hover\:ring-red-700 {
        --ring-color: rgba(185, 28, 28, var(--ring-opacity, 1));
    }
    .xl\:ring-red-800,
    .xl\:hover\:ring-red-800:hover,
    .group:hover .xl\:group-hover\:ring-red-800 {
        --ring-color: rgba(153, 27, 27, var(--ring-opacity, 1));
    }
    .xl\:ring-red-900,
    .xl\:hover\:ring-red-900:hover,
    .group:hover .xl\:group-hover\:ring-red-900 {
        --ring-color: rgba(127, 29, 29, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-50,
    .xl\:hover\:ring-amber-50:hover,
    .group:hover .xl\:group-hover\:ring-amber-50 {
        --ring-color: rgba(255, 251, 235, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-100,
    .xl\:hover\:ring-amber-100:hover,
    .group:hover .xl\:group-hover\:ring-amber-100 {
        --ring-color: rgba(254, 243, 199, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-200,
    .xl\:hover\:ring-amber-200:hover,
    .group:hover .xl\:group-hover\:ring-amber-200 {
        --ring-color: rgba(253, 230, 138, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-300,
    .xl\:hover\:ring-amber-300:hover,
    .group:hover .xl\:group-hover\:ring-amber-300 {
        --ring-color: rgba(252, 211, 77, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-400,
    .xl\:hover\:ring-amber-400:hover,
    .group:hover .xl\:group-hover\:ring-amber-400 {
        --ring-color: rgba(251, 191, 36, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-500,
    .xl\:hover\:ring-amber-500:hover,
    .group:hover .xl\:group-hover\:ring-amber-500 {
        --ring-color: rgba(245, 158, 11, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-600,
    .xl\:hover\:ring-amber-600:hover,
    .group:hover .xl\:group-hover\:ring-amber-600 {
        --ring-color: rgba(217, 119, 6, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-700,
    .xl\:hover\:ring-amber-700:hover,
    .group:hover .xl\:group-hover\:ring-amber-700 {
        --ring-color: rgba(180, 83, 9, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-800,
    .xl\:hover\:ring-amber-800:hover,
    .group:hover .xl\:group-hover\:ring-amber-800 {
        --ring-color: rgba(146, 64, 14, var(--ring-opacity, 1));
    }
    .xl\:ring-amber-900,
    .xl\:hover\:ring-amber-900:hover,
    .group:hover .xl\:group-hover\:ring-amber-900 {
        --ring-color: rgba(120, 53, 15, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-50,
    .xl\:hover\:ring-yellow-50:hover,
    .group:hover .xl\:group-hover\:ring-yellow-50 {
        --ring-color: rgba(254, 252, 232, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-100,
    .xl\:hover\:ring-yellow-100:hover,
    .group:hover .xl\:group-hover\:ring-yellow-100 {
        --ring-color: rgba(254, 249, 195, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-200,
    .xl\:hover\:ring-yellow-200:hover,
    .group:hover .xl\:group-hover\:ring-yellow-200 {
        --ring-color: rgba(254, 240, 138, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-300,
    .xl\:hover\:ring-yellow-300:hover,
    .group:hover .xl\:group-hover\:ring-yellow-300 {
        --ring-color: rgba(253, 224, 71, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-400,
    .xl\:hover\:ring-yellow-400:hover,
    .group:hover .xl\:group-hover\:ring-yellow-400 {
        --ring-color: rgba(250, 204, 21, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-500,
    .xl\:hover\:ring-yellow-500:hover,
    .group:hover .xl\:group-hover\:ring-yellow-500 {
        --ring-color: rgba(234, 179, 8, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-600,
    .xl\:hover\:ring-yellow-600:hover,
    .group:hover .xl\:group-hover\:ring-yellow-600 {
        --ring-color: rgba(202, 138, 4, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-700,
    .xl\:hover\:ring-yellow-700:hover,
    .group:hover .xl\:group-hover\:ring-yellow-700 {
        --ring-color: rgba(161, 98, 7, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-800,
    .xl\:hover\:ring-yellow-800:hover,
    .group:hover .xl\:group-hover\:ring-yellow-800 {
        --ring-color: rgba(133, 77, 14, var(--ring-opacity, 1));
    }
    .xl\:ring-yellow-900,
    .xl\:hover\:ring-yellow-900:hover,
    .group:hover .xl\:group-hover\:ring-yellow-900 {
        --ring-color: rgba(113, 63, 18, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-50,
    .xl\:hover\:ring-emerald-50:hover,
    .group:hover .xl\:group-hover\:ring-emerald-50 {
        --ring-color: rgba(236, 253, 245, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-100,
    .xl\:hover\:ring-emerald-100:hover,
    .group:hover .xl\:group-hover\:ring-emerald-100 {
        --ring-color: rgba(209, 250, 229, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-200,
    .xl\:hover\:ring-emerald-200:hover,
    .group:hover .xl\:group-hover\:ring-emerald-200 {
        --ring-color: rgba(167, 243, 208, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-300,
    .xl\:hover\:ring-emerald-300:hover,
    .group:hover .xl\:group-hover\:ring-emerald-300 {
        --ring-color: rgba(110, 231, 183, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-400,
    .xl\:hover\:ring-emerald-400:hover,
    .group:hover .xl\:group-hover\:ring-emerald-400 {
        --ring-color: rgba(52, 211, 153, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-500,
    .xl\:hover\:ring-emerald-500:hover,
    .group:hover .xl\:group-hover\:ring-emerald-500 {
        --ring-color: rgba(16, 185, 129, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-600,
    .xl\:hover\:ring-emerald-600:hover,
    .group:hover .xl\:group-hover\:ring-emerald-600 {
        --ring-color: rgba(5, 150, 105, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-700,
    .xl\:hover\:ring-emerald-700:hover,
    .group:hover .xl\:group-hover\:ring-emerald-700 {
        --ring-color: rgba(4, 120, 87, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-800,
    .xl\:hover\:ring-emerald-800:hover,
    .group:hover .xl\:group-hover\:ring-emerald-800 {
        --ring-color: rgba(6, 95, 70, var(--ring-opacity, 1));
    }
    .xl\:ring-emerald-900,
    .xl\:hover\:ring-emerald-900:hover,
    .group:hover .xl\:group-hover\:ring-emerald-900 {
        --ring-color: rgba(6, 78, 59, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-50,
    .xl\:hover\:ring-cyan-50:hover,
    .group:hover .xl\:group-hover\:ring-cyan-50 {
        --ring-color: rgba(236, 254, 255, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-100,
    .xl\:hover\:ring-cyan-100:hover,
    .group:hover .xl\:group-hover\:ring-cyan-100 {
        --ring-color: rgba(207, 250, 254, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-200,
    .xl\:hover\:ring-cyan-200:hover,
    .group:hover .xl\:group-hover\:ring-cyan-200 {
        --ring-color: rgba(165, 243, 252, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-300,
    .xl\:hover\:ring-cyan-300:hover,
    .group:hover .xl\:group-hover\:ring-cyan-300 {
        --ring-color: rgba(103, 232, 249, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-400,
    .xl\:hover\:ring-cyan-400:hover,
    .group:hover .xl\:group-hover\:ring-cyan-400 {
        --ring-color: rgba(34, 211, 238, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-500,
    .xl\:hover\:ring-cyan-500:hover,
    .group:hover .xl\:group-hover\:ring-cyan-500 {
        --ring-color: rgba(6, 182, 212, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-600,
    .xl\:hover\:ring-cyan-600:hover,
    .group:hover .xl\:group-hover\:ring-cyan-600 {
        --ring-color: rgba(8, 145, 178, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-700,
    .xl\:hover\:ring-cyan-700:hover,
    .group:hover .xl\:group-hover\:ring-cyan-700 {
        --ring-color: rgba(14, 116, 144, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-800,
    .xl\:hover\:ring-cyan-800:hover,
    .group:hover .xl\:group-hover\:ring-cyan-800 {
        --ring-color: rgba(21, 94, 117, var(--ring-opacity, 1));
    }
    .xl\:ring-cyan-900,
    .xl\:hover\:ring-cyan-900:hover,
    .group:hover .xl\:group-hover\:ring-cyan-900 {
        --ring-color: rgba(22, 78, 99, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-50,
    .xl\:hover\:ring-blue-50:hover,
    .group:hover .xl\:group-hover\:ring-blue-50 {
        --ring-color: rgba(239, 246, 255, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-100,
    .xl\:hover\:ring-blue-100:hover,
    .group:hover .xl\:group-hover\:ring-blue-100 {
        --ring-color: rgba(219, 234, 254, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-200,
    .xl\:hover\:ring-blue-200:hover,
    .group:hover .xl\:group-hover\:ring-blue-200 {
        --ring-color: rgba(191, 219, 254, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-300,
    .xl\:hover\:ring-blue-300:hover,
    .group:hover .xl\:group-hover\:ring-blue-300 {
        --ring-color: rgba(147, 197, 253, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-400,
    .xl\:hover\:ring-blue-400:hover,
    .group:hover .xl\:group-hover\:ring-blue-400 {
        --ring-color: rgba(96, 165, 250, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-500,
    .xl\:hover\:ring-blue-500:hover,
    .group:hover .xl\:group-hover\:ring-blue-500 {
        --ring-color: rgba(59, 130, 246, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-600,
    .xl\:hover\:ring-blue-600:hover,
    .group:hover .xl\:group-hover\:ring-blue-600 {
        --ring-color: rgba(37, 99, 235, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-700,
    .xl\:hover\:ring-blue-700:hover,
    .group:hover .xl\:group-hover\:ring-blue-700 {
        --ring-color: rgba(29, 78, 216, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-800,
    .xl\:hover\:ring-blue-800:hover,
    .group:hover .xl\:group-hover\:ring-blue-800 {
        --ring-color: rgba(30, 64, 175, var(--ring-opacity, 1));
    }
    .xl\:ring-blue-900,
    .xl\:hover\:ring-blue-900:hover,
    .group:hover .xl\:group-hover\:ring-blue-900 {
        --ring-color: rgba(30, 58, 138, var(--ring-opacity, 1));
    }
    .xl\:ring-transparent,
    .xl\:hover\:ring-transparent:hover,
    .group:hover .xl\:group-hover\:ring-transparent {
        --ring-color: transparent;
    }
    .xl\:ring-black,
    .xl\:hover\:ring-black:hover,
    .group:hover .xl\:group-hover\:ring-black {
        --ring-color: rgba(0, 0, 0, var(--ring-opacity, 1));
    }
    .xl\:ring-white,
    .xl\:hover\:ring-white:hover,
    .group:hover .xl\:group-hover\:ring-white {
        --ring-color: rgba(255, 255, 255, var(--ring-opacity, 1));
    }
    .xl\:ring-opacity-0,
    .xl\:hover\:ring-opacity-0:hover,
    .group:hover .xl\:group-hover\:ring-opacity-0 {
        --ring-opacity: 0;
    }
    .xl\:ring-opacity-5,
    .xl\:hover\:ring-opacity-5:hover,
    .group:hover .xl\:group-hover\:ring-opacity-10 {
        --ring-opacity: 0.05;
    }
    .xl\:ring-opacity-10,
    .xl\:hover\:ring-opacity-10:hover,
    .group:hover .xl\:group-hover\:ring-opacity-10 {
        --ring-opacity: 0.1;
    }
    .xl\:ring-opacity-20,
    .xl\:hover\:ring-opacity-20:hover,
    .group:hover .xl\:group-hover\:ring-opacity-20 {
        --ring-opacity: 0.2;
    }
    .xl\:ring-opacity-30,
    .xl\:hover\:ring-opacity-30:hover,
    .group:hover .xl\:group-hover\:ring-opacity-30 {
        --ring-opacity: 0.3;
    }
    .xl\:ring-opacity-40,
    .xl\:hover\:ring-opacity-40:hover,
    .group:hover .xl\:group-hover\:ring-opacity-40 {
        --ring-opacity: 0.4;
    }
    .xl\:ring-opacity-50,
    .xl\:hover\:ring-opacity-50:hover,
    .group:hover .xl\:group-hover\:ring-opacity-50 {
        --ring-opacity: 0.5;
    }
    .xl\:ring-opacity-60,
    .xl\:hover\:ring-opacity-60:hover,
    .group:hover .xl\:group-hover\:ring-opacity-60 {
        --ring-opacity: 0.6;
    }
    .xl\:ring-opacity-70,
    .xl\:hover\:ring-opacity-70:hover,
    .group:hover .xl\:group-hover\:ring-opacity-70 {
        --ring-opacity: 0.7;
    }
    .xl\:ring-opacity-80,
    .xl\:hover\:ring-opacity-80:hover,
    .group:hover .xl\:group-hover\:ring-opacity-80 {
        --ring-opacity: 0.8;
    }
    .xl\:ring-opacity-90,
    .xl\:hover\:ring-opacity-90:hover,
    .group:hover .lg\:group-hover\:ring-opacity-90 {
        --ring-opacity: 0.9;
    }
    .xl\:shadow-sm {
        --shadow: 0 1px 2px 0 #0000000d;
        --shadow-colored: 0 1px 2px 0 var(--shadow-color);
    }
    .xl\:shadow {
        --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --shadow-colored: 0 1px 3px 0 var(--shadow-color), 0 1px 2px -1px var(--shadow-color);
    }
    .xl\:shadow-md {
        --shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-colored: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color);
    }
    .xl\:shadow-lg {
        --shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --shadow-colored: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);
    }
    .xl\:shadow-xl {
        --shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        --shadow-colored: 0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color);
    }
    .xl\:shadow-2xl {
        --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.075);
        --shadow-colored: 0 25px 50px -12px var(--shadow-color);
    }
    .xl\:shadow-3xl {
        --shadow: 0 1.5rem 2rem rgba(0, 0, 0, 0.075);
        --shadow-colored: 0 1.5rem 2rem var(--shadow-color);
    }
    .xl\:shadow-none {
        box-shadow: 0 0 rgba(0, 0, 0, 0);
    }
    .xl\:divide-y-0 > * + * {
        --divide-width: 0;
    }
    .xl\:divide-y > * + * {
        --divide-width: 1px;
    }
    .xl\:divide-y-2 > * + * {
        --divide-width: 2px;
    }
    .xl\:divide-y-4 > * + * {
        --divide-width: 4px;
    }
    .xl\:divide-y-6 > * + * {
        --divide-width: 6px;
    }
    .xl\:divide-y-8 > * + * {
        --divide-width: 8px;
    }
    .xl\:divide-dashed > * + * {
        --divide-style: dashed;
    }
    .xl\:divide-dotted > * + * {
        --divide-style: dotted;
    }
    .xl\:divide-zinc-50 > * + * {
        border-color: rgba(248, 250, 252, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-100 > * + * {
        border-color: rgba(241, 245, 249, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-200 > * + * {
        border-color: rgba(226, 232, 240, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-300 > * + * {
        border-color: rgba(203, 213, 225, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-400 > * + * {
        border-color: rgba(148, 163, 184, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-500 > * + * {
        border-color: rgba(100, 116, 139, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-600 > * + * {
        border-color: rgba(71, 85, 105, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-700 > * + * {
        border-color: rgba(51, 65, 85, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-800 > * + * {
        border-color: rgba(30, 41, 59, var(--border-opacity, 1));
    }
    .xl\:divide-zinc-900 > * + * {
        border-color: rgba(15, 23, 42, var(--border-opacity, 1));
    }
    .xl\:divide-white > * + * {
        border-color: rgba(255, 255, 255, var(--border-opacity, 1));
    }
    .xl\:divide-black > * + * {
        border-color: rgba(0, 0, 0, var(--border-opacity, 1));
    }
    .xl\:order-1 {
        order: 1;
    }
    .xl\:order-2 {
        order: 2;
    }
    .xl\:order-3 {
        order: 3;
    }
    .xl\:order-4 {
        order: 4;
    }
    .xl\:order-5 {
        order: 5;
    }
    .xl\:order-6 {
        order: 6;
    }
    .xl\:order-7 {
        order: 7;
    }
    .xl\:order-8 {
        order: 8;
    }
    .xl\:order-9 {
        order: 9;
    }
    .xl\:order-10 {
        order: 10;
    }
    .xl\:order-11 {
        order: 11;
    }
    .xl\:order-12 {
        order: 12;
    }
    .xl\:order-first {
        order: -9999;
    }
    .xl\:order-last {
        order: 9999;
    }
    .xl\:order-none {
        order: 0;
    }
    .xl\:-order-1 {
        order: -1;
    }
    .xl\:-order-2 {
        order: -2;
    }
    .xl\:-order-3 {
        order: -3;
    }
    .xl\:-order-4 {
        order: -4;
    }
    .xl\:-order-5 {
        order: -5;
    }
    .xl\:-order-6 {
        order: -6;
    }
    .xl\:-order-7 {
        order: -7;
    }
    .xl\:-order-8 {
        order: -8;
    }
    .xl\:-order-9 {
        order: -9;
    }
    .xl\:-order-10 {
        order: -10;
    }
    .xl\:-order-11 {
        order: -11;
    }
    .xl\:-order-12 {
        order: -12;
    }
    .xl\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .xl\:text-ellipsis {
        text-overflow: ellipsis;
    }
    .xl\:backdrop-blur-none {
        backdrop-filter: blur(0);
    }
    .xl\:backdrop-blur-sm {
        backdrop-filter: blur(4px);
    }
    .xl\:backdrop-blur {
        backdrop-filter: blur(8px);
    }
    .xl\:backdrop-blur-md {
        backdrop-filter: blur(12px);
    }
    .xl\:backdrop-blur-lg {
        backdrop-filter: blur(16px);
    }
    .xl\:backdrop-blur-xl {
        backdrop-filter: blur(24px);
    }
    .xl\:backdrop-blur-2xl {
        backdrop-filter: blur(40px);
    }
    .xl\:backdrop-blur-3xl {
        backdrop-filter: blur(64px);
    }
}
@media (min-width: 1536px) {
    .\32 xl\:hidden {
        display: none !important;
    }
    .\32 xl\:block {
        display: block !important;
    }
    .\32 xl\:flex {
        display: flex !important;
    }
    .\32 xl\:inline-flex {
        display: inline-flex !important;
    }
    .\32 xl\:grid {
        display: grid !important;
    }
    .\32 xl\:inline-grid {
        display: inline-grid !important;
    }
    .\32 xl\:inline-block {
        display: inline-block !important;
    }
    .\32 xl\:flex-row {
        flex-direction: row;
    }
    .\32 xl\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .\32 xl\:flex-col {
        flex-direction: column;
    }
    .\32 xl\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .\32 xl\:flex-wrap {
        flex-wrap: wrap;
    }
    .\32 xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
    .\32 xl\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .\32 xl\:grow {
        flex-grow: 1;
    }
    .\32 xl\:grow-0 {
        flex-grow: 0;
    }
    .\32 xl\:shrink {
        flex-shrink: 1;
    }
    .\32 xl\:shrink-0 {
        flex-shrink: 0;
    }
    .\32 xl\:justify-start {
        justify-content: start;
    }
    .\32 xl\:justify-center {
        justify-content: center;
    }
    .\32 xl\:justify-end {
        justify-content: end;
    }
    .\32 xl\:justify-between {
        justify-content: space-between;
    }
    .\32 xl\:items-start {
        align-items: flex-start;
    }
    .\32 xl\:items-end {
        align-items: flex-end;
    }
    .\32 xl\:items-center {
        align-items: center;
    }
    .\32 xl\:items-baseline {
        align-items: baseline;
    }
    .\32 xl\:items-stretch {
        align-items: stretch;
    }
    .\32 xl\:basis-1\/4 {
        flex-basis: 25%;
    }
    .\32 xl\:basis-1\/2 {
        flex-basis: 50%;
    }
    .\32 xl\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr));
    }
    .\32 xl\:grid-rows-none {
        grid-template-rows: none;
    }
    .\32 xl\:grid-rows-subgrid {
        grid-template-rows: subgrid;
    }
    .\32 xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-none {
        grid-template-columns: none;
    }
    .\32 xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .\32 xl\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .\32 xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .\32 xl\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .\32 xl\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .\32 xl\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .\32 xl\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .\32 xl\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .\32 xl\:col-span-9 {
        grid-column: span 9 / span 9;
    }
    .\32 xl\:col-span-10 {
        grid-column: span 10 / span 10;
    }
    .\32 xl\:col-span-11 {
        grid-column: span 11 / span 11;
    }
    .\32 xl\:col-span-12 {
        grid-column: span 12 / span 12;
    }
    .\32 xl\:col-span-full {
        grid-column: 1/-1;
    }
    .\32 xl\:col-start-1 {
        grid-column-start: 1;
    }
    .\32 xl\:col-start-2 {
        grid-column-start: 2;
    }
    .\32 xl\:col-start-3 {
        grid-column-start: 3;
    }
    .\32 xl\:col-start-4 {
        grid-column-start: 4;
    }
    .\32 xl\:col-start-5 {
        grid-column-start: 5;
    }
    .\32 xl\:col-start-6 {
        grid-column-start: 6;
    }
    .\32 xl\:col-start-7 {
        grid-column-start: 7;
    }
    .\32 xl\:col-start-8 {
        grid-column-start: 8;
    }
    .\32 xl\:col-start-9 {
        grid-column-start: 9;
    }
    .\32 xl\:col-start-10 {
        grid-column-start: 10;
    }
    .\32 xl\:col-start-11 {
        grid-column-start: 11;
    }
    .\32 xl\:col-start-12 {
        grid-column-start: 12;
    }
    .\32 xl\:place-items-start {
        place-items: start;
    }
    .\32 xl\:place-items-end {
        place-items: end;
    }
    .\32 xl\:place-items-center {
        place-items: center;
    }
    .\32 xl\:place-items-baseline {
        place-items: baseline;
    }
    .\32 xl\:row-auto {
        grid-row: auto;
    }
    .\32 xl\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .\32 xl\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .\32 xl\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .\32 xl\:row-span-4 {
        grid-row: span 4 / span 4;
    }
    .\32 xl\:row-span-5 {
        grid-row: span 5 / span 5;
    }
    .\32 xl\:row-span-6 {
        grid-row: span 6 / span 6;
    }
    .\32 xl\:row-span-7 {
        grid-row: span 7 / span 7;
    }
    .\32 xl\:row-span-8 {
        grid-row: span 8 / span 8;
    }
    .\32 xl\:row-span-9 {
        grid-row: span 9 / span 9;
    }
    .\32 xl\:row-span-10 {
        grid-row: span 10 / span 10;
    }
    .\32 xl\:row-span-11 {
        grid-row: span 11 / span 11;
    }
    .\32 xl\:row-span-12 {
        grid-row: span 12 / span 12;
    }
    .\32 xl\:row-span-full {
        grid-row: 1/-1;
    }
    .\32 xl\:row-start-1 {
        grid-row-start: 1;
    }
    .\32 xl\:row-start-2 {
        grid-row-start: 2;
    }
    .\32 xl\:row-start-3 {
        grid-row-start: 3;
    }
    .\32 xl\:row-start-4 {
        grid-row-start: 4;
    }
    .\32 xl\:row-start-5 {
        grid-row-start: 5;
    }
    .\32 xl\:row-start-6 {
        grid-row-start: 6;
    }
    .\32 xl\:row-start-7 {
        grid-row-start: 7;
    }
    .\32 xl\:row-start-8 {
        grid-row-start: 8;
    }
    .\32 xl\:row-start-9 {
        grid-row-start: 9;
    }
    .\32 xl\:row-start-10 {
        grid-row-start: 10;
    }
    .\32 xl\:row-start-11 {
        grid-row-start: 11;
    }
    .\32 xl\:row-start-12 {
        grid-row-start: 12;
    }
    .\32 xl\:row-start-13 {
        grid-row-start: 13;
    }
    .\32 xl\:row-start-auto {
        grid-row-start: auto;
    }
    .\32 xl\:row-end-1 {
        grid-row-end: 1;
    }
    .\32 xl\:row-end-2 {
        grid-row-end: 2;
    }
    .\32 xl\:row-end-3 {
        grid-row-end: 3;
    }
    .\32 xl\:row-end-4 {
        grid-row-end: 4;
    }
    .\32 xl\:row-end-5 {
        grid-row-end: 5;
    }
    .\32 xl\:row-end-6 {
        grid-row-end: 6;
    }
    .\32 xl\:row-end-7 {
        grid-row-end: 7;
    }
    .\32 xl\:row-end-8 {
        grid-row-end: 8;
    }
    .\32 xl\:row-end-9 {
        grid-row-end: 9;
    }
    .\32 xl\:row-end-10 {
        grid-row-end: 10;
    }
    .\32 xl\:row-end-11 {
        grid-row-end: 11;
    }
    .\32 xl\:row-end-12 {
        grid-row-end: 12;
    }
    .\32 xl\:row-end-13 {
        grid-row-end: 13;
    }
    .\32 xl\:row-end-auto {
        grid-row-end: auto;
    }
    .\32 xl\:gap-0\.5 {
        gap: var(--size-0\5);
    }
    .\32 xl\:gap-1 {
        gap: var(--size-1);
    }
    .\32 xl\:gap-1\.5 {
        gap: var(--size-1\5);
    }
    .\32 xl\:gap-2 {
        gap: var(--size-2);
    }
    .\32 xl\:gap-2\.5 {
        gap: var(--size-2\5);
    }
    .\32 xl\:gap-3 {
        gap: var(--size-3);
    }
    .\32 xl\:gap-4 {
        gap: var(--size-4);
    }
    .\32 xl\:gap-5 {
        gap: var(--size-5);
    }
    .\32 xl\:gap-6 {
        gap: var(--size-6);
    }
    .\32 xl\:gap-7 {
        gap: var(--size-7);
    }
    .\32 xl\:gap-8 {
        gap: var(--size-8);
    }
    .\32 xl\:gap-9 {
        gap: var(--size-9);
    }
    .\32 xl\:gap-10 {
        gap: var(--size-10);
    }
    .\32 xl\:gap-11 {
        gap: var(--size-11);
    }
    .\32 xl\:gap-12 {
        gap: var(--size-12);
    }
    .\32 xl\:gap-14 {
        gap: var(--size-14);
    }
    .\32 xl\:gap-16 {
        gap: var(--size-16);
    }
    .\32 xl\:gap-20 {
        gap: var(--size-20);
    }
    .\32 xl\:gap-x-1 {
        column-gap: var(--size-1);
    }
    .\32 xl\:gap-x-2 {
        column-gap: var(--size-2);
    }
    .\32 xl\:gap-x-3 {
        column-gap: var(--size-3);
    }
    .\32 xl\:gap-x-4 {
        column-gap: var(--size-4);
    }
    .\32 xl\:gap-x-5 {
        column-gap: var(--size-5);
    }
    .\32 xl\:gap-x-6 {
        column-gap: var(--size-6);
    }
    .\32 xl\:gap-x-7 {
        column-gap: var(--size-7);
    }
    .\32 xl\:gap-x-8 {
        column-gap: var(--size-8);
    }
    .\32 xl\:gap-x-9 {
        column-gap: var(--size-9);
    }
    .\32 xl\:gap-x-10 {
        column-gap: var(--size-10);
    }
    .\32 xl\:gap-x-11 {
        column-gap: var(--size-11);
    }
    .\32 xl\:gap-x-12 {
        column-gap: var(--size-12);
    }
    .\32 xl\:gap-y-1 {
        row-gap: var(--size-1);
    }
    .\32 xl\:gap-y-2 {
        row-gap: var(--size-2);
    }
    .\32 xl\:gap-y-3 {
        row-gap: var(--size-3);
    }
    .\32 xl\:gap-y-4 {
        row-gap: var(--size-4);
    }
    .\32 xl\:gap-y-5 {
        row-gap: var(--size-5);
    }
    .\32 xl\:gap-y-6 {
        row-gap: var(--size-6);
    }
    .\32 xl\:gap-y-7 {
        row-gap: var(--size-7);
    }
    .\32 xl\:gap-y-8 {
        row-gap: var(--size-8);
    }
    .\32 xl\:gap-y-9 {
        row-gap: var(--size-9);
    }
    .\32 xl\:gap-y-10 {
        row-gap: var(--size-10);
    }
    .\32 xl\:gap-y-11 {
        row-gap: var(--size-11);
    }
    .\32 xl\:gap-y-12 {
        row-gap: var(--size-12);
    }
    .\32 xl\:p-0 {
        padding: 0 !important;
    }
    .\32 xl\:px-0 {
        padding-inline: 0 !important;
    }
    .\32 xl\:py-0 {
        padding-block: 0 !important;
    }
    .\32 xl\:pl-0 {
        padding-inline-start: 0 !important;
    }
    .\32 xl\:pt-0 {
        padding-block-start: 0 !important;
    }
    .\32 xl\:pr-0 {
        padding-inline-end: 0 !important;
    }
    .\32 xl\:pb-0 {
        padding-block-end: 0 !important;
    }
    .\32 xl\:p-1 {
        padding: var(--size-1) !important;
    }
    .\32 xl\:px-1 {
        padding-inline: var(--size-1) !important;
    }
    .\32 xl\:py-1 {
        padding-block: var(--size-1) !important;
    }
    .\32 xl\:pl-1 {
        padding-inline-start: var(--size-1) !important;
    }
    .\32 xl\:pt-1 {
        padding-block-start: var(--size-1) !important;
    }
    .\32 xl\:pr-1 {
        padding-inline-end: var(--size-1) !important;
    }
    .\32 xl\:pb-1 {
        padding-block-end: var(--size-1) !important;
    }
    .\32 xl\:p-2 {
        padding: var(--size-2) !important;
    }
    .\32 xl\:px-2 {
        padding-inline: var(--size-2) !important;
    }
    .\32 xl\:py-2 {
        padding-block: var(--size-2) !important;
    }
    .\32 xl\:pl-2 {
        padding-inline-start: var(--size-2) !important;
    }
    .\32 xl\:pt-2 {
        padding-block-start: var(--size-2) !important;
    }
    .\32 xl\:pr-2 {
        padding-inline-end: var(--size-2) !important;
    }
    .\32 xl\:pb-2 {
        padding-block-end: var(--size-2) !important;
    }
    .\32 xl\:px-2\.5 {
        padding-inline: var(--size-2\5) !important;
    }
    .\32 xl\:py-2\.5 {
        padding-block: var(--size-2\5) !important;
    }
    .\32 xl\:pl-2\.5 {
        padding-inline-start: var(--size-2\5) !important;
    }
    .\32 xl\:pt-2\.5 {
        padding-block-start: var(--size-2\5) !important;
    }
    .\32 xl\:pr-2\.5 {
        padding-inline-end: var(--size-2\5) !important;
    }
    .\32 xl\:pb-2\.5 {
        padding-block-end: var(--size-2\5) !important;
    }
    .\32 xl\:p-3 {
        padding: var(--size-3) !important;
    }
    .\32 xl\:px-3 {
        padding-inline: var(--size-3) !important;
    }
    .\32 xl\:py-3 {
        padding-block: var(--size-3) !important;
    }
    .\32 xl\:pl-3 {
        padding-inline-start: var(--size-3) !important;
    }
    .\32 xl\:pt-3 {
        padding-block-start: var(--size-3) !important;
    }
    .\32 xl\:pr-3 {
        padding-inline-end: var(--size-3) !important;
    }
    .\32 xl\:pb-3 {
        padding-block-end: var(--size-3) !important;
    }
    .\32 xl\:p-4 {
        padding: var(--size-4) !important;
    }
    .\32 xl\:px-4 {
        padding-inline: var(--size-4) !important;
    }
    .\32 xl\:py-4 {
        padding-block: var(--size-4) !important;
    }
    .\32 xl\:pl-4 {
        padding-inline-start: var(--size-4) !important;
    }
    .\32 xl\:pt-4 {
        padding-block-start: var(--size-4) !important;
    }
    .\32 xl\:pr-4 {
        padding-inline-end: var(--size-4) !important;
    }
    .\32 xl\:pb-4 {
        padding-block-end: var(--size-4) !important;
    }
    .\32 xl\:p-5 {
        padding: var(--size-5) !important;
    }
    .\32 xl\:px-5 {
        padding-inline: var(--size-5) !important;
    }
    .\32 xl\:py-5 {
        padding-block: var(--size-5) !important;
    }
    .\32 xl\:pl-5 {
        padding-inline-start: var(--size-5) !important;
    }
    .\32 xl\:pt-5 {
        padding-block-start: var(--size-5) !important;
    }
    .\32 xl\:pr-5 {
        padding-inline-end: var(--size-5) !important;
    }
    .\32 xl\:pb-5 {
        padding-block-end: var(--size-5) !important;
    }
    .\32 xl\:p-6 {
        padding: var(--size-6) !important;
    }
    .\32 xl\:px-6 {
        padding-inline: var(--size-6) !important;
    }
    .\32 xl\:py-6 {
        padding-block: var(--size-6) !important;
    }
    .\32 xl\:pl-6 {
        padding-inline-start: var(--size-6) !important;
    }
    .\32 xl\:pt-6 {
        padding-block-start: var(--size-6) !important;
    }
    .\32 xl\:pr-6 {
        padding-inline-end: var(--size-6) !important;
    }
    .\32 xl\:pb-6 {
        padding-block-end: var(--size-6) !important;
    }
    .\32 xl\:p-7 {
        padding: var(--size-7) !important;
    }
    .\32 xl\:px-7 {
        padding-inline: var(--size-7) !important;
    }
    .\32 xl\:py-7 {
        padding-block: var(--size-7) !important;
    }
    .\32 xl\:pl-7 {
        padding-inline-start: var(--size-7) !important;
    }
    .\32 xl\:pt-7 {
        padding-block-start: var(--size-7) !important;
    }
    .\32 xl\:pr-7 {
        padding-inline-end: var(--size-7) !important;
    }
    .\32 xl\:pb-7 {
        padding-block-end: var(--size-7) !important;
    }
    .\32 xl\:p-8 {
        padding: var(--size-8) !important;
    }
    .\32 xl\:px-8 {
        padding-inline: var(--size-8) !important;
    }
    .\32 xl\:py-8 {
        padding-block: var(--size-8) !important;
    }
    .\32 xl\:pl-8 {
        padding-inline-start: var(--size-8) !important;
    }
    .\32 xl\:pt-8 {
        padding-block-start: var(--size-8) !important;
    }
    .\32 xl\:pr-8 {
        padding-inline-end: var(--size-8) !important;
    }
    .\32 xl\:pb-8 {
        padding-block-end: var(--size-8) !important;
    }
    .\32 xl\:p-9 {
        padding: var(--size-9) !important;
    }
    .\32 xl\:px-9 {
        padding-inline: var(--size-9) !important;
    }
    .\32 xl\:py-9 {
        padding-block: var(--size-9) !important;
    }
    .\32 xl\:pl-9 {
        padding-inline-start: var(--size-9) !important;
    }
    .\32 xl\:pt-9 {
        padding-block-start: var(--size-9) !important;
    }
    .\32 xl\:pr-9 {
        padding-inline-end: var(--size-9) !important;
    }
    .\32 xl\:pb-9 {
        padding-block-end: var(--size-9) !important;
    }
    .\32 xl\:p-10 {
        padding: var(--size-10) !important;
    }
    .\32 xl\:px-10 {
        padding-inline: var(--size-10) !important;
    }
    .\32 xl\:py-10 {
        padding-block: var(--size-10) !important;
    }
    .\32 xl\:pl-10 {
        padding-inline-start: var(--size-10) !important;
    }
    .\32 xl\:pt-10 {
        padding-block-start: var(--size-10) !important;
    }
    .\32 xl\:pr-10 {
        padding-inline-end: var(--size-10) !important;
    }
    .\32 xl\:pb-10 {
        padding-block-end: var(--size-10) !important;
    }
    .\32 xl\:p-11 {
        padding: var(--size-11) !important;
    }
    .\32 xl\:px-11 {
        padding-inline: var(--size-11) !important;
    }
    .\32 xl\:py-11 {
        padding-block: var(--size-11) !important;
    }
    .\32 xl\:pl-11 {
        padding-inline-start: var(--size-11) !important;
    }
    .\32 xl\:pt-11 {
        padding-block-start: var(--size-11) !important;
    }
    .\32 xl\:pr-11 {
        padding-inline-end: var(--size-11) !important;
    }
    .\32 xl\:pb-11 {
        padding-block-end: var(--size-11) !important;
    }
    .\32 xl\:p-12 {
        padding: var(--size-12) !important;
    }
    .\32 xl\:px-12 {
        padding-inline: var(--size-12) !important;
    }
    .\32 xl\:py-12 {
        padding-block: var(--size-12) !important;
    }
    .\32 xl\:pl-12 {
        padding-inline-start: var(--size-12) !important;
    }
    .\32 xl\:pt-12 {
        padding-block-start: var(--size-12) !important;
    }
    .\32 xl\:pr-12 {
        padding-inline-end: var(--size-12) !important;
    }
    .\32 xl\:pb-12 {
        padding-block-end: var(--size-12) !important;
    }
    .\32 xl\:p-13 {
        padding: var(--size-13) !important;
    }
    .\32 xl\:px-13 {
        padding-inline: var(--size-13) !important;
    }
    .\32 xl\:py-13 {
        padding-block: var(--size-13) !important;
    }
    .\32 xl\:pl-13 {
        padding-inline-start: var(--size-13) !important;
    }
    .\32 xl\:pt-13 {
        padding-block-start: var(--size-13) !important;
    }
    .\32 xl\:pr-13 {
        padding-inline-end: var(--size-13) !important;
    }
    .\32 xl\:pb-13 {
        padding-block-end: var(--size-13) !important;
    }
    .\32 xl\:p-14 {
        padding: var(--size-14) !important;
    }
    .\32 xl\:px-14 {
        padding-inline: var(--size-14) !important;
    }
    .\32 xl\:py-14 {
        padding-block: var(--size-14) !important;
    }
    .\32 xl\:pl-14 {
        padding-inline-start: var(--size-14) !important;
    }
    .\32 xl\:pt-14 {
        padding-block-start: var(--size-14) !important;
    }
    .\32 xl\:pr-14 {
        padding-inline-end: var(--size-14) !important;
    }
    .\32 xl\:pb-14 {
        padding-block-end: var(--size-14) !important;
    }
    .\32 xl\:p-15 {
        padding: var(--size-15) !important;
    }
    .\32 xl\:px-15 {
        padding-inline: var(--size-15) !important;
    }
    .\32 xl\:py-15 {
        padding-block: var(--size-15) !important;
    }
    .\32 xl\:pl-15 {
        padding-inline-start: var(--size-15) !important;
    }
    .\32 xl\:pt-15 {
        padding-block-start: var(--size-15) !important;
    }
    .\32 xl\:pr-15 {
        padding-inline-end: var(--size-15) !important;
    }
    .\32 xl\:pb-15 {
        padding-block-end: var(--size-15) !important;
    }
    .\32 xl\:p-16 {
        padding: var(--size-16) !important;
    }
    .\32 xl\:px-16 {
        padding-inline: var(--size-16) !important;
    }
    .\32 xl\:py-16 {
        padding-block: var(--size-16) !important;
    }
    .\32 xl\:pl-16 {
        padding-inline-start: var(--size-16) !important;
    }
    .\32 xl\:pt-16 {
        padding-block-start: var(--size-16) !important;
    }
    .\32 xl\:pr-16 {
        padding-inline-end: var(--size-16) !important;
    }
    .\32 xl\:pb-16 {
        padding-block-end: var(--size-16) !important;
    }
    .\32 xl\:p-20 {
        padding: var(--size-20) !important;
    }
    .\32 xl\:px-20 {
        padding-inline: var(--size-20) !important;
    }
    .\32 xl\:py-20 {
        padding-block: var(--size-20) !important;
    }
    .\32 xl\:pl-20 {
        padding-inline-start: var(--size-20) !important;
    }
    .\32 xl\:pt-20 {
        padding-block-start: var(--size-20) !important;
    }
    .\32 xl\:pr-20 {
        padding-inline-end: var(--size-20) !important;
    }
    .\32 xl\:pb-20 {
        padding-block-end: var(--size-20) !important;
    }
    .\32 xl\:p-24 {
        padding: var(--size-24) !important;
    }
    .\32 xl\:px-24 {
        padding-inline: var(--size-24) !important;
    }
    .\32 xl\:py-24 {
        padding-block: var(--size-24) !important;
    }
    .\32 xl\:pl-24 {
        padding-inline-start: var(--size-24) !important;
    }
    .\32 xl\:pt-24 {
        padding-block-start: var(--size-24) !important;
    }
    .\32 xl\:pr-24 {
        padding-inline-end: var(--size-24) !important;
    }
    .\32 xl\:pb-24 {
        padding-block-end: var(--size-24) !important;
    }
    .\32 xl\:m-0 {
        margin: 0 !important;
    }
    .\32 xl\:mx-0 {
        margin-inline: 0 !important;
    }
    .\32 xl\:my-0 {
        margin-block: 0 !important;
    }
    .\32 xl\:ml-0 {
        margin-inline-start: 0 !important;
    }
    .\32 xl\:mt-0 {
        margin-block-start: 0 !important;
    }
    .\32 xl\:mr-0 {
        margin-inline-end: 0 !important;
    }
    .\32 xl\:mb-0 {
        margin-block-end: 0 !important;
    }
    .\32 xl\:m-1 {
        margin: var(--size-1) !important;
    }
    .\32 xl\:mx-1 {
        margin-inline: var(--size-1) !important;
    }
    .\32 xl\:my-1 {
        margin-block: var(--size-1) !important;
    }
    .\32 xl\:ml-1 {
        margin-inline-start: var(--size-1) !important;
    }
    .\32 xl\:mt-1 {
        margin-block-start: var(--size-1) !important;
    }
    .\32 xl\:mr-1 {
        margin-inline-end: var(--size-1) !important;
    }
    .\32 xl\:mb-1 {
        margin-block-end: var(--size-1) !important;
    }
    .\32 xl\:-m-1 {
        margin: calc(var(--size-1) * -1) !important;
    }
    .\32 xl\:-mx-1 {
        margin-inline: calc(var(--size-1) * -1) !important;
    }
    .\32 xl\:-my-1 {
        margin-block: calc(var(--size-1) * -1) !important;
    }
    .\32 xl\:-ml-1 {
        margin-inline-start: calc(var(--size-1) * -1) !important;
    }
    .\32 xl\:-mt-1 {
        margin-block-start: calc(var(--size-1) * -1) !important;
    }
    .\32 xl\:-mr-1 {
        margin-inline-end: calc(var(--size-1) * -1) !important;
    }
    .\32 xl\:-mb-1 {
        margin-block-end: calc(var(--size-1) * -1) !important;
    }
    .\32 xl\:m-2 {
        margin: var(--size-2) !important;
    }
    .\32 xl\:mx-2 {
        margin-inline: var(--size-2) !important;
    }
    .\32 xl\:my-2 {
        margin-block: var(--size-2) !important;
    }
    .\32 xl\:ml-2 {
        margin-inline-start: var(--size-2) !important;
    }
    .\32 xl\:mt-2 {
        margin-block-start: var(--size-2) !important;
    }
    .\32 xl\:mr-2 {
        margin-inline-end: var(--size-2) !important;
    }
    .\32 xl\:mb-2 {
        margin-block-end: var(--size-2) !important;
    }
    .\32 xl\:-m-2 {
        margin: calc(var(--size-2) * -1) !important;
    }
    .\32 xl\:-mx-2 {
        margin-inline: calc(var(--size-2) * -1) !important;
    }
    .\32 xl\:-my-2 {
        margin-block: calc(var(--size-2) * -1) !important;
    }
    .\32 xl\:-ml-2 {
        margin-inline-start: calc(var(--size-2) * -1) !important;
    }
    .\32 xl\:-mt-2 {
        margin-block-start: calc(var(--size-2) * -1) !important;
    }
    .\32 xl\:mt-2\.5 {
        margin-block-start: var(--size-2\5) !important;
    }
    .\32 xl\:-mr-2 {
        margin-inline-end: calc(var(--size-2) * -1) !important;
    }
    .\32 xl\:-mb-2 {
        margin-block-end: calc(var(--size-2) * -1) !important;
    }
    .\32 xl\:-mx-2\.5 {
        margin-inline: calc(var(--size-2\5) * -1) !important;
    }
    .\32 xl\:-my-2\.5 {
        margin-block: calc(var(--size-2\5) * -1) !important;
    }
    .\32 xl\:-ml-2\.5 {
        margin-inline-start: calc(var(--size-2\5) * -1) !important;
    }
    .\32 xl\:-mt-2\.5 {
        margin-block-start: calc(var(--size-2\5) * -1) !important;
    }
    .\32 xl\:-mr-2\.5 {
        margin-inline-end: calc(var(--size-2\5) * -1) !important;
    }
    .\32 xl\:-mb-2\.5 {
        margin-block-end: calc(var(--size-2\5) * -1) !important;
    }
    .\32 xl\:m-3 {
        margin: var(--size-3) !important;
    }
    .\32 xl\:mx-3 {
        margin-inline: var(--size-3) !important;
    }
    .\32 xl\:my-3 {
        margin-block: var(--size-3) !important;
    }
    .\32 xl\:ml-3 {
        margin-inline-start: var(--size-3) !important;
    }
    .\32 xl\:mt-3 {
        margin-block-start: var(--size-3) !important;
    }
    .\32 xl\:mr-3 {
        margin-inline-end: var(--size-3) !important;
    }
    .\32 xl\:mb-3 {
        margin-block-end: var(--size-3) !important;
    }
    .\32 xl\:-m-3 {
        margin: calc(var(--size-3) * -1) !important;
    }
    .\32 xl\:-mx-3 {
        margin-inline: calc(var(--size-3) * -1) !important;
    }
    .\32 xl\:-my-3 {
        margin-block: calc(var(--size-3) * -1) !important;
    }
    .\32 xl\:-ml-3 {
        margin-inline-start: calc(var(--size-3) * -1) !important;
    }
    .\32 xl\:-mt-3 {
        margin-block-start: calc(var(--size-3) * -1) !important;
    }
    .\32 xl\:-mr-3 {
        margin-inline-end: calc(var(--size-3) * -1) !important;
    }
    .\32 xl\:-mb-3 {
        margin-block-end: calc(var(--size-3) * -1) !important;
    }
    .\32 xl\:-mx-3\.5 {
        margin-inline: calc(var(--size-3\5) * -1) !important;
    }
    .\32 xl\:-my-3\.5 {
        margin-block: calc(var(--size-3\5) * -1) !important;
    }
    .\32 xl\:-ml-3\.5 {
        margin-inline-start: calc(var(--size-3\5) * -1) !important;
    }
    .\32 xl\:-mt-3\.5 {
        margin-block-start: calc(var(--size-3\5) * -1) !important;
    }
    .\32 xl\:-mr-3\.5 {
        margin-inline-end: calc(var(--size-3\5) * -1) !important;
    }
    .\32 xl\:-mb-3\.5 {
        margin-block-end: calc(var(--size-3\5) * -1) !important;
    }
    .\32 xl\:m-4 {
        margin: var(--size-4) !important;
    }
    .\32 xl\:mx-4 {
        margin-inline: var(--size-4) !important;
    }
    .\32 xl\:my-4 {
        margin-block: var(--size-4) !important;
    }
    .\32 xl\:ml-4 {
        margin-inline-start: var(--size-4) !important;
    }
    .\32 xl\:mt-4 {
        margin-block-start: var(--size-4) !important;
    }
    .\32 xl\:mr-4 {
        margin-inline-end: var(--size-4) !important;
    }
    .\32 xl\:mb-4 {
        margin-block-end: var(--size-4) !important;
    }
    .\32 xl\:-m-4 {
        margin: calc(var(--size-4) * -1) !important;
    }
    .\32 xl\:-mx-4 {
        margin-inline: calc(var(--size-4) * -1) !important;
    }
    .\32 xl\:-my-4 {
        margin-block: calc(var(--size-4) * -1) !important;
    }
    .\32 xl\:-ml-4 {
        margin-inline-start: calc(var(--size-4) * -1) !important;
    }
    .\32 xl\:-mt-4 {
        margin-block-start: calc(var(--size-4) * -1) !important;
    }
    .\32 xl\:-mr-4 {
        margin-inline-end: calc(var(--size-4) * -1) !important;
    }
    .\32 xl\:-mb-4 {
        margin-block-end: calc(var(--size-4) * -1) !important;
    }
    .\32 xl\:m-5 {
        margin: var(--size-5) !important;
    }
    .\32 xl\:mx-5 {
        margin-inline: var(--size-5) !important;
    }
    .\32 xl\:my-5 {
        margin-block: var(--size-5) !important;
    }
    .\32 xl\:ml-5 {
        margin-inline-start: var(--size-5) !important;
    }
    .\32 xl\:mt-5 {
        margin-block-start: var(--size-5) !important;
    }
    .\32 xl\:mr-5 {
        margin-inline-end: var(--size-5) !important;
    }
    .\32 xl\:mb-5 {
        margin-block-end: var(--size-5) !important;
    }
    .\32 xl\:-m-5 {
        margin: calc(var(--size-5) * -1) !important;
    }
    .\32 xl\:-mx-5 {
        margin-inline: calc(var(--size-5) * -1) !important;
    }
    .\32 xl\:-my-5 {
        margin-block: calc(var(--size-5) * -1) !important;
    }
    .\32 xl\:-ml-5 {
        margin-inline-start: calc(var(--size-5) * -1) !important;
    }
    .\32 xl\:-mt-5 {
        margin-block-start: calc(var(--size-5) * -1) !important;
    }
    .\32 xl\:-mr-5 {
        margin-inline-end: calc(var(--size-5) * -1) !important;
    }
    .\32 xl\:-mb-5 {
        margin-block-end: calc(var(--size-5) * -1) !important;
    }
    .\32 xl\:m-6 {
        margin: var(--size-6) !important;
    }
    .\32 xl\:mx-6 {
        margin-inline: var(--size-6) !important;
    }
    .\32 xl\:my-6 {
        margin-block: var(--size-6) !important;
    }
    .\32 xl\:ml-6 {
        margin-inline-start: var(--size-6) !important;
    }
    .\32 xl\:mt-6 {
        margin-block-start: var(--size-6) !important;
    }
    .\32 xl\:mr-6 {
        margin-inline-end: var(--size-6) !important;
    }
    .\32 xl\:mb-6 {
        margin-block-end: var(--size-6) !important;
    }
    .\32 xl\:-m-6 {
        margin: calc(var(--size-6) * -1) !important;
    }
    .\32 xl\:-mx-6 {
        margin-inline: calc(var(--size-6) * -1) !important;
    }
    .\32 xl\:-my-6 {
        margin-block: calc(var(--size-6) * -1) !important;
    }
    .\32 xl\:-ml-6 {
        margin-inline-start: calc(var(--size-6) * -1) !important;
    }
    .\32 xl\:-mt-6 {
        margin-block-start: calc(var(--size-6) * -1) !important;
    }
    .\32 xl\:-mr-6 {
        margin-inline-end: calc(var(--size-6) * -1) !important;
    }
    .\32 xl\:-mb-6 {
        margin-block-end: calc(var(--size-6) * -1) !important;
    }
    .\32 xl\:m-7 {
        margin: var(--size-7) !important;
    }
    .\32 xl\:mx-7 {
        margin-inline: var(--size-7) !important;
    }
    .\32 xl\:my-7 {
        margin-block: var(--size-7) !important;
    }
    .\32 xl\:ml-7 {
        margin-inline-start: var(--size-7) !important;
    }
    .\32 xl\:mt-7 {
        margin-block-start: var(--size-7) !important;
    }
    .\32 xl\:mr-7 {
        margin-inline-end: var(--size-7) !important;
    }
    .\32 xl\:mb-7 {
        margin-block-end: var(--size-7) !important;
    }
    .\32 xl\:-m-7 {
        margin: calc(var(--size-7) * -1) !important;
    }
    .\32 xl\:-mx-7 {
        margin-inline: calc(var(--size-7) * -1) !important;
    }
    .\32 xl\:-my-7 {
        margin-block: calc(var(--size-7) * -1) !important;
    }
    .\32 xl\:-ml-7 {
        margin-inline-start: calc(var(--size-7) * -1) !important;
    }
    .\32 xl\:-mt-7 {
        margin-block-start: calc(var(--size-7) * -1) !important;
    }
    .\32 xl\:-mr-7 {
        margin-inline-end: calc(var(--size-7) * -1) !important;
    }
    .\32 xl\:-mb-7 {
        margin-block-end: calc(var(--size-7) * -1) !important;
    }
    .\32 xl\:m-8 {
        margin: var(--size-8) !important;
    }
    .\32 xl\:mx-8 {
        margin-inline: var(--size-8) !important;
    }
    .\32 xl\:my-8 {
        margin-block: var(--size-8) !important;
    }
    .\32 xl\:ml-8 {
        margin-inline-start: var(--size-8) !important;
    }
    .\32 xl\:mt-8 {
        margin-block-start: var(--size-8) !important;
    }
    .\32 xl\:mr-8 {
        margin-inline-end: var(--size-8) !important;
    }
    .\32 xl\:mb-8 {
        margin-block-end: var(--size-8) !important;
    }
    .\32 xl\:-m-8 {
        margin: calc(var(--size-8) * -1) !important;
    }
    .\32 xl\:-mx-8 {
        margin-inline: calc(var(--size-8) * -1) !important;
    }
    .\32 xl\:-my-8 {
        margin-block: calc(var(--size-8) * -1) !important;
    }
    .\32 xl\:-ml-8 {
        margin-inline-start: calc(var(--size-8) * -1) !important;
    }
    .\32 xl\:-mt-8 {
        margin-block-start: calc(var(--size-8) * -1) !important;
    }
    .\32 xl\:-mr-8 {
        margin-inline-end: calc(var(--size-8) * -1) !important;
    }
    .\32 xl\:-mb-8 {
        margin-block-end: calc(var(--size-8) * -1) !important;
    }
    .\32 xl\:m-9 {
        margin: var(--size-9) !important;
    }
    .\32 xl\:mx-9 {
        margin-inline: var(--size-9) !important;
    }
    .\32 xl\:my-9 {
        margin-block: var(--size-9) !important;
    }
    .\32 xl\:ml-9 {
        margin-inline-start: var(--size-9) !important;
    }
    .\32 xl\:mt-9 {
        margin-block-start: var(--size-9) !important;
    }
    .\32 xl\:mr-9 {
        margin-inline-end: var(--size-9) !important;
    }
    .\32 xl\:mb-9 {
        margin-block-end: var(--size-9) !important;
    }
    .\32 xl\:-m-9 {
        margin: calc(var(--size-9) * -1) !important;
    }
    .\32 xl\:-mx-9 {
        margin-inline: calc(var(--size-9) * -1) !important;
    }
    .\32 xl\:-my-9 {
        margin-block: calc(var(--size-9) * -1) !important;
    }
    .\32 xl\:-ml-9 {
        margin-inline-start: calc(var(--size-9) * -1) !important;
    }
    .\32 xl\:-mt-9 {
        margin-block-start: calc(var(--size-9) * -1) !important;
    }
    .\32 xl\:-mr-9 {
        margin-inline-end: calc(var(--size-9) * -1) !important;
    }
    .\32 xl\:-mb-9 {
        margin-block-end: calc(var(--size-9) * -1) !important;
    }
    .\32 xl\:m-10 {
        margin: var(--size-10) !important;
    }
    .\32 xl\:mx-10 {
        margin-inline: var(--size-10) !important;
    }
    .\32 xl\:my-10 {
        margin-block: var(--size-10) !important;
    }
    .\32 xl\:ml-10 {
        margin-inline-start: var(--size-10) !important;
    }
    .\32 xl\:mt-10 {
        margin-block-start: var(--size-10) !important;
    }
    .\32 xl\:mr-10 {
        margin-inline-end: var(--size-10) !important;
    }
    .\32 xl\:mb-10 {
        margin-block-end: var(--size-10) !important;
    }
    .\32 xl\:-m-10 {
        margin: calc(var(--size-10) * -1) !important;
    }
    .\32 xl\:-mx-10 {
        margin-inline: calc(var(--size-10) * -1) !important;
    }
    .\32 xl\:-my-10 {
        margin-block: calc(var(--size-10) * -1) !important;
    }
    .\32 xl\:-ml-10 {
        margin-inline-start: calc(var(--size-10) * -1) !important;
    }
    .\32 xl\:-mt-10 {
        margin-block-start: calc(var(--size-10) * -1) !important;
    }
    .\32 xl\:-mr-10 {
        margin-inline-end: calc(var(--size-10) * -1) !important;
    }
    .\32 xl\:-mb-10 {
        margin-block-end: calc(var(--size-10) * -1) !important;
    }
    .\32 xl\:m-11 {
        margin: var(--size-11) !important;
    }
    .\32 xl\:mx-11 {
        margin-inline: var(--size-11) !important;
    }
    .\32 xl\:my-11 {
        margin-block: var(--size-11) !important;
    }
    .\32 xl\:ml-11 {
        margin-inline-start: var(--size-11) !important;
    }
    .\32 xl\:mt-11 {
        margin-block-start: var(--size-11) !important;
    }
    .\32 xl\:mr-11 {
        margin-inline-end: var(--size-11) !important;
    }
    .\32 xl\:mb-11 {
        margin-block-end: var(--size-11) !important;
    }
    .\32 xl\:-m-11 {
        margin: calc(var(--size-11) * -1) !important;
    }
    .\32 xl\:-mx-11 {
        margin-inline: calc(var(--size-11) * -1) !important;
    }
    .\32 xl\:-my-11 {
        margin-block: calc(var(--size-11) * -1) !important;
    }
    .\32 xl\:-ml-11 {
        margin-inline-start: calc(var(--size-11) * -1) !important;
    }
    .\32 xl\:-mt-11 {
        margin-block-start: calc(var(--size-11) * -1) !important;
    }
    .\32 xl\:-mr-11 {
        margin-inline-end: calc(var(--size-11) * -1) !important;
    }
    .\32 xl\:-mb-11 {
        margin-block-end: calc(var(--size-11) * -1) !important;
    }
    .\32 xl\:m-12 {
        margin: var(--size-12) !important;
    }
    .\32 xl\:mx-12 {
        margin-inline: var(--size-12) !important;
    }
    .\32 xl\:my-12 {
        margin-block: var(--size-12) !important;
    }
    .\32 xl\:ml-12 {
        margin-inline-start: var(--size-12) !important;
    }
    .\32 xl\:mt-12 {
        margin-block-start: var(--size-12) !important;
    }
    .\32 xl\:mr-12 {
        margin-inline-end: var(--size-12) !important;
    }
    .\32 xl\:mb-12 {
        margin-block-end: var(--size-12) !important;
    }
    .\32 xl\:-m-12 {
        margin: calc(var(--size-12) * -1) !important;
    }
    .\32 xl\:-mx-12 {
        margin-inline: calc(var(--size-12) * -1) !important;
    }
    .\32 xl\:-my-12 {
        margin-block: calc(var(--size-12) * -1) !important;
    }
    .\32 xl\:-ml-12 {
        margin-inline-start: calc(var(--size-12) * -1) !important;
    }
    .\32 xl\:-mt-12 {
        margin-block-start: calc(var(--size-12) * -1) !important;
    }
    .\32 xl\:-mr-12 {
        margin-inline-end: calc(var(--size-12) * -1) !important;
    }
    .\32 xl\:-mb-12 {
        margin-block-end: calc(var(--size-12) * -1) !important;
    }
    .\32 xl\:m-13 {
        margin: var(--size-13) !important;
    }
    .\32 xl\:mx-13 {
        margin-inline: var(--size-13) !important;
    }
    .\32 xl\:my-13 {
        margin-block: var(--size-13) !important;
    }
    .\32 xl\:ml-13 {
        margin-inline-start: var(--size-13) !important;
    }
    .\32 xl\:mt-13 {
        margin-block-start: var(--size-13) !important;
    }
    .\32 xl\:mr-13 {
        margin-inline-end: var(--size-13) !important;
    }
    .\32 xl\:mb-13 {
        margin-block-end: var(--size-13) !important;
    }
    .\32 xl\:-m-13 {
        margin: calc(var(--size-13) * -1) !important;
    }
    .\32 xl\:-mx-13 {
        margin-inline: calc(var(--size-13) * -1) !important;
    }
    .\32 xl\:-my-13 {
        margin-block: calc(var(--size-13) * -1) !important;
    }
    .\32 xl\:-ml-13 {
        margin-inline-start: calc(var(--size-13) * -1) !important;
    }
    .\32 xl\:-mt-13 {
        margin-block-start: calc(var(--size-13) * -1) !important;
    }
    .\32 xl\:-mr-13 {
        margin-inline-end: calc(var(--size-13) * -1) !important;
    }
    .\32 xl\:-mb-13 {
        margin-block-end: calc(var(--size-13) * -1) !important;
    }
    .\32 xl\:m-14 {
        margin: var(--size-14) !important;
    }
    .\32 xl\:mx-14 {
        margin-inline: var(--size-14) !important;
    }
    .\32 xl\:my-14 {
        margin-block: var(--size-14) !important;
    }
    .\32 xl\:ml-14 {
        margin-inline-start: var(--size-14) !important;
    }
    .\32 xl\:mt-14 {
        margin-block-start: var(--size-14) !important;
    }
    .\32 xl\:mr-14 {
        margin-inline-end: var(--size-14) !important;
    }
    .\32 xl\:mb-14 {
        margin-block-end: var(--size-14) !important;
    }
    .\32 xl\:-m-14 {
        margin: calc(var(--size-14) * -1) !important;
    }
    .\32 xl\:-mx-14 {
        margin-inline: calc(var(--size-14) * -1) !important;
    }
    .\32 xl\:-my-14 {
        margin-block: calc(var(--size-14) * -1) !important;
    }
    .\32 xl\:-ml-14 {
        margin-inline-start: calc(var(--size-14) * -1) !important;
    }
    .\32 xl\:-mt-14 {
        margin-block-start: calc(var(--size-14) * -1) !important;
    }
    .\32 xl\:-mr-14 {
        margin-inline-end: calc(var(--size-14) * -1) !important;
    }
    .\32 xl\:-mb-14 {
        margin-block-end: calc(var(--size-14) * -1) !important;
    }
    .\32 xl\:m-15 {
        margin: var(--size-15) !important;
    }
    .\32 xl\:mx-15 {
        margin-inline: var(--size-15) !important;
    }
    .\32 xl\:my-15 {
        margin-block: var(--size-15) !important;
    }
    .\32 xl\:ml-15 {
        margin-inline-start: var(--size-15) !important;
    }
    .\32 xl\:mt-15 {
        margin-block-start: var(--size-15) !important;
    }
    .\32 xl\:mr-15 {
        margin-inline-end: var(--size-15) !important;
    }
    .\32 xl\:mb-15 {
        margin-block-end: var(--size-15) !important;
    }
    .\32 xl\:m-16 {
        margin: var(--size-16) !important;
    }
    .\32 xl\:mx-16 {
        margin-inline: var(--size-16) !important;
    }
    .\32 xl\:my-16 {
        margin-block: var(--size-16) !important;
    }
    .\32 xl\:ml-16 {
        margin-inline-start: var(--size-16) !important;
    }
    .\32 xl\:mt-16 {
        margin-block-start: var(--size-16) !important;
    }
    .\32 xl\:mr-16 {
        margin-inline-end: var(--size-16) !important;
    }
    .\32 xl\:mb-16 {
        margin-block-end: var(--size-16) !important;
    }
    .\32 xl\:m-20 {
        margin: var(--size-20) !important;
    }
    .\32 xl\:mx-20 {
        margin-inline: var(--size-20) !important;
    }
    .\32 xl\:my-20 {
        margin-block: var(--size-20) !important;
    }
    .\32 xl\:ml-20 {
        margin-inline-start: var(--size-20) !important;
    }
    .\32 xl\:mt-20 {
        margin-block-start: var(--size-20) !important;
    }
    .\32 xl\:mr-20 {
        margin-inline-end: var(--size-20) !important;
    }
    .\32 xl\:mb-20 {
        margin-block-end: var(--size-20) !important;
    }
    .\32 xl\:m-24 {
        margin: var(--size-24) !important;
    }
    .\32 xl\:mx-24 {
        margin-inline: var(--size-24) !important;
    }
    .\32 xl\:my-24 {
        margin-block: var(--size-24) !important;
    }
    .\32 xl\:ml-24 {
        margin-inline-start: var(--size-24) !important;
    }
    .\32 xl\:mt-24 {
        margin-block-start: var(--size-24) !important;
    }
    .\32 xl\:mr-24 {
        margin-inline-end: var(--size-24) !important;
    }
    .\32 xl\:mb-24 {
        margin-block-end: var(--size-24) !important;
    }
    .\32 xl\:m-auto {
        margin: auto !important;
    }
    .\32 xl\:mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto !important;
    }
    .\32 xl\:my-auto {
        margin-block-start: auto;
        margin-block-end: auto !important;
    }
    .\32 xl\:ml-auto {
        margin-inline-start: auto !important;
    }
    .\32 xl\:mt-auto {
        margin-block-start: auto !important;
    }
    .\32 xl\:mr-auto {
        margin-inline-end: auto !important;
    }
    .\32 xl\:mb-auto {
        margin-block-end: auto !important;
    }
    .\32 xl\:space-x-0 > * + * {
        margin-inline-start: 0;
    }
    .\32 xl\:space-y-0 > * + * {
        margin-block-start: 0;
    }
    .\32 xl\:space-x-1 > * + * {
        margin-inline-start: var(--size-1);
    }
    .\32 xl\:space-y-1 > * + * {
        margin-block-start: var(--size-1);
    }
    .\32 xl\:space-x-2 > * + * {
        margin-inline-start: var(--size-2);
    }
    .\32 xl\:space-y-2 > * + * {
        margin-block-start: var(--size-2);
    }
    .\32 xl\:space-x-3 > * + * {
        margin-inline-start: var(--size-3);
    }
    .\32 xl\:space-y-3 > * + * {
        margin-block-start: var(--size-3);
    }
    .\32 xl\:space-x-4 > * + * {
        margin-inline-start: var(--size-4);
    }
    .\32 xl\:space-y-4 > * + * {
        margin-block-start: var(--size-4);
    }
    .\32 xl\:space-x-5 > * + * {
        margin-inline-start: var(--size-5);
    }
    .\32 xl\:space-y-5 > * + * {
        margin-block-start: var(--size-5);
    }
    .\32 xl\:space-x-6 > * + * {
        margin-inline-start: var(--size-6);
    }
    .\32 xl\:space-y-6 > * + * {
        margin-block-start: var(--size-6);
    }
    .\32 xl\:space-x-7 > * + * {
        margin-inline-start: var(--size-7);
    }
    .\32 xl\:space-y-7 > * + * {
        margin-block-start: var(--size-7);
    }
    .\32 xl\:space-x-8 > * + * {
        margin-inline-start: var(--size-8);
    }
    .\32 xl\:space-y-8 > * + * {
        margin-block-start: var(--size-8);
    }
    .\32 xl\:space-x-9 > * + * {
        margin-inline-start: var(--size-9);
    }
    .\32 xl\:space-y-9 > * + * {
        margin-block-start: var(--size-9);
    }
    .\32 xl\:space-x-10 > * + * {
        margin-inline-start: var(--size-10);
    }
    .\32 xl\:space-y-10 > * + * {
        margin-block-start: var(--size-10);
    }
    .\32 xl\:space-x-11 > * + * {
        margin-inline-start: var(--size-11);
    }
    .\32 xl\:space-y-11 > * + * {
        margin-block-start: var(--size-11);
    }
    .\32 xl\:space-x-12 > * + * {
        margin-inline-start: var(--size-12);
    }
    .\32 xl\:space-y-12 > * + * {
        margin-block-start: var(--size-12);
    }
    .\32 xl\:max-w-screen-xs {
        max-width: 480px;
    }
    .\32 xl\:max-w-screen-sm {
        max-width: 640px;
    }
    .\32 xl\:max-w-screen-md {
        max-width: 768px;
    }
    .\32 xl\:max-w-screen-lg {
        max-width: 1024px;
    }
    .\32 xl\:max-w-screen-xl {
        max-width: 1280px;
    }
    .\32 xl\:max-w-screen-2xl {
        max-width: 1536px;
    }
    .\32 xl\:max-w-1 {
        max-width: var(--size-1);
    }
    .\32 xl\:max-w-2 {
        max-width: var(--size-2);
    }
    .\32 xl\:max-w-3 {
        max-width: var(--size-3);
    }
    .\32 xl\:max-w-4 {
        max-width: var(--size-4);
    }
    .\32 xl\:max-w-5 {
        max-width: var(--size-5);
    }
    .\32 xl\:max-w-6 {
        max-width: var(--size-6);
    }
    .\32 xl\:max-w-7 {
        max-width: var(--size-7);
    }
    .\32 xl\:max-w-8 {
        max-width: var(--size-8);
    }
    .\32 xl\:max-w-9 {
        max-width: var(--size-9);
    }
    .\32 xl\:max-w-10 {
        max-width: var(--size-10);
    }
    .\32 xl\:max-w-12 {
        max-width: var(--size-12);
    }
    .\32 xl\:max-w-14 {
        max-width: var(--size-14);
    }
    .\32 xl\:max-w-16 {
        max-width: var(--size-16);
    }
    .\32 xl\:max-w-18 {
        max-width: var(--size-18);
    }
    .\32 xl\:max-w-20 {
        max-width: var(--size-20);
    }
    .\32 xl\:size-full {
        width: 100%;
        height: 100%;
    }
    .\32 xl\:size-0 {
        width: 0px;
        height: 0px;
    }
    .\32 xl\:size-px {
        width: 1px;
        height: 1px;
    }
    .\32 xl\:size-0\.5 {
        width: var(--size-0\5);
        height: var(--size-0\5);
    }
    .\32 xl\:size-1 {
        width: var(--size-1);
        height: var(--size-1);
    }
    .\32 xl\:size-2 {
        width: var(--size-2);
        height: var(--size-2);
    }
    .\32 xl\:size-2\.5 {
        width: var(--size-2\5);
        height: var(--size-2\5);
    }
    .\32 xl\:size-3 {
        width: var(--size-3);
        height: var(--size-3);
    }
    .\32 xl\:size-3\.5 {
        width: var(--size-3\5);
        height: var(--size-3\5);
    }
    .\32 xl\:size-4 {
        width: var(--size-4);
        height: var(--size-4);
    }
    .\32 xl\:size-5 {
        width: var(--size-5);
        height: var(--size-5);
    }
    .\32 xl\:size-6 {
        width: var(--size-6);
        height: var(--size-6);
    }
    .\32 xl\:size-7 {
        width: var(--size-7);
        height: var(--size-7);
    }
    .\32 xl\:size-8 {
        width: var(--size-8);
        height: var(--size-8);
    }
    .\32 xl\:size-9 {
        width: var(--size-9);
        height: var(--size-9);
    }
    .\32 xl\:size-10 {
        width: var(--size-10);
        height: var(--size-10);
    }
    .\32 xl\:size-11 {
        width: var(--size-11);
        height: var(--size-11);
    }
    .\32 xl\:size-12 {
        width: var(--size-12);
        height: var(--size-12);
    }
    .\32 xl\:size-14 {
        width: var(--size-14);
        height: var(--size-14);
    }
    .\32 xl\:size-16 {
        width: var(--size-16);
        height: var(--size-16);
    }
    .\32 xl\:size-20 {
        width: var(--size-20);
        height: var(--size-20);
    }
    .\32 xl\:size-24 {
        width: var(--size-24);
        height: var(--size-24);
    }
    .\32 xl\:size-28 {
        width: var(--size-28);
        height: var(--size-28);
    }
    .\32 xl\:size-32 {
        width: var(--size-32);
        height: var(--size-32);
    }
    .\32 xl\:size-40 {
        width: var(--size-40);
        height: var(--size-40);
    }
    .\32 xl\:size-40 {
        width: var(--size-40);
        height: var(--size-40);
    }
    .\32 xl\:size-44 {
        width: var(--size-44);
        height: var(--size-44);
    }
    .\32 xl\:size-48 {
        width: var(--size-48);
        height: var(--size-48);
    }
    .\32 xl\:size-52 {
        width: var(--size-52);
        height: var(--size-52);
    }
    .\32 xl\:size-56 {
        width: var(--size-56);
        height: var(--size-56);
    }
    .\32 xl\:size-60 {
        width: var(--size-60);
        height: var(--size-60);
    }
    .\32 xl\:w-full {
        width: 100%;
    }
    .\32 xl\:w-screen {
        width: 100dvw;
    }
    .\32 xl\:w-0 {
        width: 0px;
    }
    .\32 xl\:w-px {
        width: 1px;
    }
    .\32 xl\:w-0\.5 {
        width: var(--size-0\5);
    }
    .\32 xl\:w-1 {
        width: var(--size-1);
    }
    .\32 xl\:w-1\.5 {
        width: var(--size-1\5);
    }
    .\32 xl\:w-2 {
        width: var(--size-2);
    }
    .\32 xl\:w-2\.5 {
        width: var(--size-2\5);
    }
    .\32 xl\:w-3 {
        width: var(--size-3);
    }
    .\32 xl\:w-3\.5 {
        width: var(--size-3\5);
    }
    .\32 xl\:w-4 {
        width: var(--size-4);
    }
    .\32 xl\:w-5 {
        width: var(--size-5);
    }
    .\32 xl\:w-6 {
        width: var(--size-6);
    }
    .\32 xl\:w-7 {
        width: var(--size-7);
    }
    .\32 xl\:w-8 {
        width: var(--size-8);
    }
    .\32 xl\:w-9 {
        width: var(--size-9);
    }
    .\32 xl\:w-10 {
        width: var(--size-10);
    }
    .\32 xl\:w-11 {
        width: var(--size-11);
    }
    .\32 xl\:w-12 {
        width: var(--size-12);
    }
    .\32 xl\:w-14 {
        width: var(--size-15);
    }
    .\32 xl\:w-16 {
        width: var(--size-16);
    }
    .\32 xl\:w-20 {
        width: var(--size-20);
    }
    .\32 xl\:w-24 {
        width: var(--size-24);
    }
    .\32 xl\:w-28 {
        width: var(--size-28);
    }
    .\32 xl\:w-32 {
        width: var(--size-32);
    }
    .\32 xl\:w-36 {
        width: var(--size-36);
    }
    .\32 xl\:w-40 {
        width: var(--size-40);
    }
    .\32 xl\:w-44 {
        width: var(--size-44);
    }
    .\32 xl\:w-48 {
        width: var(--size-48);
    }
    .\32 xl\:w-52 {
        width: var(--size-52);
    }
    .\32 xl\:w-56 {
        width: var(--size-56);
    }
    .\32 xl\:w-60 {
        width: var(--size-60);
    }
    .\32 xl\:w-min {
        width: min-content;
    }
    .\32 xl\:w-auto {
        width: auto;
    }
    .\32 xl\:min-w-px {
        min-width: 1px;
    }
    .\32 xl\:min-w-0 {
        min-width: 0px;
    }
    .\32 xl\:min-w-full {
        min-width: 100%;
    }
    .\32 xl\:max-w-full {
        max-width: 100%;
    }
    .\32 xl\:min-w-screen {
        min-width: 100dvw;
    }
    .\32 xl\:max-w-screen {
        max-width: 100dvw;
    }
    .\32 xl\:min-w-0\.5 {
        min-width: var(--size-0\5);
    }
    .\32 xl\:min-w-1 {
        min-width: var(--size-1);
    }
    .\32 xl\:min-w-1\.5 {
        min-width: var(--size-1\5);
    }
    .\32 xl\:min-w-2 {
        min-width: var(--size-2);
    }
    .\32 xl\:min-w-2\.5 {
        min-width: var(--size-2\5);
    }
    .\32 xl\:min-w-3 {
        min-width: var(--size-3);
    }
    .\32 xl\:min-w-3\.5 {
        min-width: var(--size-3\5);
    }
    .\32 xl\:min-w-4 {
        min-width: var(--size-4);
    }
    .\32 xl\:min-w-5 {
        min-width: var(--size-5);
    }
    .\32 xl\:min-w-6 {
        min-width: var(--size-6);
    }
    .\32 xl\:min-w-7 {
        min-width: var(--size-7);
    }
    .\32 xl\:min-w-8 {
        min-width: var(--size-8);
    }
    .\32 xl\:min-w-9 {
        min-width: var(--size-9);
    }
    .\32 xl\:min-w-10 {
        min-width: var(--size-10);
    }
    .\32 xl\:min-w-11 {
        min-width: var(--size-11);
    }
    .\32 xl\:min-w-12 {
        min-width: var(--size-12);
    }
    .\32 xl\:min-w-14 {
        min-width: var(--size-15);
    }
    .\32 xl\:min-w-16 {
        min-width: var(--size-16);
    }
    .\32 xl\:min-w-20 {
        min-width: var(--size-20);
    }
    .\32 xl\:min-w-24 {
        min-width: var(--size-24);
    }
    .\32 xl\:min-w-28 {
        min-width: var(--size-28);
    }
    .\32 xl\:min-w-32 {
        min-width: var(--size-32);
    }
    .\32 xl\:min-w-36 {
        min-width: var(--size-36);
    }
    .\32 xl\:min-w-40 {
        min-width: var(--size-40);
    }
    .\32 xl\:min-w-44 {
        min-width: var(--size-44);
    }
    .\32 xl\:min-w-48 {
        min-width: var(--size-48);
    }
    .\32 xl\:min-w-52 {
        min-width: var(--size-52);
    }
    .\32 xl\:min-w-56 {
        min-width: var(--size-56);
    }
    .\32 xl\:min-w-60 {
        min-width: var(--size-60);
    }
    .\32 xl\:max-w-none {
        max-width: none;
    }
    .\32 xl\:max-w-0 {
        max-width: 0px;
    }
    .\32 xl\:max-w-px {
        max-width: 1px;
    }
    .\32 xl\:max-w-0\.5 {
        max-width: var(--size-0\5);
    }
    .\32 xl\:max-w-1 {
        max-width: var(--size-1);
    }
    .\32 xl\:max-w-1\.5 {
        max-width: var(--size-1\5);
    }
    .\32 xl\:max-w-2 {
        max-width: var(--size-2);
    }
    .\32 xl\:max-w-2\.5 {
        max-width: var(--size-2\5);
    }
    .\32 xl\:max-w-3 {
        max-width: var(--size-3);
    }
    .\32 xl\:max-w-3\.5 {
        max-width: var(--size-3\5);
    }
    .\32 xl\:max-w-4 {
        max-width: var(--size-4);
    }
    .\32 xl\:max-w-5 {
        max-width: var(--size-5);
    }
    .\32 xl\:max-w-6 {
        max-width: var(--size-6);
    }
    .\32 xl\:max-w-7 {
        max-width: var(--size-7);
    }
    .\32 xl\:max-w-8 {
        max-width: var(--size-8);
    }
    .\32 xl\:max-w-9 {
        max-width: var(--size-9);
    }
    .\32 xl\:max-w-10 {
        max-width: var(--size-10);
    }
    .\32 xl\:max-w-11 {
        max-width: var(--size-11);
    }
    .\32 xl\:max-w-12 {
        max-width: var(--size-12);
    }
    .\32 xl\:max-w-14 {
        max-width: var(--size-15);
    }
    .\32 xl\:max-w-16 {
        max-width: var(--size-16);
    }
    .\32 xl\:max-w-20 {
        max-width: var(--size-20);
    }
    .\32 xl\:max-w-24 {
        max-width: var(--size-24);
    }
    .\32 xl\:max-w-28 {
        max-width: var(--size-28);
    }
    .\32 xl\:max-w-32 {
        max-width: var(--size-32);
    }
    .\32 xl\:max-w-36 {
        max-width: var(--size-36);
    }
    .\32 xl\:max-w-40 {
        max-width: var(--size-40);
    }
    .\32 xl\:max-w-44 {
        max-width: var(--size-44);
    }
    .\32 xl\:max-w-48 {
        max-width: var(--size-48);
    }
    .\32 xl\:max-w-52 {
        max-width: var(--size-52);
    }
    .\32 xl\:max-w-56 {
        max-width: var(--size-56);
    }
    .\32 xl\:max-w-60 {
        max-width: var(--size-60);
    }
    .\32 xl\:h-full {
        height: 100%;
    }
    .\32 xl\:h-screen {
        height: 100dvh;
    }
    .\32 xl\:h-0 {
        height: 0px;
    }
    .\32 xl\:h-px {
        height: 1px;
    }
    .\32 xl\:h-0\.5 {
        height: var(--size-0\5);
    }
    .\32 xl\:h-1 {
        height: var(--size-1);
    }
    .\32 xl\:h-1\.5 {
        height: var(--size-1\5);
    }
    .\32 xl\:h-2 {
        height: var(--size-2);
    }
    .\32 xl\:h-2\.5 {
        height: var(--size-2\5);
    }
    .\32 xl\:h-3 {
        height: var(--size-3);
    }
    .\32 xl\:h-3\.5 {
        height: var(--size-3\5);
    }
    .\32 xl\:h-4 {
        height: var(--size-4);
    }
    .\32 xl\:h-5 {
        height: var(--size-5);
    }
    .\32 xl\:h-6 {
        height: var(--size-6);
    }
    .\32 xl\:h-7 {
        height: var(--size-7);
    }
    .\32 xl\:h-8 {
        height: var(--size-8);
    }
    .\32 xl\:h-9 {
        height: var(--size-9);
    }
    .\32 xl\:h-10 {
        height: var(--size-10);
    }
    .\32 xl\:h-11 {
        height: var(--size-11);
    }
    .\32 xl\:h-12 {
        height: var(--size-12);
    }
    .\32 xl\:h-14 {
        height: var(--size-15);
    }
    .\32 xl\:h-16 {
        height: var(--size-16);
    }
    .\32 xl\:h-20 {
        height: var(--size-20);
    }
    .\32 xl\:h-24 {
        height: var(--size-24);
    }
    .\32 xl\:h-28 {
        height: var(--size-28);
    }
    .\32 xl\:h-32 {
        height: var(--size-32);
    }
    .\32 xl\:h-36 {
        height: var(--size-36);
    }
    .\32 xl\:h-40 {
        height: var(--size-40);
    }
    .\32 xl\:h-44 {
        height: var(--size-44);
    }
    .\32 xl\:h-48 {
        height: var(--size-48);
    }
    .\32 xl\:h-52 {
        height: var(--size-52);
    }
    .\32 xl\:h-56 {
        height: var(--size-56);
    }
    .\32 xl\:h-60 {
        height: var(--size-60);
    }
    .\32 xl\:h-min {
        height: min-content;
    }
    .\32 xl\:h-auto {
        height: auto;
    }
    .\32 xl\:min-h-px {
        min-height: 1px;
    }
    .\32 xl\:min-h-0 {
        min-height: 0px;
    }
    .\32 xl\:min-h-full {
        min-height: 100%;
    }
    .\32 xl\:max-h-full {
        max-height: 100%;
    }
    .\32 xl\:min-h-screen {
        min-height: 100dvh;
    }
    .\32 xl\:max-h-screen {
        max-height: 100dvh;
    }
    .\32 xl\:min-h-0\.5 {
        min-height: var(--size-0\5);
    }
    .\32 xl\:min-h-1 {
        min-height: var(--size-1);
    }
    .\32 xl\:min-h-1\.5 {
        min-height: var(--size-1\5);
    }
    .\32 xl\:min-h-2 {
        min-height: var(--size-2);
    }
    .\32 xl\:min-h-2\.5 {
        min-height: var(--size-2\5);
    }
    .\32 xl\:min-h-3 {
        min-height: var(--size-3);
    }
    .\32 xl\:min-h-3\.5 {
        min-height: var(--size-3\5);
    }
    .\32 xl\:min-h-4 {
        min-height: var(--size-4);
    }
    .\32 xl\:min-h-5 {
        min-height: var(--size-5);
    }
    .\32 xl\:min-h-6 {
        min-height: var(--size-6);
    }
    .\32 xl\:min-h-7 {
        min-height: var(--size-7);
    }
    .\32 xl\:min-h-8 {
        min-height: var(--size-8);
    }
    .\32 xl\:min-h-9 {
        min-height: var(--size-9);
    }
    .\32 xl\:min-h-10 {
        min-height: var(--size-10);
    }
    .\32 xl\:min-h-11 {
        min-height: var(--size-11);
    }
    .\32 xl\:min-h-12 {
        min-height: var(--size-12);
    }
    .\32 xl\:min-h-14 {
        min-height: var(--size-15);
    }
    .\32 xl\:min-h-16 {
        min-height: var(--size-16);
    }
    .\32 xl\:min-h-20 {
        min-height: var(--size-20);
    }
    .\32 xl\:min-h-24 {
        min-height: var(--size-24);
    }
    .\32 xl\:min-h-28 {
        min-height: var(--size-28);
    }
    .\32 xl\:min-h-32 {
        min-height: var(--size-32);
    }
    .\32 xl\:min-h-36 {
        min-height: var(--size-36);
    }
    .\32 xl\:min-h-40 {
        min-height: var(--size-40);
    }
    .\32 xl\:min-h-44 {
        min-height: var(--size-44);
    }
    .\32 xl\:min-h-48 {
        min-height: var(--size-48);
    }
    .\32 xl\:min-h-52 {
        min-height: var(--size-52);
    }
    .\32 xl\:min-h-56 {
        min-height: var(--size-56);
    }
    .\32 xl\:min-h-60 {
        min-height: var(--size-60);
    }
    .\32 xl\:max-h-0 {
        max-height: 0px;
    }
    .\32 xl\:max-h-0\.5 {
        max-height: var(--size-0\5);
    }
    .\32 xl\:max-h-1 {
        max-height: var(--size-1);
    }
    .\32 xl\:max-h-1\.5 {
        max-height: var(--size-1\5);
    }
    .\32 xl\:max-h-2 {
        max-height: var(--size-2);
    }
    .\32 xl\:max-h-2\.5 {
        max-height: var(--size-2\5);
    }
    .\32 xl\:max-h-3 {
        max-height: var(--size-3);
    }
    .\32 xl\:max-h-3\.5 {
        max-height: var(--size-3\5);
    }
    .\32 xl\:max-h-4 {
        max-height: var(--size-4);
    }
    .\32 xl\:max-h-5 {
        max-height: var(--size-5);
    }
    .\32 xl\:max-h-6 {
        max-height: var(--size-6);
    }
    .\32 xl\:max-h-7 {
        max-height: var(--size-7);
    }
    .\32 xl\:max-h-8 {
        max-height: var(--size-8);
    }
    .\32 xl\:max-h-9 {
        max-height: var(--size-9);
    }
    .\32 xl\:max-h-10 {
        max-height: var(--size-10);
    }
    .\32 xl\:max-h-11 {
        max-height: var(--size-11);
    }
    .\32 xl\:max-h-12 {
        max-height: var(--size-12);
    }
    .\32 xl\:max-h-14 {
        max-height: var(--size-15);
    }
    .\32 xl\:max-h-16 {
        max-height: var(--size-16);
    }
    .\32 xl\:max-h-20 {
        max-height: var(--size-20);
    }
    .\32 xl\:max-h-24 {
        max-height: var(--size-24);
    }
    .\32 xl\:max-h-28 {
        max-height: var(--size-28);
    }
    .\32 xl\:max-h-32 {
        max-height: var(--size-32);
    }
    .\32 xl\:max-h-36 {
        max-height: var(--size-36);
    }
    .\32 xl\:max-h-40 {
        max-height: var(--size-40);
    }
    .\32 xl\:max-h-44 {
        max-height: var(--size-44);
    }
    .\32 xl\:max-h-48 {
        max-height: var(--size-48);
    }
    .\32 xl\:max-h-52 {
        max-height: var(--size-52);
    }
    .\32 xl\:max-h-56 {
        max-height: var(--size-56);
    }
    .\32 xl\:max-h-60 {
        max-height: var(--size-60);
    }
    .\32 xl\:font-sans {
        font-family: var(--sans);
    }
    .\32 xl\:font-serif {
        font-family: var(--serif);
    }
    .\32 xl\:text-2xs {
        font-size: var(--size-2xs);
    }
    .\32 xl\:text-11px {
        font-size: 11px;
    }
    .\32 xl\:text-xs {
        font-size: var(--size-xs);
    }
    .\32 xl\:text-sm {
        font-size: var(--size-sm);
    }
    .\32 xl\:text-base {
        font-size: var(--size-base);
    }
    .\32 xl\:text-lg {
        font-size: var(--size-lg);
    }
    .\32 xl\:text-xl {
        font-size: var(--size-xl);
    }
    .\32 xl\:text-2xl {
        font-size: var(--size-2xl);
    }
    .\32 xl\:text-3xl {
        font-size: var(--size-3xl);
    }
    .\32 xl\:text-4xl {
        font-size: var(--size-4xl);
    }
    .\32 xl\:text-5xl {
        font-size: var(--size-5xl);
    }
    .\32 xl\:text-6xl {
        font-size: var(--size-6xl);
    }
    .\32 xl\:leading-base {
        line-height: var(--leading-base);
    }
    .\32 xl\:leading-base-sm {
        line-height: var(--leading-sm);
    }
    .\32 xl\:leading-none {
        line-height: var(--leading-none);
    }
    .\32 xl\:leading-tight {
        line-height: var(--leading-tight);
    }
    .\32 xl\:leading-snug {
        line-height: var(--leading-snug);
    }
    .\32 xl\:leading-normal {
        line-height: var(--leading-normal);
    }
    .\32 xl\:leading-3 {
        line-height: var(--size-3);
    }
    .\32 xl\:leading-4 {
        line-height: var(--size-4);
    }
    .\32 xl\:leading-5 {
        line-height: var(--size-5);
    }
    .\32 xl\:leading-6 {
        line-height: var(--size-6);
    }
    .\32 xl\:font-normal {
        font-weight: var(--weight-normal);
    }
    .\32 xl\:font-medium {
        font-weight: var(--weight-medium);
    }
    .\32 xl\:font-semibold {
        font-weight: var(--weight-semibold);
    }
    .\32 xl\:font-bold {
        font-weight: var(--weight-bold);
    }
    .\32 xl\:font-extrabold {
        font-weight: var(--weight-extrabold);
    }
    .\32 xl\:text-zinc-50,
    .\32 xl\:hover\:text-zinc-50:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-50 {
        color: rgba(250, 250, 250, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-100,
    .\32 xl\:hover\:text-zinc-100:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-100 {
        color: rgba(244, 244, 245, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-200,
    .\32 xl\:hover\:text-zinc-200:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-200 {
        color: rgba(228, 228, 231, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-300,
    .\32 xl\:hover\:text-zinc-300:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-300 {
        color: rgba(212, 212, 216, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-400,
    .\32 xl\:hover\:text-zinc-400:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-400 {
        color: rgba(161, 161, 170, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-500,
    .\32 xl\:hover\:text-zinc-500:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-500 {
        color: rgba(113, 113, 122, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-600,
    .\32 xl\:hover\:text-zinc-600:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-600 {
        color: rgba(82, 82, 91, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-700,
    .\32 xl\:hover\:text-zinc-700:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-700 {
        color: rgba(63, 63, 70, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-800,
    .\32 xl\:hover\:text-zinc-800:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-800 {
        color: rgba(39, 39, 42, var(--text-opacity, 1));
    }
    .\32 xl\:text-zinc-900,
    .\32 xl\:hover\:text-zinc-900:hover,
    .group:hover .\32 xl\:group-hover\:text-zinc-900 {
        color: rgba(24, 24, 27, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-50,
    .\32 xl\:hover\:text-red-50:hover,
    .group:hover .\32 xl\:group-hover\:text-red-50 {
        color: rgba(254, 242, 242, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-100,
    .\32 xl\:hover\:text-red-100:hover,
    .group:hover .\32 xl\:group-hover\:text-red-100 {
        color: rgba(254, 226, 226, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-200,
    .\32 xl\:hover\:text-red-200:hover,
    .group:hover .\32 xl\:group-hover\:text-red-200 {
        color: rgba(254, 202, 202, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-300,
    .\32 xl\:hover\:text-red-300:hover,
    .group:hover .\32 xl\:group-hover\:text-red-300 {
        color: rgba(252, 165, 165, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-400,
    .\32 xl\:hover\:text-red-400:hover,
    .group:hover .\32 xl\:group-hover\:text-red-400 {
        color: rgba(248, 113, 113, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-500,
    .\32 xl\:hover\:text-red-500:hover,
    .group:hover .\32 xl\:group-hover\:text-red-500 {
        color: rgba(239, 68, 68, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-600,
    .\32 xl\:hover\:text-red-600:hover,
    .group:hover .\32 xl\:group-hover\:text-red-600 {
        color: rgba(220, 38, 38, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-700,
    .\32 xl\:hover\:text-red-700:hover,
    .group:hover .\32 xl\:group-hover\:text-red-700 {
        color: rgba(185, 28, 28, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-800,
    .\32 xl\:hover\:text-red-800:hover,
    .group:hover .\32 xl\:group-hover\:text-red-800 {
        color: rgba(153, 27, 27, var(--text-opacity, 1));
    }
    .\32 xl\:text-red-900,
    .\32 xl\:hover\:text-red-900:hover,
    .group:hover .\32 xl\:group-hover\:text-red-900 {
        color: rgba(127, 29, 29, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-50,
    .\32 xl\:hover\:text-amber-50:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-50 {
        color: rgba(255, 251, 235, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-100,
    .\32 xl\:hover\:text-amber-100:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-100 {
        color: rgba(254, 243, 199, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-200,
    .\32 xl\:hover\:text-amber-200:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-200 {
        color: rgba(253, 230, 138, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-300,
    .\32 xl\:hover\:text-amber-300:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-300 {
        color: rgba(252, 211, 77, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-400,
    .\32 xl\:hover\:text-amber-400:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-400 {
        color: rgba(251, 191, 36, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-500,
    .\32 xl\:hover\:text-amber-500:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-500 {
        color: rgba(245, 158, 11, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-600,
    .\32 xl\:hover\:text-amber-600:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-600 {
        color: rgba(217, 119, 6, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-700,
    .\32 xl\:hover\:text-amber-700:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-700 {
        color: rgba(180, 83, 9, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-800,
    .\32 xl\:hover\:text-amber-800:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-800 {
        color: rgba(146, 64, 14, var(--text-opacity, 1));
    }
    .\32 xl\:text-amber-900,
    .\32 xl\:hover\:text-amber-900:hover,
    .group:hover .\32 xl\:group-hover\:text-amber-900 {
        color: rgba(120, 53, 15, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-50,
    .\32 xl\:hover\:text-yellow-50:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-50 {
        color: rgba(254, 252, 232, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-100,
    .\32 xl\:hover\:text-yellow-100:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-100 {
        color: rgba(254, 249, 195, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-200,
    .\32 xl\:hover\:text-yellow-200:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-200 {
        color: rgba(254, 240, 138, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-300,
    .\32 xl\:hover\:text-yellow-300:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-300 {
        color: rgba(253, 224, 71, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-400,
    .\32 xl\:hover\:text-yellow-400:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-400 {
        color: rgba(250, 204, 21, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-500,
    .\32 xl\:hover\:text-yellow-500:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-500 {
        color: rgba(234, 179, 8, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-600,
    .\32 xl\:hover\:text-yellow-600:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-600 {
        color: rgba(202, 138, 4, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-700,
    .\32 xl\:hover\:text-yellow-700:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-700 {
        color: rgba(161, 98, 7, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-800,
    .\32 xl\:hover\:text-yellow-800:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-800 {
        color: rgba(133, 77, 14, var(--text-opacity, 1));
    }
    .\32 xl\:text-yellow-900,
    .\32 xl\:hover\:text-yellow-900:hover,
    .group:hover .\32 xl\:group-hover\:text-yellow-900 {
        color: rgba(113, 63, 18, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-50,
    .\32 xl\:hover\:text-emerald-50:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-50 {
        color: rgba(236, 253, 245, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-100,
    .\32 xl\:hover\:text-emerald-100:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-100 {
        color: rgba(209, 250, 229, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-200,
    .\32 xl\:hover\:text-emerald-200:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-200 {
        color: rgba(167, 243, 208, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-300,
    .\32 xl\:hover\:text-emerald-300:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-300 {
        color: rgba(110, 231, 183, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-400,
    .\32 xl\:hover\:text-emerald-400:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-400 {
        color: rgba(52, 211, 153, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-500,
    .\32 xl\:hover\:text-emerald-500:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-500 {
        color: rgba(16, 185, 129, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-600,
    .\32 xl\:hover\:text-emerald-600:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-600 {
        color: rgba(5, 150, 105, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-700,
    .\32 xl\:hover\:text-emerald-700:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-700 {
        color: rgba(4, 120, 87, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-800,
    .\32 xl\:hover\:text-emerald-800:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-800 {
        color: rgba(6, 95, 70, var(--text-opacity, 1));
    }
    .\32 xl\:text-emerald-900,
    .\32 xl\:hover\:text-emerald-900:hover,
    .group:hover .\32 xl\:group-hover\:text-emerald-900 {
        color: rgba(6, 78, 59, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-50,
    .\32 xl\:hover\:text-cyan-50:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-50 {
        color: rgba(236, 254, 255, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-100,
    .\32 xl\:hover\:text-cyan-100:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-100 {
        color: rgba(207, 250, 254, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-200,
    .\32 xl\:hover\:text-cyan-200:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-200 {
        color: rgba(165, 243, 252, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-300,
    .\32 xl\:hover\:text-cyan-300:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-300 {
        color: rgba(103, 232, 249, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-400,
    .\32 xl\:hover\:text-cyan-400:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-400 {
        color: rgba(34, 211, 238, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-500,
    .\32 xl\:hover\:text-cyan-500:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-500 {
        color: rgba(6, 182, 212, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-600,
    .\32 xl\:hover\:text-cyan-600:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-600 {
        color: rgba(8, 145, 178, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-700,
    .\32 xl\:hover\:text-cyan-700:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-700 {
        color: rgba(14, 116, 144, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-800,
    .\32 xl\:hover\:text-cyan-800:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-800 {
        color: rgba(21, 94, 117, var(--text-opacity, 1));
    }
    .\32 xl\:text-cyan-900,
    .\32 xl\:hover\:text-cyan-900:hover,
    .group:hover .\32 xl\:group-hover\:text-cyan-900 {
        color: rgba(22, 78, 99, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-50,
    .\32 xl\:hover\:text-blue-50:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-50 {
        color: rgba(239, 246, 255, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-100,
    .\32 xl\:hover\:text-blue-100:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-100 {
        color: rgba(219, 234, 254, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-200,
    .\32 xl\:hover\:text-blue-200:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-200 {
        color: rgba(191, 219, 254, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-300,
    .\32 xl\:hover\:text-blue-300:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-300 {
        color: rgba(147, 197, 253, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-400,
    .\32 xl\:hover\:text-blue-400:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-400 {
        color: rgba(96, 165, 250, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-500,
    .\32 xl\:hover\:text-blue-500:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-500 {
        color: rgba(59, 130, 246, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-600,
    .\32 xl\:hover\:text-blue-600:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-600 {
        color: rgba(37, 99, 235, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-700,
    .\32 xl\:hover\:text-blue-700:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-700 {
        color: rgba(29, 78, 216, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-800,
    .\32 xl\:hover\:text-blue-800:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-800 {
        color: rgba(30, 64, 175, var(--text-opacity, 1));
    }
    .\32 xl\:text-blue-900,
    .\32 xl\:hover\:text-blue-900:hover,
    .group:hover .\32 xl\:group-hover\:text-blue-900 {
        color: rgba(30, 58, 138, var(--text-opacity, 1));
    }
    .\32 xl\:text-transparent,
    .\32 xl\:hover\:text-transparent:hover,
    .group:hover .\32 xl\:group-hover\:text-transparent {
        color: rgba(0, 0, 0, 0) !important;
    }
    .\32 xl\:text-black,
    .\32 xl\:hover\:text-black:hover,
    .group:hover .\32 xl\:group-hover\:text-black {
        color: rgba(0, 0, 0, var(--text-opacity, 1));
    }
    .\32 xl\:text-white,
    .\32 xl\:hover\:text-white:hover,
    .group:hover .\32 xl\:group-hover\:text-white {
        color: rgba(255, 255, 255, var(--text-opacity, 1));
    }
    .\32 xl\:text-opacity-0,
    .\32 xl\:hover\:text-opacity-0:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-0 {
        --text-opacity: 0;
    }
    .\32 xl\:text-opacity-10,
    .\32 xl\:hover\:text-opacity-10:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-10 {
        --text-opacity: 0.1;
    }
    .\32 xl\:text-opacity-20,
    .\32 xl\:hover\:text-opacity-20:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-20 {
        --text-opacity: 0.2;
    }
    .\32 xl\:text-opacity-30,
    .\32 xl\:hover\:text-opacity-30:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-30 {
        --text-opacity: 0.3;
    }
    .\32 xl\:text-opacity-40,
    .\32 xl\:hover\:text-opacity-40:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-40 {
        --text-opacity: 0.4;
    }
    .\32 xl\:text-opacity-50,
    .\32 xl\:hover\:text-opacity-50:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-50 {
        --text-opacity: 0.5;
    }
    .\32 xl\:text-opacity-60,
    .\32 xl\:hover\:text-opacity-60:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-60 {
        --text-opacity: 0.6;
    }
    .\32 xl\:text-opacity-70,
    .\32 xl\:hover\:text-opacity-70:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-70 {
        --text-opacity: 0.7;
    }
    .\32 xl\:text-opacity-80,
    .\32 xl\:hover\:text-opacity-80:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-80 {
        --text-opacity: 0.8;
    }
    .\32 xl\:text-opacity-90,
    .\32 xl\:hover\:text-opacity-90:hover,
    .group:hover .\32 xl\:group-hover\:text-opacity-90 {
        --text-opacity: 0.9;
    }
    .\32 xl\:bg-zinc-50,
    .\32 xl\:hover\:bg-zinc-50:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-50 {
        background-color: rgba(250, 250, 250, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-100,
    .\32 xl\:hover\:bg-zinc-100:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-100 {
        background-color: rgba(244, 244, 245, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-200,
    .\32 xl\:hover\:bg-zinc-200:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-200 {
        background-color: rgba(228, 228, 231, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-300,
    .\32 xl\:hover\:bg-zinc-300:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-300 {
        background-color: rgba(212, 212, 216, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-400,
    .\32 xl\:hover\:bg-zinc-400:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-400 {
        background-color: rgba(161, 161, 170, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-500,
    .\32 xl\:hover\:bg-zinc-500:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-500 {
        background-color: rgba(113, 113, 122, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-600,
    .\32 xl\:hover\:bg-zinc-600:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-600 {
        background-color: rgba(82, 82, 91, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-700,
    .\32 xl\:hover\:bg-zinc-700:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-700 {
        background-color: rgba(63, 63, 70, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-800,
    .\32 xl\:hover\:bg-zinc-800:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-800 {
        background-color: rgba(39, 39, 42, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-zinc-900,
    .\32 xl\:hover\:bg-zinc-900:hover,
    .group:hover .\32 xl\:group-hover\:bg-zinc-900 {
        background-color: rgba(24, 24, 27, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-50,
    .\32 xl\:hover\:bg-red-50:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-50 {
        background-color: rgba(254, 242, 242, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-100,
    .\32 xl\:hover\:bg-red-100:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-100 {
        background-color: rgba(254, 226, 226, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-200,
    .\32 xl\:hover\:bg-red-200:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-200 {
        background-color: rgba(254, 202, 202, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-300,
    .\32 xl\:hover\:bg-red-300:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-300 {
        background-color: rgba(252, 165, 165, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-400,
    .\32 xl\:hover\:bg-red-400:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-400 {
        background-color: rgba(248, 113, 113, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-500,
    .\32 xl\:hover\:bg-red-500:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-500 {
        background-color: rgba(239, 68, 68, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-600,
    .\32 xl\:hover\:bg-red-600:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-600 {
        background-color: rgba(220, 38, 38, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-700,
    .\32 xl\:hover\:bg-red-700:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-700 {
        background-color: rgba(185, 28, 28, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-800,
    .\32 xl\:hover\:bg-red-800:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-800 {
        background-color: rgba(153, 27, 27, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-red-900,
    .\32 xl\:hover\:bg-red-900:hover,
    .group:hover .\32 xl\:group-hover\:bg-red-900 {
        background-color: rgba(127, 29, 29, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-50,
    .\32 xl\:hover\:bg-amber-50:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-50 {
        background-color: rgba(255, 251, 235, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-100,
    .\32 xl\:hover\:bg-amber-100:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-100 {
        background-color: rgba(254, 243, 199, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-200,
    .\32 xl\:hover\:bg-amber-200:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-200 {
        background-color: rgba(253, 230, 138, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-300,
    .\32 xl\:hover\:bg-amber-300:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-300 {
        background-color: rgba(252, 211, 77, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-400,
    .\32 xl\:hover\:bg-amber-400:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-400 {
        background-color: rgba(251, 191, 36, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-500,
    .\32 xl\:hover\:bg-amber-500:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-500 {
        background-color: rgba(245, 158, 11, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-600,
    .\32 xl\:hover\:bg-amber-600:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-600 {
        background-color: rgba(217, 119, 6, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-700,
    .\32 xl\:hover\:bg-amber-700:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-700 {
        background-color: rgba(180, 83, 9, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-800,
    .\32 xl\:hover\:bg-amber-800:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-800 {
        background-color: rgba(146, 64, 14, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-amber-900,
    .\32 xl\:hover\:bg-amber-900:hover,
    .group:hover .\32 xl\:group-hover\:bg-amber-900 {
        background-color: rgba(120, 53, 15, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-50,
    .\32 xl\:hover\:bg-yellow-50:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-50 {
        background-color: rgba(254, 252, 232, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-100,
    .\32 xl\:hover\:bg-yellow-100:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-100 {
        background-color: rgba(254, 249, 195, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-200,
    .\32 xl\:hover\:bg-yellow-200:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-200 {
        background-color: rgba(254, 240, 138, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-300,
    .\32 xl\:hover\:bg-yellow-300:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-300 {
        background-color: rgba(253, 224, 71, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-400,
    .\32 xl\:hover\:bg-yellow-400:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-400 {
        background-color: rgba(250, 204, 21, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-500,
    .\32 xl\:hover\:bg-yellow-500:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-500 {
        background-color: rgba(234, 179, 8, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-600,
    .\32 xl\:hover\:bg-yellow-600:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-600 {
        background-color: rgba(202, 138, 4, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-700,
    .\32 xl\:hover\:bg-yellow-700:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-700 {
        background-color: rgba(161, 98, 7, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-800,
    .\32 xl\:hover\:bg-yellow-800:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-800 {
        background-color: rgba(133, 77, 14, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-yellow-900,
    .\32 xl\:hover\:bg-yellow-900:hover,
    .group:hover .\32 xl\:group-hover\:bg-yellow-900 {
        background-color: rgba(113, 63, 18, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-50,
    .\32 xl\:hover\:bg-emerald-50:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-50 {
        background-color: rgba(236, 253, 245, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-100,
    .\32 xl\:hover\:bg-emerald-100:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-100 {
        background-color: rgba(209, 250, 229, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-200,
    .\32 xl\:hover\:bg-emerald-200:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-200 {
        background-color: rgba(167, 243, 208, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-300,
    .\32 xl\:hover\:bg-emerald-300:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-300 {
        background-color: rgba(110, 231, 183, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-400,
    .\32 xl\:hover\:bg-emerald-400:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-400 {
        background-color: rgba(52, 211, 153, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-500,
    .\32 xl\:hover\:bg-emerald-500:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-500 {
        background-color: rgba(16, 185, 129, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-600,
    .\32 xl\:hover\:bg-emerald-600:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-600 {
        background-color: rgba(5, 150, 105, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-700,
    .\32 xl\:hover\:bg-emerald-700:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-700 {
        background-color: rgba(4, 120, 87, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-800,
    .\32 xl\:hover\:bg-emerald-800:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-800 {
        background-color: rgba(6, 95, 70, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-emerald-900,
    .\32 xl\:hover\:bg-emerald-900:hover,
    .group:hover .\32 xl\:group-hover\:bg-emerald-900 {
        background-color: rgba(6, 78, 59, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-50,
    .\32 xl\:hover\:bg-cyan-50:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-50 {
        background-color: rgba(236, 254, 255, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-100,
    .\32 xl\:hover\:bg-cyan-100:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-100 {
        background-color: rgba(207, 250, 254, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-200,
    .\32 xl\:hover\:bg-cyan-200:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-200 {
        background-color: rgba(165, 243, 252, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-300,
    .\32 xl\:hover\:bg-cyan-300:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-300 {
        background-color: rgba(103, 232, 249, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-400,
    .\32 xl\:hover\:bg-cyan-400:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-400 {
        background-color: rgba(34, 211, 238, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-500,
    .\32 xl\:hover\:bg-cyan-500:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-500 {
        background-color: rgba(6, 182, 212, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-600,
    .\32 xl\:hover\:bg-cyan-600:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-600 {
        background-color: rgba(8, 145, 178, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-700,
    .\32 xl\:hover\:bg-cyan-700:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-700 {
        background-color: rgba(14, 116, 144, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-800,
    .\32 xl\:hover\:bg-cyan-800:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-800 {
        background-color: rgba(21, 94, 117, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-cyan-900,
    .\32 xl\:hover\:bg-cyan-900:hover,
    .group:hover .\32 xl\:group-hover\:bg-cyan-900 {
        background-color: rgba(22, 78, 99, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-50,
    .\32 xl\:hover\:bg-blue-50:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-50 {
        background-color: rgba(239, 246, 255, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-100,
    .\32 xl\:hover\:bg-blue-100:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-100 {
        background-color: rgba(219, 234, 254, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-200,
    .\32 xl\:hover\:bg-blue-200:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-200 {
        background-color: rgba(191, 219, 254, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-300,
    .\32 xl\:hover\:bg-blue-300:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-300 {
        background-color: rgba(147, 197, 253, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-400,
    .\32 xl\:hover\:bg-blue-400:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-400 {
        background-color: rgba(96, 165, 250, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-500,
    .\32 xl\:hover\:bg-blue-500:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-500 {
        background-color: rgba(59, 130, 246, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-600,
    .\32 xl\:hover\:bg-blue-600:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-600 {
        background-color: rgba(37, 99, 235, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-700,
    .\32 xl\:hover\:bg-blue-700:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-700 {
        background-color: rgba(29, 78, 216, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-800,
    .\32 xl\:hover\:bg-blue-800:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-800 {
        background-color: rgba(30, 64, 175, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-blue-900,
    .\32 xl\:hover\:bg-blue-900:hover,
    .group:hover .\32 xl\:group-hover\:bg-blue-900 {
        background-color: rgba(30, 58, 138, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-transparent,
    .\32 xl\:hover\:bg-transparent:hover,
    .group:hover .\32 xl\:group-hover\:bg-transparent {
        background-color: rgba(0, 0, 0, 0) !important;
    }
    .\32 xl\:bg-black,
    .\32 xl\:hover\:bg-black:hover,
    .group:hover .\32 xl\:group-hover\:bg-black {
        background-color: rgba(0, 0, 0, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-white,
    .\32 xl\:hover\:bg-white:hover,
    .group:hover .\32 xl\:group-hover\:bg-white {
        background-color: rgba(255, 255, 255, var(--bg-opacity, 1));
    }
    .\32 xl\:bg-opacity-0,
    .\32 xl\:hover\:bg-opacity-0:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-0 {
        --bg-opacity: 0;
    }
    .\32 xl\:bg-opacity-5,
    .\32 xl\:hover\:bg-opacity-5:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-10 {
        --bg-opacity: 0.05;
    }
    .\32 xl\:bg-opacity-10,
    .\32 xl\:hover\:bg-opacity-10:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-10 {
        --bg-opacity: 0.1;
    }
    .\32 xl\:bg-opacity-20,
    .\32 xl\:hover\:bg-opacity-20:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-20 {
        --bg-opacity: 0.2;
    }
    .\32 xl\:bg-opacity-30,
    .\32 xl\:hover\:bg-opacity-30:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-30 {
        --bg-opacity: 0.3;
    }
    .\32 xl\:bg-opacity-40,
    .\32 xl\:hover\:bg-opacity-40:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-40 {
        --bg-opacity: 0.4;
    }
    .\32 xl\:bg-opacity-50,
    .\32 xl\:hover\:bg-opacity-50:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-50 {
        --bg-opacity: 0.5;
    }
    .\32 xl\:bg-opacity-60,
    .\32 xl\:hover\:bg-opacity-60:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-60 {
        --bg-opacity: 0.6;
    }
    .\32 xl\:bg-opacity-70,
    .\32 xl\:hover\:bg-opacity-70:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-70 {
        --bg-opacity: 0.7;
    }
    .\32 xl\:bg-opacity-80,
    .\32 xl\:hover\:bg-opacity-80:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-80 {
        --bg-opacity: 0.8;
    }
    .\32 xl\:bg-opacity-90,
    .\32 xl\:hover\:bg-opacity-90:hover,
    .group:hover .\32 xl\:group-hover\:bg-opacity-90 {
        --bg-opacity: 0.9;
    }
    .\32 xl\:border-zinc-50,
    .\32 xl\:hover\:border-zinc-50:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-50 {
        border-color: rgba(248, 250, 252, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-100,
    .\32 xl\:hover\:border-zinc-100:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-100 {
        border-color: rgba(241, 245, 249, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-200,
    .\32 xl\:hover\:border-zinc-200:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-200 {
        border-color: rgba(226, 232, 240, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-300,
    .\32 xl\:hover\:border-zinc-300:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-300 {
        border-color: rgba(203, 213, 225, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-400,
    .\32 xl\:hover\:border-zinc-400:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-400 {
        border-color: rgba(148, 163, 184, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-500,
    .\32 xl\:hover\:border-zinc-500:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-500 {
        border-color: rgba(100, 116, 139, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-600,
    .\32 xl\:hover\:border-zinc-600:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-600 {
        border-color: rgba(71, 85, 105, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-700,
    .\32 xl\:hover\:border-zinc-700:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-700 {
        border-color: rgba(51, 65, 85, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-800,
    .\32 xl\:hover\:border-zinc-800:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-800 {
        border-color: rgba(30, 41, 59, var(--border-opacity, 1));
    }
    .\32 xl\:border-zinc-900,
    .\32 xl\:hover\:border-zinc-900:hover,
    .group:hover .\32 xl\:group-hover\:border-zinc-900 {
        border-color: rgba(15, 23, 42, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-50,
    .\32 xl\:hover\:border-red-50:hover,
    .group:hover .\32 xl\:group-hover\:border-red-50 {
        border-color: rgba(254, 242, 242, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-100,
    .\32 xl\:hover\:border-red-100:hover,
    .group:hover .\32 xl\:group-hover\:border-red-100 {
        border-color: rgba(254, 226, 226, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-200,
    .\32 xl\:hover\:border-red-200:hover,
    .group:hover .\32 xl\:group-hover\:border-red-200 {
        border-color: rgba(254, 202, 202, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-300,
    .\32 xl\:hover\:border-red-300:hover,
    .group:hover .\32 xl\:group-hover\:border-red-300 {
        border-color: rgba(252, 165, 165, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-400,
    .\32 xl\:hover\:border-red-400:hover,
    .group:hover .\32 xl\:group-hover\:border-red-400 {
        border-color: rgba(248, 113, 113, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-500,
    .\32 xl\:hover\:border-red-500:hover,
    .group:hover .\32 xl\:group-hover\:border-red-500 {
        border-color: rgba(239, 68, 68, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-600,
    .\32 xl\:hover\:border-red-600:hover,
    .group:hover .\32 xl\:group-hover\:border-red-600 {
        border-color: rgba(220, 38, 38, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-700,
    .\32 xl\:hover\:border-red-700:hover,
    .group:hover .\32 xl\:group-hover\:border-red-700 {
        border-color: rgba(185, 28, 28, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-800,
    .\32 xl\:hover\:border-red-800:hover,
    .group:hover .\32 xl\:group-hover\:border-red-800 {
        border-color: rgba(153, 27, 27, var(--border-opacity, 1));
    }
    .\32 xl\:border-red-900,
    .\32 xl\:hover\:border-red-900:hover,
    .group:hover .\32 xl\:group-hover\:border-red-900 {
        border-color: rgba(127, 29, 29, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-50,
    .\32 xl\:hover\:border-amber-50:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-50 {
        border-color: rgba(255, 251, 235, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-100,
    .\32 xl\:hover\:border-amber-100:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-100 {
        border-color: rgba(254, 243, 199, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-200,
    .\32 xl\:hover\:border-amber-200:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-200 {
        border-color: rgba(253, 230, 138, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-300,
    .\32 xl\:hover\:border-amber-300:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-300 {
        border-color: rgba(252, 211, 77, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-400,
    .\32 xl\:hover\:border-amber-400:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-400 {
        border-color: rgba(251, 191, 36, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-500,
    .\32 xl\:hover\:border-amber-500:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-500 {
        border-color: rgba(245, 158, 11, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-600,
    .\32 xl\:hover\:border-amber-600:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-600 {
        border-color: rgba(217, 119, 6, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-700,
    .\32 xl\:hover\:border-amber-700:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-700 {
        border-color: rgba(180, 83, 9, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-800,
    .\32 xl\:hover\:border-amber-800:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-800 {
        border-color: rgba(146, 64, 14, var(--border-opacity, 1));
    }
    .\32 xl\:border-amber-900,
    .\32 xl\:hover\:border-amber-900:hover,
    .group:hover .\32 xl\:group-hover\:border-amber-900 {
        border-color: rgba(120, 53, 15, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-50,
    .\32 xl\:hover\:border-yellow-50:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-50 {
        border-color: rgba(254, 252, 232, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-100,
    .\32 xl\:hover\:border-yellow-100:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-100 {
        border-color: rgba(254, 249, 195, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-200,
    .\32 xl\:hover\:border-yellow-200:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-200 {
        border-color: rgba(254, 240, 138, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-300,
    .\32 xl\:hover\:border-yellow-300:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-300 {
        border-color: rgba(253, 224, 71, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-400,
    .\32 xl\:hover\:border-yellow-400:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-400 {
        border-color: rgba(250, 204, 21, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-500,
    .\32 xl\:hover\:border-yellow-500:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-500 {
        border-color: rgba(234, 179, 8, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-600,
    .\32 xl\:hover\:border-yellow-600:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-600 {
        border-color: rgba(202, 138, 4, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-700,
    .\32 xl\:hover\:border-yellow-700:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-700 {
        border-color: rgba(161, 98, 7, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-800,
    .\32 xl\:hover\:border-yellow-800:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-800 {
        border-color: rgba(133, 77, 14, var(--border-opacity, 1));
    }
    .\32 xl\:border-yellow-900,
    .\32 xl\:hover\:border-yellow-900:hover,
    .group:hover .\32 xl\:group-hover\:border-yellow-900 {
        border-color: rgba(113, 63, 18, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-50,
    .\32 xl\:hover\:border-emerald-50:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-50 {
        border-color: rgba(236, 253, 245, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-100,
    .\32 xl\:hover\:border-emerald-100:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-100 {
        border-color: rgba(209, 250, 229, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-200,
    .\32 xl\:hover\:border-emerald-200:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-200 {
        border-color: rgba(167, 243, 208, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-300,
    .\32 xl\:hover\:border-emerald-300:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-300 {
        border-color: rgba(110, 231, 183, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-400,
    .\32 xl\:hover\:border-emerald-400:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-400 {
        border-color: rgba(52, 211, 153, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-500,
    .\32 xl\:hover\:border-emerald-500:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-500 {
        border-color: rgba(16, 185, 129, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-600,
    .\32 xl\:hover\:border-emerald-600:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-600 {
        border-color: rgba(5, 150, 105, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-700,
    .\32 xl\:hover\:border-emerald-700:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-700 {
        border-color: rgba(4, 120, 87, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-800,
    .\32 xl\:hover\:border-emerald-800:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-800 {
        border-color: rgba(6, 95, 70, var(--border-opacity, 1));
    }
    .\32 xl\:border-emerald-900,
    .\32 xl\:hover\:border-emerald-900:hover,
    .group:hover .\32 xl\:group-hover\:border-emerald-900 {
        border-color: rgba(6, 78, 59, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-50,
    .\32 xl\:hover\:border-cyan-50:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-50 {
        border-color: rgba(236, 254, 255, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-100,
    .\32 xl\:hover\:border-cyan-100:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-100 {
        border-color: rgba(207, 250, 254, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-200,
    .\32 xl\:hover\:border-cyan-200:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-200 {
        border-color: rgba(165, 243, 252, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-300,
    .\32 xl\:hover\:border-cyan-300:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-300 {
        border-color: rgba(103, 232, 249, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-400,
    .\32 xl\:hover\:border-cyan-400:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-400 {
        border-color: rgba(34, 211, 238, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-500,
    .\32 xl\:hover\:border-cyan-500:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-500 {
        border-color: rgba(6, 182, 212, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-600,
    .\32 xl\:hover\:border-cyan-600:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-600 {
        border-color: rgba(8, 145, 178, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-700,
    .\32 xl\:hover\:border-cyan-700:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-700 {
        border-color: rgba(14, 116, 144, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-800,
    .\32 xl\:hover\:border-cyan-800:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-800 {
        border-color: rgba(21, 94, 117, var(--border-opacity, 1));
    }
    .\32 xl\:border-cyan-900,
    .\32 xl\:hover\:border-cyan-900:hover,
    .group:hover .\32 xl\:group-hover\:border-cyan-900 {
        border-color: rgba(22, 78, 99, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-50,
    .\32 xl\:hover\:border-blue-50:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-50 {
        border-color: rgba(239, 246, 255, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-100,
    .\32 xl\:hover\:border-blue-100:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-100 {
        border-color: rgba(219, 234, 254, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-200,
    .\32 xl\:hover\:border-blue-200:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-200 {
        border-color: rgba(191, 219, 254, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-300,
    .\32 xl\:hover\:border-blue-300:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-300 {
        border-color: rgba(147, 197, 253, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-400,
    .\32 xl\:hover\:border-blue-400:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-400 {
        border-color: rgba(96, 165, 250, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-500,
    .\32 xl\:hover\:border-blue-500:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-500 {
        border-color: rgba(59, 130, 246, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-600,
    .\32 xl\:hover\:border-blue-600:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-600 {
        border-color: rgba(37, 99, 235, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-700,
    .\32 xl\:hover\:border-blue-700:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-700 {
        border-color: rgba(29, 78, 216, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-800,
    .\32 xl\:hover\:border-blue-800:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-800 {
        border-color: rgba(30, 64, 175, var(--border-opacity, 1));
    }
    .\32 xl\:border-blue-900,
    .\32 xl\:hover\:border-blue-900:hover,
    .group:hover .\32 xl\:group-hover\:border-blue-900 {
        border-color: rgba(30, 58, 138, var(--border-opacity, 1));
    }
    .\32 xl\:border-transparent,
    .\32 xl\:hover\:border-transparent:hover,
    .group:hover .\32 xl\:group-hover\:border-transparent {
        border-color: rgba(0, 0, 0, 0);
    }
    .\32 xl\:border-black,
    .\32 xl\:hover\:border-black:hover,
    .group:hover .\32 xl\:group-hover\:border-black {
        border-color: rgba(0, 0, 0, var(--border-opacity, 1));
    }
    .\32 xl\:border-white,
    .\32 xl\:hover\:border-white:hover,
    .group:hover .\32 xl\:group-hover\:border-white {
        border-color: rgba(255, 255, 255, var(--border-opacity, 1));
    }
    .\32 xl\:border-opacity-0,
    .\32 xl\:hover\:border-opacity-0:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-0 {
        --border-opacity: 0;
    }
    .\32 xl\:border-opacity-5,
    .\32 xl\:hover\:border-opacity-10:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-10 {
        --border-opacity: 0.05;
    }
    .\32 xl\:border-opacity-10,
    .\32 xl\:hover\:border-opacity-10:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-10 {
        --border-opacity: 0.1;
    }
    .\32 xl\:border-opacity-20,
    .\32 xl\:hover\:border-opacity-20:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-20 {
        --border-opacity: 0.2;
    }
    .\32 xl\:border-opacity-30,
    .\32 xl\:hover\:border-opacity-30:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-30 {
        --border-opacity: 0.3;
    }
    .\32 xl\:border-opacity-40,
    .\32 xl\:hover\:border-opacity-40:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-40 {
        --border-opacity: 0.4;
    }
    .\32 xl\:border-opacity-50,
    .\32 xl\:hover\:border-opacity-50:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-50 {
        --border-opacity: 0.5;
    }
    .\32 xl\:border-opacity-60,
    .\32 xl\:hover\:border-opacity-60:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-60 {
        --border-opacity: 0.6;
    }
    .\32 xl\:border-opacity-70,
    .\32 xl\:hover\:border-opacity-70:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-70 {
        --border-opacity: 0.7;
    }
    .\32 xl\:border-opacity-80,
    .\32 xl\:hover\:border-opacity-80:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-80 {
        --border-opacity: 0.8;
    }
    .\32 xl\:border-opacity-90,
    .\32 xl\:hover\:border-opacity-90:hover,
    .group:hover .\32 xl\:group-hover\:border-opacity-90 {
        --border-opacity: 0.9;
    }
    .\32 xl\:border-solid {
        border-style: solid;
    }
    .\32 xl\:border-dashed {
        border-style: dashed;
    }
    .\32 xl\:border-dotted {
        border-style: dotted;
    }
    .\32 xl\:border-double {
        border-style: double;
    }
    .\32 xl\:border-hidden {
        border-style: hidden;
    }
    .\32 xl\:border-none {
        border-style: none;
    }
    .\32 xl\:border-0 {
        border-width: 0px;
    }
    .\32 xl\:border {
        border-width: 1px;
    }
    .\32 xl\:border-2 {
        border-width: 2px;
    }
    .\32 xl\:border-3 {
        border-width: 3px;
    }
    .\32 xl\:border-4 {
        border-width: 4px;
    }
    .\32 xl\:border-5 {
        border-width: 5px;
    }
    .\32 xl\:border-6 {
        border-width: 6px;
    }
    .\32 xl\:border-7 {
        border-width: 7px;
    }
    .\32 xl\:border-8 {
        border-width: 8px;
    }
    .\32 xl\:border-t-0 {
        border-top-width: 0px;
    }
    .\32 xl\:border-t {
        border-top-width: 1px;
    }
    .\32 xl\:border-t-2 {
        border-top-width: 2px;
    }
    .\32 xl\:border-t-3 {
        border-top-width: 3px;
    }
    .\32 xl\:border-t-4 {
        border-top-width: 4px;
    }
    .\32 xl\:border-t-5 {
        border-top-width: 5px;
    }
    .\32 xl\:border-t-6 {
        border-top-width: 6px;
    }
    .\32 xl\:border-t-7 {
        border-top-width: 7px;
    }
    .\32 xl\:border-t-8 {
        border-top-width: 8px;
    }
    .\32 xl\:border-r-0 {
        border-right-width: 0px;
    }
    .\32 xl\:border-r {
        border-right-width: 1px;
    }
    .\32 xl\:border-r-2 {
        border-right-width: 2px;
    }
    .\32 xl\:border-r-3 {
        border-right-width: 3px;
    }
    .\32 xl\:border-r-4 {
        border-right-width: 4px;
    }
    .\32 xl\:border-r-5 {
        border-right-width: 5px;
    }
    .\32 xl\:border-r-6 {
        border-right-width: 6px;
    }
    .\32 xl\:border-r-7 {
        border-right-width: 7px;
    }
    .\32 xl\:border-r-8 {
        border-right-width: 8px;
    }
    .\32 xl\:border-b-0 {
        border-bottom-width: 0px;
    }
    .\32 xl\:border-b {
        border-bottom-width: 1px;
    }
    .\32 xl\:border-b-2 {
        border-bottom-width: 2px;
    }
    .\32 xl\:border-b-3 {
        border-bottom-width: 3px;
    }
    .\32 xl\:border-b-4 {
        border-bottom-width: 4px;
    }
    .\32 xl\:border-b-5 {
        border-bottom-width: 5px;
    }
    .\32 xl\:border-b-6 {
        border-bottom-width: 6px;
    }
    .\32 xl\:border-b-7 {
        border-bottom-width: 7px;
    }
    .\32 xl\:border-b-8 {
        border-bottom-width: 8px;
    }
    .\32 xl\:border-l-0 {
        border-left-width: 0px;
    }
    .\32 xl\:border-l {
        border-left-width: 1px;
    }
    .\32 xl\:border-l-2 {
        border-left-width: 2px;
    }
    .\32 xl\:border-l-3 {
        border-left-width: 3px;
    }
    .\32 xl\:border-l-4 {
        border-left-width: 4px;
    }
    .\32 xl\:border-l-5 {
        border-left-width: 5px;
    }
    .\32 xl\:border-l-6 {
        border-left-width: 6px;
    }
    .\32 xl\:border-l-7 {
        border-left-width: 7px;
    }
    .\32 xl\:border-l-8 {
        border-left-width: 8px;
    }
    .\32 xl\:uppercase {
        text-transform: uppercase;
    }
    .\32 xl\:lowercase {
        text-transform: lowercase;
    }
    .\32 xl\:capitalize {
        text-transform: capitalize;
    }
    .\32 xl\:normal-case {
        text-transform: none;
    }
    .\32 xl\:tracking-tighter {
        letter-spacing: var(--tracking-tighter);
    }
    .\32 xl\:tracking-tight {
        letter-spacing: var(--tracking-tight);
    }
    .\32 xl\:tracking-normal {
        letter-spacing: var(--tracking-normal);
    }
    .\32 xl\:tracking-wide {
        letter-spacing: var(--tracking-wide);
    }
    .\32 xl\:tracking-wider {
        letter-spacing: var(--tracking-wider);
    }
    .\32 xl\:tracking-widest {
        letter-spacing: var(--tracking-widest);
    }
    .\32 xl\:text-center {
        text-align: center;
    }
    .\32 xl\:text-justify {
        text-align: justify;
    }
    .\32 xl\:text-start {
        text-align: start;
    }
    .\32 xl\:text-end {
        text-align: end;
    }
    .\32 xl\:align-baseline {
        vertical-align: baseline;
    }
    .\32 xl\:align-top {
        vertical-align: top;
    }
    .\32 xl\:align-middle {
        vertical-align: middle;
    }
    .\32 xl\:align-bottom {
        vertical-align: bottom;
    }
    .\32 xl\:whitespace-normal {
        white-space: normal;
    }
    .\32 xl\:whitespace-nowrap {
        white-space: nowrap;
    }
    .\32 xl\:whitespace-pre {
        white-space: pre;
    }
    .\32 xl\:whitespace-pre-line {
        white-space: pre-line;
    }
    .\32 xl\:whitespace-pre-wrap {
        white-space: pre-wrap;
    }
    .\32 xl\:whitespace-break-spaces {
        white-space: break-spaces;
    }
    .\32 xl\:\!whitespace-normal {
        white-space: normal;
    }
    .\32 xl\:\!whitespace-nowrap {
        white-space: nowrap;
    }
    .\32 xl\:\!whitespace-pre {
        white-space: pre;
    }
    .\32 xl\:\!whitespace-pre-line {
        white-space: pre-line;
    }
    .\32 xl\:\!whitespace-pre-wrap {
        white-space: pre-wrap;
    }
    .\32 xl\:\!whitespace-break-spaces {
        white-space: break-spaces;
    }
    .\32 xl\:break-normal {
        overflow-wrap: normal;
        word-break: normal;
    }
    .\32 xl\:break-words {
        overflow-wrap: break-word;
    }
    .\32 xl\:break-all {
        word-break: break-all;
    }
    .\32 xl\:break-keep {
        word-break: keep-all;
    }
    .\32 xl\:hyphens-none {
        hyphens: none;
    }
    .\32 xl\:hyphens-manual {
        hyphens: manual;
    }
    .\32 xl\:hyphens-auto {
        hyphens: auto;
    }
    .\32 xl\:line-clamp-1 {
        -webkit-line-clamp: 1;
    }
    .\32 xl\:line-clamp-2 {
        -webkit-line-clamp: 2;
    }
    .\32 xl\:line-clamp-3 {
        -webkit-line-clamp: 3;
    }
    .\32 xl\:line-clamp-4 {
        -webkit-line-clamp: 4;
    }
    .\32 xl\:line-clamp-5 {
        -webkit-line-clamp: 5;
    }
    .\32 xl\:border-0 {
        border-width: 0;
    }
    .\32 xl\:border {
        border-width: 1px;
    }
    .\32 xl\:border-l {
        border-left-width: 1px;
    }
    .\32 xl\:border-t {
        border-top-width: 1px;
    }
    .\32 xl\:border-r {
        border-right-width: 1px;
    }
    .\32 xl\:border-b {
        border-bottom-width: 1px;
    }
    .\32 xl\:opacity-0,
    .group:hover .\32 xl\:group-hover\:opacity-0 {
        opacity: 0;
    }
    .\32 xl\:opacity-10,
    .group:hover .\32 xl\:group-hover\:opacity-10 {
        opacity: 0.1;
    }
    .\32 xl\:opacity-20,
    .group:hover .\32 xl\:group-hover\:opacity-20 {
        opacity: 0.2;
    }
    .\32 xl\:opacity-30,
    .group:hover .\32 xl\:group-hover\:opacity-30 {
        opacity: 0.3;
    }
    .\32 xl\:opacity-40,
    .group:hover .\32 xl\:group-hover\:opacity-40 {
        opacity: 0.4;
    }
    .\32 xl\:opacity-50,
    .group:hover .\32 xl\:group-hover\:opacity-50 {
        opacity: 0.5;
    }
    .\32 xl\:opacity-60,
    .group:hover .\32 xl\:group-hover\:opacity-60 {
        opacity: 0.6;
    }
    .\32 xl\:opacity-70,
    .group:hover .\32 xl\:group-hover\:opacity-70 {
        opacity: 0.7;
    }
    .\32 xl\:opacity-80,
    .group:hover .\32 xl\:group-hover\:opacity-80 {
        opacity: 0.8;
    }
    .\32 xl\:opacity-90,
    .group:hover .\32 xl\:group-hover\:opacity-90 {
        opacity: 0.9;
    }
    .\32 xl\:opacity-100,
    .group:hover .\32 xl\:group-hover\:opacity-100 {
        opacity: 1;
    }
    .\32 xl\:rounded-none {
        border-radius: var(--rounded-none);
    }
    .\32 xl\:rounded-sm {
        border-radius: var(--rounded-sm);
    }
    .\32 xl\:rounded {
        border-radius: var(--rounded);
    }
    .\32 xl\:rounded-md {
        border-radius: var(--rounded-md);
    }
    .\32 xl\:rounded-lg {
        border-radius: var(--rounded-lg);
    }
    .\32 xl\:rounded-xl {
        border-radius: var(--rounded-xl);
    }
    .\32 xl\:rounded-2xl {
        border-radius: var(--rounded-2xl);
    }
    .\32 xl\:rounded-3xl {
        border-radius: var(--rounded-3xl);
    }
    .\32 xl\:rounded-full {
        border-radius: var(--rounded-full);
    }
    .\32 xl\:rounded-t-none {
        border-top-left-radius: var(--rounded-none);
        border-top-right-radius: var(--rounded-none);
    }
    .\32 xl\:rounded-t-sm {
        border-top-left-radius: var(--rounded-sm);
        border-top-right-radius: var(--rounded-sm);
    }
    .\32 xl\:rounded-t {
        border-top-left-radius: var(--rounded);
        border-top-right-radius: var(--rounded);
    }
    .\32 xl\:rounded-t-md {
        border-top-left-radius: var(--rounded-md);
        border-top-right-radius: var(--rounded-md);
    }
    .\32 xl\:rounded-t-lg {
        border-top-left-radius: var(--rounded-tg);
        border-top-right-radius: var(--rounded-tg);
    }
    .\32 xl\:rounded-t-xl {
        border-top-left-radius: var(--rounded-xl);
        border-top-right-radius: var(--rounded-xl);
    }
    .\32 xl\:rounded-t-2xl {
        border-top-left-radius: var(--rounded-2xl);
        border-top-right-radius: var(--rounded-2xl);
    }
    .\32 xl\:rounded-t-3xl {
        border-top-left-radius: var(--rounded-3xl);
        border-top-right-radius: var(--rounded-3xl);
    }
    .\32 xl\:rounded-t-full {
        border-top-left-radius: var(--rounded-full);
        border-top-right-radius: var(--rounded-full);
    }
    .\32 xl\:rounded-l-none {
        border-top-left-radius: var(--rounded-none);
        border-bottom-left-radius: var(--rounded-none);
    }
    .\32 xl\:rounded-l-sm {
        border-top-left-radius: var(--rounded-sm);
        border-bottom-left-radius: var(--rounded-sm);
    }
    .\32 xl\:rounded-l {
        border-top-left-radius: var(--rounded);
        border-bottom-left-radius: var(--rounded);
    }
    .\32 xl\:rounded-l-md {
        border-top-left-radius: var(--rounded-md);
        border-bottom-left-radius: var(--rounded-md);
    }
    .\32 xl\:rounded-l-lg {
        border-top-left-radius: var(--rounded-lg);
        border-bottom-left-radius: var(--rounded-lg);
    }
    .\32 xl\:rounded-l-xl {
        border-top-left-radius: var(--rounded-xl);
        border-bottom-left-radius: var(--rounded-xl);
    }
    .\32 xl\:rounded-l-2xl {
        border-top-left-radius: var(--rounded-2xl);
        border-bottom-left-radius: var(--rounded-2xl);
    }
    .\32 xl\:rounded-l-3xl {
        border-top-left-radius: var(--rounded-3xl);
        border-bottom-left-radius: var(--rounded-3xl);
    }
    .\32 xl\:rounded-l-full {
        border-top-left-radius: var(--rounded-full);
        border-bottom-left-radius: var(--rounded-full);
    }
    .\32 xl\:rounded-r-none {
        border-top-right-radius: var(--rounded-none);
        border-bottom-right-radius: var(--rounded-none);
    }
    .\32 xl\:rounded-r-sm {
        border-top-right-radius: var(--rounded-sm);
        border-bottom-right-radius: var(--rounded-sm);
    }
    .\32 xl\:rounded-r {
        border-top-right-radius: var(--rounded);
        border-bottom-right-radius: var(--rounded);
    }
    .\32 xl\:rounded-r-md {
        border-top-right-radius: var(--rounded-md);
        border-bottom-right-radius: var(--rounded-md);
    }
    .\32 xl\:rounded-r-lg {
        border-top-right-radius: var(--rounded-lg);
        border-bottom-right-radius: var(--rounded-lg);
    }
    .\32 xl\:rounded-r-xl {
        border-top-right-radius: var(--rounded-xl);
        border-bottom-right-radius: var(--rounded-xl);
    }
    .\32 xl\:rounded-r-2xl {
        border-top-right-radius: var(--rounded-2xl);
        border-bottom-right-radius: var(--rounded-2xl);
    }
    .\32 xl\:rounded-r-3xl {
        border-top-right-radius: var(--rounded-3xl);
        border-bottom-right-radius: var(--rounded-3xl);
    }
    .\32 xl\:rounded-r-full {
        border-top-right-radius: var(--rounded-full);
        border-bottom-right-radius: var(--rounded-full);
    }
    .\32 xl\:aspect-square {
        aspect-ratio: 1/1;
    }
    .\32 xl\:aspect-video {
        aspect-ratio: 16/9;
    }
    .\32 xl\:object-cover {
        object-fit: cover;
    }
    .\32 xl\:object-contain {
        object-fit: contain;
    }
    .\32 xl\:object-center {
        object-position: center;
    }
    .\32 xl\:object-bottom {
        object-position: bottom;
    }
    .\32 xl\:object-left {
        object-position: left;
    }
    .\32 xl\:object-left-bottom {
        object-position: left bottom;
    }
    .\32 xl\:object-left-top {
        object-position: left top;
    }
    .\32 xl\:object-right {
        object-position: right;
    }
    .\32 xl\:object-right-bottom {
        object-position: right bottom;
    }
    .\32 xl\:object-right-top {
        object-position: right top;
    }
    .\32 xl\:object-top {
        object-position: top;
    }
    .\32 xl\:overflow-auto {
        overflow: auto;
    }
    .\32 xl\:overflow-hidden {
        overflow: hidden;
    }
    .\32 xl\:overflow-clip {
        overflow: clip;
    }
    .\32 xl\:overflow-visible {
        overflow: visible;
    }
    .\32 xl\:overflow-scroll {
        overflow: scroll;
    }
    .\32 xl\:overflow-x-auto {
        overflow-x: auto;
    }
    .\32 xl\:overflow-y-auto {
        overflow-y: auto;
    }
    .\32 xl\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .\32 xl\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .\32 xl\:overflow-x-clip {
        overflow-x: clip;
    }
    .\32 xl\:overflow-y-clip {
        overflow-y: clip;
    }
    .\32 xl\:overflow-x-visible {
        overflow-x: visible;
    }
    .\32 xl\:overflow-y-visible {
        overflow-y: visible;
    }
    .\32 xl\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .\32 xl\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .\32 xl\:isolate {
        isolation: isolate;
    }
    .\32 xl\:static {
        position: static;
    }
    .\32 xl\:fixed {
        position: fixed;
    }
    .\32 xl\:absolute {
        position: absolute;
    }
    .\32 xl\:relative {
        position: relative;
    }
    .\32 xl\:sticky {
        position: sticky;
    }
    .\32 xlinset-0 {
        inset: 0px;
    }
    .\32 xlinset-px {
        inset: 1px;
    }
    .\32 xlinset-0\.5 {
        inset: var(--size-0\5);
    }
    .\32 xlinset-1 {
        inset: var(--size-1);
    }
    .\32 xlinset-1\.5 {
        inset: var(--size-1\5);
    }
    .\32 xlinset-2 {
        inset: var(--size-2);
    }
    .\32 xlinset-2\.5 {
        inset: var(--size-2\5);
    }
    .\32 xlinset-3 {
        inset: var(--size-3);
    }
    .\32 xlinset-3\.5 {
        inset: var(--size-3\5);
    }
    .\32 xlinset-4 {
        inset: var(--size-4);
    }
    .\32 xlinset-5 {
        inset: var(--size-5);
    }
    .\32 xlinset-6 {
        inset: var(--size-6);
    }
    .\32 xlinset-7 {
        inset: var(--size-7);
    }
    .\32 xlinset-8 {
        inset: var(--size-8);
    }
    .\32 xlinset-9 {
        inset: var(--size-9);
    }
    .\32 xlinset-x-0 {
        inset-inline: 0;
    }
    .\32 xlinset-y-0 {
        inset-block: 0;
    }
    .\32 xlinset-x-auto {
        inset-inline: auto;
    }
    .\32 xlinset-y-auto {
        inset-block: auto;
    }
    .\32 xlinset-auto {
        inset: auto;
    }
    .\32 xl\:top-auto {
        top: auto;
    }
    .\32 xl\:top-0 {
        top: 0px;
    }
    .\32 xl\:top-px {
        top: 1px;
    }
    .\32 xl\:top-0\.5 {
        top: var(--size-0\5);
    }
    .\32 xl\:top-1 {
        top: var(--size-1);
    }
    .\32 xl\:top-1\.5 {
        top: var(--size-1\5);
    }
    .\32 xl\:top-2 {
        top: var(--size-2);
    }
    .\32 xl\:top-2\.5 {
        top: var(--size-2\5);
    }
    .\32 xl\:top-3 {
        top: var(--size-3);
    }
    .\32 xl\:top-3\.5 {
        top: var(--size-3\5);
    }
    .\32 xl\:top-4 {
        top: var(--size-4);
    }
    .\32 xl\:top-5 {
        top: var(--size-5);
    }
    .\32 xl\:top-6 {
        top: var(--size-6);
    }
    .\32 xl\:top-7 {
        top: var(--size-7);
    }
    .\32 xl\:top-8 {
        top: var(--size-8);
    }
    .\32 xl\:top-9 {
        top: var(--size-9);
    }
    .\32 xl\:top-10 {
        top: var(--size-10);
    }
    .\32 xl\:top-11 {
        top: var(--size-11);
    }
    .\32 xl\:top-12 {
        top: var(--size-12);
    }
    .\32 xl\:top-14 {
        top: var(--size-15);
    }
    .\32 xl\:top-16 {
        top: var(--size-16);
    }
    .\32 xl\:top-20 {
        top: var(--size-20);
    }
    .\32 xl\:top-24 {
        top: var(--size-24);
    }
    .\32 xl\:top-28 {
        top: var(--size-28);
    }
    .\32 xl\:top-32 {
        top: var(--size-32);
    }
    .\32 xl\:top-36 {
        top: var(--size-36);
    }
    .\32 xl\:top-40 {
        top: var(--size-40);
    }
    .\32 xl\:top-44 {
        top: var(--size-44);
    }
    .\32 xl\:top-48 {
        top: var(--size-48);
    }
    .\32 xl\:top-52 {
        top: var(--size-52);
    }
    .\32 xl\:top-56 {
        top: var(--size-56);
    }
    .\32 xl\:top-60 {
        top: var(--size-60);
    }
    .\32 xl\:-top-0\.5 {
        top: calc(var(--size-0\5) * -1);
    }
    .\32 xl\:-top-1 {
        top: calc(var(--size-1) * -1);
    }
    .\32 xl\:-top-1\.5 {
        top: calc(var(--size-1\5) * -1);
    }
    .\32 xl\:-top-2 {
        top: calc(var(--size-2) * -1);
    }
    .\32 xl\:-top-2\.5 {
        top: calc(var(--size-2\5) * -1);
    }
    .\32 xl\:-top-3 {
        top: calc(var(--size-3) * -1);
    }
    .\32 xl\:-top-3\.5 {
        top: calc(var(--size-3\5) * -1);
    }
    .\32 xl\:-top-4 {
        top: calc(var(--size-4) * -1);
    }
    .\32 xl\:-top-5 {
        top: calc(var(--size-5) * -1);
    }
    .\32 xl\:-top-6 {
        top: calc(var(--size-6) * -1);
    }
    .\32 xl\:-top-7 {
        top: calc(var(--size-7) * -1);
    }
    .\32 xl\:-top-8 {
        top: calc(var(--size-8) * -1);
    }
    .\32 xl\:-top-9 {
        top: calc(var(--size-9) * -1);
    }
    .\32 xl\:-top-10 {
        top: calc(var(--size-10) * -1);
    }
    .\32 xl\:-top-11 {
        top: calc(var(--size-11) * -1);
    }
    .\32 xl\:-top-12 {
        top: calc(var(--size-12) * -1);
    }
    .\32 xl\:-top-14 {
        top: calc(var(--size-15) * -1);
    }
    .\32 xl\:-top-16 {
        top: calc(var(--size-16) * -1);
    }
    .\32 xl\:-top-20 {
        top: calc(var(--size-20) * -1);
    }
    .\32 xl\:-top-24 {
        top: calc(var(--size-24) * -1);
    }
    .\32 xl\:-top-28 {
        top: calc(var(--size-28) * -1);
    }
    .\32 xl\:-top-32 {
        top: calc(var(--size-32) * -1);
    }
    .\32 xl\:-top-36 {
        top: calc(var(--size-36) * -1);
    }
    .\32 xl\:-top-40 {
        top: calc(var(--size-40) * -1);
    }
    .\32 xl\:-top-44 {
        top: calc(var(--size-44) * -1);
    }
    .\32 xl\:-top-48 {
        top: calc(var(--size-48) * -1);
    }
    .\32 xl\:-top-52 {
        top: calc(var(--size-52) * -1);
    }
    .\32 xl\:-top-56 {
        top: calc(var(--size-56) * -1);
    }
    .\32 xl\:-top-60 {
        top: calc(var(--size-60) * -1);
    }
    .\32 xl\:right-auto {
        right: auto;
    }
    .\32 xl\:right-0 {
        right: 0px;
    }
    .\32 xl\:right-px {
        right: 1px;
    }
    .\32 xl\:right-0\.5 {
        right: var(--size-0\5);
    }
    .\32 xl\:right-1 {
        right: var(--size-1);
    }
    .\32 xl\:right-1\.5 {
        right: var(--size-1\5);
    }
    .\32 xl\:right-2 {
        right: var(--size-2);
    }
    .\32 xl\:right-2\.5 {
        right: var(--size-2\5);
    }
    .\32 xl\:right-3 {
        right: var(--size-3);
    }
    .\32 xl\:right-3\.5 {
        right: var(--size-3\5);
    }
    .\32 xl\:right-4 {
        right: var(--size-4);
    }
    .\32 xl\:right-5 {
        right: var(--size-5);
    }
    .\32 xl\:right-6 {
        right: var(--size-6);
    }
    .\32 xl\:right-7 {
        right: var(--size-7);
    }
    .\32 xl\:right-8 {
        right: var(--size-8);
    }
    .\32 xl\:right-9 {
        right: var(--size-9);
    }
    .\32 xl\:right-10 {
        right: var(--size-10);
    }
    .\32 xl\:right-11 {
        right: var(--size-11);
    }
    .\32 xl\:right-12 {
        right: var(--size-12);
    }
    .\32 xl\:right-14 {
        right: var(--size-15);
    }
    .\32 xl\:right-16 {
        right: var(--size-16);
    }
    .\32 xl\:right-20 {
        right: var(--size-20);
    }
    .\32 xl\:right-24 {
        right: var(--size-24);
    }
    .\32 xl\:right-28 {
        right: var(--size-28);
    }
    .\32 xl\:right-32 {
        right: var(--size-32);
    }
    .\32 xl\:right-36 {
        right: var(--size-36);
    }
    .\32 xl\:right-40 {
        right: var(--size-40);
    }
    .\32 xl\:right-44 {
        right: var(--size-44);
    }
    .\32 xl\:right-48 {
        right: var(--size-48);
    }
    .\32 xl\:right-52 {
        right: var(--size-52);
    }
    .\32 xl\:right-56 {
        right: var(--size-56);
    }
    .\32 xl\:right-60 {
        right: var(--size-60);
    }
    .\32 xl\:-right-0\.5 {
        right: calc(var(--size-0\5) * -1);
    }
    .\32 xl\:-right-1 {
        right: calc(var(--size-1) * -1);
    }
    .\32 xl\:-right-1\.5 {
        right: calc(var(--size-1\5) * -1);
    }
    .\32 xl\:-right-2 {
        right: calc(var(--size-2) * -1);
    }
    .\32 xl\:-right-2\.5 {
        right: calc(var(--size-2\5) * -1);
    }
    .\32 xl\:-right-3 {
        right: calc(var(--size-3) * -1);
    }
    .\32 xl\:-right-3\.5 {
        right: calc(var(--size-3\5) * -1);
    }
    .\32 xl\:-right-4 {
        right: calc(var(--size-4) * -1);
    }
    .\32 xl\:-right-5 {
        right: calc(var(--size-5) * -1);
    }
    .\32 xl\:-right-6 {
        right: calc(var(--size-6) * -1);
    }
    .\32 xl\:-right-7 {
        right: calc(var(--size-7) * -1);
    }
    .\32 xl\:-right-8 {
        right: calc(var(--size-8) * -1);
    }
    .\32 xl\:-right-9 {
        right: calc(var(--size-9) * -1);
    }
    .\32 xl\:-right-10 {
        right: calc(var(--size-10) * -1);
    }
    .\32 xl\:-right-11 {
        right: calc(var(--size-11) * -1);
    }
    .\32 xl\:-right-12 {
        right: calc(var(--size-12) * -1);
    }
    .\32 xl\:-right-14 {
        right: calc(var(--size-15) * -1);
    }
    .\32 xl\:-right-16 {
        right: calc(var(--size-16) * -1);
    }
    .\32 xl\:-right-20 {
        right: calc(var(--size-20) * -1);
    }
    .\32 xl\:-right-24 {
        right: calc(var(--size-24) * -1);
    }
    .\32 xl\:-right-28 {
        right: calc(var(--size-28) * -1);
    }
    .\32 xl\:-right-32 {
        right: calc(var(--size-32) * -1);
    }
    .\32 xl\:-right-36 {
        right: calc(var(--size-36) * -1);
    }
    .\32 xl\:-right-40 {
        right: calc(var(--size-40) * -1);
    }
    .\32 xl\:-right-44 {
        right: calc(var(--size-44) * -1);
    }
    .\32 xl\:-right-48 {
        right: calc(var(--size-48) * -1);
    }
    .\32 xl\:-right-52 {
        right: calc(var(--size-52) * -1);
    }
    .\32 xl\:-right-56 {
        right: calc(var(--size-56) * -1);
    }
    .\32 xl\:-right-60 {
        right: calc(var(--size-60) * -1);
    }
    .\32 xl\:bottom-auto {
        bottom: auto;
    }
    .\32 xl\:bottom-0 {
        bottom: 0px;
    }
    .\32 xl\:bottom-px {
        bottom: 1px;
    }
    .\32 xl\:bottom-0\.5 {
        bottom: var(--size-0\5);
    }
    .\32 xl\:bottom-1 {
        bottom: var(--size-1);
    }
    .\32 xl\:bottom-1\.5 {
        bottom: var(--size-1\5);
    }
    .\32 xl\:bottom-2 {
        bottom: var(--size-2);
    }
    .\32 xl\:bottom-2\.5 {
        bottom: var(--size-2\5);
    }
    .\32 xl\:bottom-3 {
        bottom: var(--size-3);
    }
    .\32 xl\:bottom-3\.5 {
        bottom: var(--size-3\5);
    }
    .\32 xl\:bottom-4 {
        bottom: var(--size-4);
    }
    .\32 xl\:bottom-5 {
        bottom: var(--size-5);
    }
    .\32 xl\:bottom-6 {
        bottom: var(--size-6);
    }
    .\32 xl\:bottom-7 {
        bottom: var(--size-7);
    }
    .\32 xl\:bottom-8 {
        bottom: var(--size-8);
    }
    .\32 xl\:bottom-9 {
        bottom: var(--size-9);
    }
    .\32 xl\:bottom-10 {
        bottom: var(--size-10);
    }
    .\32 xl\:bottom-11 {
        bottom: var(--size-11);
    }
    .\32 xl\:bottom-12 {
        bottom: var(--size-12);
    }
    .\32 xl\:bottom-14 {
        bottom: var(--size-15);
    }
    .\32 xl\:bottom-16 {
        bottom: var(--size-16);
    }
    .\32 xl\:bottom-20 {
        bottom: var(--size-20);
    }
    .\32 xl\:bottom-24 {
        bottom: var(--size-24);
    }
    .\32 xl\:bottom-28 {
        bottom: var(--size-28);
    }
    .\32 xl\:bottom-32 {
        bottom: var(--size-32);
    }
    .\32 xl\:bottom-36 {
        bottom: var(--size-36);
    }
    .\32 xl\:bottom-40 {
        bottom: var(--size-40);
    }
    .\32 xl\:bottom-44 {
        bottom: var(--size-44);
    }
    .\32 xl\:bottom-48 {
        bottom: var(--size-48);
    }
    .\32 xl\:bottom-52 {
        bottom: var(--size-52);
    }
    .\32 xl\:bottom-56 {
        bottom: var(--size-56);
    }
    .\32 xl\:bottom-60 {
        bottom: var(--size-60);
    }
    .\32 xl\:-bottom-0\.5 {
        bottom: calc(var(--size-0\5) * -1);
    }
    .\32 xl\:-bottom-1 {
        bottom: calc(var(--size-1) * -1);
    }
    .\32 xl\:-bottom-1\.5 {
        bottom: calc(var(--size-1\5) * -1);
    }
    .\32 xl\:-bottom-2 {
        bottom: calc(var(--size-2) * -1);
    }
    .\32 xl\:-bottom-2\.5 {
        bottom: calc(var(--size-2\5) * -1);
    }
    .\32 xl\:-bottom-3 {
        bottom: calc(var(--size-3) * -1);
    }
    .\32 xl\:-bottom-3\.5 {
        bottom: calc(var(--size-3\5) * -1);
    }
    .\32 xl\:-bottom-4 {
        bottom: calc(var(--size-4) * -1);
    }
    .\32 xl\:-bottom-5 {
        bottom: calc(var(--size-5) * -1);
    }
    .\32 xl\:-bottom-6 {
        bottom: calc(var(--size-6) * -1);
    }
    .\32 xl\:-bottom-7 {
        bottom: calc(var(--size-7) * -1);
    }
    .\32 xl\:-bottom-8 {
        bottom: calc(var(--size-8) * -1);
    }
    .\32 xl\:-bottom-9 {
        bottom: calc(var(--size-9) * -1);
    }
    .\32 xl\:-bottom-10 {
        bottom: calc(var(--size-10) * -1);
    }
    .\32 xl\:-bottom-11 {
        bottom: calc(var(--size-11) * -1);
    }
    .\32 xl\:-bottom-12 {
        bottom: calc(var(--size-12) * -1);
    }
    .\32 xl\:-bottom-14 {
        bottom: calc(var(--size-15) * -1);
    }
    .\32 xl\:-bottom-16 {
        bottom: calc(var(--size-16) * -1);
    }
    .\32 xl\:-bottom-20 {
        bottom: calc(var(--size-20) * -1);
    }
    .\32 xl\:-bottom-24 {
        bottom: calc(var(--size-24) * -1);
    }
    .\32 xl\:-bottom-28 {
        bottom: calc(var(--size-28) * -1);
    }
    .\32 xl\:-bottom-32 {
        bottom: calc(var(--size-32) * -1);
    }
    .\32 xl\:-bottom-36 {
        bottom: calc(var(--size-36) * -1);
    }
    .\32 xl\:-bottom-40 {
        bottom: calc(var(--size-40) * -1);
    }
    .\32 xl\:-bottom-44 {
        bottom: calc(var(--size-44) * -1);
    }
    .\32 xl\:-bottom-48 {
        bottom: calc(var(--size-48) * -1);
    }
    .\32 xl\:-bottom-52 {
        bottom: calc(var(--size-52) * -1);
    }
    .\32 xl\:-bottom-56 {
        bottom: calc(var(--size-56) * -1);
    }
    .\32 xl\:-bottom-60 {
        bottom: calc(var(--size-60) * -1);
    }
    .\32 xl\:left-auto {
        left: auto;
    }
    .\32 xl\:left-0 {
        left: 0px;
    }
    .\32 xl\:left-px {
        left: 1px;
    }
    .\32 xl\:left-0\.5 {
        left: var(--size-0\5);
    }
    .\32 xl\:left-1 {
        left: var(--size-1);
    }
    .\32 xl\:left-1\.5 {
        left: var(--size-1\5);
    }
    .\32 xl\:left-2 {
        left: var(--size-2);
    }
    .\32 xl\:left-2\.5 {
        left: var(--size-2\5);
    }
    .\32 xl\:left-3 {
        left: var(--size-3);
    }
    .\32 xl\:left-3\.5 {
        left: var(--size-3\5);
    }
    .\32 xl\:left-4 {
        left: var(--size-4);
    }
    .\32 xl\:left-5 {
        left: var(--size-5);
    }
    .\32 xl\:left-6 {
        left: var(--size-6);
    }
    .\32 xl\:left-7 {
        left: var(--size-7);
    }
    .\32 xl\:left-8 {
        left: var(--size-8);
    }
    .\32 xl\:left-9 {
        left: var(--size-9);
    }
    .\32 xl\:left-10 {
        left: var(--size-10);
    }
    .\32 xl\:left-11 {
        left: var(--size-11);
    }
    .\32 xl\:left-12 {
        left: var(--size-12);
    }
    .\32 xl\:left-14 {
        left: var(--size-15);
    }
    .\32 xl\:left-16 {
        left: var(--size-16);
    }
    .\32 xl\:left-20 {
        left: var(--size-20);
    }
    .\32 xl\:left-24 {
        left: var(--size-24);
    }
    .\32 xl\:left-28 {
        left: var(--size-28);
    }
    .\32 xl\:left-32 {
        left: var(--size-32);
    }
    .\32 xl\:left-36 {
        left: var(--size-36);
    }
    .\32 xl\:left-40 {
        left: var(--size-40);
    }
    .\32 xl\:left-44 {
        left: var(--size-44);
    }
    .\32 xl\:left-48 {
        left: var(--size-48);
    }
    .\32 xl\:left-52 {
        left: var(--size-52);
    }
    .\32 xl\:left-56 {
        left: var(--size-56);
    }
    .\32 xl\:left-60 {
        left: var(--size-60);
    }
    .\32 xl\:-left-0\.5 {
        left: calc(var(--size-0\5) * -1);
    }
    .\32 xl\:-left-1 {
        left: calc(var(--size-1) * -1);
    }
    .\32 xl\:-left-1\.5 {
        left: calc(var(--size-1\5) * -1);
    }
    .\32 xl\:-left-2 {
        left: calc(var(--size-2) * -1);
    }
    .\32 xl\:-left-2\.5 {
        left: calc(var(--size-2\5) * -1);
    }
    .\32 xl\:-left-3 {
        left: calc(var(--size-3) * -1);
    }
    .\32 xl\:-left-3\.5 {
        left: calc(var(--size-3\5) * -1);
    }
    .\32 xl\:-left-4 {
        left: calc(var(--size-4) * -1);
    }
    .\32 xl\:-left-5 {
        left: calc(var(--size-5) * -1);
    }
    .\32 xl\:-left-6 {
        left: calc(var(--size-6) * -1);
    }
    .\32 xl\:-left-7 {
        left: calc(var(--size-7) * -1);
    }
    .\32 xl\:-left-8 {
        left: calc(var(--size-8) * -1);
    }
    .\32 xl\:-left-9 {
        left: calc(var(--size-9) * -1);
    }
    .\32 xl\:-left-10 {
        left: calc(var(--size-10) * -1);
    }
    .\32 xl\:-left-11 {
        left: calc(var(--size-11) * -1);
    }
    .\32 xl\:-left-12 {
        left: calc(var(--size-12) * -1);
    }
    .\32 xl\:-left-14 {
        left: calc(var(--size-15) * -1);
    }
    .\32 xl\:-left-16 {
        left: calc(var(--size-16) * -1);
    }
    .\32 xl\:-left-20 {
        left: calc(var(--size-20) * -1);
    }
    .\32 xl\:-left-24 {
        left: calc(var(--size-24) * -1);
    }
    .\32 xl\:-left-28 {
        left: calc(var(--size-28) * -1);
    }
    .\32 xl\:-left-32 {
        left: calc(var(--size-32) * -1);
    }
    .\32 xl\:-left-36 {
        left: calc(var(--size-36) * -1);
    }
    .\32 xl\:-left-40 {
        left: calc(var(--size-40) * -1);
    }
    .\32 xl\:-left-44 {
        left: calc(var(--size-44) * -1);
    }
    .\32 xl\:-left-48 {
        left: calc(var(--size-48) * -1);
    }
    .\32 xl\:-left-52 {
        left: calc(var(--size-52) * -1);
    }
    .\32 xl\:-left-56 {
        left: calc(var(--size-56) * -1);
    }
    .\32 xl\:-left-60 {
        left: calc(var(--size-60) * -1);
    }
    .\32 xl\:mix-blend-normal {
        mix-blend-mode: normal;
    }
    .\32 xl\:mix-blend-multiply {
        mix-blend-mode: multiply;
    }
    .\32 xl\:mix-blend-screen {
        mix-blend-mode: screen;
    }
    .\32 xl\:mix-blend-overlay {
        mix-blend-mode: overlay;
    }
    .\32 xl\:mix-blend-darken {
        mix-blend-mode: darken;
    }
    .\32 xl\:mix-blend-lighten {
        mix-blend-mode: lighten;
    }
    .\32 xl\:mix-blend-color-dodge {
        mix-blend-mode: color-dodge;
    }
    .\32 xl\:mix-blend-color-burn {
        mix-blend-mode: color-burn;
    }
    .\32 xl\:mix-blend-hard-light {
        mix-blend-mode: hard-light;
    }
    .\32 xl\:mix-blend-soft-light {
        mix-blend-mode: soft-light;
    }
    .\32 xl\:mix-blend-difference {
        mix-blend-mode: difference;
    }
    .\32 xl\:mix-blend-exclusion {
        mix-blend-mode: exclusion;
    }
    .\32 xl\:mix-blend-hue {
        mix-blend-mode: hue;
    }
    .\32 xl\:mix-blend-saturation {
        mix-blend-mode: saturation;
    }
    .\32 xl\:mix-blend-color {
        mix-blend-mode: color;
    }
    .\32 xl\:mix-blend-luminosity {
        mix-blend-mode: luminosity;
    }
    .\32 xl\:mix-blend-plus-lighter {
        mix-blend-mode: plus-lighter;
    }
    .\32 xl\:bg-gradient-to-l {
        background-image: linear-gradient(to left, var(--gradient-stops));
    }
    .\32 xl\:bg-gradient-to-t {
        background-image: linear-gradient(to top, var(--gradient-stops));
    }
    .\32 xl\:bg-gradient-to-r {
        background-image: linear-gradient(to right, var(--gradient-stops));
    }
    .\32 xl\:bg-gradient-to-b {
        background-image: linear-gradient(to bottom, var(--gradient-stops));
    }
    .\32 xl\:from-red-50 {
        --gradient-from: var(--red-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 242, 242, 0));
    }
    .\32 xl\:from-red-100 {
        --gradient-from: var(--red-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 226, 226, 0));
    }
    .\32 xl\:from-red-200 {
        --gradient-from: var(--red-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 202, 202, 0));
    }
    .\32 xl\:from-red-300 {
        --gradient-from: var(--red-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(252, 165, 165, 0));
    }
    .\32 xl\:from-red-400 {
        --gradient-from: var(--red-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(248, 113, 113, 0));
    }
    .\32 xl\:from-red-500 {
        --gradient-from: var(--red-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(239, 68, 68, 0));
    }
    .\32 xl\:from-red-600 {
        --gradient-from: var(--red-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(220, 38, 38, 0));
    }
    .\32 xl\:from-red-700 {
        --gradient-from: var(--red-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(185, 28, 28, 0));
    }
    .\32 xl\:from-red-800 {
        --gradient-from: var(--red-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(153, 27, 27, 0));
    }
    .\32 xl\:from-red-900 {
        --gradient-from: var(--red-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(127, 29, 29, 0));
    }
    .\32 xl\:from-amber-50 {
        --gradient-from: var(--amber-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 251, 235, 0));
    }
    .\32 xl\:from-amber-100 {
        --gradient-from: var(--amber-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 243, 199, 0));
    }
    .\32 xl\:from-amber-200 {
        --gradient-from: var(--amber-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(253, 230, 138, 0));
    }
    .\32 xl\:from-amber-300 {
        --gradient-from: var(--amber-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(252, 211, 77, 0));
    }
    .\32 xl\:from-amber-400 {
        --gradient-from: var(--amber-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(251, 191, 36, 0));
    }
    .\32 xl\:from-amber-500 {
        --gradient-from: var(--amber-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(245, 158, 11, 0));
    }
    .\32 xl\:from-amber-600 {
        --gradient-from: var(--amber-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(217, 119, 6, 0));
    }
    .\32 xl\:from-amber-700 {
        --gradient-from: var(--amber-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(180, 83, 9, 0));
    }
    .\32 xl\:from-amber-800 {
        --gradient-from: var(--amber-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(146, 64, 14, 0));
    }
    .\32 xl\:from-amber-900 {
        --gradient-from: var(--amber-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(120, 53, 15, 0));
    }
    .\32 xl\:from-yellow-50 {
        --gradient-from: var(--yellow-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 252, 232, 0));
    }
    .\32 xl\:from-yellow-100 {
        --gradient-from: var(--yellow-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 249, 195, 0));
    }
    .\32 xl\:from-yellow-200 {
        --gradient-from: var(--yellow-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(254, 240, 138, 0));
    }
    .\32 xl\:from-yellow-300 {
        --gradient-from: var(--yellow-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(253, 224, 71, 0));
    }
    .\32 xl\:from-yellow-400 {
        --gradient-from: var(--yellow-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(250, 204, 21, 0));
    }
    .\32 xl\:from-yellow-500 {
        --gradient-from: var(--yellow-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(234, 179, 8, 0));
    }
    .\32 xl\:from-yellow-600 {
        --gradient-from: var(--yellow-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(202, 138, 4, 0));
    }
    .\32 xl\:from-yellow-700 {
        --gradient-from: var(--yellow-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(161, 98, 7, 0));
    }
    .\32 xl\:from-yellow-800 {
        --gradient-from: var(--yellow-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(133, 77, 14, 0));
    }
    .\32 xl\:from-yellow-900 {
        --gradient-from: var(--yellow-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(113, 63, 18, 0));
    }
    .\32 xl\:from-emerald-50 {
        --gradient-from: var(--emerald-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(236, 253, 245, 0));
    }
    .\32 xl\:from-emerald-100 {
        --gradient-from: var(--emerald-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(209, 250, 229, 0));
    }
    .\32 xl\:from-emerald-200 {
        --gradient-from: var(--emerald-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(167, 243, 208, 0));
    }
    .\32 xl\:from-emerald-300 {
        --gradient-from: var(--emerald-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(110, 231, 183, 0));
    }
    .\32 xl\:from-emerald-400 {
        --gradient-from: var(--emerald-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(52, 211, 153, 0));
    }
    .\32 xl\:from-emerald-500 {
        --gradient-from: var(--emerald-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(16, 185, 129, 0));
    }
    .\32 xl\:from-emerald-600 {
        --gradient-from: var(--emerald-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(5, 150, 105, 0));
    }
    .\32 xl\:from-emerald-700 {
        --gradient-from: var(--emerald-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(4, 120, 87, 0));
    }
    .\32 xl\:from-emerald-800 {
        --gradient-from: var(--emerald-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 95, 70, 0));
    }
    .\32 xl\:from-emerald-900 {
        --gradient-from: var(--emerald-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 78, 598, 0));
    }
    .\32 xl\:from-cyan-50 {
        --gradient-from: var(--cyan-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(236, 254, 255, 0));
    }
    .\32 xl\:from-cyan-100 {
        --gradient-from: var(--cyan-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(207, 250, 254, 0));
    }
    .\32 xl\:from-cyan-200 {
        --gradient-from: var(--cyan-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(165, 243, 252, 0));
    }
    .\32 xl\:from-cyan-300 {
        --gradient-from: var(--cyan-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(103, 232, 249, 0));
    }
    .\32 xl\:from-cyan-400 {
        --gradient-from: var(--cyan-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(34, 211, 238, 0));
    }
    .\32 xl\:from-cyan-500 {
        --gradient-from: var(--cyan-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(6, 182, 212, 0));
    }
    .\32 xl\:from-cyan-600 {
        --gradient-from: var(--cyan-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(8, 145, 178, 0));
    }
    .\32 xl\:from-cyan-700 {
        --gradient-from: var(--cyan-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(14, 116, 144, 0));
    }
    .\32 xl\:from-cyan-800 {
        --gradient-from: var(--cyan-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(21, 94, 117, 0));
    }
    .\32 xl\:from-cyan-900 {
        --gradient-from: var(--cyan-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(22, 78, 99, 0));
    }
    .\32 xl\:from-blue-50 {
        --gradient-from: var(--blue-50);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(239, 246, 255, 0));
    }
    .\32 xl\:from-blue-100 {
        --gradient-from: var(--blue-100);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(219, 234, 254, 0));
    }
    .\32 xl\:from-blue-200 {
        --gradient-from: var(--blue-200);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(191, 219, 254, 0));
    }
    .\32 xl\:from-blue-300 {
        --gradient-from: var(--blue-300);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(147, 197, 253, 0));
    }
    .\32 xl\:from-blue-400 {
        --gradient-from: var(--blue-400);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(96, 165, 250, 0));
    }
    .\32 xl\:from-blue-500 {
        --gradient-from: var(--blue-500);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(59, 130, 246, 0));
    }
    .\32 xl\:from-blue-600 {
        --gradient-from: var(--blue-600);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(37, 99, 235, 0));
    }
    .\32 xl\:from-blue-700 {
        --gradient-from: var(--blue-700);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(29, 78, 216, 0));
    }
    .\32 xl\:from-blue-800 {
        --gradient-from: var(--blue-800);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(30, 64, 175, 0));
    }
    .\32 xl\:from-blue-900 {
        --gradient-from: var(--blue-900);
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(30, 58, 138, 0));
    }
    .\32 xl\:from-black {
        --gradient-from: black;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 0));
    }
    .\32 xl\:from-white {
        --gradient-from: white;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 255, 255, 0));
    }
    .\32 xl\:from-white {
        --gradient-from: transparent;
        --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 0));
    }
    .\32 xl\:to-zinc-50 {
        --gradient-to: var(--zinc-50);
    }
    .\32 xl\:to-zinc-100 {
        --gradient-to: var(--zinc-400);
    }
    .\32 xl\:to-zinc-200 {
        --gradient-to: var(--zinc-200);
    }
    .\32 xl\:to-zinc-300 {
        --gradient-to: var(--zinc-300);
    }
    .\32 xl\:to-zinc-400 {
        --gradient-to: var(--zinc-400);
    }
    .\32 xl\:to-zinc-500 {
        --gradient-to: var(--zinc-500);
    }
    .\32 xl\:to-zinc-600 {
        --gradient-to: var(--zinc-600);
    }
    .\32 xl\:to-zinc-700 {
        --gradient-to: var(--zinc-700);
    }
    .\32 xl\:to-zinc-800 {
        --gradient-to: var(--zinc-800);
    }
    .\32 xl\:to-zinc-900 {
        --gradient-to: var(--zinc-900);
    }
    .\32 xl\:to-red-50 {
        --gradient-to: var(--red-50);
    }
    .\32 xl\:to-red-100 {
        --gradient-to: var(--red-400);
    }
    .\32 xl\:to-red-200 {
        --gradient-to: var(--red-200);
    }
    .\32 xl\:to-red-300 {
        --gradient-to: var(--red-300);
    }
    .\32 xl\:to-red-400 {
        --gradient-to: var(--red-400);
    }
    .\32 xl\:to-red-500 {
        --gradient-to: var(--red-500);
    }
    .\32 xl\:to-red-600 {
        --gradient-to: var(--red-600);
    }
    .\32 xl\:to-red-700 {
        --gradient-to: var(--red-700);
    }
    .\32 xl\:to-red-800 {
        --gradient-to: var(--red-800);
    }
    .\32 xl\:to-red-900 {
        --gradient-to: var(--red-900);
    }
    .\32 xl\:to-amber-50 {
        --gradient-to: var(--amber-50);
    }
    .\32 xl\:to-amber-100 {
        --gradient-to: var(--amber-400);
    }
    .\32 xl\:to-amber-200 {
        --gradient-to: var(--amber-200);
    }
    .\32 xl\:to-amber-300 {
        --gradient-to: var(--amber-300);
    }
    .\32 xl\:to-amber-400 {
        --gradient-to: var(--amber-400);
    }
    .\32 xl\:to-amber-500 {
        --gradient-to: var(--amber-500);
    }
    .\32 xl\:to-amber-600 {
        --gradient-to: var(--amber-600);
    }
    .\32 xl\:to-amber-700 {
        --gradient-to: var(--amber-700);
    }
    .\32 xl\:to-amber-800 {
        --gradient-to: var(--amber-800);
    }
    .\32 xl\:to-amber-900 {
        --gradient-to: var(--amber-900);
    }
    .\32 xl\:to-yellow-50 {
        --gradient-to: var(--yellow-50);
    }
    .\32 xl\:to-yellow-100 {
        --gradient-to: var(--yellow-400);
    }
    .\32 xl\:to-yellow-200 {
        --gradient-to: var(--yellow-200);
    }
    .\32 xl\:to-yellow-300 {
        --gradient-to: var(--yellow-300);
    }
    .\32 xl\:to-yellow-400 {
        --gradient-to: var(--yellow-400);
    }
    .\32 xl\:to-yellow-500 {
        --gradient-to: var(--yellow-500);
    }
    .\32 xl\:to-yellow-600 {
        --gradient-to: var(--yellow-600);
    }
    .\32 xl\:to-yellow-700 {
        --gradient-to: var(--yellow-700);
    }
    .\32 xl\:to-yellow-800 {
        --gradient-to: var(--yellow-800);
    }
    .\32 xl\:to-yellow-900 {
        --gradient-to: var(--yellow-900);
    }
    .\32 xl\:to-emerald-50 {
        --gradient-to: var(--emerald-50);
    }
    .\32 xl\:to-emerald-100 {
        --gradient-to: var(--emerald-400);
    }
    .\32 xl\:to-emerald-200 {
        --gradient-to: var(--emerald-200);
    }
    .\32 xl\:to-emerald-300 {
        --gradient-to: var(--emerald-300);
    }
    .\32 xl\:to-emerald-400 {
        --gradient-to: var(--emerald-400);
    }
    .\32 xl\:to-emerald-500 {
        --gradient-to: var(--emerald-500);
    }
    .\32 xl\:to-emerald-600 {
        --gradient-to: var(--emerald-600);
    }
    .\32 xl\:to-emerald-700 {
        --gradient-to: var(--emerald-700);
    }
    .\32 xl\:to-emerald-800 {
        --gradient-to: var(--emerald-800);
    }
    .\32 xl\:to-emerald-900 {
        --gradient-to: var(--emerald-900);
    }
    .\32 xl\:to-cyan-50 {
        --gradient-to: var(--cyan-50);
    }
    .\32 xl\:to-cyan-100 {
        --gradient-to: var(--cyan-400);
    }
    .\32 xl\:to-cyan-200 {
        --gradient-to: var(--cyan-200);
    }
    .\32 xl\:to-cyan-300 {
        --gradient-to: var(--cyan-300);
    }
    .\32 xl\:to-cyan-400 {
        --gradient-to: var(--cyan-400);
    }
    .\32 xl\:to-cyan-500 {
        --gradient-to: var(--cyan-500);
    }
    .\32 xl\:to-cyan-600 {
        --gradient-to: var(--cyan-600);
    }
    .\32 xl\:to-cyan-700 {
        --gradient-to: var(--cyan-700);
    }
    .\32 xl\:to-cyan-800 {
        --gradient-to: var(--cyan-800);
    }
    .\32 xl\:to-cyan-900 {
        --gradient-to: var(--cyan-900);
    }
    .\32 xl\:to-blue-50 {
        --gradient-to: var(--blue-50);
    }
    .\32 xl\:to-blue-100 {
        --gradient-to: var(--blue-400);
    }
    .\32 xl\:to-blue-200 {
        --gradient-to: var(--blue-200);
    }
    .\32 xl\:to-blue-300 {
        --gradient-to: var(--blue-300);
    }
    .\32 xl\:to-blue-400 {
        --gradient-to: var(--blue-400);
    }
    .\32 xl\:to-blue-500 {
        --gradient-to: var(--blue-500);
    }
    .\32 xl\:to-blue-600 {
        --gradient-to: var(--blue-600);
    }
    .\32 xl\:to-blue-700 {
        --gradient-to: var(--blue-700);
    }
    .\32 xl\:to-blue-800 {
        --gradient-to: var(--blue-800);
    }
    .\32 xl\:to-blue-900 {
        --gradient-to: var(--blue-900);
    }
    .\32 xl\:z-0 {
        z-index: 0;
    }
    .\32 xl\:z-1 {
        z-index: 1;
    }
    .\32 xl\:z-10 {
        z-index: 10;
    }
    .\32 xl\:z-20 {
        z-index: 20;
    }
    .\32 xl\:z-30 {
        z-index: 30;
    }
    .\32 xl\:z-40 {
        z-index: 40;
    }
    .\32 xl\:z-50 {
        z-index: 50;
    }
    .\32 xl\:z-first {
        z-index: 9999;
    }
    .\32 xl\:-z-1 {
        z-index: -1;
    }
    .\32 xl\:-z-10 {
        z-index: -10;
    }
    .\32 xl\:-z-20 {
        z-index: -20;
    }
    .\32 xl\:-z-30 {
        z-index: -30;
    }
    .\32 xl\:-z-40 {
        z-index: -40;
    }
    .\32 xl\:-z-50 {
        z-index: -50;
    }
    .\32 xl\:z-last {
        z-index: -9999;
    }
    .\32 xl\:z-auto {
        z-index: auto;
    }
    .\32 xl\:translate-x-px {
        --translate-x: 1px;
    }
    .\32 xl\:translate-x-0 {
        --translate-x: 0;
    }
    .\32 xl\:translate-x-1 {
        --translate-x: 0;
    }
    .\32 xl\:translate-x-1\.5 {
        --translate-x: var(--size-1\5);
    }
    .\32 xl\:translate-x-2 {
        --translate-x: var(--size-2);
    }
    .\32 xl\:translate-x-2\.5 {
        --translate-x: var(--size-2\5);
    }
    .\32 xl\:translate-x-3 {
        --translate-x: var(--size-3);
    }
    .\32 xl\:translate-x-3\.5 {
        --translate-x: var(--size-3\5);
    }
    .\32 xl\:translate-x-4 {
        --translate-x: var(--size-4);
    }
    .\32 xl\:translate-x-5 {
        --translate-x: var(--size-5);
    }
    .\32 xl\:translate-x-6 {
        --translate-x: var(--size-6);
    }
    .\32 xl\:translate-x-7 {
        --translate-x: var(--size-7);
    }
    .\32 xl\:translate-x-8 {
        --translate-x: var(--size-8);
    }
    .\32 xl\:translate-x-9 {
        --translate-x: var(--size-9);
    }
    .\32 xl\:translate-x-10 {
        --translate-x: var(--size-10);
    }
    .\32 xl\:translate-x-11 {
        --translate-x: var(--size-11);
    }
    .\32 xl\:translate-x-12 {
        --translate-x: var(--size-12);
    }
    .\32 xl\:translate-x-14 {
        --translate-x: var(--size-14);
    }
    .\32 xl\:translate-x-16 {
        --translate-x: var(--size-16);
    }
    .\32 xl\:translate-x-20 {
        --translate-x: var(--size-20);
    }
    .\32 xl\:translate-x-24 {
        --translate-x: var(--size-24);
    }
    .\32 xl\:translate-x-28 {
        --translate-x: var(--size-28);
    }
    .\32 xl\:translate-x-32 {
        --translate-x: var(--size-32);
    }
    .\32 xl\:translate-x-36 {
        --translate-x: var(--size-36);
    }
    .\32 xl\:translate-x-40 {
        --translate-x: var(--size-40);
    }
    .\32 xl\:translate-x-1\/2 {
        --translate-x: 50%;
    }
    .\32 xl\:translate-x-1\/3 {
        --translate-x: 33.3333%;
    }
    .\32 xl\:translate-x-2\/3 {
        --translate-x: 66.6667%;
    }
    .\32 xl\:translate-x-1\/4 {
        --translate-x: 25%;
    }
    .\32 xl\:translate-x-full {
        --translate-x: 100%;
    }
    .\32 xl\:-translate-x-1\/2 {
        --translate-x: -50%;
    }
    .\32 xl\:-translate-x-1\/3 {
        --translate-x: -33.3333%;
    }
    .\32 xl\:-translate-x-2\/3 {
        --translate-x: -66.6667%;
    }
    .\32 xl\:-translate-x-1\/4 {
        --translate-x: -25%;
    }
    .\32 xl\:-translate-x-full {
        --translate-x: -100%;
    }
    .\32 xl\:-translate-y-full {
        --translate-y: -100%;
    }
    .\32 xl\:-translate-x-1\.5 {
        --translate-x: calc(var(--size-1\5) * -1);
    }
    .\32 xl\:-translate-x-2 {
        --translate-x: calc(var(--size-2) * -1);
    }
    .\32 xl\:-translate-x-2\.5 {
        --translate-x: calc(var(--size-2\5) * -1);
    }
    .\32 xl\:-translate-x-3 {
        --translate-x: calc(var(--size-3) * -1);
    }
    .\32 xl\:-translate-x-3\.5 {
        --translate-x: calc(var(--size-3\5) * -1);
    }
    .\32 xl\:-translate-x-4 {
        --translate-x: calc(var(--size-4) * -1);
    }
    .\32 xl\:-translate-x-5 {
        --translate-x: calc(var(--size-5) * -1);
    }
    .\32 xl\:-translate-x-6 {
        --translate-x: calc(var(--size-6) * -1);
    }
    .\32 xl\:-translate-x-7 {
        --translate-x: calc(var(--size-7) * -1);
    }
    .\32 xl\:-translate-x-8 {
        --translate-x: calc(var(--size-8) * -1);
    }
    .\32 xl\:-translate-x-9 {
        --translate-x: calc(var(--size-9) * -1);
    }
    .\32 xl\:-translate-x-10 {
        --translate-x: calc(var(--size-10) * -1);
    }
    .\32 xl\:-translate-x-11 {
        --translate-x: calc(var(--size-11) * -1);
    }
    .\32 xl\:-translate-x-12 {
        --translate-x: calc(var(--size-12) * -1);
    }
    .\32 xl\:-translate-x-14 {
        --translate-x: calc(var(--size-14) * -1);
    }
    .\32 xl\:-translate-x-16 {
        --translate-x: calc(var(--size-16) * -1);
    }
    .\32 xl\:-translate-x-20 {
        --translate-x: calc(var(--size-20) * -1);
    }
    .\32 xl\:-translate-x-24 {
        --translate-x: calc(var(--size-24) * -1);
    }
    .\32 xl\:-translate-x-28 {
        --translate-x: calc(var(--size-28) * -1);
    }
    .\32 xl\:-translate-x-32 {
        --translate-x: calc(var(--size-32) * -1);
    }
    .\32 xl\:-translate-x-36 {
        --translate-x: calc(var(--size-36) * -1);
    }
    .\32 xl\:-translate-x-40 {
        --translate-x: calc(var(--size-40) * -1);
    }
    .\32 xl\: .\32 xl\:translate-y-px {
        --translate-y: 1px;
    }
    .\32 xl\:translate-y-0 {
        --translate-y: 0;
    }
    .\32 xl\:translate-y-1 {
        --translate-y: 0;
    }
    .\32 xl\:translate-y-1\.5 {
        --translate-y: var(--size-1\5);
    }
    .\32 xl\:translate-y-2 {
        --translate-y: var(--size-2);
    }
    .\32 xl\:translate-y-2\.5 {
        --translate-y: var(--size-2\5);
    }
    .\32 xl\:translate-y-3 {
        --translate-y: var(--size-3);
    }
    .\32 xl\:translate-y-3\.5 {
        --translate-y: var(--size-3\5);
    }
    .\32 xl\:translate-y-4 {
        --translate-y: var(--size-4);
    }
    .\32 xl\:translate-y-5 {
        --translate-y: var(--size-5);
    }
    .\32 xl\:translate-y-6 {
        --translate-y: var(--size-6);
    }
    .\32 xl\:translate-y-7 {
        --translate-y: var(--size-7);
    }
    .\32 xl\:translate-y-8 {
        --translate-y: var(--size-8);
    }
    .\32 xl\:translate-y-9 {
        --translate-y: var(--size-9);
    }
    .\32 xl\:translate-y-10 {
        --translate-y: var(--size-10);
    }
    .\32 xl\:translate-y-11 {
        --translate-y: var(--size-11);
    }
    .\32 xl\:translate-y-12 {
        --translate-y: var(--size-12);
    }
    .\32 xl\:translate-y-14 {
        --translate-y: var(--size-14);
    }
    .\32 xl\:translate-y-16 {
        --translate-y: var(--size-16);
    }
    .\32 xl\:translate-y-20 {
        --translate-y: var(--size-20);
    }
    .\32 xl\:translate-y-24 {
        --translate-y: var(--size-24);
    }
    .\32 xl\:translate-y-28 {
        --translate-y: var(--size-28);
    }
    .\32 xl\:translate-y-32 {
        --translate-y: var(--size-32);
    }
    .\32 xl\:translate-y-36 {
        --translate-y: var(--size-36);
    }
    .\32 xl\:translate-y-40 {
        --translate-y: var(--size-40);
    }
    .\32 xl\:translate-y-1\/2 {
        --translate-y: 50%;
    }
    .\32 xl\:translate-y-1\/3 {
        --translate-y: 33.3333%;
    }
    .\32 xl\:translate-y-2\/3 {
        --translate-y: 66.6667%;
    }
    .\32 xl\:translate-y-1\/4 {
        --translate-y: 25%;
    }
    .\32 xl\:translate-y-full {
        --translate-y: 100%;
    }
    .\32 xl\:-translate-y-1\/2 {
        --translate-y: -50%;
    }
    .\32 xl\:-translate-y-1\/3 {
        --translate-y: -33.3333%;
    }
    .\32 xl\:-translate-y-2\/3 {
        --translate-y: -66.6667%;
    }
    .\32 xl\:-translate-y-1\/4 {
        --translate-y: -25%;
    }
    .\32 xl\:-translate-y-1\.5 {
        --translate-y: calc(var(--size-1\5) * -1);
    }
    .\32 xl\:-translate-y-2 {
        --translate-y: calc(var(--size-2) * -1);
    }
    .\32 xl\:-translate-y-2\.5 {
        --translate-y: calc(var(--size-2\5) * -1);
    }
    .\32 xl\:-translate-y-3 {
        --translate-y: calc(var(--size-3) * -1);
    }
    .\32 xl\:-translate-y-3\.5 {
        --translate-y: calc(var(--size-3\5) * -1);
    }
    .\32 xl\:-translate-y-4 {
        --translate-y: calc(var(--size-4) * -1);
    }
    .\32 xl\:-translate-y-5 {
        --translate-y: calc(var(--size-5) * -1);
    }
    .\32 xl\:-translate-y-6 {
        --translate-y: calc(var(--size-6) * -1);
    }
    .\32 xl\:-translate-y-7 {
        --translate-y: calc(var(--size-7) * -1);
    }
    .\32 xl\:-translate-y-8 {
        --translate-y: calc(var(--size-8) * -1);
    }
    .\32 xl\:-translate-y-9 {
        --translate-y: calc(var(--size-9) * -1);
    }
    .\32 xl\:-translate-y-10 {
        --translate-y: calc(var(--size-10) * -1);
    }
    .\32 xl\:-translate-y-11 {
        --translate-y: calc(var(--size-11) * -1);
    }
    .\32 xl\:-translate-y-12 {
        --translate-y: calc(var(--size-12) * -1);
    }
    .\32 xl\:-translate-y-14 {
        --translate-y: calc(var(--size-14) * -1);
    }
    .\32 xl\:-translate-y-16 {
        --translate-y: calc(var(--size-16) * -1);
    }
    .\32 xl\:-translate-y-20 {
        --translate-y: calc(var(--size-20) * -1);
    }
    .\32 xl\:-translate-y-24 {
        --translate-y: calc(var(--size-24) * -1);
    }
    .\32 xl\:-translate-y-28 {
        --translate-y: calc(var(--size-28) * -1);
    }
    .\32 xl\:-translate-y-32 {
        --translate-y: calc(var(--size-32) * -1);
    }
    .\32 xl\:-translate-y-36 {
        --translate-y: calc(var(--size-36) * -1);
    }
    .\32 xl\:-translate-y-40 {
        --translate-y: calc(var(--size-40) * -1);
    }
    .\32 xl\:pointer-events-none {
        pointer-events: none;
    }
    .\32 xl\:pointer-events-auto {
        pointer-events: auto;
    }
    .\32 xl\:ring-1,
    .\32 xl\:hover\:ring-1:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width))
            var(--ring-color);
    }
    .\32 xl\:ring-2,
    .\32 xl\:hover\:ring-2:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width))
            var(--ring-color);
    }
    .\32 xl\:ring-4,
    .\32 xl\:hover\:ring-4:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(4px + var(--ring-offset-width))
            var(--ring-color);
    }
    .\32 xl\:ring-6,
    .\32 xl\:hover\:ring-6:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(6px + var(--ring-offset-width))
            var(--ring-color);
    }
    .\32 xl\:ring-8,
    .\32 xl\:hover\:ring-8:hover {
        --ring-shadow: var(--ring-inset) 0 0 0 calc(8px + var(--ring-offset-width))
            var(--ring-color);
    }
    .\32 xl\:ring-inset,
    .\32 xl\:hover\:ring-inset:hover {
        --tw-ring-inset: inset;
    }
    .\32 xl\:ring-zinc-50,
    .\32 xl\:hover\:ring-zinc-50:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-50 {
        --ring-color: rgba(250, 250, 250, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-100,
    .\32 xl\:hover\:ring-zinc-100:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-100 {
        --ring-color: rgba(244, 244, 245, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-200,
    .\32 xl\:hover\:ring-zinc-200:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-200 {
        --ring-color: rgba(228, 228, 231, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-300,
    .\32 xl\:hover\:ring-zinc-300:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-300 {
        --ring-color: rgba(212, 212, 216, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-400,
    .\32 xl\:hover\:ring-zinc-400:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-400 {
        --ring-color: rgba(161, 161, 170, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-500,
    .\32 xl\:hover\:ring-zinc-500:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-500 {
        --ring-color: rgba(113, 113, 122, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-600,
    .\32 xl\:hover\:ring-zinc-600:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-600 {
        --ring-color: rgba(82, 82, 91, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-700,
    .\32 xl\:hover\:ring-zinc-700:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-700 {
        --ring-color: rgba(63, 63, 70, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-800,
    .\32 xl\:hover\:ring-zinc-800:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-800 {
        --ring-color: rgba(39, 39, 42, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-zinc-900,
    .\32 xl\:hover\:ring-zinc-900:hover,
    .group:hover .\32 xl\:group-hover\:ring-zinc-900 {
        --ring-color: rgba(24, 24, 27, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-50,
    .\32 xl\:hover\:ring-red-50:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-50 {
        --ring-color: rgba(254, 242, 242, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-100,
    .\32 xl\:hover\:ring-red-100:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-100 {
        --ring-color: rgba(254, 226, 226, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-200,
    .\32 xl\:hover\:ring-red-200:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-200 {
        --ring-color: rgba(254, 202, 202, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-300,
    .\32 xl\:hover\:ring-red-300:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-300 {
        --ring-color: rgba(252, 165, 165, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-400,
    .\32 xl\:hover\:ring-red-400:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-400 {
        --ring-color: rgba(248, 113, 113, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-500,
    .\32 xl\:hover\:ring-red-500:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-500 {
        --ring-color: rgba(239, 68, 68, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-600,
    .\32 xl\:hover\:ring-red-600:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-600 {
        --ring-color: rgba(220, 38, 38, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-700,
    .\32 xl\:hover\:ring-red-700:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-700 {
        --ring-color: rgba(185, 28, 28, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-800,
    .\32 xl\:hover\:ring-red-800:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-800 {
        --ring-color: rgba(153, 27, 27, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-red-900,
    .\32 xl\:hover\:ring-red-900:hover,
    .group:hover .\32 xl\:group-hover\:ring-red-900 {
        --ring-color: rgba(127, 29, 29, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-50,
    .\32 xl\:hover\:ring-amber-50:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-50 {
        --ring-color: rgba(255, 251, 235, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-100,
    .\32 xl\:hover\:ring-amber-100:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-100 {
        --ring-color: rgba(254, 243, 199, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-200,
    .\32 xl\:hover\:ring-amber-200:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-200 {
        --ring-color: rgba(253, 230, 138, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-300,
    .\32 xl\:hover\:ring-amber-300:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-300 {
        --ring-color: rgba(252, 211, 77, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-400,
    .\32 xl\:hover\:ring-amber-400:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-400 {
        --ring-color: rgba(251, 191, 36, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-500,
    .\32 xl\:hover\:ring-amber-500:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-500 {
        --ring-color: rgba(245, 158, 11, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-600,
    .\32 xl\:hover\:ring-amber-600:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-600 {
        --ring-color: rgba(217, 119, 6, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-700,
    .\32 xl\:hover\:ring-amber-700:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-700 {
        --ring-color: rgba(180, 83, 9, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-800,
    .\32 xl\:hover\:ring-amber-800:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-800 {
        --ring-color: rgba(146, 64, 14, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-amber-900,
    .\32 xl\:hover\:ring-amber-900:hover,
    .group:hover .\32 xl\:group-hover\:ring-amber-900 {
        --ring-color: rgba(120, 53, 15, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-50,
    .\32 xl\:hover\:ring-yellow-50:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-50 {
        --ring-color: rgba(254, 252, 232, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-100,
    .\32 xl\:hover\:ring-yellow-100:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-100 {
        --ring-color: rgba(254, 249, 195, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-200,
    .\32 xl\:hover\:ring-yellow-200:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-200 {
        --ring-color: rgba(254, 240, 138, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-300,
    .\32 xl\:hover\:ring-yellow-300:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-300 {
        --ring-color: rgba(253, 224, 71, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-400,
    .\32 xl\:hover\:ring-yellow-400:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-400 {
        --ring-color: rgba(250, 204, 21, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-500,
    .\32 xl\:hover\:ring-yellow-500:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-500 {
        --ring-color: rgba(234, 179, 8, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-600,
    .\32 xl\:hover\:ring-yellow-600:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-600 {
        --ring-color: rgba(202, 138, 4, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-700,
    .\32 xl\:hover\:ring-yellow-700:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-700 {
        --ring-color: rgba(161, 98, 7, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-800,
    .\32 xl\:hover\:ring-yellow-800:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-800 {
        --ring-color: rgba(133, 77, 14, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-yellow-900,
    .\32 xl\:hover\:ring-yellow-900:hover,
    .group:hover .\32 xl\:group-hover\:ring-yellow-900 {
        --ring-color: rgba(113, 63, 18, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-50,
    .\32 xl\:hover\:ring-emerald-50:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-50 {
        --ring-color: rgba(236, 253, 245, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-100,
    .\32 xl\:hover\:ring-emerald-100:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-100 {
        --ring-color: rgba(209, 250, 229, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-200,
    .\32 xl\:hover\:ring-emerald-200:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-200 {
        --ring-color: rgba(167, 243, 208, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-300,
    .\32 xl\:hover\:ring-emerald-300:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-300 {
        --ring-color: rgba(110, 231, 183, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-400,
    .\32 xl\:hover\:ring-emerald-400:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-400 {
        --ring-color: rgba(52, 211, 153, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-500,
    .\32 xl\:hover\:ring-emerald-500:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-500 {
        --ring-color: rgba(16, 185, 129, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-600,
    .\32 xl\:hover\:ring-emerald-600:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-600 {
        --ring-color: rgba(5, 150, 105, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-700,
    .\32 xl\:hover\:ring-emerald-700:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-700 {
        --ring-color: rgba(4, 120, 87, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-800,
    .\32 xl\:hover\:ring-emerald-800:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-800 {
        --ring-color: rgba(6, 95, 70, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-emerald-900,
    .\32 xl\:hover\:ring-emerald-900:hover,
    .group:hover .\32 xl\:group-hover\:ring-emerald-900 {
        --ring-color: rgba(6, 78, 59, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-50,
    .\32 xl\:hover\:ring-cyan-50:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-50 {
        --ring-color: rgba(236, 254, 255, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-100,
    .\32 xl\:hover\:ring-cyan-100:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-100 {
        --ring-color: rgba(207, 250, 254, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-200,
    .\32 xl\:hover\:ring-cyan-200:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-200 {
        --ring-color: rgba(165, 243, 252, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-300,
    .\32 xl\:hover\:ring-cyan-300:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-300 {
        --ring-color: rgba(103, 232, 249, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-400,
    .\32 xl\:hover\:ring-cyan-400:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-400 {
        --ring-color: rgba(34, 211, 238, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-500,
    .\32 xl\:hover\:ring-cyan-500:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-500 {
        --ring-color: rgba(6, 182, 212, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-600,
    .\32 xl\:hover\:ring-cyan-600:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-600 {
        --ring-color: rgba(8, 145, 178, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-700,
    .\32 xl\:hover\:ring-cyan-700:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-700 {
        --ring-color: rgba(14, 116, 144, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-800,
    .\32 xl\:hover\:ring-cyan-800:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-800 {
        --ring-color: rgba(21, 94, 117, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-cyan-900,
    .\32 xl\:hover\:ring-cyan-900:hover,
    .group:hover .\32 xl\:group-hover\:ring-cyan-900 {
        --ring-color: rgba(22, 78, 99, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-50,
    .\32 xl\:hover\:ring-blue-50:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-50 {
        --ring-color: rgba(239, 246, 255, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-100,
    .\32 xl\:hover\:ring-blue-100:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-100 {
        --ring-color: rgba(219, 234, 254, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-200,
    .\32 xl\:hover\:ring-blue-200:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-200 {
        --ring-color: rgba(191, 219, 254, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-300,
    .\32 xl\:hover\:ring-blue-300:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-300 {
        --ring-color: rgba(147, 197, 253, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-400,
    .\32 xl\:hover\:ring-blue-400:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-400 {
        --ring-color: rgba(96, 165, 250, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-500,
    .\32 xl\:hover\:ring-blue-500:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-500 {
        --ring-color: rgba(59, 130, 246, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-600,
    .\32 xl\:hover\:ring-blue-600:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-600 {
        --ring-color: rgba(37, 99, 235, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-700,
    .\32 xl\:hover\:ring-blue-700:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-700 {
        --ring-color: rgba(29, 78, 216, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-800,
    .\32 xl\:hover\:ring-blue-800:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-800 {
        --ring-color: rgba(30, 64, 175, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-blue-900,
    .\32 xl\:hover\:ring-blue-900:hover,
    .group:hover .\32 xl\:group-hover\:ring-blue-900 {
        --ring-color: rgba(30, 58, 138, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-transparent,
    .\32 xl\:hover\:ring-transparent:hover,
    .group:hover .\32 xl\:group-hover\:ring-transparent {
        --ring-color: transparent;
    }
    .\32 xl\:ring-black,
    .\32 xl\:hover\:ring-black:hover,
    .group:hover .\32 xl\:group-hover\:ring-black {
        --ring-color: rgba(0, 0, 0, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-white,
    .\32 xl\:hover\:ring-white:hover,
    .group:hover .\32 xl\:group-hover\:ring-white {
        --ring-color: rgba(255, 255, 255, var(--ring-opacity, 1));
    }
    .\32 xl\:ring-opacity-0,
    .\32 xl\:hover\:ring-opacity-0:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-0 {
        --ring-opacity: 0;
    }
    .\32 xl\:ring-opacity-5,
    .\32 xl\:hover\:ring-opacity-5:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-10 {
        --ring-opacity: 0.05;
    }
    .\32 xl\:ring-opacity-10,
    .\32 xl\:hover\:ring-opacity-10:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-10 {
        --ring-opacity: 0.1;
    }
    .\32 xl\:ring-opacity-20,
    .\32 xl\:hover\:ring-opacity-20:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-20 {
        --ring-opacity: 0.2;
    }
    .\32 xl\:ring-opacity-30,
    .\32 xl\:hover\:ring-opacity-30:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-30 {
        --ring-opacity: 0.3;
    }
    .\32 xl\:ring-opacity-40,
    .\32 xl\:hover\:ring-opacity-40:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-40 {
        --ring-opacity: 0.4;
    }
    .\32 xl\:ring-opacity-50,
    .\32 xl\:hover\:ring-opacity-50:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-50 {
        --ring-opacity: 0.5;
    }
    .\32 xl\:ring-opacity-60,
    .\32 xl\:hover\:ring-opacity-60:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-60 {
        --ring-opacity: 0.6;
    }
    .\32 xl\:ring-opacity-70,
    .\32 xl\:hover\:ring-opacity-70:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-70 {
        --ring-opacity: 0.7;
    }
    .\32 xl\:ring-opacity-80,
    .\32 xl\:hover\:ring-opacity-80:hover,
    .group:hover .\32 xl\:group-hover\:ring-opacity-80 {
        --ring-opacity: 0.8;
    }
    .\32 xl\:ring-opacity-90,
    .\32 xl\:hover\:ring-opacity-90:hover,
    .group:hover .lg\:group-hover\:ring-opacity-90 {
        --ring-opacity: 0.9;
    }
    .\32 xl\:shadow-sm {
        --shadow: 0 1px 2px 0 #0000000d;
        --shadow-colored: 0 1px 2px 0 var(--shadow-color);
    }
    .\32 xl\:shadow {
        --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --shadow-colored: 0 1px 3px 0 var(--shadow-color), 0 1px 2px -1px var(--shadow-color);
    }
    .\32 xl\:shadow-md {
        --shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-colored: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -2px var(--shadow-color);
    }
    .\32 xl\:shadow-lg {
        --shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --shadow-colored: 0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);
    }
    .\32 xl\:shadow-xl {
        --shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        --shadow-colored: 0 20px 25px -5px var(--shadow-color), 0 8px 10px -6px var(--shadow-color);
    }
    .\32 xl\:shadow-2xl {
        --shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.075);
        --shadow-colored: 0 25px 50px -12px var(--shadow-color);
    }
    .\32 xl\:shadow-3xl {
        --shadow: 0 1.5rem 2rem rgba(0, 0, 0, 0.075);
        --shadow-colored: 0 1.5rem 2rem var(--shadow-color);
    }
    .\32 xl\:shadow-none {
        box-shadow: 0 0 rgba(0, 0, 0, 0);
    }
    .\32 xl\:divide-y-0 > * + * {
        --divide-width: 0;
    }
    .\32 xl\:divide-y > * + * {
        --divide-width: 1px;
    }
    .\32 xl\:divide-y-2 > * + * {
        --divide-width: 2px;
    }
    .\32 xl\:divide-y-4 > * + * {
        --divide-width: 4px;
    }
    .\32 xl\:divide-y-6 > * + * {
        --divide-width: 6px;
    }
    .\32 xl\:divide-y-8 > * + * {
        --divide-width: 8px;
    }
    .\32 xl\:divide-dashed > * + * {
        --divide-style: dashed;
    }
    .\32 xl\:divide-dotted > * + * {
        --divide-style: dotted;
    }
    .\32 xl\:divide-zinc-50 > * + * {
        border-color: rgba(248, 250, 252, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-100 > * + * {
        border-color: rgba(241, 245, 249, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-200 > * + * {
        border-color: rgba(226, 232, 240, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-300 > * + * {
        border-color: rgba(203, 213, 225, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-400 > * + * {
        border-color: rgba(148, 163, 184, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-500 > * + * {
        border-color: rgba(100, 116, 139, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-600 > * + * {
        border-color: rgba(71, 85, 105, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-700 > * + * {
        border-color: rgba(51, 65, 85, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-800 > * + * {
        border-color: rgba(30, 41, 59, var(--border-opacity, 1));
    }
    .\32 xl\:divide-zinc-900 > * + * {
        border-color: rgba(15, 23, 42, var(--border-opacity, 1));
    }
    .\32 xl\:divide-white > * + * {
        border-color: rgba(255, 255, 255, var(--border-opacity, 1));
    }
    .\32 xl\:divide-black > * + * {
        border-color: rgba(0, 0, 0, var(--border-opacity, 1));
    }
    .\32 xl\:order-1 {
        order: 1;
    }
    .\32 xl\:order-2 {
        order: 2;
    }
    .\32 xl\:order-3 {
        order: 3;
    }
    .\32 xl\:order-4 {
        order: 4;
    }
    .\32 xl\:order-5 {
        order: 5;
    }
    .\32 xl\:order-6 {
        order: 6;
    }
    .\32 xl\:order-7 {
        order: 7;
    }
    .\32 xl\:order-8 {
        order: 8;
    }
    .\32 xl\:order-9 {
        order: 9;
    }
    .\32 xl\:order-10 {
        order: 10;
    }
    .\32 xl\:order-11 {
        order: 11;
    }
    .\32 xl\:order-12 {
        order: 12;
    }
    .\32 xl\:order-first {
        order: -9999;
    }
    .\32 xl\:order-last {
        order: 9999;
    }
    .\32 xl\:order-none {
        order: 0;
    }
    .\32 xl\:-order-1 {
        order: -1;
    }
    .\32 xl\:-order-2 {
        order: -2;
    }
    .\32 xl\:-order-3 {
        order: -3;
    }
    .\32 xl\:-order-4 {
        order: -4;
    }
    .\32 xl\:-order-5 {
        order: -5;
    }
    .\32 xl\:-order-6 {
        order: -6;
    }
    .\32 xl\:-order-7 {
        order: -7;
    }
    .\32 xl\:-order-8 {
        order: -8;
    }
    .\32 xl\:-order-9 {
        order: -9;
    }
    .\32 xl\:-order-10 {
        order: -10;
    }
    .\32 xl\:-order-11 {
        order: -11;
    }
    .\32 xl\:-order-12 {
        order: -12;
    }
    .\32 xl\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .\32 xl\:text-ellipsis {
        text-overflow: ellipsis;
    }
    .\32 xl\:backdrop-blur-none {
        backdrop-filter: blur(0);
    }
    .\32 xl\:backdrop-blur-sm {
        backdrop-filter: blur(4px);
    }
    .\32 xl\:backdrop-blur {
        backdrop-filter: blur(8px);
    }
    .\32 xl\:backdrop-blur-md {
        backdrop-filter: blur(12px);
    }
    .\32 xl\:backdrop-blur-lg {
        backdrop-filter: blur(16px);
    }
    .\32 xl\:backdrop-blur-xl {
        backdrop-filter: blur(24px);
    }
    .\32 xl\:backdrop-blur-2xl {
        backdrop-filter: blur(40px);
    }
    .\32 xl\:backdrop-blur-3xl {
        backdrop-filter: blur(64px);
    }
}
* {
    min-width: 0px;
    min-height: 0px;
    text-rendering: optimizeLegibility;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: var(--dark-900);
    scroll-padding-block-start: var(--space-header);
    scrollbar-width: thin;
    scrollbar-color: var(--dark-400) rgba(0, 0, 0, 0);
    outline: none;
}
* ::selection {
    background-color: var(--dark-400);
    color: var(--dark-900);
}
@supports selector(::-webkit-scrollbar) {
    ::-webkit-scrollbar {
        width: var(--size-1\5);
        height: var(--size-1\5);
    }
    ::-webkit-scrollbar-thumb {
        background-color: var(--dark-400);
    }
}
body {
    font-family: var(--sans);
    font-size: var(--size-sm);
    line-height: var(--leading-5);
    color: var(--dark-600);
    font-weight: var(--weight-normal);
    background-color: var(--dark-100);
}
p:last-of-type,
p:last-child {
    margin-block-end: 0 !important;
}
b,
strong {
    font-weight: var(--weight-semibold);
    color: var(--dark-900);
}
h1,
h2,
h3,
h4,
h5 {
    color: var(--dark-900);
    font-weight: var(--weight-semibold);
    letter-spacing: var(--tracking-tight);
    line-height: 1.1;
    margin: 0;
}
h1 {
    font-size: clamp(var(--size-6xl), 5.75vw, var(--size-24));
}
h2 {
    font-size: clamp(var(--size-5xl), 4.75vw, var(--size-7xl));
}
h3 {
    font-size: clamp(var(--size-4xl), 3.75vw, var(--size-6xl));
}
h4 {
    font-size: clamp(var(--size-3xl), 2.25vw, var(--size-4xl));
}
h5 {
    font-size: clamp(var(--size-xl), 1.5vw, var(--size-2xl));
    line-height: 1.175;
}
h6 {
    font-weight: var(--weight-medium);
    font-size: 11px;
    line-height: var(--leading-4);
    letter-spacing: normal;
    margin: 0;
    color: var(--dark-900);
}
.icon {
    display: inline-flex;
    flex-shrink: 0;
}
.icon.icon-stroke > * {
    stroke: currentColor;
}
.icon.icon-fill > * {
    fill: currentColor;
    transition: fill 500ms var(--easing);
}
.icon.icon-fill g > * {
    fill: currentColor;
    transition: fill 500ms var(--easing);
}
.icon.icon-duo > *[fill] {
    fill: currentColor;
}
.icon.icon-duo > *[stroke] {
    stroke: currentColor;
}
.link {
    color: var(--dark-900);
    font-weight: var(--weight-medium);
    background-image: linear-gradient(
        to right,
        var(--link-color, var(--primary-500)),
        var(--link-color, var(--primary-500))
    );
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: 100% 2px;
    transition-property: background-size, color;
    transition-timing-function: var(--easing);
    transition-duration: 500ms;
}
.link:hover {
    color: var(--link-color);
    background-size: 0% 2px;
    background-position: 100% 100%;
}
.nav-link {
    line-height: var(--leading-5);
}
.dropdown-menu {
    min-width: 12rem;
    padding-block: 0;
    margin-block: var(--size-2);
    border-radius: var(--rounded-xl);
    overflow: clip;
    flex-direction: column;
    border: none;
    box-shadow: 0 1rem 3rem -0.5rem var(--dark-900-20);
}
.dropdown-menu.show {
    display: flex;
}
.dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    gap: var(--size-3);
    padding-block: var(--size-2\5);
    padding-inline: var(--size-4);
    font-size: 13px;
    line-height: var(--leading-5);
    font-weight: var(--weight-medium);
    color: var(--dark-400);
    transition-property: background-color, color;
    transition-duration: 500ms;
    transition-timing-function: var(--easing);
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item:focus {
    color: var(--dark-900);
    background-color: var(--dark-100);
}
.breadcrumb {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--size-4);
    overflow: hidden;
    max-width: 100%;
}
.breadcrumb .breadcrumb-item {
    display: inline-flex;
    align-items: center;
    gap: var(--size-4);
    font-size: 11px;
    font-weight: var(--weight-medium);
    text-transform: uppercase;
    line-height: 1;
    color: var(--dark-600);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.breadcrumb .breadcrumb-item:first-child {
    flex-shrink: 0;
}
.breadcrumb .breadcrumb-item > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
    margin: 0;
    padding: 0;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: '';
    padding: 0;
    margin: 0;
    width: var(--size-1\5);
    height: var(--size-1\5);
    flex-shrink: 0;
    border-radius: var(--rounded-full);
    background-color: var(--warning-400);
}
.breadcrumb .breadcrumb-item a {
    display: inline;
    color: var(--dark-400);
    transition-property: color;
    transition-duration: 500ms;
    transition-timing-function: var(--easing);
}
.breadcrumb .breadcrumb-item a:hover {
    color: var(--dark-900);
}
.modal {
    padding-inline: 0 !important;
}
.modal-content {
    box-shadow: 0 1rem 3rem -0.5rem var(--dark-900-20);
    border-radius: var(--rounded-xl);
}
.modal-content .modal-header {
    padding-inline: var(--size-4);
    padding-block-start: var(--size-4);
    padding-block-end: 0;
    border: none;
}
@media (min-width: 1024px) {
    .modal-content .modal-header {
        padding-inline: var(--size-6);
        padding-block-start: var(--size-6);
    }
}
.modal-content .modal-body {
    padding: var(--size-4);
}
@media (min-width: 1024px) {
    .modal-content .modal-body {
        padding: var(--size-6);
    }
}
.modal-content .modal-footer {
    padding-inline: var(--size-4);
    padding-block-end: var(--size-4);
    padding-block-start: 0;
    border: none;
    display: block;
}
@media (min-width: 1024px) {
    .modal-content .modal-footer {
        padding-inline: var(--size-6);
        padding-block-end: var(--size-6);
    }
}
.modal-content .modal-footer > * {
    margin: 0 !important;
}
.modal-content .close {
    padding: 0;
    margin: var(--size-1);
    top: 0;
    right: 0;
    transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--size-6);
    height: var(--size-6);
    border-radius: var(--rounded-full);
    background-color: var(--dark-900);
    color: #fff;
    opacity: 1 !important;
    text-indent: -99999px;
}
.modal-content .close::before {
    content: '';
    width: var(--size-3);
    height: var(--size-3);
    background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOS4wMDA1IDQuOTk5ODhMNS4wMDA0OSAxOC45OTk5TTUuMDAwNDkgNC45OTk4OEwxOS4wMDA1IDE4Ljk5OTkiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIvPgo8L3N2Zz4K');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.modal-backdrop {
    background-color: var(--dark-900-60);
    backdrop-filter: blur(4px);
    opacity: 1;
}
.post-entry p {
    margin-block-end: var(--size-4);
}
.post-entry p:last-child {
    margin-block-end: 0;
}
.post-entry ul {
    margin-block: var(--size-4);
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--size-3);
}
.post-entry ul:first-child {
    margin-block-start: 0;
}
.post-entry ul:last-child {
    margin-block-end: 0;
}
.post-entry ul li {
    position: relative;
    padding-inline-start: var(--size-4);
}
.post-entry ul li::before {
    content: '';
    position: absolute;
    top: var(--size-1\5);
    left: 0;
    width: var(--size-1\5);
    height: var(--size-1\5);
    border-radius: var(--rounded-full);
    background-color: var(--warning-400);
}
.post-entry blockquote {
    padding-block: var(--size-3);
    padding-inline: var(--size-4);
    border-radius: var(--rounded-xl);
    background-color: var(--primary-100);
    margin-block: var(--size-4);
    text-wrap: balance;
}
.post-entry blockquote:first-child {
    margin-block-start: 0;
}
.post-entry blockquote:last-child {
    margin-block-end: 0;
}
.post-entry.text-xs {
    line-height: var(--size-4);
}
.post-entry.text-xs ul {
    gap: var(--size-1\5);
}
.post-entry.text-xs ul li {
    padding-inline-start: var(--size-3);
}
.post-entry.text-xs ul li::before {
    top: var(--size-1\5);
}
.nav-tabs {
    border-block-end: none;
}
.nav-tabs .nav-item {
    margin-block-end: 0;
}
.nav-tabs .nav-link {
    border: none;
    margin: 0 !important;
    border-top-left-radius: var(--rounded-xl);
    border-top-right-radius: var(--rounded-xl);
    color: var(--dark-600);
    font-weight: var(--weight-semibold);
    line-height: var(--leading-5);
    padding-inline: var(--size-5);
    padding-block: var(--size-2\5);
    transition-property: color;
    transition-duration: 500ms;
    transition-timing-function: var(--easing);
}
.nav-tabs .nav-link:hover {
    color: var(--dark-900);
}
.nav-tabs .nav-link.active {
    color: var(--primary-500);
}
.c-list-link {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: var(--size-4);
    width: min-content;
}
.c-list-link::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--dark-200);
}
.c-list-link .list-group-item {
    position: relative;
    border: none;
    display: flex;
    white-space: nowrap;
    align-items: center;
    flex-shrink: 0;
    gap: var(--size-3);
    font-size: 13px;
    font-weight: var(--weight-medium);
    line-height: var(--leading-5);
    padding-inline: 0;
    padding-block-start: 0;
    padding-block-end: var(--size-2\5);
    color: var(--dark-400);
    margin: 0;
    width: auto;
    border-radius: var(--rounded-full);
    outline: none;
}
.c-list-link .list-group-item::after {
    content: '';
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--primary-500);
}
.c-list-link .list-group-item:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--dark-900);
}
.c-list-link .list-group-item.active {
    background-color: rgba(0, 0, 0, 0);
    color: var(--primary-500);
}
@media (min-width: 1024px) {
    .c-list-link {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0;
        padding-block-end: 0;
        border-block-end: none;
        width: auto;
    }
    .c-list-link::after {
        display: none;
    }
    .c-list-link .list-group-item {
        border-radius: 0;
        padding-block: var(--size-2\5);
    }
    .c-list-link .list-group-item + .list-group-item {
        border-block-start: 1px solid var(--dark-200);
    }
    .c-list-link .list-group-item::after {
        display: none;
    }
}
.quill-editor:has(.ql-disabled) {
    cursor: not-allowed;
    background-color: var(--dark-100);
    border-radius: var(--rounded-xl);
}
.quill-editor .ql-snow.ql-toolbar {
    border-top-left-radius: var(--rounded-xl);
    border-top-right-radius: var(--rounded-xl);
    background-color: rgba(0, 0, 0, 0);
}
.quill-editor .ql-snow.ql-container {
    border-bottom-left-radius: var(--rounded-xl);
    border-bottom-right-radius: var(--rounded-xl);
    background-color: rgba(0, 0, 0, 0);
}
.quill-editor .ql-snow .ql-editor {
    height: var(--ql-height, 7.5rem);
    min-height: auto;
    border-bottom-left-radius: var(--rounded-xl);
    border-bottom-right-radius: var(--rounded-xl);
    background-color: rgba(0, 0, 0, 0);
} /*# sourceMappingURL=global.css.map */