/** This file is autogenerated by the script. Do not edit it manually. */ @layer theme, base, radix-themes, components, utilities; @import 'tailwindcss'; @import '@radix-ui/themes/styles.css' layer(radix-themes); @custom-variant dark (&:where(.dark, .dark *)); @custom-variant translucent (&:where([data-panel-background="translucent"] *)); @custom-variant solid (&:where([data-panel-background="solid"] *)); @theme inline { /* colors - other */ --color-overlay: var(--color-overlay); --color-panel: var(--color-panel); --color-panel-solid: var(--color-panel-solid); --color-panel-translucent: var(--color-panel-translucent); --color-transparent: transparent; --color-background: var(--color-background); --color-whiteA-1: var(--white-a1); --color-whiteA-2: var(--white-a2); --color-whiteA-3: var(--white-a3); --color-whiteA-4: var(--white-a4); --color-whiteA-5: var(--white-a5); --color-whiteA-6: var(--white-a6); --color-whiteA-7: var(--white-a7); --color-whiteA-8: var(--white-a8); --color-whiteA-9: var(--white-a9); --color-whiteA-10: var(--white-a10); --color-whiteA-11: var(--white-a11); --color-whiteA-12: var(--white-a12); --color-blackA-1: var(--black-a1); --color-blackA-2: var(--black-a2); --color-blackA-3: var(--black-a3); --color-blackA-4: var(--black-a4); --color-blackA-5: var(--black-a5); --color-blackA-6: var(--black-a6); --color-blackA-7: var(--black-a7); --color-blackA-8: var(--black-a8); --color-blackA-9: var(--black-a9); --color-blackA-10: var(--black-a10); --color-blackA-11: var(--black-a11); --color-blackA-12: var(--black-a12); /* spacing */ --spacing-rx-1: var(--space-1); --spacing-rx-2: var(--space-2); --spacing-rx-3: var(--space-3); --spacing-rx-4: var(--space-4); --spacing-rx-5: var(--space-5); --spacing-rx-6: var(--space-6); --spacing-rx-7: var(--space-7); --spacing-rx-8: var(--space-8); --spacing-rx-9: var(--space-9); /* font size */ --text-1: var(--font-size-1); --text-2: var(--font-size-2); --text-3: var(--font-size-3); --text-4: var(--font-size-4); --text-5: var(--font-size-5); --text-6: var(--font-size-6); --text-7: var(--font-size-7); --text-8: var(--font-size-8); --text-9: var(--font-size-9); /* line height */ --text-1--line-height: var(--line-height-1); --text-2--line-height: var(--line-height-2); --text-3--line-height: var(--line-height-3); --text-4--line-height: var(--line-height-4); --text-5--line-height: var(--line-height-5); --text-6--line-height: var(--line-height-6); --text-7--line-height: var(--line-height-7); --text-8--line-height: var(--line-height-8); --text-9--line-height: var(--line-height-9); --leading-1: var(--line-height-1); --leading-2: var(--line-height-2); --leading-3: var(--line-height-3); --leading-4: var(--line-height-4); --leading-5: var(--line-height-5); --leading-6: var(--line-height-6); --leading-7: var(--line-height-7); --leading-8: var(--line-height-8); --leading-9: var(--line-height-9); /* letter spacing */ --text-1--letter-spacing: var(--letter-spacing-1); --text-2--letter-spacing: var(--letter-spacing-2); --text-3--letter-spacing: var(--letter-spacing-3); --text-4--letter-spacing: var(--letter-spacing-4); --text-5--letter-spacing: var(--letter-spacing-5); --text-6--letter-spacing: var(--letter-spacing-6); --text-7--letter-spacing: var(--letter-spacing-7); --text-8--letter-spacing: var(--letter-spacing-8); --text-9--letter-spacing: var(--letter-spacing-9); --tracking-1: var(--letter-spacing-1); --tracking-2: var(--letter-spacing-2); --tracking-3: var(--letter-spacing-3); --tracking-4: var(--letter-spacing-4); --tracking-5: var(--letter-spacing-5); --tracking-6: var(--letter-spacing-6); --tracking-7: var(--letter-spacing-7); --tracking-8: var(--letter-spacing-8); --tracking-9: var(--letter-spacing-9); /* font weight */ --font-weight-light: 300; --font-weight-regular: 400; --font-weight-normal: 400; --font-weight-normal: 500; --font-weight-medium: 700; /* border radius */ --radius-1: var(--radius-1); --radius-2: var(--radius-2); --radius-3: var(--radius-3); --radius-4: var(--radius-4); --radius-5: var(--radius-5); --radius-6: var(--radius-6); --radius-item: max(var(--radius-2),var(--radius-full)); --radius-full: 9999px; /* shadow */ --shadow-1: var(--shadow-1); --shadow-2: var(--shadow-2); --shadow-3: var(--shadow-3); --shadow-4: var(--shadow-4); --shadow-5: var(--shadow-5); --shadow-6: var(--shadow-6); /* colors - all */ --color-accent-1: var(--accent-1); --color-accent-2: var(--accent-2); --color-accent-3: var(--accent-3); --color-accent-4: var(--accent-4); --color-accent-5: var(--accent-5); --color-accent-6: var(--accent-6); --color-accent-7: var(--accent-7); --color-accent-8: var(--accent-8); --color-accent-9: var(--accent-9); --color-accent-10: var(--accent-10); --color-accent-11: var(--accent-11); --color-accent-12: var(--accent-12); --color-accentA-1: var(--accent-a1); --color-accentA-2: var(--accent-a2); --color-accentA-3: var(--accent-a3); --color-accentA-4: var(--accent-a4); --color-accentA-5: var(--accent-a5); --color-accentA-6: var(--accent-a6); --color-accentA-7: var(--accent-a7); --color-accentA-8: var(--accent-a8); --color-accentA-9: var(--accent-a9); --color-accentA-10: var(--accent-a10); --color-accentA-11: var(--accent-a11); --color-accentA-12: var(--accent-a12); --color-accent-contrast: var(--accent-contrast); --color-accent-surface: var(--accent-surface); --color-accent-track: var(--accent-track); --color-accent-indicator: var(--accent-indicator); --color-gray-1: var(--gray-1); --color-gray-2: var(--gray-2); --color-gray-3: var(--gray-3); --color-gray-4: var(--gray-4); --color-gray-5: var(--gray-5); --color-gray-6: var(--gray-6); --color-gray-7: var(--gray-7); --color-gray-8: var(--gray-8); --color-gray-9: var(--gray-9); --color-gray-10: var(--gray-10); --color-gray-11: var(--gray-11); --color-gray-12: var(--gray-12); --color-grayA-1: var(--gray-a1); --color-grayA-2: var(--gray-a2); --color-grayA-3: var(--gray-a3); --color-grayA-4: var(--gray-a4); --color-grayA-5: var(--gray-a5); --color-grayA-6: var(--gray-a6); --color-grayA-7: var(--gray-a7); --color-grayA-8: var(--gray-a8); --color-grayA-9: var(--gray-a9); --color-grayA-10: var(--gray-a10); --color-grayA-11: var(--gray-a11); --color-grayA-12: var(--gray-a12); --color-gray-contrast: var(--gray-contrast); --color-gray-surface: var(--gray-surface); --color-gray-track: var(--gray-track); --color-gray-indicator: var(--gray-indicator); --color-gold-1: var(--gold-1); --color-gold-2: var(--gold-2); --color-gold-3: var(--gold-3); --color-gold-4: var(--gold-4); --color-gold-5: var(--gold-5); --color-gold-6: var(--gold-6); --color-gold-7: var(--gold-7); --color-gold-8: var(--gold-8); --color-gold-9: var(--gold-9); --color-gold-10: var(--gold-10); --color-gold-11: var(--gold-11); --color-gold-12: var(--gold-12); --color-goldA-1: var(--gold-a1); --color-goldA-2: var(--gold-a2); --color-goldA-3: var(--gold-a3); --color-goldA-4: var(--gold-a4); --color-goldA-5: var(--gold-a5); --color-goldA-6: var(--gold-a6); --color-goldA-7: var(--gold-a7); --color-goldA-8: var(--gold-a8); --color-goldA-9: var(--gold-a9); --color-goldA-10: var(--gold-a10); --color-goldA-11: var(--gold-a11); --color-goldA-12: var(--gold-a12); --color-gold-contrast: var(--gold-contrast); --color-gold-surface: var(--gold-surface); --color-gold-track: var(--gold-track); --color-gold-indicator: var(--gold-indicator); --color-bronze-1: var(--bronze-1); --color-bronze-2: var(--bronze-2); --color-bronze-3: var(--bronze-3); --color-bronze-4: var(--bronze-4); --color-bronze-5: var(--bronze-5); --color-bronze-6: var(--bronze-6); --color-bronze-7: var(--bronze-7); --color-bronze-8: var(--bronze-8); --color-bronze-9: var(--bronze-9); --color-bronze-10: var(--bronze-10); --color-bronze-11: var(--bronze-11); --color-bronze-12: var(--bronze-12); --color-bronzeA-1: var(--bronze-a1); --color-bronzeA-2: var(--bronze-a2); --color-bronzeA-3: var(--bronze-a3); --color-bronzeA-4: var(--bronze-a4); --color-bronzeA-5: var(--bronze-a5); --color-bronzeA-6: var(--bronze-a6); --color-bronzeA-7: var(--bronze-a7); --color-bronzeA-8: var(--bronze-a8); --color-bronzeA-9: var(--bronze-a9); --color-bronzeA-10: var(--bronze-a10); --color-bronzeA-11: var(--bronze-a11); --color-bronzeA-12: var(--bronze-a12); --color-bronze-contrast: var(--bronze-contrast); --color-bronze-surface: var(--bronze-surface); --color-bronze-track: var(--bronze-track); --color-bronze-indicator: var(--bronze-indicator); --color-brown-1: var(--brown-1); --color-brown-2: var(--brown-2); --color-brown-3: var(--brown-3); --color-brown-4: var(--brown-4); --color-brown-5: var(--brown-5); --color-brown-6: var(--brown-6); --color-brown-7: var(--brown-7); --color-brown-8: var(--brown-8); --color-brown-9: var(--brown-9); --color-brown-10: var(--brown-10); --color-brown-11: var(--brown-11); --color-brown-12: var(--brown-12); --color-brownA-1: var(--brown-a1); --color-brownA-2: var(--brown-a2); --color-brownA-3: var(--brown-a3); --color-brownA-4: var(--brown-a4); --color-brownA-5: var(--brown-a5); --color-brownA-6: var(--brown-a6); --color-brownA-7: var(--brown-a7); --color-brownA-8: var(--brown-a8); --color-brownA-9: var(--brown-a9); --color-brownA-10: var(--brown-a10); --color-brownA-11: var(--brown-a11); --color-brownA-12: var(--brown-a12); --color-brown-contrast: var(--brown-contrast); --color-brown-surface: var(--brown-surface); --color-brown-track: var(--brown-track); --color-brown-indicator: var(--brown-indicator); --color-yellow-1: var(--yellow-1); --color-yellow-2: var(--yellow-2); --color-yellow-3: var(--yellow-3); --color-yellow-4: var(--yellow-4); --color-yellow-5: var(--yellow-5); --color-yellow-6: var(--yellow-6); --color-yellow-7: var(--yellow-7); --color-yellow-8: var(--yellow-8); --color-yellow-9: var(--yellow-9); --color-yellow-10: var(--yellow-10); --color-yellow-11: var(--yellow-11); --color-yellow-12: var(--yellow-12); --color-yellowA-1: var(--yellow-a1); --color-yellowA-2: var(--yellow-a2); --color-yellowA-3: var(--yellow-a3); --color-yellowA-4: var(--yellow-a4); --color-yellowA-5: var(--yellow-a5); --color-yellowA-6: var(--yellow-a6); --color-yellowA-7: var(--yellow-a7); --color-yellowA-8: var(--yellow-a8); --color-yellowA-9: var(--yellow-a9); --color-yellowA-10: var(--yellow-a10); --color-yellowA-11: var(--yellow-a11); --color-yellowA-12: var(--yellow-a12); --color-yellow-contrast: var(--yellow-contrast); --color-yellow-surface: var(--yellow-surface); --color-yellow-track: var(--yellow-track); --color-yellow-indicator: var(--yellow-indicator); --color-amber-1: var(--amber-1); --color-amber-2: var(--amber-2); --color-amber-3: var(--amber-3); --color-amber-4: var(--amber-4); --color-amber-5: var(--amber-5); --color-amber-6: var(--amber-6); --color-amber-7: var(--amber-7); --color-amber-8: var(--amber-8); --color-amber-9: var(--amber-9); --color-amber-10: var(--amber-10); --color-amber-11: var(--amber-11); --color-amber-12: var(--amber-12); --color-amberA-1: var(--amber-a1); --color-amberA-2: var(--amber-a2); --color-amberA-3: var(--amber-a3); --color-amberA-4: var(--amber-a4); --color-amberA-5: var(--amber-a5); --color-amberA-6: var(--amber-a6); --color-amberA-7: var(--amber-a7); --color-amberA-8: var(--amber-a8); --color-amberA-9: var(--amber-a9); --color-amberA-10: var(--amber-a10); --color-amberA-11: var(--amber-a11); --color-amberA-12: var(--amber-a12); --color-amber-contrast: var(--amber-contrast); --color-amber-surface: var(--amber-surface); --color-amber-track: var(--amber-track); --color-amber-indicator: var(--amber-indicator); --color-orange-1: var(--orange-1); --color-orange-2: var(--orange-2); --color-orange-3: var(--orange-3); --color-orange-4: var(--orange-4); --color-orange-5: var(--orange-5); --color-orange-6: var(--orange-6); --color-orange-7: var(--orange-7); --color-orange-8: var(--orange-8); --color-orange-9: var(--orange-9); --color-orange-10: var(--orange-10); --color-orange-11: var(--orange-11); --color-orange-12: var(--orange-12); --color-orangeA-1: var(--orange-a1); --color-orangeA-2: var(--orange-a2); --color-orangeA-3: var(--orange-a3); --color-orangeA-4: var(--orange-a4); --color-orangeA-5: var(--orange-a5); --color-orangeA-6: var(--orange-a6); --color-orangeA-7: var(--orange-a7); --color-orangeA-8: var(--orange-a8); --color-orangeA-9: var(--orange-a9); --color-orangeA-10: var(--orange-a10); --color-orangeA-11: var(--orange-a11); --color-orangeA-12: var(--orange-a12); --color-orange-contrast: var(--orange-contrast); --color-orange-surface: var(--orange-surface); --color-orange-track: var(--orange-track); --color-orange-indicator: var(--orange-indicator); --color-tomato-1: var(--tomato-1); --color-tomato-2: var(--tomato-2); --color-tomato-3: var(--tomato-3); --color-tomato-4: var(--tomato-4); --color-tomato-5: var(--tomato-5); --color-tomato-6: var(--tomato-6); --color-tomato-7: var(--tomato-7); --color-tomato-8: var(--tomato-8); --color-tomato-9: var(--tomato-9); --color-tomato-10: var(--tomato-10); --color-tomato-11: var(--tomato-11); --color-tomato-12: var(--tomato-12); --color-tomatoA-1: var(--tomato-a1); --color-tomatoA-2: var(--tomato-a2); --color-tomatoA-3: var(--tomato-a3); --color-tomatoA-4: var(--tomato-a4); --color-tomatoA-5: var(--tomato-a5); --color-tomatoA-6: var(--tomato-a6); --color-tomatoA-7: var(--tomato-a7); --color-tomatoA-8: var(--tomato-a8); --color-tomatoA-9: var(--tomato-a9); --color-tomatoA-10: var(--tomato-a10); --color-tomatoA-11: var(--tomato-a11); --color-tomatoA-12: var(--tomato-a12); --color-tomato-contrast: var(--tomato-contrast); --color-tomato-surface: var(--tomato-surface); --color-tomato-track: var(--tomato-track); --color-tomato-indicator: var(--tomato-indicator); --color-red-1: var(--red-1); --color-red-2: var(--red-2); --color-red-3: var(--red-3); --color-red-4: var(--red-4); --color-red-5: var(--red-5); --color-red-6: var(--red-6); --color-red-7: var(--red-7); --color-red-8: var(--red-8); --color-red-9: var(--red-9); --color-red-10: var(--red-10); --color-red-11: var(--red-11); --color-red-12: var(--red-12); --color-redA-1: var(--red-a1); --color-redA-2: var(--red-a2); --color-redA-3: var(--red-a3); --color-redA-4: var(--red-a4); --color-redA-5: var(--red-a5); --color-redA-6: var(--red-a6); --color-redA-7: var(--red-a7); --color-redA-8: var(--red-a8); --color-redA-9: var(--red-a9); --color-redA-10: var(--red-a10); --color-redA-11: var(--red-a11); --color-redA-12: var(--red-a12); --color-red-contrast: var(--red-contrast); --color-red-surface: var(--red-surface); --color-red-track: var(--red-track); --color-red-indicator: var(--red-indicator); --color-ruby-1: var(--ruby-1); --color-ruby-2: var(--ruby-2); --color-ruby-3: var(--ruby-3); --color-ruby-4: var(--ruby-4); --color-ruby-5: var(--ruby-5); --color-ruby-6: var(--ruby-6); --color-ruby-7: var(--ruby-7); --color-ruby-8: var(--ruby-8); --color-ruby-9: var(--ruby-9); --color-ruby-10: var(--ruby-10); --color-ruby-11: var(--ruby-11); --color-ruby-12: var(--ruby-12); --color-rubyA-1: var(--ruby-a1); --color-rubyA-2: var(--ruby-a2); --color-rubyA-3: var(--ruby-a3); --color-rubyA-4: var(--ruby-a4); --color-rubyA-5: var(--ruby-a5); --color-rubyA-6: var(--ruby-a6); --color-rubyA-7: var(--ruby-a7); --color-rubyA-8: var(--ruby-a8); --color-rubyA-9: var(--ruby-a9); --color-rubyA-10: var(--ruby-a10); --color-rubyA-11: var(--ruby-a11); --color-rubyA-12: var(--ruby-a12); --color-ruby-contrast: var(--ruby-contrast); --color-ruby-surface: var(--ruby-surface); --color-ruby-track: var(--ruby-track); --color-ruby-indicator: var(--ruby-indicator); --color-crimson-1: var(--crimson-1); --color-crimson-2: var(--crimson-2); --color-crimson-3: var(--crimson-3); --color-crimson-4: var(--crimson-4); --color-crimson-5: var(--crimson-5); --color-crimson-6: var(--crimson-6); --color-crimson-7: var(--crimson-7); --color-crimson-8: var(--crimson-8); --color-crimson-9: var(--crimson-9); --color-crimson-10: var(--crimson-10); --color-crimson-11: var(--crimson-11); --color-crimson-12: var(--crimson-12); --color-crimsonA-1: var(--crimson-a1); --color-crimsonA-2: var(--crimson-a2); --color-crimsonA-3: var(--crimson-a3); --color-crimsonA-4: var(--crimson-a4); --color-crimsonA-5: var(--crimson-a5); --color-crimsonA-6: var(--crimson-a6); --color-crimsonA-7: var(--crimson-a7); --color-crimsonA-8: var(--crimson-a8); --color-crimsonA-9: var(--crimson-a9); --color-crimsonA-10: var(--crimson-a10); --color-crimsonA-11: var(--crimson-a11); --color-crimsonA-12: var(--crimson-a12); --color-crimson-contrast: var(--crimson-contrast); --color-crimson-surface: var(--crimson-surface); --color-crimson-track: var(--crimson-track); --color-crimson-indicator: var(--crimson-indicator); --color-pink-1: var(--pink-1); --color-pink-2: var(--pink-2); --color-pink-3: var(--pink-3); --color-pink-4: var(--pink-4); --color-pink-5: var(--pink-5); --color-pink-6: var(--pink-6); --color-pink-7: var(--pink-7); --color-pink-8: var(--pink-8); --color-pink-9: var(--pink-9); --color-pink-10: var(--pink-10); --color-pink-11: var(--pink-11); --color-pink-12: var(--pink-12); --color-pinkA-1: var(--pink-a1); --color-pinkA-2: var(--pink-a2); --color-pinkA-3: var(--pink-a3); --color-pinkA-4: var(--pink-a4); --color-pinkA-5: var(--pink-a5); --color-pinkA-6: var(--pink-a6); --color-pinkA-7: var(--pink-a7); --color-pinkA-8: var(--pink-a8); --color-pinkA-9: var(--pink-a9); --color-pinkA-10: var(--pink-a10); --color-pinkA-11: var(--pink-a11); --color-pinkA-12: var(--pink-a12); --color-pink-contrast: var(--pink-contrast); --color-pink-surface: var(--pink-surface); --color-pink-track: var(--pink-track); --color-pink-indicator: var(--pink-indicator); --color-plum-1: var(--plum-1); --color-plum-2: var(--plum-2); --color-plum-3: var(--plum-3); --color-plum-4: var(--plum-4); --color-plum-5: var(--plum-5); --color-plum-6: var(--plum-6); --color-plum-7: var(--plum-7); --color-plum-8: var(--plum-8); --color-plum-9: var(--plum-9); --color-plum-10: var(--plum-10); --color-plum-11: var(--plum-11); --color-plum-12: var(--plum-12); --color-plumA-1: var(--plum-a1); --color-plumA-2: var(--plum-a2); --color-plumA-3: var(--plum-a3); --color-plumA-4: var(--plum-a4); --color-plumA-5: var(--plum-a5); --color-plumA-6: var(--plum-a6); --color-plumA-7: var(--plum-a7); --color-plumA-8: var(--plum-a8); --color-plumA-9: var(--plum-a9); --color-plumA-10: var(--plum-a10); --color-plumA-11: var(--plum-a11); --color-plumA-12: var(--plum-a12); --color-plum-contrast: var(--plum-contrast); --color-plum-surface: var(--plum-surface); --color-plum-track: var(--plum-track); --color-plum-indicator: var(--plum-indicator); --color-purple-1: var(--purple-1); --color-purple-2: var(--purple-2); --color-purple-3: var(--purple-3); --color-purple-4: var(--purple-4); --color-purple-5: var(--purple-5); --color-purple-6: var(--purple-6); --color-purple-7: var(--purple-7); --color-purple-8: var(--purple-8); --color-purple-9: var(--purple-9); --color-purple-10: var(--purple-10); --color-purple-11: var(--purple-11); --color-purple-12: var(--purple-12); --color-purpleA-1: var(--purple-a1); --color-purpleA-2: var(--purple-a2); --color-purpleA-3: var(--purple-a3); --color-purpleA-4: var(--purple-a4); --color-purpleA-5: var(--purple-a5); --color-purpleA-6: var(--purple-a6); --color-purpleA-7: var(--purple-a7); --color-purpleA-8: var(--purple-a8); --color-purpleA-9: var(--purple-a9); --color-purpleA-10: var(--purple-a10); --color-purpleA-11: var(--purple-a11); --color-purpleA-12: var(--purple-a12); --color-purple-contrast: var(--purple-contrast); --color-purple-surface: var(--purple-surface); --color-purple-track: var(--purple-track); --color-purple-indicator: var(--purple-indicator); --color-violet-1: var(--violet-1); --color-violet-2: var(--violet-2); --color-violet-3: var(--violet-3); --color-violet-4: var(--violet-4); --color-violet-5: var(--violet-5); --color-violet-6: var(--violet-6); --color-violet-7: var(--violet-7); --color-violet-8: var(--violet-8); --color-violet-9: var(--violet-9); --color-violet-10: var(--violet-10); --color-violet-11: var(--violet-11); --color-violet-12: var(--violet-12); --color-violetA-1: var(--violet-a1); --color-violetA-2: var(--violet-a2); --color-violetA-3: var(--violet-a3); --color-violetA-4: var(--violet-a4); --color-violetA-5: var(--violet-a5); --color-violetA-6: var(--violet-a6); --color-violetA-7: var(--violet-a7); --color-violetA-8: var(--violet-a8); --color-violetA-9: var(--violet-a9); --color-violetA-10: var(--violet-a10); --color-violetA-11: var(--violet-a11); --color-violetA-12: var(--violet-a12); --color-violet-contrast: var(--violet-contrast); --color-violet-surface: var(--violet-surface); --color-violet-track: var(--violet-track); --color-violet-indicator: var(--violet-indicator); --color-iris-1: var(--iris-1); --color-iris-2: var(--iris-2); --color-iris-3: var(--iris-3); --color-iris-4: var(--iris-4); --color-iris-5: var(--iris-5); --color-iris-6: var(--iris-6); --color-iris-7: var(--iris-7); --color-iris-8: var(--iris-8); --color-iris-9: var(--iris-9); --color-iris-10: var(--iris-10); --color-iris-11: var(--iris-11); --color-iris-12: var(--iris-12); --color-irisA-1: var(--iris-a1); --color-irisA-2: var(--iris-a2); --color-irisA-3: var(--iris-a3); --color-irisA-4: var(--iris-a4); --color-irisA-5: var(--iris-a5); --color-irisA-6: var(--iris-a6); --color-irisA-7: var(--iris-a7); --color-irisA-8: var(--iris-a8); --color-irisA-9: var(--iris-a9); --color-irisA-10: var(--iris-a10); --color-irisA-11: var(--iris-a11); --color-irisA-12: var(--iris-a12); --color-iris-contrast: var(--iris-contrast); --color-iris-surface: var(--iris-surface); --color-iris-track: var(--iris-track); --color-iris-indicator: var(--iris-indicator); --color-indigo-1: var(--indigo-1); --color-indigo-2: var(--indigo-2); --color-indigo-3: var(--indigo-3); --color-indigo-4: var(--indigo-4); --color-indigo-5: var(--indigo-5); --color-indigo-6: var(--indigo-6); --color-indigo-7: var(--indigo-7); --color-indigo-8: var(--indigo-8); --color-indigo-9: var(--indigo-9); --color-indigo-10: var(--indigo-10); --color-indigo-11: var(--indigo-11); --color-indigo-12: var(--indigo-12); --color-indigoA-1: var(--indigo-a1); --color-indigoA-2: var(--indigo-a2); --color-indigoA-3: var(--indigo-a3); --color-indigoA-4: var(--indigo-a4); --color-indigoA-5: var(--indigo-a5); --color-indigoA-6: var(--indigo-a6); --color-indigoA-7: var(--indigo-a7); --color-indigoA-8: var(--indigo-a8); --color-indigoA-9: var(--indigo-a9); --color-indigoA-10: var(--indigo-a10); --color-indigoA-11: var(--indigo-a11); --color-indigoA-12: var(--indigo-a12); --color-indigo-contrast: var(--indigo-contrast); --color-indigo-surface: var(--indigo-surface); --color-indigo-track: var(--indigo-track); --color-indigo-indicator: var(--indigo-indicator); --color-blue-1: var(--blue-1); --color-blue-2: var(--blue-2); --color-blue-3: var(--blue-3); --color-blue-4: var(--blue-4); --color-blue-5: var(--blue-5); --color-blue-6: var(--blue-6); --color-blue-7: var(--blue-7); --color-blue-8: var(--blue-8); --color-blue-9: var(--blue-9); --color-blue-10: var(--blue-10); --color-blue-11: var(--blue-11); --color-blue-12: var(--blue-12); --color-blueA-1: var(--blue-a1); --color-blueA-2: var(--blue-a2); --color-blueA-3: var(--blue-a3); --color-blueA-4: var(--blue-a4); --color-blueA-5: var(--blue-a5); --color-blueA-6: var(--blue-a6); --color-blueA-7: var(--blue-a7); --color-blueA-8: var(--blue-a8); --color-blueA-9: var(--blue-a9); --color-blueA-10: var(--blue-a10); --color-blueA-11: var(--blue-a11); --color-blueA-12: var(--blue-a12); --color-blue-contrast: var(--blue-contrast); --color-blue-surface: var(--blue-surface); --color-blue-track: var(--blue-track); --color-blue-indicator: var(--blue-indicator); --color-cyan-1: var(--cyan-1); --color-cyan-2: var(--cyan-2); --color-cyan-3: var(--cyan-3); --color-cyan-4: var(--cyan-4); --color-cyan-5: var(--cyan-5); --color-cyan-6: var(--cyan-6); --color-cyan-7: var(--cyan-7); --color-cyan-8: var(--cyan-8); --color-cyan-9: var(--cyan-9); --color-cyan-10: var(--cyan-10); --color-cyan-11: var(--cyan-11); --color-cyan-12: var(--cyan-12); --color-cyanA-1: var(--cyan-a1); --color-cyanA-2: var(--cyan-a2); --color-cyanA-3: var(--cyan-a3); --color-cyanA-4: var(--cyan-a4); --color-cyanA-5: var(--cyan-a5); --color-cyanA-6: var(--cyan-a6); --color-cyanA-7: var(--cyan-a7); --color-cyanA-8: var(--cyan-a8); --color-cyanA-9: var(--cyan-a9); --color-cyanA-10: var(--cyan-a10); --color-cyanA-11: var(--cyan-a11); --color-cyanA-12: var(--cyan-a12); --color-cyan-contrast: var(--cyan-contrast); --color-cyan-surface: var(--cyan-surface); --color-cyan-track: var(--cyan-track); --color-cyan-indicator: var(--cyan-indicator); --color-teal-1: var(--teal-1); --color-teal-2: var(--teal-2); --color-teal-3: var(--teal-3); --color-teal-4: var(--teal-4); --color-teal-5: var(--teal-5); --color-teal-6: var(--teal-6); --color-teal-7: var(--teal-7); --color-teal-8: var(--teal-8); --color-teal-9: var(--teal-9); --color-teal-10: var(--teal-10); --color-teal-11: var(--teal-11); --color-teal-12: var(--teal-12); --color-tealA-1: var(--teal-a1); --color-tealA-2: var(--teal-a2); --color-tealA-3: var(--teal-a3); --color-tealA-4: var(--teal-a4); --color-tealA-5: var(--teal-a5); --color-tealA-6: var(--teal-a6); --color-tealA-7: var(--teal-a7); --color-tealA-8: var(--teal-a8); --color-tealA-9: var(--teal-a9); --color-tealA-10: var(--teal-a10); --color-tealA-11: var(--teal-a11); --color-tealA-12: var(--teal-a12); --color-teal-contrast: var(--teal-contrast); --color-teal-surface: var(--teal-surface); --color-teal-track: var(--teal-track); --color-teal-indicator: var(--teal-indicator); --color-jade-1: var(--jade-1); --color-jade-2: var(--jade-2); --color-jade-3: var(--jade-3); --color-jade-4: var(--jade-4); --color-jade-5: var(--jade-5); --color-jade-6: var(--jade-6); --color-jade-7: var(--jade-7); --color-jade-8: var(--jade-8); --color-jade-9: var(--jade-9); --color-jade-10: var(--jade-10); --color-jade-11: var(--jade-11); --color-jade-12: var(--jade-12); --color-jadeA-1: var(--jade-a1); --color-jadeA-2: var(--jade-a2); --color-jadeA-3: var(--jade-a3); --color-jadeA-4: var(--jade-a4); --color-jadeA-5: var(--jade-a5); --color-jadeA-6: var(--jade-a6); --color-jadeA-7: var(--jade-a7); --color-jadeA-8: var(--jade-a8); --color-jadeA-9: var(--jade-a9); --color-jadeA-10: var(--jade-a10); --color-jadeA-11: var(--jade-a11); --color-jadeA-12: var(--jade-a12); --color-jade-contrast: var(--jade-contrast); --color-jade-surface: var(--jade-surface); --color-jade-track: var(--jade-track); --color-jade-indicator: var(--jade-indicator); --color-green-1: var(--green-1); --color-green-2: var(--green-2); --color-green-3: var(--green-3); --color-green-4: var(--green-4); --color-green-5: var(--green-5); --color-green-6: var(--green-6); --color-green-7: var(--green-7); --color-green-8: var(--green-8); --color-green-9: var(--green-9); --color-green-10: var(--green-10); --color-green-11: var(--green-11); --color-green-12: var(--green-12); --color-greenA-1: var(--green-a1); --color-greenA-2: var(--green-a2); --color-greenA-3: var(--green-a3); --color-greenA-4: var(--green-a4); --color-greenA-5: var(--green-a5); --color-greenA-6: var(--green-a6); --color-greenA-7: var(--green-a7); --color-greenA-8: var(--green-a8); --color-greenA-9: var(--green-a9); --color-greenA-10: var(--green-a10); --color-greenA-11: var(--green-a11); --color-greenA-12: var(--green-a12); --color-green-contrast: var(--green-contrast); --color-green-surface: var(--green-surface); --color-green-track: var(--green-track); --color-green-indicator: var(--green-indicator); --color-grass-1: var(--grass-1); --color-grass-2: var(--grass-2); --color-grass-3: var(--grass-3); --color-grass-4: var(--grass-4); --color-grass-5: var(--grass-5); --color-grass-6: var(--grass-6); --color-grass-7: var(--grass-7); --color-grass-8: var(--grass-8); --color-grass-9: var(--grass-9); --color-grass-10: var(--grass-10); --color-grass-11: var(--grass-11); --color-grass-12: var(--grass-12); --color-grassA-1: var(--grass-a1); --color-grassA-2: var(--grass-a2); --color-grassA-3: var(--grass-a3); --color-grassA-4: var(--grass-a4); --color-grassA-5: var(--grass-a5); --color-grassA-6: var(--grass-a6); --color-grassA-7: var(--grass-a7); --color-grassA-8: var(--grass-a8); --color-grassA-9: var(--grass-a9); --color-grassA-10: var(--grass-a10); --color-grassA-11: var(--grass-a11); --color-grassA-12: var(--grass-a12); --color-grass-contrast: var(--grass-contrast); --color-grass-surface: var(--grass-surface); --color-grass-track: var(--grass-track); --color-grass-indicator: var(--grass-indicator); --color-lime-1: var(--lime-1); --color-lime-2: var(--lime-2); --color-lime-3: var(--lime-3); --color-lime-4: var(--lime-4); --color-lime-5: var(--lime-5); --color-lime-6: var(--lime-6); --color-lime-7: var(--lime-7); --color-lime-8: var(--lime-8); --color-lime-9: var(--lime-9); --color-lime-10: var(--lime-10); --color-lime-11: var(--lime-11); --color-lime-12: var(--lime-12); --color-limeA-1: var(--lime-a1); --color-limeA-2: var(--lime-a2); --color-limeA-3: var(--lime-a3); --color-limeA-4: var(--lime-a4); --color-limeA-5: var(--lime-a5); --color-limeA-6: var(--lime-a6); --color-limeA-7: var(--lime-a7); --color-limeA-8: var(--lime-a8); --color-limeA-9: var(--lime-a9); --color-limeA-10: var(--lime-a10); --color-limeA-11: var(--lime-a11); --color-limeA-12: var(--lime-a12); --color-lime-contrast: var(--lime-contrast); --color-lime-surface: var(--lime-surface); --color-lime-track: var(--lime-track); --color-lime-indicator: var(--lime-indicator); --color-mint-1: var(--mint-1); --color-mint-2: var(--mint-2); --color-mint-3: var(--mint-3); --color-mint-4: var(--mint-4); --color-mint-5: var(--mint-5); --color-mint-6: var(--mint-6); --color-mint-7: var(--mint-7); --color-mint-8: var(--mint-8); --color-mint-9: var(--mint-9); --color-mint-10: var(--mint-10); --color-mint-11: var(--mint-11); --color-mint-12: var(--mint-12); --color-mintA-1: var(--mint-a1); --color-mintA-2: var(--mint-a2); --color-mintA-3: var(--mint-a3); --color-mintA-4: var(--mint-a4); --color-mintA-5: var(--mint-a5); --color-mintA-6: var(--mint-a6); --color-mintA-7: var(--mint-a7); --color-mintA-8: var(--mint-a8); --color-mintA-9: var(--mint-a9); --color-mintA-10: var(--mint-a10); --color-mintA-11: var(--mint-a11); --color-mintA-12: var(--mint-a12); --color-mint-contrast: var(--mint-contrast); --color-mint-surface: var(--mint-surface); --color-mint-track: var(--mint-track); --color-mint-indicator: var(--mint-indicator); --color-sky-1: var(--sky-1); --color-sky-2: var(--sky-2); --color-sky-3: var(--sky-3); --color-sky-4: var(--sky-4); --color-sky-5: var(--sky-5); --color-sky-6: var(--sky-6); --color-sky-7: var(--sky-7); --color-sky-8: var(--sky-8); --color-sky-9: var(--sky-9); --color-sky-10: var(--sky-10); --color-sky-11: var(--sky-11); --color-sky-12: var(--sky-12); --color-skyA-1: var(--sky-a1); --color-skyA-2: var(--sky-a2); --color-skyA-3: var(--sky-a3); --color-skyA-4: var(--sky-a4); --color-skyA-5: var(--sky-a5); --color-skyA-6: var(--sky-a6); --color-skyA-7: var(--sky-a7); --color-skyA-8: var(--sky-a8); --color-skyA-9: var(--sky-a9); --color-skyA-10: var(--sky-a10); --color-skyA-11: var(--sky-a11); --color-skyA-12: var(--sky-a12); --color-sky-contrast: var(--sky-contrast); --color-sky-surface: var(--sky-surface); --color-sky-track: var(--sky-track); --color-sky-indicator: var(--sky-indicator); --color-mauve-1: var(--mauve-1); --color-mauve-2: var(--mauve-2); --color-mauve-3: var(--mauve-3); --color-mauve-4: var(--mauve-4); --color-mauve-5: var(--mauve-5); --color-mauve-6: var(--mauve-6); --color-mauve-7: var(--mauve-7); --color-mauve-8: var(--mauve-8); --color-mauve-9: var(--mauve-9); --color-mauve-10: var(--mauve-10); --color-mauve-11: var(--mauve-11); --color-mauve-12: var(--mauve-12); --color-mauveA-1: var(--mauve-a1); --color-mauveA-2: var(--mauve-a2); --color-mauveA-3: var(--mauve-a3); --color-mauveA-4: var(--mauve-a4); --color-mauveA-5: var(--mauve-a5); --color-mauveA-6: var(--mauve-a6); --color-mauveA-7: var(--mauve-a7); --color-mauveA-8: var(--mauve-a8); --color-mauveA-9: var(--mauve-a9); --color-mauveA-10: var(--mauve-a10); --color-mauveA-11: var(--mauve-a11); --color-mauveA-12: var(--mauve-a12); --color-mauve-contrast: var(--mauve-contrast); --color-mauve-surface: var(--mauve-surface); --color-mauve-track: var(--mauve-track); --color-mauve-indicator: var(--mauve-indicator); --color-slate-1: var(--slate-1); --color-slate-2: var(--slate-2); --color-slate-3: var(--slate-3); --color-slate-4: var(--slate-4); --color-slate-5: var(--slate-5); --color-slate-6: var(--slate-6); --color-slate-7: var(--slate-7); --color-slate-8: var(--slate-8); --color-slate-9: var(--slate-9); --color-slate-10: var(--slate-10); --color-slate-11: var(--slate-11); --color-slate-12: var(--slate-12); --color-slateA-1: var(--slate-a1); --color-slateA-2: var(--slate-a2); --color-slateA-3: var(--slate-a3); --color-slateA-4: var(--slate-a4); --color-slateA-5: var(--slate-a5); --color-slateA-6: var(--slate-a6); --color-slateA-7: var(--slate-a7); --color-slateA-8: var(--slate-a8); --color-slateA-9: var(--slate-a9); --color-slateA-10: var(--slate-a10); --color-slateA-11: var(--slate-a11); --color-slateA-12: var(--slate-a12); --color-slate-contrast: var(--slate-contrast); --color-slate-surface: var(--slate-surface); --color-slate-track: var(--slate-track); --color-slate-indicator: var(--slate-indicator); --color-sage-1: var(--sage-1); --color-sage-2: var(--sage-2); --color-sage-3: var(--sage-3); --color-sage-4: var(--sage-4); --color-sage-5: var(--sage-5); --color-sage-6: var(--sage-6); --color-sage-7: var(--sage-7); --color-sage-8: var(--sage-8); --color-sage-9: var(--sage-9); --color-sage-10: var(--sage-10); --color-sage-11: var(--sage-11); --color-sage-12: var(--sage-12); --color-sageA-1: var(--sage-a1); --color-sageA-2: var(--sage-a2); --color-sageA-3: var(--sage-a3); --color-sageA-4: var(--sage-a4); --color-sageA-5: var(--sage-a5); --color-sageA-6: var(--sage-a6); --color-sageA-7: var(--sage-a7); --color-sageA-8: var(--sage-a8); --color-sageA-9: var(--sage-a9); --color-sageA-10: var(--sage-a10); --color-sageA-11: var(--sage-a11); --color-sageA-12: var(--sage-a12); --color-sage-contrast: var(--sage-contrast); --color-sage-surface: var(--sage-surface); --color-sage-track: var(--sage-track); --color-sage-indicator: var(--sage-indicator); --color-olive-1: var(--olive-1); --color-olive-2: var(--olive-2); --color-olive-3: var(--olive-3); --color-olive-4: var(--olive-4); --color-olive-5: var(--olive-5); --color-olive-6: var(--olive-6); --color-olive-7: var(--olive-7); --color-olive-8: var(--olive-8); --color-olive-9: var(--olive-9); --color-olive-10: var(--olive-10); --color-olive-11: var(--olive-11); --color-olive-12: var(--olive-12); --color-oliveA-1: var(--olive-a1); --color-oliveA-2: var(--olive-a2); --color-oliveA-3: var(--olive-a3); --color-oliveA-4: var(--olive-a4); --color-oliveA-5: var(--olive-a5); --color-oliveA-6: var(--olive-a6); --color-oliveA-7: var(--olive-a7); --color-oliveA-8: var(--olive-a8); --color-oliveA-9: var(--olive-a9); --color-oliveA-10: var(--olive-a10); --color-oliveA-11: var(--olive-a11); --color-oliveA-12: var(--olive-a12); --color-olive-contrast: var(--olive-contrast); --color-olive-surface: var(--olive-surface); --color-olive-track: var(--olive-track); --color-olive-indicator: var(--olive-indicator); --color-sand-1: var(--sand-1); --color-sand-2: var(--sand-2); --color-sand-3: var(--sand-3); --color-sand-4: var(--sand-4); --color-sand-5: var(--sand-5); --color-sand-6: var(--sand-6); --color-sand-7: var(--sand-7); --color-sand-8: var(--sand-8); --color-sand-9: var(--sand-9); --color-sand-10: var(--sand-10); --color-sand-11: var(--sand-11); --color-sand-12: var(--sand-12); --color-sandA-1: var(--sand-a1); --color-sandA-2: var(--sand-a2); --color-sandA-3: var(--sand-a3); --color-sandA-4: var(--sand-a4); --color-sandA-5: var(--sand-a5); --color-sandA-6: var(--sand-a6); --color-sandA-7: var(--sand-a7); --color-sandA-8: var(--sand-a8); --color-sandA-9: var(--sand-a9); --color-sandA-10: var(--sand-a10); --color-sandA-11: var(--sand-a11); --color-sandA-12: var(--sand-a12); --color-sand-contrast: var(--sand-contrast); --color-sand-surface: var(--sand-surface); --color-sand-track: var(--sand-track); --color-sand-indicator: var(--sand-indicator); /* breakpoints */ --breakpoint-xs: 520px; --breakpoint-sm: 768px; --breakpoint-md: 1024px; --breakpoint-lg: 1280px; --breakpoint-xl: 1640px; }