zelda-ui-theme
Version:
Theme system and design tokens for the Zelda UI library
3,545 lines • 257 kB
CSS
@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