UNPKG

zelda-ui-theme

Version:

Theme system and design tokens for the Zelda UI library

3,545 lines 257 kB
@layer components, overrides;@layer x1bycz0; @layer x1bycz1;:root { --white: #ffffff; --black: #000000; --gray-50: #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb; --gray-300: #d1d5db; --gray-400: #9ca3af; --gray-500: #6b7280; --gray-600: #4b5563; --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; --triforce-50: #fffbeb; --triforce-100: #fef3c7; --triforce-200: #fde68a; --triforce-300: #fcd34d; --triforce-400: #f59e0b; --triforce-500: #d97706; --triforce-600: #b45309; --triforce-700: #92400e; --triforce-800: #78350f; --triforce-900: #451a03; --hyrule-50: #f0f9ff; --hyrule-100: #e0f2fe; --hyrule-200: #bae6fd; --hyrule-300: #7dd3fc; --hyrule-400: #38bdf8; --hyrule-500: #0ea5e9; --hyrule-600: #0284c7; --hyrule-700: #0369a1; --hyrule-800: #075985; --hyrule-900: #0c4a6e; --rupee-50: #f0fdf4; --rupee-100: #dcfce7; --rupee-200: #bbf7d0; --rupee-300: #86efac; --rupee-400: #4ade80; --rupee-500: #22c55e; --rupee-600: #16a34a; --rupee-700: #15803d; --rupee-800: #166534; --rupee-900: #14532d; --ganon-50: #fef2f2; --ganon-100: #fee2e2; --ganon-200: #fecaca; --ganon-300: #fca5a5; --ganon-400: #f87171; --ganon-500: #ef4444; --ganon-600: #dc2626; --ganon-700: #b91c1c; --ganon-800: #991b1b; --ganon-900: #7f1d1d; --warning-50: #fff7ed; --warning-100: #ffedd5; --warning-200: #fed7aa; --warning-300: #fdba74; --warning-400: #fb923c; --warning-500: #f97316; --warning-600: #ea580c; --warning-700: #c2410c; --warning-800: #9a3412; --warning-900: #7c2d12; --info-50: #faf5ff; --info-100: #f3e8ff; --info-200: #e9d5ff; --info-300: #d8b4fe; --info-400: #c084fc; --info-500: #a855f7; --info-600: #9333ea; --info-700: #7c3aed; --info-800: #6b21a8; --info-900: #581c87; --pink-50: #fdf2f8; --pink-100: #fce7f3; --pink-200: #fbcfe8; --pink-300: #f9a8d4; --pink-400: #f472b6; --pink-500: #ec4899; --pink-600: #db2777; --pink-700: #be185d; --pink-800: #9d174d; --pink-900: #831843; --rose-50: #fff1f2; --rose-100: #ffe4e6; --rose-200: #fecdd3; --rose-300: #fda4af; --rose-400: #fb7185; --rose-500: #f43f5e; --rose-600: #e11d48; --rose-700: #be123c; --rose-800: #9f1239; --rose-900: #881337; --indigo-50: #eef2ff; --indigo-100: #e0e7ff; --indigo-200: #c7d2fe; --indigo-300: #a5b4fc; --indigo-400: #818cf8; --indigo-500: #6366f1; --indigo-600: #4f46e5; --indigo-700: #4338ca; --indigo-800: #3730a3; --indigo-900: #312e81; --violet-50: #f5f3ff; --violet-100: #ede9fe; --violet-200: #ddd6fe; --violet-300: #c4b5fd; --violet-400: #a78bfa; --violet-500: #8b5cf6; --violet-600: #7c3aed; --violet-700: #6d28d9; --violet-800: #5b21b6; --violet-900: #4c1d95; --cyan-50: #ecfeff; --cyan-100: #cffafe; --cyan-200: #a5f3fc; --cyan-300: #67e8f9; --cyan-400: #22d3ee; --cyan-500: #06b6d4; --cyan-600: #0891b2; --cyan-700: #0e7490; --cyan-800: #155e75; --cyan-900: #164e63; --teal-50: #f0fdfa; --teal-100: #ccfbf1; --teal-200: #99f6e4; --teal-300: #5eead4; --teal-400: #2dd4bf; --teal-500: #14b8a6; --teal-600: #0d9488; --teal-700: #0f766e; --teal-800: #115e59; --teal-900: #134e4a; --lime-50: #f7fee7; --lime-100: #ecfccb; --lime-200: #d9f99d; --lime-300: #bef264; --lime-400: #a3e635; --lime-500: #84cc16; --lime-600: #65a30d; --lime-700: #4d7c0f; --lime-800: #365314; --lime-900: #1a2e05; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.333rem; --text-xl: 1.777rem; --text-2xl: 2.369rem; --text-3xl: 3.157rem; --text-4xl: 4.209rem; --font-normal: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; --radius-sm: 0.125rem; --radius-base: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-full: 9999px; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1); } .dark { --triforce-600: #a855f7; --gray-500: #9ca3af; --gray-900: #111827; --hyrule-600: #38bdf8; --rupee-600: #4ade80; --ganon-600: #f87171; }html, body { font-family: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }.p-0 { padding: 0; } .px-0 { padding-left: 0; padding-right: 0; } .py-0 { padding-top: 0; padding-bottom: 0; } .pt-0 { padding-top: 0; } .pr-0 { padding-right: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .p-0\\.5 { padding: 0.125rem; } .px-0\\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .py-0\\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .pt-0\\.5 { padding-top: 0.125rem; } .pr-0\\.5 { padding-right: 0.125rem; } .pb-0\\.5 { padding-bottom: 0.125rem; } .pl-0\\.5 { padding-left: 0.125rem; } .p-1 { padding: 0.25rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .pt-1 { padding-top: 0.25rem; } .pr-1 { padding-right: 0.25rem; } .pb-1 { padding-bottom: 0.25rem; } .pl-1 { padding-left: 0.25rem; } .p-1\\.5 { padding: 0.375rem; } .px-1\\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .py-1\\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .pt-1\\.5 { padding-top: 0.375rem; } .pr-1\\.5 { padding-right: 0.375rem; } .pb-1\\.5 { padding-bottom: 0.375rem; } .pl-1\\.5 { padding-left: 0.375rem; } .p-2 { padding: 0.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .pt-2 { padding-top: 0.5rem; } .pr-2 { padding-right: 0.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pl-2 { padding-left: 0.5rem; } .p-2\\.5 { padding: 0.625rem; } .px-2\\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .py-2\\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .pt-2\\.5 { padding-top: 0.625rem; } .pr-2\\.5 { padding-right: 0.625rem; } .pb-2\\.5 { padding-bottom: 0.625rem; } .pl-2\\.5 { padding-left: 0.625rem; } .p-3 { padding: 0.75rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .pt-3 { padding-top: 0.75rem; } .pr-3 { padding-right: 0.75rem; } .pb-3 { padding-bottom: 0.75rem; } .pl-3 { padding-left: 0.75rem; } .p-3\\.5 { padding: 0.875rem; } .px-3\\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .py-3\\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .pt-3\\.5 { padding-top: 0.875rem; } .pr-3\\.5 { padding-right: 0.875rem; } .pb-3\\.5 { padding-bottom: 0.875rem; } .pl-3\\.5 { padding-left: 0.875rem; } .p-4 { padding: 1rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .pt-4 { padding-top: 1rem; } .pr-4 { padding-right: 1rem; } .pb-4 { padding-bottom: 1rem; } .pl-4 { padding-left: 1rem; } .p-5 { padding: 1.25rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .pt-5 { padding-top: 1.25rem; } .pr-5 { padding-right: 1.25rem; } .pb-5 { padding-bottom: 1.25rem; } .pl-5 { padding-left: 1.25rem; } .p-6 { padding: 1.5rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .pt-6 { padding-top: 1.5rem; } .pr-6 { padding-right: 1.5rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-6 { padding-left: 1.5rem; } .p-7 { padding: 1.75rem; } .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; } .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; } .pt-7 { padding-top: 1.75rem; } .pr-7 { padding-right: 1.75rem; } .pb-7 { padding-bottom: 1.75rem; } .pl-7 { padding-left: 1.75rem; } .p-8 { padding: 2rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .pt-8 { padding-top: 2rem; } .pr-8 { padding-right: 2rem; } .pb-8 { padding-bottom: 2rem; } .pl-8 { padding-left: 2rem; } .p-9 { padding: 2.25rem; } .px-9 { padding-left: 2.25rem; padding-right: 2.25rem; } .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; } .pt-9 { padding-top: 2.25rem; } .pr-9 { padding-right: 2.25rem; } .pb-9 { padding-bottom: 2.25rem; } .pl-9 { padding-left: 2.25rem; } .p-10 { padding: 2.5rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .pt-10 { padding-top: 2.5rem; } .pr-10 { padding-right: 2.5rem; } .pb-10 { padding-bottom: 2.5rem; } .pl-10 { padding-left: 2.5rem; } .p-11 { padding: 2.75rem; } .px-11 { padding-left: 2.75rem; padding-right: 2.75rem; } .py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; } .pt-11 { padding-top: 2.75rem; } .pr-11 { padding-right: 2.75rem; } .pb-11 { padding-bottom: 2.75rem; } .pl-11 { padding-left: 2.75rem; } .p-12 { padding: 3rem; } .px-12 { padding-left: 3rem; padding-right: 3rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .pt-12 { padding-top: 3rem; } .pr-12 { padding-right: 3rem; } .pb-12 { padding-bottom: 3rem; } .pl-12 { padding-left: 3rem; } .p-14 { padding: 3.5rem; } .px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .pt-14 { padding-top: 3.5rem; } .pr-14 { padding-right: 3.5rem; } .pb-14 { padding-bottom: 3.5rem; } .pl-14 { padding-left: 3.5rem; } .p-16 { padding: 4rem; } .px-16 { padding-left: 4rem; padding-right: 4rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .pt-16 { padding-top: 4rem; } .pr-16 { padding-right: 4rem; } .pb-16 { padding-bottom: 4rem; } .pl-16 { padding-left: 4rem; } .p-20 { padding: 5rem; } .px-20 { padding-left: 5rem; padding-right: 5rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .pt-20 { padding-top: 5rem; } .pr-20 { padding-right: 5rem; } .pb-20 { padding-bottom: 5rem; } .pl-20 { padding-left: 5rem; } .p-24 { padding: 6rem; } .px-24 { padding-left: 6rem; padding-right: 6rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .pt-24 { padding-top: 6rem; } .pr-24 { padding-right: 6rem; } .pb-24 { padding-bottom: 6rem; } .pl-24 { padding-left: 6rem; } .p-28 { padding: 7rem; } .px-28 { padding-left: 7rem; padding-right: 7rem; } .py-28 { padding-top: 7rem; padding-bottom: 7rem; } .pt-28 { padding-top: 7rem; } .pr-28 { padding-right: 7rem; } .pb-28 { padding-bottom: 7rem; } .pl-28 { padding-left: 7rem; } .p-32 { padding: 8rem; } .px-32 { padding-left: 8rem; padding-right: 8rem; } .py-32 { padding-top: 8rem; padding-bottom: 8rem; } .pt-32 { padding-top: 8rem; } .pr-32 { padding-right: 8rem; } .pb-32 { padding-bottom: 8rem; } .pl-32 { padding-left: 8rem; } .p-36 { padding: 9rem; } .px-36 { padding-left: 9rem; padding-right: 9rem; } .py-36 { padding-top: 9rem; padding-bottom: 9rem; } .pt-36 { padding-top: 9rem; } .pr-36 { padding-right: 9rem; } .pb-36 { padding-bottom: 9rem; } .pl-36 { padding-left: 9rem; } .p-40 { padding: 10rem; } .px-40 { padding-left: 10rem; padding-right: 10rem; } .py-40 { padding-top: 10rem; padding-bottom: 10rem; } .pt-40 { padding-top: 10rem; } .pr-40 { padding-right: 10rem; } .pb-40 { padding-bottom: 10rem; } .pl-40 { padding-left: 10rem; } .p-44 { padding: 11rem; } .px-44 { padding-left: 11rem; padding-right: 11rem; } .py-44 { padding-top: 11rem; padding-bottom: 11rem; } .pt-44 { padding-top: 11rem; } .pr-44 { padding-right: 11rem; } .pb-44 { padding-bottom: 11rem; } .pl-44 { padding-left: 11rem; } .p-48 { padding: 12rem; } .px-48 { padding-left: 12rem; padding-right: 12rem; } .py-48 { padding-top: 12rem; padding-bottom: 12rem; } .pt-48 { padding-top: 12rem; } .pr-48 { padding-right: 12rem; } .pb-48 { padding-bottom: 12rem; } .pl-48 { padding-left: 12rem; } .p-52 { padding: 13rem; } .px-52 { padding-left: 13rem; padding-right: 13rem; } .py-52 { padding-top: 13rem; padding-bottom: 13rem; } .pt-52 { padding-top: 13rem; } .pr-52 { padding-right: 13rem; } .pb-52 { padding-bottom: 13rem; } .pl-52 { padding-left: 13rem; } .p-56 { padding: 14rem; } .px-56 { padding-left: 14rem; padding-right: 14rem; } .py-56 { padding-top: 14rem; padding-bottom: 14rem; } .pt-56 { padding-top: 14rem; } .pr-56 { padding-right: 14rem; } .pb-56 { padding-bottom: 14rem; } .pl-56 { padding-left: 14rem; } .p-60 { padding: 15rem; } .px-60 { padding-left: 15rem; padding-right: 15rem; } .py-60 { padding-top: 15rem; padding-bottom: 15rem; } .pt-60 { padding-top: 15rem; } .pr-60 { padding-right: 15rem; } .pb-60 { padding-bottom: 15rem; } .pl-60 { padding-left: 15rem; } .p-64 { padding: 16rem; } .px-64 { padding-left: 16rem; padding-right: 16rem; } .py-64 { padding-top: 16rem; padding-bottom: 16rem; } .pt-64 { padding-top: 16rem; } .pr-64 { padding-right: 16rem; } .pb-64 { padding-bottom: 16rem; } .pl-64 { padding-left: 16rem; } .p-72 { padding: 18rem; } .px-72 { padding-left: 18rem; padding-right: 18rem; } .py-72 { padding-top: 18rem; padding-bottom: 18rem; } .pt-72 { padding-top: 18rem; } .pr-72 { padding-right: 18rem; } .pb-72 { padding-bottom: 18rem; } .pl-72 { padding-left: 18rem; } .p-80 { padding: 20rem; } .px-80 { padding-left: 20rem; padding-right: 20rem; } .py-80 { padding-top: 20rem; padding-bottom: 20rem; } .pt-80 { padding-top: 20rem; } .pr-80 { padding-right: 20rem; } .pb-80 { padding-bottom: 20rem; } .pl-80 { padding-left: 20rem; } .p-96 { padding: 24rem; } .px-96 { padding-left: 24rem; padding-right: 24rem; } .py-96 { padding-top: 24rem; padding-bottom: 24rem; } .pt-96 { padding-top: 24rem; } .pr-96 { padding-right: 24rem; } .pb-96 { padding-bottom: 24rem; } .pl-96 { padding-left: 24rem; } .m-0 { margin: 0; } .mx-0 { margin-left: 0; margin-right: 0; } .my-0 { margin-top: 0; margin-bottom: 0; } .mt-0 { margin-top: 0; } .mr-0 { margin-right: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } .m-0\\.5 { margin: 0.125rem; } .mx-0\\.5 { margin-left: 0.125rem; margin-right: 0.125rem; } .my-0\\.5 { margin-top: 0.125rem; margin-bottom: 0.125rem; } .mt-0\\.5 { margin-top: 0.125rem; } .mr-0\\.5 { margin-right: 0.125rem; } .mb-0\\.5 { margin-bottom: 0.125rem; } .ml-0\\.5 { margin-left: 0.125rem; } .m-1 { margin: 0.25rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .mt-1 { margin-top: 0.25rem; } .mr-1 { margin-right: 0.25rem; } .mb-1 { margin-bottom: 0.25rem; } .ml-1 { margin-left: 0.25rem; } .m-1\\.5 { margin: 0.375rem; } .mx-1\\.5 { margin-left: 0.375rem; margin-right: 0.375rem; } .my-1\\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; } .mt-1\\.5 { margin-top: 0.375rem; } .mr-1\\.5 { margin-right: 0.375rem; } .mb-1\\.5 { margin-bottom: 0.375rem; } .ml-1\\.5 { margin-left: 0.375rem; } .m-2 { margin: 0.5rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mt-2 { margin-top: 0.5rem; } .mr-2 { margin-right: 0.5rem; } .mb-2 { margin-bottom: 0.5rem; } .ml-2 { margin-left: 0.5rem; } .m-2\\.5 { margin: 0.625rem; } .mx-2\\.5 { margin-left: 0.625rem; margin-right: 0.625rem; } .my-2\\.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; } .mt-2\\.5 { margin-top: 0.625rem; } .mr-2\\.5 { margin-right: 0.625rem; } .mb-2\\.5 { margin-bottom: 0.625rem; } .ml-2\\.5 { margin-left: 0.625rem; } .m-3 { margin: 0.75rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .mt-3 { margin-top: 0.75rem; } .mr-3 { margin-right: 0.75rem; } .mb-3 { margin-bottom: 0.75rem; } .ml-3 { margin-left: 0.75rem; } .m-3\\.5 { margin: 0.875rem; } .mx-3\\.5 { margin-left: 0.875rem; margin-right: 0.875rem; } .my-3\\.5 { margin-top: 0.875rem; margin-bottom: 0.875rem; } .mt-3\\.5 { margin-top: 0.875rem; } .mr-3\\.5 { margin-right: 0.875rem; } .mb-3\\.5 { margin-bottom: 0.875rem; } .ml-3\\.5 { margin-left: 0.875rem; } .m-4 { margin: 1rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .mt-4 { margin-top: 1rem; } .mr-4 { margin-right: 1rem; } .mb-4 { margin-bottom: 1rem; } .ml-4 { margin-left: 1rem; } .m-5 { margin: 1.25rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .mt-5 { margin-top: 1.25rem; } .mr-5 { margin-right: 1.25rem; } .mb-5 { margin-bottom: 1.25rem; } .ml-5 { margin-left: 1.25rem; } .m-6 { margin: 1.5rem; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .mt-6 { margin-top: 1.5rem; } .mr-6 { margin-right: 1.5rem; } .mb-6 { margin-bottom: 1.5rem; } .ml-6 { margin-left: 1.5rem; } .m-7 { margin: 1.75rem; } .mx-7 { margin-left: 1.75rem; margin-right: 1.75rem; } .my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; } .mt-7 { margin-top: 1.75rem; } .mr-7 { margin-right: 1.75rem; } .mb-7 { margin-bottom: 1.75rem; } .ml-7 { margin-left: 1.75rem; } .m-8 { margin: 2rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .mt-8 { margin-top: 2rem; } .mr-8 { margin-right: 2rem; } .mb-8 { margin-bottom: 2rem; } .ml-8 { margin-left: 2rem; } .m-9 { margin: 2.25rem; } .mx-9 { margin-left: 2.25rem; margin-right: 2.25rem; } .my-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; } .mt-9 { margin-top: 2.25rem; } .mr-9 { margin-right: 2.25rem; } .mb-9 { margin-bottom: 2.25rem; } .ml-9 { margin-left: 2.25rem; } .m-10 { margin: 2.5rem; } .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .mt-10 { margin-top: 2.5rem; } .mr-10 { margin-right: 2.5rem; } .mb-10 { margin-bottom: 2.5rem; } .ml-10 { margin-left: 2.5rem; } .m-11 { margin: 2.75rem; } .mx-11 { margin-left: 2.75rem; margin-right: 2.75rem; } .my-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; } .mt-11 { margin-top: 2.75rem; } .mr-11 { margin-right: 2.75rem; } .mb-11 { margin-bottom: 2.75rem; } .ml-11 { margin-left: 2.75rem; } .m-12 { margin: 3rem; } .mx-12 { margin-left: 3rem; margin-right: 3rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .mt-12 { margin-top: 3rem; } .mr-12 { margin-right: 3rem; } .mb-12 { margin-bottom: 3rem; } .ml-12 { margin-left: 3rem; } .m-14 { margin: 3.5rem; } .mx-14 { margin-left: 3.5rem; margin-right: 3.5rem; } .my-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .mt-14 { margin-top: 3.5rem; } .mr-14 { margin-right: 3.5rem; } .mb-14 { margin-bottom: 3.5rem; } .ml-14 { margin-left: 3.5rem; } .m-16 { margin: 4rem; } .mx-16 { margin-left: 4rem; margin-right: 4rem; } .my-16 { margin-top: 4rem; margin-bottom: 4rem; } .mt-16 { margin-top: 4rem; } .mr-16 { margin-right: 4rem; } .mb-16 { margin-bottom: 4rem; } .ml-16 { margin-left: 4rem; } .m-20 { margin: 5rem; } .mx-20 { margin-left: 5rem; margin-right: 5rem; } .my-20 { margin-top: 5rem; margin-bottom: 5rem; } .mt-20 { margin-top: 5rem; } .mr-20 { margin-right: 5rem; } .mb-20 { margin-bottom: 5rem; } .ml-20 { margin-left: 5rem; } .m-24 { margin: 6rem; } .mx-24 { margin-left: 6rem; margin-right: 6rem; } .my-24 { margin-top: 6rem; margin-bottom: 6rem; } .mt-24 { margin-top: 6rem; } .mr-24 { margin-right: 6rem; } .mb-24 { margin-bottom: 6rem; } .ml-24 { margin-left: 6rem; } .m-28 { margin: 7rem; } .mx-28 { margin-left: 7rem; margin-right: 7rem; } .my-28 { margin-top: 7rem; margin-bottom: 7rem; } .mt-28 { margin-top: 7rem; } .mr-28 { margin-right: 7rem; } .mb-28 { margin-bottom: 7rem; } .ml-28 { margin-left: 7rem; } .m-32 { margin: 8rem; } .mx-32 { margin-left: 8rem; margin-right: 8rem; } .my-32 { margin-top: 8rem; margin-bottom: 8rem; } .mt-32 { margin-top: 8rem; } .mr-32 { margin-right: 8rem; } .mb-32 { margin-bottom: 8rem; } .ml-32 { margin-left: 8rem; } .m-36 { margin: 9rem; } .mx-36 { margin-left: 9rem; margin-right: 9rem; } .my-36 { margin-top: 9rem; margin-bottom: 9rem; } .mt-36 { margin-top: 9rem; } .mr-36 { margin-right: 9rem; } .mb-36 { margin-bottom: 9rem; } .ml-36 { margin-left: 9rem; } .m-40 { margin: 10rem; } .mx-40 { margin-left: 10rem; margin-right: 10rem; } .my-40 { margin-top: 10rem; margin-bottom: 10rem; } .mt-40 { margin-top: 10rem; } .mr-40 { margin-right: 10rem; } .mb-40 { margin-bottom: 10rem; } .ml-40 { margin-left: 10rem; } .m-44 { margin: 11rem; } .mx-44 { margin-left: 11rem; margin-right: 11rem; } .my-44 { margin-top: 11rem; margin-bottom: 11rem; } .mt-44 { margin-top: 11rem; } .mr-44 { margin-right: 11rem; } .mb-44 { margin-bottom: 11rem; } .ml-44 { margin-left: 11rem; } .m-48 { margin: 12rem; } .mx-48 { margin-left: 12rem; margin-right: 12rem; } .my-48 { margin-top: 12rem; margin-bottom: 12rem; } .mt-48 { margin-top: 12rem; } .mr-48 { margin-right: 12rem; } .mb-48 { margin-bottom: 12rem; } .ml-48 { margin-left: 12rem; } .m-52 { margin: 13rem; } .mx-52 { margin-left: 13rem; margin-right: 13rem; } .my-52 { margin-top: 13rem; margin-bottom: 13rem; } .mt-52 { margin-top: 13rem; } .mr-52 { margin-right: 13rem; } .mb-52 { margin-bottom: 13rem; } .ml-52 { margin-left: 13rem; } .m-56 { margin: 14rem; } .mx-56 { margin-left: 14rem; margin-right: 14rem; } .my-56 { margin-top: 14rem; margin-bottom: 14rem; } .mt-56 { margin-top: 14rem; } .mr-56 { margin-right: 14rem; } .mb-56 { margin-bottom: 14rem; } .ml-56 { margin-left: 14rem; } .m-60 { margin: 15rem; } .mx-60 { margin-left: 15rem; margin-right: 15rem; } .my-60 { margin-top: 15rem; margin-bottom: 15rem; } .mt-60 { margin-top: 15rem; } .mr-60 { margin-right: 15rem; } .mb-60 { margin-bottom: 15rem; } .ml-60 { margin-left: 15rem; } .m-64 { margin: 16rem; } .mx-64 { margin-left: 16rem; margin-right: 16rem; } .my-64 { margin-top: 16rem; margin-bottom: 16rem; } .mt-64 { margin-top: 16rem; } .mr-64 { margin-right: 16rem; } .mb-64 { margin-bottom: 16rem; } .ml-64 { margin-left: 16rem; } .m-72 { margin: 18rem; } .mx-72 { margin-left: 18rem; margin-right: 18rem; } .my-72 { margin-top: 18rem; margin-bottom: 18rem; } .mt-72 { margin-top: 18rem; } .mr-72 { margin-right: 18rem; } .mb-72 { margin-bottom: 18rem; } .ml-72 { margin-left: 18rem; } .m-80 { margin: 20rem; } .mx-80 { margin-left: 20rem; margin-right: 20rem; } .my-80 { margin-top: 20rem; margin-bottom: 20rem; } .mt-80 { margin-top: 20rem; } .mr-80 { margin-right: 20rem; } .mb-80 { margin-bottom: 20rem; } .ml-80 { margin-left: 20rem; } .m-96 { margin: 24rem; } .mx-96 { margin-left: 24rem; margin-right: 24rem; } .my-96 { margin-top: 24rem; margin-bottom: 24rem; } .mt-96 { margin-top: 24rem; } .mr-96 { margin-right: 24rem; } .mb-96 { margin-bottom: 24rem; } .ml-96 { margin-left: 24rem; } .-m-0\\.5 { margin: -0.125rem; } .-mx-0\\.5 { margin-left: -0.125rem; margin-right: -0.125rem; } .-my-0\\.5 { margin-top: -0.125rem; margin-bottom: -0.125rem; } .-mt-0\\.5 { margin-top: -0.125rem; } .-mr-0\\.5 { margin-right: -0.125rem; } .-mb-0\\.5 { margin-bottom: -0.125rem; } .-ml-0\\.5 { margin-left: -0.125rem; } .-m-1 { margin: -0.25rem; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; } .-mt-1 { margin-top: -0.25rem; } .-mr-1 { margin-right: -0.25rem; } .-mb-1 { margin-bottom: -0.25rem; } .-ml-1 { margin-left: -0.25rem; } .-m-1\\.5 { margin: -0.375rem; } .-mx-1\\.5 { margin-left: -0.375rem; margin-right: -0.375rem; } .-my-1\\.5 { margin-top: -0.375rem; margin-bottom: -0.375rem; } .-mt-1\\.5 { margin-top: -0.375rem; } .-mr-1\\.5 { margin-right: -0.375rem; } .-mb-1\\.5 { margin-bottom: -0.375rem; } .-ml-1\\.5 { margin-left: -0.375rem; } .-m-2 { margin: -0.5rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; } .-mt-2 { margin-top: -0.5rem; } .-mr-2 { margin-right: -0.5rem; } .-mb-2 { margin-bottom: -0.5rem; } .-ml-2 { margin-left: -0.5rem; } .-m-2\\.5 { margin: -0.625rem; } .-mx-2\\.5 { margin-left: -0.625rem; margin-right: -0.625rem; } .-my-2\\.5 { margin-top: -0.625rem; margin-bottom: -0.625rem; } .-mt-2\\.5 { margin-top: -0.625rem; } .-mr-2\\.5 { margin-right: -0.625rem; } .-mb-2\\.5 { margin-bottom: -0.625rem; } .-ml-2\\.5 { margin-left: -0.625rem; } .-m-3 { margin: -0.75rem; } .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .-my-3 { margin-top: -0.75rem; margin-bottom: -0.75rem; } .-mt-3 { margin-top: -0.75rem; } .-mr-3 { margin-right: -0.75rem; } .-mb-3 { margin-bottom: -0.75rem; } .-ml-3 { margin-left: -0.75rem; } .-m-3\\.5 { margin: -0.875rem; } .-mx-3\\.5 { margin-left: -0.875rem; margin-right: -0.875rem; } .-my-3\\.5 { margin-top: -0.875rem; margin-bottom: -0.875rem; } .-mt-3\\.5 { margin-top: -0.875rem; } .-mr-3\\.5 { margin-right: -0.875rem; } .-mb-3\\.5 { margin-bottom: -0.875rem; } .-ml-3\\.5 { margin-left: -0.875rem; } .-m-4 { margin: -1rem; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .-my-4 { margin-top: -1rem; margin-bottom: -1rem; } .-mt-4 { margin-top: -1rem; } .-mr-4 { margin-right: -1rem; } .-mb-4 { margin-bottom: -1rem; } .-ml-4 { margin-left: -1rem; } .-m-5 { margin: -1.25rem; } .-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .-my-5 { margin-top: -1.25rem; margin-bottom: -1.25rem; } .-mt-5 { margin-top: -1.25rem; } .-mr-5 { margin-right: -1.25rem; } .-mb-5 { margin-bottom: -1.25rem; } .-ml-5 { margin-left: -1.25rem; } .-m-6 { margin: -1.5rem; } .-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem; } .-mt-6 { margin-top: -1.5rem; } .-mr-6 { margin-right: -1.5rem; } .-mb-6 { margin-bottom: -1.5rem; } .-ml-6 { margin-left: -1.5rem; } .-m-7 { margin: -1.75rem; } .-mx-7 { margin-left: -1.75rem; margin-right: -1.75rem; } .-my-7 { margin-top: -1.75rem; margin-bottom: -1.75rem; } .-mt-7 { margin-top: -1.75rem; } .-mr-7 { margin-right: -1.75rem; } .-mb-7 { margin-bottom: -1.75rem; } .-ml-7 { margin-left: -1.75rem; } .-m-8 { margin: -2rem; } .-mx-8 { margin-left: -2rem; margin-right: -2rem; } .-my-8 { margin-top: -2rem; margin-bottom: -2rem; } .-mt-8 { margin-top: -2rem; } .-mr-8 { margin-right: -2rem; } .-mb-8 { margin-bottom: -2rem; } .-ml-8 { margin-left: -2rem; } .-m-9 { margin: -2.25rem; } .-mx-9 { margin-left: -2.25rem; margin-right: -2.25rem; } .-my-9 { margin-top: -2.25rem; margin-bottom: -2.25rem; } .-mt-9 { margin-top: -2.25rem; } .-mr-9 { margin-right: -2.25rem; } .-mb-9 { margin-bottom: -2.25rem; } .-ml-9 { margin-left: -2.25rem; } .-m-10 { margin: -2.5rem; } .-mx-10 { margin-left: -2.5rem; margin-right: -2.5rem; } .-my-10 { margin-top: -2.5rem; margin-bottom: -2.5rem; } .-mt-10 { margin-top: -2.5rem; } .-mr-10 { margin-right: -2.5rem; } .-mb-10 { margin-bottom: -2.5rem; } .-ml-10 { margin-left: -2.5rem; } .-m-11 { margin: -2.75rem; } .-mx-11 { margin-left: -2.75rem; margin-right: -2.75rem; } .-my-11 { margin-top: -2.75rem; margin-bottom: -2.75rem; } .-mt-11 { margin-top: -2.75rem; } .-mr-11 { margin-right: -2.75rem; } .-mb-11 { margin-bottom: -2.75rem; } .-ml-11 { margin-left: -2.75rem; } .-m-12 { margin: -3rem; } .-mx-12 { margin-left: -3rem; margin-right: -3rem; } .-my-12 { margin-top: -3rem; margin-bottom: -3rem; } .-mt-12 { margin-top: -3rem; } .-mr-12 { margin-right: -3rem; } .-mb-12 { margin-bottom: -3rem; } .-ml-12 { margin-left: -3rem; } .-m-14 { margin: -3.5rem; } .-mx-14 { margin-left: -3.5rem; margin-right: -3.5rem; } .-my-14 { margin-top: -3.5rem; margin-bottom: -3.5rem; } .-mt-14 { margin-top: -3.5rem; } .-mr-14 { margin-right: -3.5rem; } .-mb-14 { margin-bottom: -3.5rem; } .-ml-14 { margin-left: -3.5rem; } .-m-16 { margin: -4rem; } .-mx-16 { margin-left: -4rem; margin-right: -4rem; } .-my-16 { margin-top: -4rem; margin-bottom: -4rem; } .-mt-16 { margin-top: -4rem; } .-mr-16 { margin-right: -4rem; } .-mb-16 { margin-bottom: -4rem; } .-ml-16 { margin-left: -4rem; } .-m-20 { margin: -5rem; } .-mx-20 { margin-left: -5rem; margin-right: -5rem; } .-my-20 { margin-top: -5rem; margin-bottom: -5rem; } .-mt-20 { margin-top: -5rem; } .-mr-20 { margin-right: -5rem; } .-mb-20 { margin-bottom: -5rem; } .-ml-20 { margin-left: -5rem; } .-m-24 { margin: -6rem; } .-mx-24 { margin-left: -6rem; margin-right: -6rem; } .-my-24 { margin-top: -6rem; margin-bottom: -6rem; } .-mt-24 { margin-top: -6rem; } .-mr-24 { margin-right: -6rem; } .-mb-24 { margin-bottom: -6rem; } .-ml-24 { margin-left: -6rem; } .-m-28 { margin: -7rem; } .-mx-28 { margin-left: -7rem; margin-right: -7rem; } .-my-28 { margin-top: -7rem; margin-bottom: -7rem; } .-mt-28 { margin-top: -7rem; } .-mr-28 { margin-right: -7rem; } .-mb-28 { margin-bottom: -7rem; } .-ml-28 { margin-left: -7rem; } .-m-32 { margin: -8rem; } .-mx-32 { margin-left: -8rem; margin-right: -8rem; } .-my-32 { margin-top: -8rem; margin-bottom: -8rem; } .-mt-32 { margin-top: -8rem; } .-mr-32 { margin-right: -8rem; } .-mb-32 { margin-bottom: -8rem; } .-ml-32 { margin-left: -8rem; } .-m-36 { margin: -9rem; } .-mx-36 { margin-left: -9rem; margin-right: -9rem; } .-my-36 { margin-top: -9rem; margin-bottom: -9rem; } .-mt-36 { margin-top: -9rem; } .-mr-36 { margin-right: -9rem; } .-mb-36 { margin-bottom: -9rem; } .-ml-36 { margin-left: -9rem; } .-m-40 { margin: -10rem; } .-mx-40 { margin-left: -10rem; margin-right: -10rem; } .-my-40 { margin-top: -10rem; margin-bottom: -10rem; } .-mt-40 { margin-top: -10rem; } .-mr-40 { margin-right: -10rem; } .-mb-40 { margin-bottom: -10rem; } .-ml-40 { margin-left: -10rem; } .-m-44 { margin: -11rem; } .-mx-44 { margin-left: -11rem; margin-right: -11rem; } .-my-44 { margin-top: -11rem; margin-bottom: -11rem; } .-mt-44 { margin-top: -11rem; } .-mr-44 { margin-right: -11rem; } .-mb-44 { margin-bottom: -11rem; } .-ml-44 { margin-left: -11rem; } .-m-48 { margin: -12rem; } .-mx-48 { margin-left: -12rem; margin-right: -12rem; } .-my-48 { margin-top: -12rem; margin-bottom: -12rem; } .-mt-48 { margin-top: -12rem; } .-mr-48 { margin-right: -12rem; } .-mb-48 { margin-bottom: -12rem; } .-ml-48 { margin-left: -12rem; } .-m-52 { margin: -13rem; } .-mx-52 { margin-left: -13rem; margin-right: -13rem; } .-my-52 { margin-top: -13rem; margin-bottom: -13rem; } .-mt-52 { margin-top: -13rem; } .-mr-52 { margin-right: -13rem; } .-mb-52 { margin-bottom: -13rem; } .-ml-52 { margin-left: -13rem; } .-m-56 { margin: -14rem; } .-mx-56 { margin-left: -14rem; margin-right: -14rem; } .-my-56 { margin-top: -14rem; margin-bottom: -14rem; } .-mt-56 { margin-top: -14rem; } .-mr-56 { margin-right: -14rem; } .-mb-56 { margin-bottom: -14rem; } .-ml-56 { margin-left: -14rem; } .-m-60 { margin: -15rem; } .-mx-60 { margin-left: -15rem; margin-right: -15rem; } .-my-60 { margin-top: -15rem; margin-bottom: -15rem; } .-mt-60 { margin-top: -15rem; } .-mr-60 { margin-right: -15rem; } .-mb-60 { margin-bottom: -15rem; } .-ml-60 { margin-left: -15rem; } .-m-64 { margin: -16rem; } .-mx-64 { margin-left: -16rem; margin-right: -16rem; } .-my-64 { margin-top: -16rem; margin-bottom: -16rem; } .-mt-64 { margin-top: -16rem; } .-mr-64 { margin-right: -16rem; } .-mb-64 { margin-bottom: -16rem; } .-ml-64 { margin-left: -16rem; } .-m-72 { margin: -18rem; } .-mx-72 { margin-left: -18rem; margin-right: -18rem; } .-my-72 { margin-top: -18rem; margin-bottom: -18rem; } .-mt-72 { margin-top: -18rem; } .-mr-72 { margin-right: -18rem; } .-mb-72 { margin-bottom: -18rem; } .-ml-72 { margin-left: -18rem; } .-m-80 { margin: -20rem; } .-mx-80 { margin-left: -20rem; margin-right: -20rem; } .-my-80 { margin-top: -20rem; margin-bottom: -20rem; } .-mt-80 { margin-top: -20rem; } .-mr-80 { margin-right: -20rem; } .-mb-80 { margin-bottom: -20rem; } .-ml-80 { margin-left: -20rem; } .-m-96 { margin: -24rem; } .-mx-96 { margin-left: -24rem; margin-right: -24rem; } .-my-96 { margin-top: -24rem; margin-bottom: -24rem; } .-mt-96 { margin-top: -24rem; } .-mr-96 { margin-right: -24rem; } .-mb-96 { margin-bottom: -24rem; } .-ml-96 { margin-left: -24rem; } .mx-auto { margin-left: auto; margin-right: auto; } .gap-0 { gap: 0; } .gap-0\\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-2\\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-3\\.5 { gap: 0.875rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-7 { gap: 1.75rem; } .gap-8 { gap: 2rem; } .gap-9 { gap: 2.25rem; } .gap-10 { gap: 2.5rem; } .gap-11 { gap: 2.75rem; } .gap-12 { gap: 3rem; } .gap-14 { gap: 3.5rem; } .gap-16 { gap: 4rem; } .gap-20 { gap: 5rem; } .gap-24 { gap: 6rem; } .gap-28 { gap: 7rem; } .gap-32 { gap: 8rem; } .gap-36 { gap: 9rem; } .gap-40 { gap: 10rem; } .gap-44 { gap: 11rem; } .gap-48 { gap: 12rem; } .gap-52 { gap: 13rem; } .gap-56 { gap: 14rem; } .gap-60 { gap: 15rem; } .gap-64 { gap: 16rem; } .gap-72 { gap: 18rem; } .gap-80 { gap: 20rem; } .gap-96 { gap: 24rem; } .space-y-0 > * + * { margin-top: 0; } .space-x-0 > * + * { margin-left: 0; } .space-y-0\\.5 > * + * { margin-top: 0.125rem; } .space-x-0\\.5 > * + * { margin-left: 0.125rem; } .space-y-1 > * + * { margin-top: 0.25rem; } .space-x-1 > * + * { margin-left: 0.25rem; } .space-y-1\\.5 > * + * { margin-top: 0.375rem; } .space-x-1\\.5 > * + * { margin-left: 0.375rem; } .space-y-2 > * + * { margin-top: 0.5rem; } .space-x-2 > * + * { margin-left: 0.5rem; } .space-y-2\\.5 > * + * { margin-top: 0.625rem; } .space-x-2\\.5 > * + * { margin-left: 0.625rem; } .space-y-3 > * + * { margin-top: 0.75rem; } .space-x-3 > * + * { margin-left: 0.75rem; } .space-y-3\\.5 > * + * { margin-top: 0.875rem; } .space-x-3\\.5 > * + * { margin-left: 0.875rem; } .space-y-4 > * + * { margin-top: 1rem; } .space-x-4 > * + * { margin-left: 1rem; } .space-y-5 > * + * { margin-top: 1.25rem; } .space-x-5 > * + * { margin-left: 1.25rem; } .space-y-6 > * + * { margin-top: 1.5rem; } .space-x-6 > * + * { margin-left: 1.5rem; } .space-y-7 > * + * { margin-top: 1.75rem; } .space-x-7 > * + * { margin-left: 1.75rem; } .space-y-8 > * + * { margin-top: 2rem; } .space-x-8 > * + * { margin-left: 2rem; } .space-y-9 > * + * { margin-top: 2.25rem; } .space-x-9 > * + * { margin-left: 2.25rem; } .space-y-10 > * + * { margin-top: 2.5rem; } .space-x-10 > * + * { margin-left: 2.5rem; } .space-y-11 > * + * { margin-top: 2.75rem; } .space-x-11 > * + * { margin-left: 2.75rem; } .space-y-12 > * + * { margin-top: 3rem; } .space-x-12 > * + * { margin-left: 3rem; } .space-y-14 > * + * { margin-top: 3.5rem; } .space-x-14 > * + * { margin-left: 3.5rem; } .space-y-16 > * + * { margin-top: 4rem; } .space-x-16 > * + * { margin-left: 4rem; } .space-y-20 > * + * { margin-top: 5rem; } .space-x-20 > * + * { margin-left: 5rem; } .space-y-24 > * + * { margin-top: 6rem; } .space-x-24 > * + * { margin-left: 6rem; } .space-y-28 > * + * { margin-top: 7rem; } .space-x-28 > * + * { margin-left: 7rem; } .space-y-32 > * + * { margin-top: 8rem; } .space-x-32 > * + * { margin-left: 8rem; } .space-y-36 > * + * { margin-top: 9rem; } .space-x-36 > * + * { margin-left: 9rem; } .space-y-40 > * + * { margin-top: 10rem; } .space-x-40 > * + * { margin-left: 10rem; } .space-y-44 > * + * { margin-top: 11rem; } .space-x-44 > * + * { margin-left: 11rem; } .space-y-48 > * + * { margin-top: 12rem; } .space-x-48 > * + * { margin-left: 12rem; } .space-y-52 > * + * { margin-top: 13rem; } .space-x-52 > * + * { margin-left: 13rem; } .space-y-56 > * + * { margin-top: 14rem; } .space-x-56 > * + * { margin-left: 14rem; } .space-y-60 > * + * { margin-top: 15rem; } .space-x-60 > * + * { margin-left: 15rem; } .space-y-64 > * + * { margin-top: 16rem; } .space-x-64 > * + * { margin-left: 16rem; } .space-y-72 > * + * { margin-top: 18rem; } .space-x-72 > * + * { margin-left: 18rem; } .space-y-80 > * + * { margin-top: 20rem; } .space-x-80 > * + * { margin-left: 20rem; } .space-y-96 > * + * { margin-top: 24rem; } .space-x-96 > * + * { margin-left: 24rem; } .-space-x-0\\.5 > * + * { margin-left: -0.125rem; } .-space-y-0\\.5 > * + * { margin-top: -0.125rem; } .-space-x-1 > * + * { margin-left: -0.25rem; } .-space-y-1 > * + * { margin-top: -0.25rem; } .-space-x-1\\.5 > * + * { margin-left: -0.375rem; } .-space-y-1\\.5 > * + * { margin-top: -0.375rem; } .-space-x-2 > * + * { margin-left: -0.5rem; } .-space-y-2 > * + * { margin-top: -0.5rem; } .-space-x-2\\.5 > * + * { margin-left: -0.625rem; } .-space-y-2\\.5 > * + * { margin-top: -0.625rem; } .-space-x-3 > * + * { margin-left: -0.75rem; } .-space-y-3 > * + * { margin-top: -0.75rem; } .-space-x-3\\.5 > * + * { margin-left: -0.875rem; } .-space-y-3\\.5 > * + * { margin-top: -0.875rem; } .-space-x-4 > * + * { margin-left: -1rem; } .-space-y-4 > * + * { margin-top: -1rem; } .-space-x-5 > * + * { margin-left: -1.25rem; } .-space-y-5 > * + * { margin-top: -1.25rem; } .-space-x-6 > * + * { margin-left: -1.5rem; } .-space-y-6 > * + * { margin-top: -1.5rem; } .-space-x-7 > * + * { margin-left: -1.75rem; } .-space-y-7 > * + * { margin-top: -1.75rem; } .-space-x-8 > * + * { margin-left: -2rem; } .-space-y-8 > * + * { margin-top: -2rem; } .-space-x-9 > * + * { margin-left: -2.25rem; } .-space-y-9 > * + * { margin-top: -2.25rem; } .-space-x-10 > * + * { margin-left: -2.5rem; } .-space-y-10 > * + * { margin-top: -2.5rem; } .-space-x-11 > * + * { margin-left: -2.75rem; } .-space-y-11 > * + * { margin-top: -2.75rem; } .-space-x-12 > * + * { margin-left: -3rem; } .-space-y-12 > * + * { margin-top: -3rem; } .-space-x-14 > * + * { margin-left: -3.5rem; } .-space-y-14 > * + * { margin-top: -3.5rem; } .-space-x-16 > * + * { margin-left: -4rem; } .-space-y-16 > * + * { margin-top: -4rem; } .-space-x-20 > * + * { margin-left: -5rem; } .-space-y-20 > * + * { margin-top: -5rem; } .-space-x-24 > * + * { margin-left: -6rem; } .-space-y-24 > * + * { margin-top: -6rem; }.block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } .flex { display: flex; } .inline-flex { display: inline-flex; } .grid { display: grid; } .hidden { display: none; } .items-start { align-items: flex-start; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .justify-start { justify-content: flex-start; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-between { justify-content: space-between; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-initial { flex: 0 1 auto; } .flex-none { flex: none; } .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-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .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-6 { grid-column: span 6 / span 6; } .col-span-12 { grid-column: span 12 / span 12; } .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .sticky { position: sticky; } .static { position: static; } .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .top-1 { top: 0.25rem; } .right-1 { right: 0.25rem; } .bottom-1 { bottom: 0.25rem; } .left-1 { left: 0.25rem; } .top-2 { top: 0.5rem; } .right-2 { right: 0.5rem; } .bottom-2 { bottom: 0.5rem; } .left-2 { left: 0.5rem; } .top-3 { top: 0.75rem; } .right-3 { right: 0.75rem; } .bottom-3 { bottom: 0.75rem; } .left-3 { left: 0.75rem; } .top-4 { top: 1rem; } .right-4 { right: 1rem; } .bottom-4 { bottom: 1rem; } .left-4 { left: 1rem; } .top-6 { top: 1.5rem; } .right-6 { right: 1.5rem; } .bottom-6 { bottom: 1.5rem; } .left-6 { left: 1.5rem; } .top-8 { top: 2rem; } .right-8 { right: 2rem; } .bottom-8 { bottom: 2rem; } .left-8 { left: 2rem; } .top-1\/2 { top: 50%; } .right-1\/2 { right: 50%; } .bottom-1\/2 { bottom: 50%; } .left-1\/2 { left: 50%; } .top-full { top: 100%; } .right-full { right: 100%; } .bottom-full { bottom: 100%; } .left-full { left: 100%; } .inset-0 { top: 0; right: 0; bottom: 0; left: 0; } .inset-1\/2 { top: 50%; right: 50%; bottom: 50%; left: 50%; } .-translate-x-1\/2 { transform: translateX(-50%); } .-translate-y-1\/2 { transform: translateY(-50%); } .translate-x-1\/2 { transform: translateX(50%); } .translate-y-1\/2 { transform: translateY(50%); } .translate-x-full { transform: translateX(100%); } .translate-y-full { transform: translateY(100%); } .-translate-x-full { transform: translateX(-100%); } .-translate-y-full { transform: translateY(-100%); } .z-0 { z-index: 0; } .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; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-scroll { overflow: scroll; } .cursor-pointer { cursor: pointer; } .cursor-not-allowed { cursor: not-allowed; }.hover\:bg-gray-50:hover { background-color: var(--gray-50); } .hover\:text-gray-50:hover { color: var(--gray-50); } .hover\:bg-gray-100:hover { background-color: var(--gray-100); } .hover\:text-gray-100:hover { color: var(--gray-100); } .hover\:bg-gray-200:hover { background-color: var(--gray-200); } .hover\:text-gray-200:hover { color: var(--gray-200); } .hover\:bg-gray-300:hover { background-color: var(--gray-300); } .hover\:text-gray-300:hover { color: var(--gray-300); } .hover\:bg-gray-400:hover { background-color: var(--gray-400); } .hover\:text-gray-400:hover { color: var(--gray-400); } .hover\:bg-gray-500:hover { background-color: var(--gray-500); } .hover\:text-gray-500:hover { color: var(--gray-500); } .hover\:bg-gray-600:hover { background-color: var(--gray-600); } .hover\:text-gray-600:hover { color: var(--gray-600); } .hover\:bg-gray-700:hover { background-color: var(--gray-700); } .hover\:text-gray-700:hover { color: var(--gray-700); } .hover\:bg-gray-800:hover { background-color: var(--gray-800); } .hover\:text-gray-800:hover { color: var(--gray-800); } .hover\:bg-gray-900:hover { background-color: var(--gray-900); } .hover\:text-gray-900:hover { color: var(--gray-900); } .hover\:bg-triforce-50:hover { background-color: var(--triforce-50); } .hover\:text-triforce-50:hover { color: var(--triforce-50); } .hover\:bg-triforce-100:hover { background-color: var(--triforce-100); } .hover\:text-triforce-100:hover { color: var(--triforce-100); } .hover\:bg-triforce-200:hover { background-color: var(--triforce-200); } .hover\:text-triforce-200:hover { color: var(--triforce-200); } .hover\:bg-triforce-300:hover { background-color: var(--triforce-300); } .hover\:text-triforce-300:hover { color: var(--triforce-300); } .hover\:bg-triforce-400:hover { background-color: var(--triforce-400); } .hover\:text-triforce-400:hover { color: var(--triforce-400); } .hover\:bg-triforce-500:hover { background-color: var(--triforce-500); } .hover\:text-triforce-500:hover { color: var(--triforce-500); } .hover\:bg-triforce-600:hover { background-color: var(--triforce-600); } .hover\:text-triforce-600:hover { color: var(--triforce-600); } .hover\:bg-triforce-700:hover { background-color: var(--triforce-700); } .hover\:text-triforce-700:hover { color: var(--triforce-700); } .hover\:bg-triforce-800:hover { background-color: var(--triforce-800); } .hover\:text-triforce-800:hover { color: var(--triforce-800); } .hover\:bg-triforce-900:hover { background-color: var(--triforce-900); } .hover\:text-triforce-900:hover { color: var(--triforce-900); } .hover\:bg-hyrule-50:hover { background-color: var(--hyrule-50); } .hover\:text-hyrule-50:hover { color: var(--hyrule-50); } .hover\:bg-hyrule-100:hover { background-color: var(--hyrule-100); } .hover\:text-hyrule-100:hover { color: var(--hyrule-100); } .hover\:bg-hyrule-200:hover { background-color: var(--hyrule-200); } .hover\:text-hyrule-200:hover { color: var(--hyrule-200); } .hover\:bg-hyrule-300:hover { background-color: var(--hyrule-300); } .hover\:text-hyrule-300:hover { color: var(--hyrule-300); } .hover\:bg-hyrule-400:hover { background-color: var(--hyrule-400); } .hover\:text-hyrule-400:hover { color: var(--hyrule-400); } .hover\:bg-hyrule-500:hover { background-color: var(--hyrule-500); } .hover\:text-hyrule-500:hover { color: var(--hyrule-500); } .hover\:bg-hyrule-600:hover { background-color: var(--hyrule-600); } .hover\:text-hyrule-600:hover { color: var(--hyrule-600); } .hover\:bg-hyrule-700:hover { background-color: var(--hyrule-700); } .hover\:text-hyrule-700:hover { color: var(--hyrule-700); } .hover\:bg-hyrule-800:hover { background-color: var(--hyrule-800); } .hover\:text-hyrule-800:hover { color: var(--hyrule-800); } .hover\:bg-hyrule-900:hover { background-color: var(--hyrule-900); } .hover\:text-hyrule-900:hover { color: var(--hyrule-900); } .hover\:bg-rupee-50:hover { background-color: var(--rupee-50); } .hover\:text-rupee-50:hover { color: var(--rupee-50); } .hover\:bg-rupee-100:hover { background-color: var(--rupee-100); } .hover\:text-rupee-100:hover { color: var(--rupee-100); } .hover\:bg-rupee-200:hover { background-color: var(--rupee-200); } .hover\:text-rupee-200:hover { color: var(--rupee-200); } .hover\:bg-rupee-300:hover { background-color: var(--rupee-300); } .hover\:text-rupee-300:hover { color: var(--rupee-300); } .hover\:bg-rupee-400:hover { background-color: var(--rupee-400); } .hover\:text-rupee-400:hover { color: var(--rupee-400); } .hover\:bg-rupee-500:hover { background-color: var(--rupee-500); } .hover\:text-rupee-500:hover { color: var(--rupee-500); } .hover\:bg-rupee-600:hover { background-color: var(--rupee-600); } .hover\:text-rupee-600:hover { color: var(--rupee-600); } .hover\:bg-rupee-700:hover { background-color: var(--rupee-700); } .hover\:text-rupee-700:hover { color: var(--rupee-700); } .hover\:bg-rupee-800:hover { background-color: var(--rupee-800); } .hover\:text-rupee-800:hover { color: var(--rupee-800); } .hover\:bg-rupee-900:hover { background-color: var(--rupee-900); } .hover\:text-rupee-900:hover { color: var(--rupee-900); } .hover\:bg-ganon-50:hover { background-color: var(--ganon-50); } .hover\:text-ganon-50:hover { color: var(--ganon-50); } .hover\:bg-ganon-100:hover { background-color: var(--ganon-100); } .hover\:text-ganon-100:hover { color: var(--ganon-100); } .hover\:bg-ganon-200:hover { background-color: var(--ganon-200); } .hover\:text-ganon-200:hover { color: var(--ganon-200); } .hover\:bg-ganon-300:hover { background-color: var(--ganon-300); } .hover\:text-ganon-300:hover { color: var(--ganon-300); } .hover\:bg-ganon-400:hover { background-color: var(--ganon-400); } .hover\:text-ganon-400:hover { color: var(--ganon-400); } .hover\:bg-ganon-500:hover { background-color: var(--ganon-500); } .hover\:text-ganon-500:hover { color: var(--ganon-500); } .hover\:bg-ganon-600:hover { background-color: var(--ganon-600); } .hover\:text-ganon-600:hover { color: var(--ganon-600); } .hover\:bg-ganon-700:hover { background-color: var(--ganon-700); } .hover\:text-ganon-700:hover { color: var(--ganon-700); } .hover\:bg-ganon-800:hover { background-color: var(--ganon-800); } .hover\:text-ganon-800:hover { color: var(--ganon-800); } .hover\:bg-ganon-900:hover { background-color: var(--ganon-900); } .hover\:text-ganon-900:hover { color: var(--ganon-900); } .hover\:bg-info-50:hover { background-color: var(--info-50); } .hover\:text-info-50:hover { color: var(--info-50); } .hover\:bg-info-100:hover { background-color: var(--info-100); } .hover\:text-info-100:hover { color: var(--info-100); } .hover\:bg-info-200:hover { background-color: var(--info-200); } .hover\:text-info-200:hover { color: var(--info-200); } .hover\:bg-info-300:hover { background-color: var(--info-300); } .hover\:text-info-300:hover { color: var(--info-300); } .hover\:bg-info-400:hover { background-color: var(--info-400); } .hover\:text-inf